field modifiers and custom store modules moved to config

Author: szczepanmasny

src/crud/components/ChildDetails.vue

@@ -81,7 +81,7 @@
 </template>
 <script>
 import Vue from "vue";
-import { functionsList } from "@/helpers/functions.js";
+import { fieldModifiers } from "@/config/field-modifiers.js";
 import { mapState, mapGetters, mapMutations, mapActions } from "vuex";
 
 export default {
@@ -172,7 +172,7 @@ export default {
         if (field.apiObject){
           if (field.apiObject.useFunctionsInDetails){
             let functions = field.apiObject.functions || []
-            let availableFunctions = functionsList
+            let availableFunctions = fieldModifiers
 
             for (let i = 0; i < functions.length; i++) {
               let functionName = functions[i]

src/crud/components/ItemDetails.vue

@@ -215,7 +215,7 @@
 <script>
 import Vue from "vue";
 import { VueEditor } from "vue2-editor";
-import { functionsList } from "@/helpers/functions.js";
+import { fieldModifiers } from "@/config/field-modifiers.js";
 import { mapState, mapGetters, mapMutations, mapActions } from "vuex";
 
 export default {
@@ -392,7 +392,7 @@ export default {
           if (field.apiObject) {
             if (field.apiObject.useFunctionsInDetails) {
               let functions = field.apiObject.functions || [];
-              let availableFunctions = functionsList;
+              let availableFunctions = fieldModifiers;
 
               for (let i = 0; i < functions.length; i++) {
                 let functionName = functions[i];

src/helpers/functions.js

@@ -1,3 +1,5 @@
+import { fieldModifiers } from "@/config/field-modifiers.js";
+
 function parseIntIfNumber(str) {
   return !/\D/.test(str) ? parseInt(str) : str
 }
@@ -27,38 +29,6 @@ function humanFileSize(bytes, si) {
   return bytes.toFixed(1) + ' ' + units[u];
 }
 
-let functionsList = {
-  humanFileSize: (param) => {
-    return humanFileSize(param)
-  },
-  dateFromTimestamp: (param) => {
-    return param.substring(0, 10)
-  },
-  timeFromTimestamp: (param) => {
-    let tmp = param || ''
-    return tmp.substring(0, 5)
-  },
-  datetimeFromTimestamp: (param) => {
-    return '<nobr>' + param.substring(0, 19) + '</nobr>'
-  },
-  croppedText: (param) => {
-    return (param == null || param.length < 100) ? param : param.substring(0, 100) + '...'
-  },
-  list: (param) => {
-    return param ? param.map(obj => obj.tableList).join(', ') : ''
-  },
-  listTasks: (param) => {
-    return param ? param.map(obj => {
-      return obj.task.name
-    }).join('<br>') : ''
-  },
-  lastReset: (param) => {
-    if (param.length > 0) {
-      return '<nobr>' + param[param.length - 1].reset_time.substring(0, 19) + '</nobr>'
-    }
-  }
-};
-
 function getItemsList(obj, fields, meta, primaryKey, customButtons, activeColumnName) {
   var rObj = {}
   rObj.meta = {
@@ -117,7 +87,7 @@ function getItemsList(obj, fields, meta, primaryKey, customButtons, activeColumn
           }, obj)
 
       let functions = info.functions || []
-      let availableFunctions = functionsList
+      let availableFunctions = fieldModifiers
 
       for (let i = 0; i < functions.length; i++) {
         let functionName = functions[i]
@@ -143,6 +113,5 @@ export {
   parseIntIfNumber,
   download,
   humanFileSize,
-  getItemsList,
-  functionsList
+  getItemsList
 }

src/store/custom.js

@@ -0,0 +1,9 @@
+// custom modules
+import administration from '@/routes/main/routes/administration/store/'
+import crm from '@/routes/main/routes/crm/store/'
+
+export default {
+    administration,
+    crm
+}
+

src/store/index.js

@@ -2,33 +2,25 @@ import Vue from 'vue'
 import Vuex from 'vuex'
 import router from '@/router'
 
-//crud
-import crud from './modules/crud/'
+// main store
+import state from './state'
+import getters from './getters'
+import mutations from './mutations'
+import actions from './actions'
 
+// crud
+import crud from './modules/crud/'
 // auth
-
 import auth from './modules/auth/'
 
-//modules
-import administration from '@/routes/main/routes/administration/store/'
-import crm from '@/routes/main/routes/crm/store/'
+let mainModules = {crud, auth}
 
-import state from './state'
-import getters from './getters'
-import mutations from './mutations'
-import actions from './actions'
+import customModules from '@/config/store-modules.js'
+const modules = Object.assign(customModules, mainModules);
 
+console.log(modules)
 Vue.use(Vuex);
 
-const modules = {
-  //crud
-  crud: crud,
-  //modules
-  administration: administration,
-  auth: auth,
-  crm: crm,
-}
-
 export default new Vuex.Store({
   modules,
   state,

templates/config/field-modifiers.js

@@ -0,0 +1,31 @@
+let fieldModifiers = {
+  humanFileSize: (param) => {
+    return humanFileSize(param)
+  },
+  dateFromTimestamp: (param) => {
+    return param.substring(0, 10)
+  },
+  timeFromTimestamp: (param) => {
+    let tmp = param || ''
+    return tmp.substring(0, 5)
+  },
+  datetimeFromTimestamp: (param) => {
+    return '<nobr>' + param.substring(0, 19) + '</nobr>'
+  },
+  croppedText: (param) => {
+    return (param == null || param.length < 100) ? param : param.substring(0, 100) + '...'
+  },
+  list: (param) => {
+    return param ? param.map(obj => obj.tableList).join(', ') : ''
+  },
+  lastReset: (param) => {
+    if (param.length > 0) {
+      return '<nobr>' + param[param.length - 1].reset_time.substring(0, 19) + '</nobr>'
+    }
+  }
+};
+
+export {
+  fieldModifiers
+}
+

templates/config/store-modules.js

@@ -0,0 +1,8 @@
+// custom modules
+import administration from '@/routes/main/routes/administration/store/'
+import crm from '@/routes/main/routes/crm/store/'
+
+export default {
+    administration,
+    crm
+}