From 55c8a66e6c2deaffc79d132ab68d5d8987e976ec Mon Sep 17 00:00:00 2001
From: Tommy Mikkelsen <tm@orstrand.dk>
Date: Fri, 6 May 2022 02:45:12 +0200
Subject: [PATCH] #476-2 WIP

---
 public/locales/en.json                        | 27 ++++---
 src/components/modules/General/status.js      | 71 +++++++++++++++++++
 src/components/modules/General/status.vue     | 40 +++++++++++
 src/components/modules/General/wtutils.js     |  5 +-
 .../modules/PMS/ViewState/ViewState.vue       | 34 +++------
 .../PMS/ViewState/scripts/viewstate.js        | 61 ++++------------
 src/router/index.js                           |  1 -
 src/store/index.js                            |  5 +-
 src/store/modules/{viewstate.js => status.js} | 12 ++--
 9 files changed, 163 insertions(+), 93 deletions(-)
 create mode 100644 src/components/modules/General/status.js
 create mode 100644 src/components/modules/General/status.vue
 rename src/store/modules/{viewstate.js => status.js} (53%)

diff --git a/public/locales/en.json b/public/locales/en.json
index 3d64b3f..b477f4f 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -136,20 +136,30 @@
                 "Global": {
                     "Status": "Status",
                     "Chuncks": "Chunks",
+                    "Item": "Item",
                     "Items": "Items",
                     "Info": "Info",
                     "OutFile": "Output File",
                     "StartTime": "Start time",
                     "EndTime": "End Time",
                     "TimeElapsed": "Time Elapsed",
-                    "RunningTime": "Running time"
+                    "RunningTime": "Running time",
+                    "LibsToProcess": "Libraries to process",
+                    "CurrentLib": "Current Library"
                 },
                 "Modules": {}
             },
             "Msg": {
+                "Processing_Lib_1_2": "Processing library {0} of {1} - {2}",
                 "Global": {
+                    "Idle": "Idle",
+                    "Processing": "Processing"
+                    
                 },
-                "Modules": {}
+                "Modules": {
+                    "viewState": {
+                    }
+                }
             }
         }
     },
@@ -442,18 +452,15 @@
                 "Status": {
                     "Msg": {
                         "CollectUserInfo": "Collecting user info...Please wait",
-                        "Processing": "Processing",
-                        "Processing2": "Processing library {0} of {1} - {2}",
-                        "Idle": "Idle",
+                        
+                        "GEDDELProcessing2": "Processing library {0} of {1} - {2}",
+                        
                         "GatheringLibs": "Gathering libraries to process",
                         "ProcessItem1": "Processing: ({1} - {2}) - {0}"
                     },
                     "Names": {
-                        "Status": "Status",
-                        "LibsToProcess": "Libraries to process",
-                        "StartTime": "Start time",
-                        "CurrentLib": "Current Library",
-                        "Item": "Item"
+                        
+                        
                     }
                 }
             }
diff --git a/src/components/modules/General/status.js b/src/components/modules/General/status.js
new file mode 100644
index 0000000..e871881
--- /dev/null
+++ b/src/components/modules/General/status.js
@@ -0,0 +1,71 @@
+import store from '../../../store';
+import i18n from '../../../i18n';
+
+
+const status = new class Status {
+    constructor() {
+        this.statusmsg = {};
+        this.msgType = {
+            // Global stuff range up to 200
+            1: i18n.t("Common.Status.Name.Global.Status"),
+            2: i18n.t("Common.Status.Name.Global.Info"),
+            3: i18n.t("Common.Status.Name.Global.LibsToProcess"),
+            8: i18n.t("Common.Status.Name.Global.CurrentLib"),
+            9: i18n.t("Common.Status.Name.Global.Item"),
+            10: i18n.t("Common.Status.Name.Global.Items"),
+            // Time related stuff 201 -> 250
+            201: i18n.t("Common.Status.Name.Global.StartTime"),
+            202: i18n.t("Common.Status.Name.Global.EndTime"),
+            203: i18n.t("Common.Status.Name.Global.TimeElapsed"),
+            204: i18n.t("Common.Status.Name.Global.RunningTime")
+            // Module ViewState range is 1000 => 1200
+            // Module ET range is 1201 => 2400
+
+
+        };
+        this.RevMsgType = {
+            // Global stuff
+            "Status": 1,
+            "Info": 2,
+            "LibsToProcess" : 3,
+            "StartTime": 201,
+            "EndTime":202,
+            "TimeElapsed": 203,
+            "RunningTime": 204,
+            "CurrentLib": 8,
+            "Item": 9,
+            "Items": 10
+        }
+    }
+
+    // Clear Status Window
+    async clearStatus()
+    {
+        this.statusmsg = {};
+        store.commit("UPDATE_Status", '');
+        return;
+    }
+
+    // Update status msg
+    async updateStatusMsg(msgType, msg)
+    {
+        console.log('Ged 55-0 msgType: ' +  msgType)
+        console.log('Ged 55-1 msg: ' +  msg)
+        // Update relevant key
+        //const translatedMsgType = 
+        this.statusmsg[msgType] = msg;
+        // Tmp store of new msg
+        let newMsg = '';
+        // Walk each current msg keys
+        Object.entries(this.statusmsg).forEach(([key, value]) => {
+            if ( value != '')
+            {
+                newMsg += this.msgType[key] + ': ' + value + '\n';
+            }
+        })
+        store.commit("UPDATE_Status", newMsg);
+    }
+
+}
+
+export { status };
\ No newline at end of file
diff --git a/src/components/modules/General/status.vue b/src/components/modules/General/status.vue
new file mode 100644
index 0000000..4b02034
--- /dev/null
+++ b/src/components/modules/General/status.vue
@@ -0,0 +1,40 @@
+<script>
+    export default {
+    data() {
+        return {
+        statusMsg: this.$t("Common.Status.Msg.Global.Idle")
+        }
+    },
+    watch: {
+        // Watch for status update
+        viewStateStatus: function() {
+        this.statusMsg = this.$store.getters.getStatus;
+        }
+    },
+    computed: {
+        viewStateStatus: function(){
+        return this.$store.getters.getStatus;
+        }
+    }
+    };
+</script>
+
+<template>
+  <b-container fluid> <!-- Status -->
+      <b-row>
+        <b-col sm="2">
+          <label for="status">{{ $t('Common.Status.Name.Global.Status') }}:</label>
+        </b-col>
+        <b-col sm="10">
+          <b-form-textarea
+            id="status"
+            v-bind:placeholder="$t('Common.Status.Name.Global.Status')"
+            v-model="statusMsg"
+            :disabled=true
+            rows="1"
+            max-rows="8">
+          </b-form-textarea>
+        </b-col>
+      </b-row>
+    </b-container>
+</template>
\ No newline at end of file
diff --git a/src/components/modules/General/wtutils.js b/src/components/modules/General/wtutils.js
index 9162d2e..67c5de7 100644
--- a/src/components/modules/General/wtutils.js
+++ b/src/components/modules/General/wtutils.js
@@ -5,6 +5,10 @@ that we use in our solution.
 
 //import i18n from '../../../i18n';
 
+//import storeStatus from '../../store';
+
+//storeStatus
+
 const log = require('electron-log');
 console.log = log.log;
 const electron = require('electron');
@@ -713,5 +717,4 @@ const github = new class GitHub {
     }
 }
 
-
 export {wtutils, wtconfig, dialog, github};
\ No newline at end of file
diff --git a/src/components/modules/PMS/ViewState/ViewState.vue b/src/components/modules/PMS/ViewState/ViewState.vue
index 0088718..52800b8 100644
--- a/src/components/modules/PMS/ViewState/ViewState.vue
+++ b/src/components/modules/PMS/ViewState/ViewState.vue
@@ -57,25 +57,7 @@
         </div>
     </div>
     <br>
-    <b-container fluid> <!-- Status -->
-      <b-row>
-        <b-col sm="2">
-          <label for="status">{{ $t('Modules.PMS.ViewState.Status.Names.Status') }}:</label>
-        </b-col>
-        <b-col sm="10">
-          <b-form-textarea
-            id="status"
-            v-bind:placeholder="$t('Modules.PMS.ViewState.Status.Names.Status')"
-            v-model="statusMsg"
-            :disabled=true
-            rows="1"
-            max-rows="8">
-          </b-form-textarea>
-        </b-col>
-      </b-row>
-    </b-container>
-
-
+    <statusDiv /> <!-- Status Div -->
   </b-container>
 
 </template>
@@ -83,11 +65,15 @@
 <script>
   import i18n from '../../../../i18n';
   import store from '../../../../store';
-  //import { wtconfig } from '../General/wtutils';
+  //import { status } from '../../../own/status/status';
+  import { status } from '../../General/status';
   import { viewstate } from "./scripts/viewstate";
-
+  import statusDiv from '../../General/status.vue'
   const log = require("electron-log");
   export default {
+    components: {
+      statusDiv
+    },
       data() {
         return {
           optselSrcUsr: [],
@@ -114,9 +100,9 @@
     // Watch for when selected server address is updated
     selectedServerAddress: async function(){
       log.info("ViewState selected server changed");
-      viewstate.clearStatus();
+      status.clearStatus();
       console.log('Ged 1-2: ' + JSON.stringify(this.$store.getters.getViewStateStatus))
-      viewstate.updateStatusMsg(1, i18n.t("Modules.PMS.ViewState.Status.Msg.CollectUserInfo"));
+      status.updateStatusMsg(1, i18n.t("Modules.PMS.ViewState.Status.Msg.CollectUserInfo"));
       viewstate.SrcUsr = null;
       viewstate.TargetUsr = null;
       console.log('Ged 1-3: ' + JSON.stringify(this.$store.getters.getViewStateStatus))
@@ -131,7 +117,7 @@
       this.selSrcUsr = '';
       this.selTargetUsr = '',
       this.WaitForUsers = true;
-      viewstate.updateStatusMsg(1, i18n.t("Modules.PMS.ViewState.Status.Msg.Idle"));
+      status.updateStatusMsg(1, i18n.t("Common.Status.Msg.Global.Idle"));
       console.log('Ged 1-6: ' + JSON.stringify(this.$store.getters.getViewStateStatus))
     },
     // Watch for status update
diff --git a/src/components/modules/PMS/ViewState/scripts/viewstate.js b/src/components/modules/PMS/ViewState/scripts/viewstate.js
index d85de84..31e5088 100644
--- a/src/components/modules/PMS/ViewState/scripts/viewstate.js
+++ b/src/components/modules/PMS/ViewState/scripts/viewstate.js
@@ -5,6 +5,7 @@ console.log = log.log;
 
 
 import {wtutils, wtconfig} from '../../../General/wtutils';
+import { status } from '../../../General/status';
 import i18n from '../../../../../i18n';
 import store from '../../../../../store';
 import axios from 'axios';
@@ -15,17 +16,6 @@ const viewstate = new class ViewState {
     #_StartTime = null;
     #_EndTime = null;
     #_statusmsg = {};
-    #_msgType = {
-        1: i18n.t("Modules.PMS.ViewState.Status.Names.Status"),
-        2: i18n.t("Modules.PMS.ViewState.Status.Names.LibsToProcess"),
-        3: i18n.t("Modules.PMS.ViewState.Status.Names.StartTime"),
-        4: i18n.t("Modules.PMS.ViewState.Status.Names.CurrentLib"),
-        5: i18n.t("Modules.PMS.ViewState.Status.Names.Item"),
-        6: i18n.t("Modules.ET.Status.Names.StartTime"),
-        7: i18n.t("Modules.ET.Status.Names.EndTime"),
-        8: i18n.t("Modules.ET.Status.Names.TimeElapsed"),
-        9: i18n.t("Modules.ET.Status.Names.RunningTime")
-    }
 
     constructor() {
         this.selServerServerToken = '',
@@ -210,7 +200,7 @@ const viewstate = new class ViewState {
                         listProcess[JSONPath({path: `$..ratingKey`, json: medias[media]})[0]] = listProcessDetails;
                         index += 1;
                         this.bumpViewCount( listProcessDetails );
-                        this.updateStatusMsg(5,  i18n.t("Modules.PMS.ViewState.Status.Msg.ProcessItem1", [listProcessDetails['title'], index, totalSize]));
+                        status.updateStatusMsg(5,  i18n.t("Modules.PMS.ViewState.Status.Msg.ProcessItem1", [listProcessDetails['title'], index, totalSize]));
                     }
                 })
                 .catch(function (error) {
@@ -232,7 +222,7 @@ const viewstate = new class ViewState {
         var keyCount  = Object.keys(this.libs).length;
         let index = 1;
         for (var libKey in this.libs){
-            this.updateStatusMsg(4,  i18n.t("Modules.PMS.ViewState.Status.Msg.Processing2", [index, keyCount, this.libs[libKey]['title']]));
+            status.updateStatusMsg( status.RevMsgType.LibsToProcess,  i18n.t("Common.Status.Msg.Processing_Lib_1_2", [index, keyCount, this.libs[libKey]['title']]));
             await this.processWatchedList( libKey );
             index += 1;
         }
@@ -307,39 +297,14 @@ const viewstate = new class ViewState {
     async copyViewState( SrcUsr, TargetUsr ){
         log.info('[viewstate.js] Starting copyViewState');
         const startTime = await this.getNowTime('start');
-        //this.updateStatusMsg( this.RawMsgType.TimeElapsed, await this.getRunningTimeElapsed());
+        //status.updateStatusMsg( this.RawMsgType.TimeElapsed, await this.getRunningTimeElapsed());
         await this.getLibs( SrcUsr, TargetUsr );
-        //this.updateStatusMsg(3,  startTime);
+        //status.updateStatusMsg(3,  startTime);
         startTime
-        this.updateStatusMsg(1,  i18n.t("Modules.PMS.ViewState.Status.Msg.Processing"));
+        status.updateStatusMsg(status.RevMsgType.Status,  i18n.t("Common.Status.Msg.Global.Processing"));
         await this.getUsrTokens();
         await this.walkSourceUsr();
-        this.updateStatusMsg(1, i18n.t("Modules.PMS.ViewState.Status.Msg.Idle"));
-    }
-
-    // Update status msg
-    async updateStatusMsg(msgType, msg)
-    {
-        // Update relevant key
-        this.#_statusmsg[msgType] = msg;
-        // Tmp store of new msg
-        let newMsg = '';
-        // Walk each current msg keys
-        Object.entries(this.#_statusmsg).forEach(([key, value]) => {
-            if ( value != '')
-            {
-                newMsg += this.#_msgType[key] + ': ' + value + '\n';
-            }
-        })
-        store.commit("UPDATE_viewStateStatus", newMsg);
-    }
-
-    // Clear Status Window
-    async clearStatus()
-    {
-        this.#_statusmsg = {};
-        store.commit("UPDATE_viewStateStatus", '');
-        return;
+        status.updateStatusMsg(status.RevMsgType.Status, i18n.t("Common.Status.Msg.Global.Idle"));
     }
 
     async getLibs( SrcUsr, TargetUsr ){
@@ -352,13 +317,13 @@ const viewstate = new class ViewState {
             return;
         }
         if ( JSON.stringify(SrcUsr) === JSON.stringify(TargetUsr) ){
-            this.clearStatus();
-            this.updateStatusMsg(1, i18n.t("Modules.PMS.ViewState.Status.Msg.Idle"));
+            status.clearStatus();
+            status.updateStatusMsg(status.MsgType.Status, i18n.t("Common.Status.Msg.Global.Idle"));
             log.info('[viewstate.js] Same user selected, so aborting');
             return;
         }
-        this.clearStatus();
-        this.updateStatusMsg(1, i18n.t("Modules.PMS.ViewState.Status.Msg.GatheringLibs"));
+        status.clearStatus();
+        status.updateStatusMsg(1, i18n.t("Modules.PMS.ViewState.Status.Msg.GatheringLibs"));
         log.silly(`[viewstate.js] (getLibs) Source usr: ${JSON.stringify(SrcUsr)}`);
         log.silly(`[viewstate.js] (getLibs) Target usr: ${JSON.stringify(TargetUsr)}`);
         this.libs = {};
@@ -401,8 +366,8 @@ const viewstate = new class ViewState {
         for (let lib in this.libs){
             libstatus.push(this.libs[lib]['title'])
         }
-        this.updateStatusMsg(1, i18n.t("Modules.PMS.ViewState.Status.Msg.Idle"));
-        this.updateStatusMsg(2, libstatus.join(', '))
+        status.updateStatusMsg(status.RevMsgType.Status, i18n.t("Common.Status.Msg.Global.Idle"));
+        status.updateStatusMsg(2, libstatus.join(', '))
     }
 
     // Here we get the server token for the selected server
diff --git a/src/router/index.js b/src/router/index.js
index 2db8b1a..dda40ad 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -19,7 +19,6 @@ import Store from '../store/index.js';
 Vue.use(VueRouter)
 
   const router = new VueRouter({
-    
     mode: process.env.IS_ELECTRON ? 'hash' : 'history',
     base: process.env.BASE_URL,
     routes: [
diff --git a/src/store/index.js b/src/store/index.js
index e3a4a85..999e615 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -6,7 +6,7 @@ import poeditor from './modules/poeditor';
 import et from './modules/et';
 import language from './modules/language';
 import pms from './modules/pms';
-import viewstate from './modules/viewstate';
+import status from './modules/status';
 
 Vue.use(Vuex);
 
@@ -14,7 +14,6 @@ const vuexLocal = new VuexPersistence({
   storage: window.sessionStorage,
 });
 
-
 export default new Vuex.Store({
   state: {
   },
@@ -28,7 +27,7 @@ export default new Vuex.Store({
     et,
     language,
     pms,
-    viewstate
+    status
   },
   plugins: [vuexLocal.plugin]
 })
diff --git a/src/store/modules/viewstate.js b/src/store/modules/status.js
similarity index 53%
rename from src/store/modules/viewstate.js
rename to src/store/modules/status.js
index 1ef1c02..bb5a98e 100644
--- a/src/store/modules/viewstate.js
+++ b/src/store/modules/status.js
@@ -4,24 +4,24 @@ const log = require('electron-log');
 console.log = log.log;
 
 const state = {
-    viewStateStatus: ''
+    Status: ''
 };
 
 const mutations = {
-    UPDATE_viewStateStatus(state, payload) {
-      state.viewStateStatus = payload
+    UPDATE_Status(state, payload) {
+      state.Status = payload
     }
   };
 
 
 const getters = {
-    getViewStateStatus: state => state.viewStateStatus
+    getStatus: state => state.Status
 };
 
-const viewstateModule = {
+const statusModule = {
   state,
   mutations,
   getters
 }
 
-export default viewstateModule;
\ No newline at end of file
+export default statusModule;
\ No newline at end of file