WIP

vue/src/apps/ModelListView/ModelListView.vue

@@ -67,7 +67,7 @@ import GenericModalForm from "@/components/Modals/GenericModalForm";
 Vue.use(BootstrapVue)
 
 export default {
-  name: 'FoodListView', // TODO: make generic name
+  name: 'ModelListView', // TODO: make generic name
   mixins: [CardMixin, ToastMixin, ApiMixin],
   components: {GenericHorizontalCard, GenericSplitLists, GenericModalForm},
   data() {
@@ -85,7 +85,8 @@ export default {
     }
   },
   mounted() {
-    this.this_model = this.Models.FOOD  //TODO: mounted method to calcuate
+    let path = (window.location.pathname).split('/')
+    this.this_model = this.Models[path[path.length - 2].toUpperCase()]
   },
   methods: {
     // this.genericAPI inherited from ApiMixin

vue/src/apps/ModelListView/main.js

@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import App from './FoodListView'
+import App from './ModelListView'
 import i18n from '@/i18n'
 
 Vue.config.productionTip = false

vue/src/components/GenericSplitLists.vue

@@ -96,7 +96,6 @@
 </template>
 
 <script>
-import Vue from 'vue' // maybe not needed?
 import 'bootstrap-vue/dist/bootstrap-vue.css'
 import _debounce from 'lodash/debounce'
 import InfiniteLoading from 'vue-infinite-loading';