Cleaning Code, moving functions...

src/views/admin/cfgServer/cfgServer.ts

@@ -0,0 +1,70 @@
+import Vue from 'vue'
+import { Component } from 'vue-property-decorator'
+
+import { GlobalStore } from '@store'
+
+@Component({})
+export default class CfgServer extends Vue {
+  public loading: boolean = false
+  public paginationControl: {
+    page: number,
+    rowsPerPage: number // specifying this determines pagination is server-side
+  } = { page: 1, rowsPerPage: 20 }
+
+  public pagination: {
+    page: number
+  } = {page: 1 }
+
+  public serverData: any [] = GlobalStore.state.cfgServer.slice() // [{ chiave: 'chiave1', valore: 'valore 1' }]
+  public columns: any[] = [
+    {
+      name: 'chiave',
+      required: true,
+      label: 'Chiave',
+      align: 'left',
+      field: 'chiave',
+      sortable: true
+    },
+    { name: 'userid', label: 'UserId', field: 'userid', sortable: false },
+    { name: 'valore', label: 'Valore', field: 'valore', sortable: false }
+  ]
+
+  public visibleColumns: ['chiave', 'userid', 'valore']
+  public separator: 'horizontal'
+  public filter: string = ''
+  public selected: any[] = []
+  public dark: boolean = true
+
+  public keysel: string = ''
+  public userIdsel: string = ''
+
+  get tableClass() {
+    if (this.dark) {
+      return 'bg-black'
+    }
+  }
+
+  public selItem(item) {
+    console.log('item', item)
+    this.keysel = item.chiave
+    this.userIdsel = item.userid
+    console.log('this.keysel', this.keysel)
+  }
+
+  public SaveValue(newVal, valinitial) {
+    console.log('SaveValue', newVal, 'selected', this.selected)
+
+    const mydata = {
+      chiave: this.keysel,
+      userId: this.userIdsel,
+      valore: newVal
+    }
+    // Save on Server
+    GlobalStore.actions.saveCfgServerKey(mydata)
+  }
+
+  public created() {
+    this.serverData = GlobalStore.state.cfgServer.slice() // [{ chiave: 'chiave1', valore: 'valore 1' }]
+    // this.serverData = GlobalStore.state.cfgServer.slice()
+  }
+}