Fixed Mutiple AutoStart Call & added Application Menu Context
authorFulup Ar Foll <fulup@iot.bzh>
Fri, 12 Feb 2016 14:35:00 +0000 (15:35 +0100)
committerFulup Ar Foll <fulup@iot.bzh>
Fri, 12 Feb 2016 14:35:00 +0000 (15:35 +0100)
afm-client/app/Frontend/widgets/ActionButtons/ActionButtons.scss
afm-client/app/Frontend/widgets/ActionButtons/AppliButton.js
afm-client/app/Frontend/widgets/Notifications/TokenRefreshSvc.js

index 16f7bb5..6daba6a 100644 (file)
@@ -24,4 +24,17 @@ appli-button {
     img {
         height: 3rem;
     }
+    
+    
+    .disable>i {
+      text-decoration:none; // really not needed for the Top Bar, just for general technique
+      cursor: auto;
+      color: grey !important;
+    }
+}
+
+#appliActionMenu {    
+    .start-start, .stop-stop {
+        i {color: grey;}
+    }
 }
index e51b3b6..69e61b6 100644 (file)
             '<img ng-src="{{icon}}">' +
             '<span class="modal-text">Application <b>{{label}}</b></span>' +
             '<ul class="vertical icon-left primary menu-bar">' +
-            '<li><a ng-click=action("start")><i class="fi-check"> Start</i></a></li>' +
-            '<li><a ng-click=action("stop")><i class="fi-x"> Stop</i></a></li>' +
+            '<li class=start-{{runstatus}}><a ng-click=action("start")><i class="fi-check"> Start</i></a></li>' +
+            '<li class=stop-{{runstatus}}><a ng-click=action("stop")><i class="fi-x"> Stop</i></a></li>' +
             '<li><a ng-click=action("info")><i class="fi-info"> Info</i></a></li>' +
-            '<li><a ng-click=action("uninstall")><i class="fi-x"> Uninstall</i></a></li>' +
+            '<li class=start-{{runstatus}}><a ng-click=action("uninstall")><i class="fi-x"> Uninstall</i></a></li>' +
             '</ul>' +
             '';
     
@@ -53,6 +53,7 @@
             .directive('appliButton', function (AppConfig, AppCall, ModalFactory, Notification, $timeout) {
 
                 function mymethods(scope, elem, attrs) {
+                    scope.runstatus = "stop"
                     scope.clicked = function () {
 
                         var notifyError = function(api, response) {
                             switch (action) {
                                 
                                 case "start":
+                                    if (scope.runstatus !== "stop") return;
                                     AppCall.get ("afm-main", "start", {id: scope.appID}, function(response) {
                                         if (response.status !== 200 || response.data.jtype !== "AJB_reply") {
                                             notifyError ("start", response);
                                             return;
                                         }
-                                        
+                                        scope.runstatus="start";
                                         notifySuccess ("start", response);
                                     });
                                     break;
                                     
                                 case "stop":
+                                    if (scope.runstatus !== "start") return;
+                                    
                                     AppCall.get ("afm-main", "terminate", {runid: scope.runID}, function(response) {
                                         if (response.status !== 200 || response.data.jtype !== "AJB_reply") {
                                             notifyError ("stop", response);
                                             return;
                                         }
-                                        
+                                        scope.runstatus="stop";
                                         notifySuccess ("stop", response);
                                     });
                                     break;
                                                                                
                                         // reference http://foundation.zurb.com/apps/docs/#!/angular-modules
                                         var config = {
+                                            id: 'appliInfoMenu',
                                             animationIn: 'slideInFromTop',
                                             contentScope: {
                                                 close   : closeModal,
                                     break;
 
                                 case "uninstall":
+                                    if (scope.runstatus !== "stop") return;
                                     AppCall.get ("afm-main", "uninstall", {id: scope.appID}, function(response) {
                                         if (response.status !== 200 || response.data.jtype !== "AJB_reply") {
                                             notifyError ("uninstall", response);
             
                         // reference http://foundation.zurb.com/apps/docs/#!/angular-modules
                         var config = {
+                            id: 'appliActionMenu',
                             animationIn: 'slideInFromTop',
                             contentScope: {
-                                action  : actionModal,
-                                close   : closeModal,
-                                icon    : scope.icon,
-                                label   : scope.label
-                            }, template : tmplModal
+                                action   : actionModal,
+                                runstatus: scope.runstatus,
+                                close    : closeModal,
+                                icon     : scope.icon,
+                                label    : scope.label
+                            }, template  : tmplModal
                         }; 
                         // Popup Modal to render application data
                         scope.modal = new ModalFactory(config);
index 5c5b5ae..a7ee13f 100644 (file)
@@ -37,21 +37,22 @@ angular.module('TokenRefresh', ['AppConfig', 'ModalNotification'])
     .directive ('tokenRefresh', function($timeout, $http, $location, Notification, AppConfig) {
 
     function mymethods(scope, elem, attrs) {
-        scope.status=undefined; // neither thu neither false
-        
-    
+        scope.logged=undefined; // neither thu neither false
+         
         scope.online = function () {
             elem.addClass    ("online");
             elem.removeClass ("offline");
+            scope.logged=true;
         };
 
         scope.offline = function(){
             elem.addClass    ("offline");
             elem.removeClass ("online");
+            scope.logged=false;
         };
         
         scope.onerror = function(data, errcode, headers) {
-            if (scope.status !== false)  {
+            if (scope.logged !== false)  {
                 Notification.warning ({message: "AppFramework Binder Lost", delay: 5000});
                 scope.offline();
             }
@@ -59,7 +60,7 @@ angular.module('TokenRefresh', ['AppConfig', 'ModalNotification'])
         };
         
         scope.onsuccess = function(data, errcode, headers, config) {
-            if (scope.status !== true)  {
+            if (scope.logged !== true)  {
                 if (data.request.token) AppConfig.session.token = data.request.token;
                 if (data.request.uuid)  AppConfig.session.uuid  = data.request.uuid;
                 if (data.request.timeout)  AppConfig.session.timeout  = data.request.timeout;