WIP

vue/src/apps/RecipeSearchView/RecipeSearchView.vue

@@ -58,7 +58,10 @@
                                     </div>
                                     <div v-if="ui.enable_expert" class="row justify-content-end small">
                                         <div class="col-auto">
-                                            <b-button class="my-0" variant="link" size="sm">{{ $t("expert_mode") }}</b-button>
+                                            <b-button class="my-0" variant="link" size="sm" @click="search.expert_mode = !search.expert_mode">
+                                                <div v-if="!expertMode">{{ $t("expert_mode") }}</div>
+                                                <div v-if="expertMode">{{ $t("simple_mode") }}</div>
+                                            </b-button>
                                         </div>
                                     </div>
 
@@ -299,6 +302,7 @@
                         </span>
                     </div>
                 </div>
+                <div v-if="expertMode">i'm an expert!</div>
 
                 <div class="row">
                     <div class="col col-md-12">
@@ -417,6 +421,9 @@ export default {
                 { id: 0, label: this.$t("Unrated") + ratingCount(this.facets.Ratings?.["0.0"] ?? 0) },
             ]
         },
+        expertMode: function () {
+            return this.ui.enable_expert && this.search.expert_mode
+        },
     },
     mounted() {
         this.$nextTick(function () {

vue/src/locales/en.json

@@ -299,6 +299,7 @@
     "view_recipe": "View Recipe",
     "enable_expert": "Enable Export Mode",
     "expert_mode": "Expert Mode",
+    "simple_mode": "Simple Mode",
     "advanced": "Advanced",
     "fields": "Fields",
     "show_keywords": "Show Keywords",