Feature #3748: Oneflow service info panel

src/sunstone/public/app/tabs/oneflow-services-tab.js

@@ -12,6 +12,7 @@ define(function(require) {
   ];
 
   var _panels = [
+    require('./oneflow-services-tab/panels/info')
   ];
 
   var _formPanels = [

src/sunstone/public/app/tabs/oneflow-services-tab/panels/info.js

@@ -0,0 +1,61 @@
+define(function(require) {
+  /*
+    DEPENDENCIES
+   */
+  
+  var Locale = require('utils/locale');
+  var PermissionsTable = require('utils/panel/permissions-table');
+  var OpenNebulaService = require('opennebula/service');
+
+  /*
+    TEMPLATES
+   */
+  
+  var TemplateHTML = require('hbs!./info/html');
+
+  /*
+    CONSTANTS
+   */
+
+  var TAB_ID = require('../tabId');
+  var PANEL_ID = require('./info/panelId');
+  var XML_ROOT = "DOCUMENT";
+  var RESOURCE = "Service";
+
+  /*
+    CONSTRUCTOR
+   */
+
+  function Panel(info) {
+    this.title = Locale.tr("Info");
+    this.icon = "fa-info-circle";
+
+    this.element = info[XML_ROOT];
+
+    return this;
+  }
+
+  Panel.PANEL_ID = PANEL_ID;
+  Panel.prototype.html = _html;
+  Panel.prototype.setup = _setup;
+
+  return Panel;
+
+  /*
+    FUNCTION DEFINITIONS
+   */
+
+  function _html() {
+    var permissionsTableHTML = PermissionsTable.html(TAB_ID, RESOURCE, this.element);
+
+    return TemplateHTML({
+      'element': this.element,
+      'permissionsTableHTML': permissionsTableHTML,
+      'stateStr': OpenNebulaService.state(this.element.TEMPLATE.BODY.state)
+    });
+  }
+
+  function _setup(context) {
+    PermissionsTable.setup(TAB_ID, RESOURCE, this.element, context);
+  }
+});

src/sunstone/public/app/tabs/oneflow-services-tab/panels/info/html.hbs

@@ -0,0 +1,46 @@
+<div class="row">
+  <div class="large-6 columns">
+    <table class="dataTable extended_table">
+      <thead>
+        <tr>
+          <th colspan="2">{{tr "Information"}}</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td class="key_td">{{tr "ID"}}</td>
+          <td class="value_td" colspan="2">{{element.ID}}</td>
+        </tr>
+        <tr>
+          <td class="key_td">{{tr "Name"}}</td>
+          <td class="value_td" colspan="2">{{element.NAME}}</td>
+        </tr>
+        <tr>
+          <td class="key_td">{{tr "Strategy"}}</td>
+          <td class="value_td">{{element.TEMPLATE.BODY.deployment}}</td>
+        </tr>
+        <tr>
+          <td class="key_td">{{tr "Shutdown action"}}</td>
+          <td class="value_td">
+            {{valOrDefault element.TEMPLATE.BODY.shutdown_action "-"}}
+          </td>
+        </tr>
+        <tr>
+          <td class="key_td">{{tr "State"}}</td>
+          <td class="value_td">{{stateStr}}</td>
+        </tr>
+        <tr>
+          <td class="key_td">{{tr "Ready Status Gate"}}</td>
+          <td class="value_td">
+            {{#if element.TEMPLATE.BODY.ready_status_gate}}
+            {{tr "yes"}}
+            {{else}}
+            {{tr "no"}}
+            {{/if}}
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="large-6 columns">{{{permissionsTableHTML}}}</div>
+</div>

src/sunstone/public/app/tabs/oneflow-services-tab/panels/info/panelId.js

@@ -0,0 +1,3 @@
+define(function(require){
+  return 'service_info_tab';
+});