X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=afm-client%2Fapp%2FFrontend%2Fwidgets%2FActionButtons%2FAppliButton.js;h=f2d20562b2aaf200b047e20baa6299031a3e7449;hb=f1c4499d7fd55c0f467870f98aa0f055066b338d;hp=e51b3b6bfa94c3424acbb50a7350b74637a242ea;hpb=eac68b18429b5e8bfb2aa8823d4f9a93f4e2ef5d;p=src%2Fapp-framework-demo.git

diff --git a/afm-client/app/Frontend/widgets/ActionButtons/AppliButton.js b/afm-client/app/Frontend/widgets/ActionButtons/AppliButton.js
index e51b3b6..f2d2056 100644
--- a/afm-client/app/Frontend/widgets/ActionButtons/AppliButton.js
+++ b/afm-client/app/Frontend/widgets/ActionButtons/AppliButton.js
@@ -30,11 +30,11 @@
             '<b class="close-button" ng-click="close()">×</b>' +
             '<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>' +
+            '<ul class="vertical icon-left primary menu-bar appli-menu-start">' +
+            '<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>' +
             '';
     
@@ -42,7 +42,7 @@
             '<b class="close-button" ng-click="close()">×</b>' +
             '<img ng-src="{{icon}}">' +
             '<span class="modal-text">Application <b>{{label}}</b></span>' +
-            '<ul class="vertical icon-left">' +
+            '<ul class="vertical icon-left appli-menu-info">' +
             '<li><i class="fi-paperclip"> Name : {{detail.name}} </i></li>' +
             '<li><i class="fi-info"> Description {{detail.description}}</i></li>' +
             '<li><i class="fi-torso"> Author : {{detail.author}}</i></li>' +
@@ -50,28 +50,34 @@
             '';
 
     angular.module('AppliButton', [])
-            .directive('appliButton', function (AppConfig, AppCall, ModalFactory, Notification, $timeout) {
+            .directive('appliButton', function (AppConfig, AppCall, ModalFactory, Notification, $timeout, $window, $location, urlquery) {
 
                 function mymethods(scope, elem, attrs) {
+                    scope.runstatus = "stop";
+                    scope.runmode   = urlquery.runmode || "auto";
                     scope.clicked = function () {
 
-                        var notifyError = function(api, response) {
-                            Notification.error ({message: "Fail /api/afm-main" + api + "=" + scope.label + " RunID="+ scope.appID, delay: 5000});
+                        var notifyError = function(action, response) {
+                            Notification.error ({message: "Fail /api/afm-main" + action + "=" + scope.label + " RunID="+ scope.appID, delay: 5000});
                             elem.addClass ("fail");
                             elem.removeClass ("success");
-                            scope.callback (scope.appID, api, response);
+                            scope.callback (scope.appID, action, response);
                         };
                         
-                        var notifySuccess = function (api, response) {
+                        var notifySuccess = function (action, response) {
                             elem.removeClass ("fail");
                             scope.runID = response.data.response.runid;
-                            scope.callback (scope.appID, "/api/afm-main/start", response);
+                            scope.callback (scope.appID, action, response);
                         };
                         
-                        var closeModal = function() {
-                            console.log ("Modal Closing");
-                            scope.modal.deactivate();
-                            $timeout (function() {scope.modal.destroy();}, 1000);
+                        var closeModApp = function() {
+                            scope.modApp.deactivate();
+                            $timeout (function() {scope.modApp.destroy();}, 1000);
+                        };
+                        
+                        var closeModInfo = function() {
+                            scope.modInfo.deactivate();
+                            $timeout (function() {scope.modInfo.destroy();}, 1000);
                         };
                         
                         var actionModal = function(action) {
@@ -79,24 +85,36 @@
                             switch (action) {
                                 
                                 case "start":
-                                    AppCall.get ("afm-main", "start", {id: scope.appID}, function(response) {
+                                    if (scope.runstatus !== "stop") return;
+                                    AppCall.get ("afm-main", "start", {id: scope.appID, mode: scope.runmode}, function(response) {
                                         if (response.status !== 200 || response.data.jtype !== "AJB_reply") {
                                             notifyError ("start", response);
                                             return;
                                         }
-                                        
-                                        notifySuccess ("start", response);
+                                        scope.runstatus="start";
+                                        notifySuccess (action, response);
+					if(response.data.response.uri)
+                                            scope.winapp= $window.open(response.data.response.uri.replace("%h", $location.host()));                                            
                                     });
                                     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);
+                                        // if a remote window app was open let's close it
+                                        if (scope.winapp) {
+                                           console.log ("Closing Application Window label=%s id=%s", scope.label, scope.appID);
+                                           scope.winapp.close();
+                                           scope.winapp=false;
+                                        }
+                                        notifySuccess (action, response);
                                     });
                                     break;
                                         
@@ -111,27 +129,28 @@
                                         var config = {
                                             animationIn: 'slideInFromTop',
                                             contentScope: {
-                                                close   : closeModal,
+                                                close   : closeModInfo,
                                                 icon    : scope.icon,
                                                 label   : scope.appID,
                                                 detail  : response.data.response
                                             }, template : tmplDetail
                                         }; 
                                         // Popup Modal to render application data
-                                        scope.modal = new ModalFactory(config);
-                                        scope.modal.activate ();
+                                        scope.modInfo = new ModalFactory(config);
+                                        scope.modInfo.activate ();
 
                                     });
                                     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);
                                             return;
                                         }
                                         
-                                        notifySuccess ("uninstall", response);
+                                        notifySuccess (action, response);
                                     });
                                     break;
 
@@ -140,22 +159,23 @@
                                     break;
                             }
                             
-                            closeModal();
+                            closeModApp();
                         };
             
                         // reference http://foundation.zurb.com/apps/docs/#!/angular-modules
                         var config = {
                             animationIn: 'slideInFromTop',
                             contentScope: {
-                                action  : actionModal,
-                                close   : closeModal,
-                                icon    : scope.icon,
-                                label   : scope.label
-                            }, template : tmplModal
+                                action   : actionModal,
+                                runstatus: scope.runstatus,
+                                close    : closeModApp,
+                                icon     : scope.icon,
+                                label    : scope.label
+                            }, template  : tmplModal
                         }; 
                         // Popup Modal to render application data
-                        scope.modal = new ModalFactory(config);
-                        scope.modal.activate ();
+                        scope.modApp = new ModalFactory(config);
+                        scope.modApp.activate ();
                     };
 
                     // extract application information from AppID+Store