utilities

Thermo.Active/wwwroot/src/modules/app-footer.ts

@@ -55,15 +55,15 @@ export default class AppFooter extends Vue {
   }
 
   public getUtilities(): Array<Object> {
-    // if (typeof cmsClient != "undefined") 
-    //     return JSON.parse(cmsClient.getConfiguredProcessesInMainMenu());
-    // else
-    return new Array<Object>();
+    if (typeof cmsClient != "undefined")
+      return JSON.parse(cmsClient.getConfiguredProcessesInMainMenu());
+    else
+      return new Array<Object>();
   }
 
   public startUtility(id: any) {
-    // if (typeof cmsClient != "undefined")          
-    //   cmsClient.openOrStartProcess(id);
+    if (typeof cmsClient != "undefined")
+      cmsClient.openOrStartProcess(id);
   }
 
   showDashboard() {

Thermo.Active/wwwroot/src/modules/app-footer.vue

@@ -66,6 +66,23 @@
 				class="oval clock"
 				:class="{ big:isInPath('clock') && !state.isMainViewLiftedUp}"
 			></button>
+
+			<div v-if="isAreaVisible('utilities') && getUtilities().length > 0" class="divider">
+				<i class="fa fa-circle"></i>
+			</div>
+			<template v-for="software in getUtilities()">
+				<button
+					@click="startUtility(software.id)"
+					:title="software.longName"
+					:key="software.id"
+					:disabled="!isAreaEnabled('utilities')"
+					v-if="isAreaVisible('utilities')"
+					class="oval externUtility"
+				>
+					<img v-if="software.iconBase64 && software.iconBase64!=''" :src="software.iconBase64" />
+					<div v-if="!software.iconBase64 || software.iconBase64==''">{{software.shortName}}</div>
+				</button>
+			</template>
 		</div>
 
 		<div class="machine-area">