display routes to /action and /config-panel in expe mode

app/src/i18n/locales/en.json

@@ -8,10 +8,12 @@
     "all_apps": "All apps",
     "api_not_responding": "The YunoHost API is not responding. Maybe 'yunohost-api' is down or got restarted?",
     "app_actions": "Actions",
+    "app_actions_label": "Perform actions",
     "app_change_label": "Change Label",
     "app_change_url": "Change URL",
     "app_choose_category": "Choose a category",
     "app_config_panel": "Config panel",
+    "app_config_panel_label": "Configure this app",
     "app_config_panel_no_panel": "This application doesn't have any configuration available",
     "app_info_access_desc": "Groups / users currently allowed to access this app:",
     "app_info_changelabel_desc": "Change app label in the portal.",

app/src/views/app/AppInfo.vue

@@ -113,6 +113,32 @@
       </b-form-group>
     </b-card>
 
+    <!-- EXPERIMENTAL (displayed if experimental feature has been enabled in web-admin options)-->
+    <b-card v-if="this.$store.getters.experimental">
+      <template v-slot:header>
+        <h2><icon iname="flask" /> {{ $t('experimental') }}</h2>
+      </template>
+
+      <!-- APP ACTIONS -->
+      <b-form-group label-cols-md="4" :label="$t('app_actions_label')" label-for="actions">
+        <b-input-group>
+          <b-button id="actions" variant="warning" :to="{ name: 'app-actions', params: { id } }">
+            <icon iname="flask" /> {{ $t('app_actions') }}
+          </b-button>
+        </b-input-group>
+      </b-form-group>
+      <hr>
+
+      <!-- APP CONFIG PANEL -->
+      <b-form-group label-cols-md="4" :label="$t('app_config_panel_label')" label-for="config">
+        <b-input-group>
+          <b-button id="config" variant="warning" :to="{ name: 'app-config-panel', params: { id } }">
+            <icon iname="flask" /> {{ $t('app_config_panel') }}
+          </b-button>
+        </b-input-group>
+      </b-form-group>
+    </b-card>
+
     <!-- MODAL -->
     <b-modal
       v-if="action"