converted ingredient parser to class and added automation beta hint

vue/src/apps/ModelListView/ModelListView.vue

@@ -8,11 +8,22 @@
                         :show="show_modal"
                         @finish-action="finishAction"/>
 
+
     <div class="row">
       <div class="col-md-2 d-none d-md-block">
       </div>
       <div class="col-xl-8 col-12">
         <div class="container-fluid d-flex flex-column flex-grow-1">
+
+          <div class="row" v-if="this_model === Models.AUTOMATION">
+            <div class="col-md-12">
+              <b-alert show variant="warning">
+                <b-badge>BETA</b-badge>
+                {{ $t('warning_feature_beta') }}
+              </b-alert>
+            </div>
+          </div>
+
           <div class="row">
             <div class="col-md-6" style="margin-top: 1vh">
               <h3>
@@ -38,11 +49,11 @@
               <!-- model isn't paginated and loads in one API call -->
               <div v-if="!paginated">
                 <generic-horizontal-card v-for="i in items_left" v-bind:key="i.id"
-                        :item=i
-                        :model="this_model"
-                        @item-action="startAction($event, 'left')"
-                        @finish-action="finishAction"/>
-              </div> 
+                                         :item=i
+                                         :model="this_model"
+                                         @item-action="startAction($event, 'left')"
+                                         @finish-action="finishAction"/>
+              </div>
               <!-- model is paginated and needs managed -->
               <generic-infinite-cards v-if="paginated"
                                       :card_counts="left_counts"
@@ -343,7 +354,7 @@ export default {
         this.makeToast(this.$t('Error'), err.bodyText, 'danger')
       })
 
-      if (automate){
+      if (automate) {
         let apiClient = new ApiApiFactory()
 
         let automation = {
@@ -352,13 +363,13 @@ export default {
           param_2: target.id
         }
 
-        if (this.this_model === this.Models.FOOD){
+        if (this.this_model === this.Models.FOOD) {
           automation.type = 'FOOD_ALIAS'
         }
-        if (this.this_model === this.Models.UNIT){
+        if (this.this_model === this.Models.UNIT) {
           automation.type = 'UNIT_ALIAS'
         }
-        if (this.this_model === this.Models.KEYWORD){
+        if (this.this_model === this.Models.KEYWORD) {
           automation.type = 'KEYWORD_ALIAS'
         }
 

vue/src/components/GenericContextMenu.vue

@@ -21,7 +21,7 @@
       </b-dropdown-item>
 
       <b-dropdown-item v-if="show_merge" v-on:click="$emit('item-action', 'merge-automate')">
-        <i class="fas fa-robot fa-fw"></i> {{$t('Merge')}} & {{$t('Automate')}}
+        <i class="fas fa-robot fa-fw"></i> {{$t('Merge')}} & {{$t('Automate')}} <b-badge v-b-tooltip.hover :title="$t('warning_feature_beta')">BETA</b-badge>
       </b-dropdown-item>
 
     </b-dropdown>

vue/src/components/GenericHorizontalCard.vue

@@ -86,7 +86,7 @@
         <i class="fas fa-compress-arrows-alt fa-fw"></i> <b>{{$t('Merge')}}</b>: <span v-html="$t('merge_confirmation', {'source': source.name,'target':item.name})"></span>
       </b-list-group-item>
       <b-list-group-item v-if="useMerge" action v-on:click="$emit('item-action',{'action': 'merge-automate', 'target': item, 'source': source}); closeMenu()">
-       <i class="fas fa-robot fa-fw"></i> <b>{{$t('Merge')}} & {{$t('Automate')}}</b>: <span v-html="$t('merge_confirmation', {'source': source.name,'target':item.name})"></span> {{$t('create_rule')}}
+       <i class="fas fa-robot fa-fw"></i> <b>{{$t('Merge')}} & {{$t('Automate')}}</b>: <span v-html="$t('merge_confirmation', {'source': source.name,'target':item.name})"></span> {{$t('create_rule')}} <b-badge v-b-tooltip.hover :title="$t('warning_feature_beta')" >BETA</b-badge>
       </b-list-group-item>
       <b-list-group-item action v-on:click="closeMenu()">
         <i class="fas fa-times fa-fw"></i> <b>{{$t('Cancel')}}</b>

vue/src/locales/en.json

@@ -1,4 +1,5 @@
 {
+  "warning_feature_beta": "This feature is currently in a BETA (testing) state. Please expect bugs and possibly breaking changes in the future (possibly loosing feature related data) when using this feature.",
   "err_fetching_resource": "There was an error fetching a resource!",
   "err_creating_resource": "There was an error creating a resource!",
   "err_updating_resource": "There was an error updating a resource!",