Feedback form: Add hidden fields

Add current language, current project and Kolibri and Endless Key
versions as hidden fields. In the format accepted by Typeform.

Helps #868

Author: manuq

kolibri_explore_plugin/assets/src/components/DiscoveryNavBar.vue

@@ -67,6 +67,7 @@
 
 <script>
 
+  import urls from 'kolibri.urls';
   import { currentLanguage, languageIdToCode } from 'kolibri.utils.i18n';
   import ViewDashboardOutlineIcon from 'vue-material-design-icons/ViewDashboardOutline.vue';
   import MagnifyIcon from 'vue-material-design-icons/Magnify.vue';
@@ -91,6 +92,7 @@
     mixins: [commonExploreStrings],
     data() {
       return {
+        buildInfo: null,
         isOffline: false,
       };
     },
@@ -99,11 +101,23 @@
         return assets.EndlessLogo;
       },
       feedbackUrl() {
+        const hiddenFormFields = new URLSearchParams({
+          language: currentLanguage,
+          kolibriVersion: window.kolibriCoreAppGlobal.version,
+          kolibriProject: plugin_data.kolibriProject || 'Unknown',
+        });
+
+        if (this.buildInfo) {
+          hiddenFormFields[
+            'endlessKeyRelease'
+          ] = `${this.buildInfo.version_name} ${this.buildInfo.last_release}`;
+        }
+
         switch (languageIdToCode(currentLanguage)) {
           case 'es':
-            return plugin_data.feedbackUrlEs;
+            return plugin_data.feedbackUrlEs + '#' + hiddenFormFields.toString();
           default:
-            return plugin_data.feedbackUrl;
+            return plugin_data.feedbackUrl + '#' + hiddenFormFields.toString();
         }
       },
       showFeedbackButton() {
@@ -116,6 +130,9 @@
         return !!plugin_data.androidApplicationId && !!plugin_data.windowsApplicationId;
       },
     },
+    mounted() {
+      this.getBuildInfo();
+    },
     created() {
       this.isOffline = !navigator.onLine;
       window.addEventListener('offline', this.onOffline);
@@ -169,6 +186,17 @@
           this.$store.commit('topicsRoot/SET_SHOW_SIDE_NAV', true);
         }
       },
+      getBuildInfo() {
+        const buildInfo = urls.static(`build-info.json`);
+        fetch(buildInfo)
+          .then(response => response.json())
+          .then(data => {
+            this.buildInfo = data;
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
     },
     $trs: {
       feedbackLabel: 'Feedback',

kolibri_explore_plugin/kolibri_plugin.py

@@ -64,6 +64,7 @@ def plugin_data(self):
             "hideDiscoveryTab": conf.OPTIONS["Explore"]["HIDE_DISCOVERY_TAB"],
             "feedbackUrl": conf.OPTIONS["Explore"]["FEEDBACK_URL"],
             "feedbackUrlEs": conf.OPTIONS["Explore"]["FEEDBACK_URL_ES"],
+            "kolibriProject": conf.OPTIONS["Deployment"]["PROJECT"],
         }
         if "Pwa" in conf.OPTIONS:
             pwa_options = {