Login services progress - vuex state holder

Author: megastary

scripts-definitions/base-module-example.json

@@ -1,6 +1,6 @@
 {
   "base-module-example": {
-    "version": "0.1.8",
+    "version": "0.1.9",
     "icon": "mdi-powershell",
     "displayName": {
       "default": "Base commands",
@@ -497,7 +497,7 @@
           {
             "name": "Test",
             "description": "Test PowerShell Module",
-            "commandBlock": "Connect-AzAccount"
+            "commandBlock": "Get-Location"
           }
         ],
         "parameters": [

src/components/CommandDialog.vue

@@ -47,9 +47,9 @@
             <q-btn
               v-for="object in currentCommandMaster.login"
               :key="object.name"
-              :label="$t(onlineCredentials.name ? 'loginDone' : 'loginRequired', { name: object.name })"
-              :icon="onlineCredentials.name ? 'mdi-account-check' : 'mdi-login-variant'"
-              :color="onlineCredentials.name ? 'green' : 'red'"
+              :label="$t(loggedInServices[object.name] ? 'loginDone' : 'loginRequired', { name: object.name })"
+              :icon="loggedInServices[object.name] ? 'mdi-account-check' : 'mdi-login-variant'"
+              :color="loggedInServices[object.name] ? 'green' : 'red'"
               @click="showLoginCommand(object)"
               class="full-width q-my-sm"
               no-wrap
@@ -194,7 +194,6 @@ export default {
   },
   data () {
     return {
-      onlineCredentials: {},
       returnParamsPaginate: 1, // In multiple selection workflows allows parameters for each selection
       paramType: { // Table translating PowerShell variable types to Quasar components names and options
         'String': ['q-input', 'text'],
@@ -208,7 +207,7 @@ export default {
     }
   },
   computed: {
-    ...mapGetters('lazystore', ['getCommandMaximized', 'getDenseInput']),
+    ...mapGetters('lazystore', ['getCommandMaximized', 'getDenseInput', 'getLoggedinServices']),
     commandDialogMaximized: {
       get () {
         return this.getCommandMaximized
@@ -220,6 +219,14 @@ export default {
     denseInput: function () {
       return this.getDenseInput
     },
+    loggedInServices: {
+      get () {
+        return this.getLoggedinServices
+      },
+      set (val) {
+        this.$store.dispatch('lazystore/setLoggedinServices', val)
+      }
+    },
     localValue: {
       get () {
         return this.value
@@ -254,6 +261,11 @@ export default {
         // Should open external window with login object
         this.$pwsh.shell.addCommand(object.commandBlock)
         this.$pwsh.shell.invoke().then(o => {
+          // Set service as logged in
+          // TODO: Move logic to vuex, actions, add clear on powershell restart and application restart
+          let temp = {}
+          temp[object.name] = true
+          this.loggedInServices = Object.assign({}, this.loggedInServices, temp)
           console.log(`Login command for ${object.name} executed succesfully.`)
           this.$q.notify({
             timeout: 2000,

src/store/lazystore/actions.js

@@ -122,3 +122,8 @@ export async function setCredentialsSaved ({ commit }, saved) {
 export async function setDisplayProgress ({ commit }, showProgress) {
   commit('SET_DISPLAYPROGRESS', showProgress)
 }
+
+// Commit mutation to set object of logged in services - Accessed in ScriptsPage.vue
+export async function setLoggedinServices ({ commit }, loggedInServices) {
+  commit('SET_LOGGEDINSERVICES', loggedInServices)
+}

src/store/lazystore/getters.js

@@ -82,6 +82,10 @@ export function getDisplayProgress (state) {
   return state.display_progress
 }
 
+export function getLoggedinServices (state) {
+  return state.loggedin_services
+}
+
 // Dynamically build array of scripts to display in ScriptsPage.vue page
 export function getScriptsArray (state) {
   try {

src/store/lazystore/mutations.js

@@ -91,3 +91,7 @@ export const SET_CREDENTIALSSAVED = (state, value) => {
 export const SET_DISPLAYPROGRESS = (state, value) => {
   state.display_progress = value
 }
+
+export const SET_LOGGEDINSERVICES = (state, value) => {
+  state.loggedin_services = value
+}

src/store/lazystore/state.js

@@ -22,6 +22,7 @@ export default function () {
     dense_table: true, // Should tables be dense or not
     login_skipped: false, // Was login skipped or not
     credentials_saved: false, // Are Login credentials saved or not
-    display_progress: false // Is progress dialog displayed or not
+    display_progress: false, // Is progress dialog displayed or not
+    loggedin_services: {} // Holds names of logged in services for current PowerShell session
   }
 }