X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?p=src%2Fapp-framework-demo.git;a=blobdiff_plain;f=afb-client%2Fapp%2FFrontend%2Fwidgets%2FActionButtons%2FAppliButton.js;fp=afb-client%2Fapp%2FFrontend%2Fwidgets%2FActionButtons%2FAppliButton.js;h=269ee81d7f50fa7fc9fda09abffad4cfc5598c9c;hp=0000000000000000000000000000000000000000;hb=95a5e12dca0e0e0eb93b3dad69e529d737840d38;hpb=6d06a2a9a02906ce4c848540d74c3c5798688664
diff --git a/afb-client/app/Frontend/widgets/ActionButtons/AppliButton.js b/afb-client/app/Frontend/widgets/ActionButtons/AppliButton.js
new file mode 100644
index 0000000..269ee81
--- /dev/null
+++ b/afb-client/app/Frontend/widgets/ActionButtons/AppliButton.js
@@ -0,0 +1,205 @@
+/*
+ * Copyright (C) 2015 "IoT.bzh"
+ * Author "Fulup Ar Foll"
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see .
+ *
+ * Bugs: Input with Callback SHOULD BE get 'required' class
+ */
+
+(function () {
+ 'use strict';
+
+ var tmplAppli = '' +
+ '
![]()
' +
+ '
{{label}}' +
+ '
![]()
' +
+ 'Application {{label}}' +
+ '' +
+ '';
+
+ var tmplDetail =
+ 'Ã' +
+ '![]()
' +
+ 'Application {{label}}' +
+ '' +
+ '';
+
+ angular.module('AppliButton', [])
+ .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(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, action, response);
+ };
+
+ var notifySuccess = function (action, response) {
+ elem.removeClass ("fail");
+ scope.runID = response.data.response.runid;
+ scope.callback (scope.appID, action, response);
+ };
+
+ 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) {
+ console.log ("Modal Action=%s", action);
+ switch (action) {
+
+ case "start":
+ 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 !== "afb-reply") {
+ notifyError ("start", response);
+ return;
+ }
+ 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 !== "afb-reply") {
+ notifyError ("stop", response);
+ return;
+ }
+ scope.runstatus="stop";
+
+ // 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;
+
+ case "info":
+ AppCall.get ("afm-main", "detail", {id: scope.appID}, function(response) {
+ if (response.status !== 200 || response.data.jtype !== "afb-reply") {
+ notifyError ("detail", response);
+ return;
+ }
+
+ // reference http://foundation.zurb.com/apps/docs/#!/angular-modules
+ var config = {
+ animationIn: 'slideInFromTop',
+ contentScope: {
+ close : closeModInfo,
+ icon : scope.icon,
+ label : scope.appID,
+ detail : response.data.response
+ }, template : tmplDetail
+ };
+ // Popup Modal to render application data
+ 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 !== "afb-reply") {
+ notifyError ("uninstall", response);
+ return;
+ }
+
+ notifySuccess (action, response);
+ });
+ break;
+
+ default:
+ console.log ("ActionModal unknown action=[%s]", action);
+ break;
+ }
+
+ closeModApp();
+ };
+
+ // reference http://foundation.zurb.com/apps/docs/#!/angular-modules
+ var config = {
+ animationIn: 'slideInFromTop',
+ contentScope: {
+ action : actionModal,
+ runstatus: scope.runstatus,
+ close : closeModApp,
+ icon : scope.icon,
+ label : scope.label
+ }, template : tmplModal
+ };
+ // Popup Modal to render application data
+ scope.modApp = new ModalFactory(config);
+ scope.modApp.activate ();
+ };
+
+ // extract application information from AppID+Store
+ if (attrs.handle && scope.store [attrs.handle].name) {
+ scope.icon = AppConfig.paths.icons + attrs.handle; //scope.store [attrs.handle].name.toLowerCase() + '-ico.png';
+ scope.label = scope.store [attrs.handle].name;
+ scope.appID= attrs.handle;
+ } else {
+ scope.icon = AppConfig.paths.icons + 'w3c-ico.png';
+ scope.label = attrs.handle;
+ }
+
+ // add label as class
+ elem.addClass (scope.label.toLowerCase());
+
+ // note: clicked in imported and when template is clicked
+ // it will call clicked method passed in param.
+ }
+
+ return {
+ restrict: 'E',
+ template: tmplAppli,
+ link: mymethods,
+ scope: {callback: '=', store: '='}
+ };
+ });
+})();