nodectl 0.2.4

data/assets/javascript/templates/index.hbs

@@ -0,0 +1 @@
+Hello world

data/assets/javascript/templates/log.hbs

@@ -0,0 +1 @@
+{{view UI.TerminalView path=path}}

data/assets/javascript/templates/service.hbs

@@ -0,0 +1,110 @@
+{{#if isInstalled}}
+  <div class="page-header">
+    <h2>{{id}} <small>powered by {{recipe_name}} recipe</small></h2>
+  </div>
+
+  {{#if version_id}}
+    
+    <p>
+      <span class="label label-primary">{{version_id}}</span> <small><b>{{version_timestamp}}</b> {{version_message}}</small>
+    </p>
+    <p>
+      <button class="btn btn-success btn-xs" {{action 'setLatestVersion' }}>Upgrade to latest</button>
+      <button class="btn btn-default btn-xs" {{action 'versions_toggle'}}>Show all versions</button>
+    </p>
+
+    {{#if versions_opened}}
+      <ul>
+        {{#each versions}}
+          <li><small><button class="btn btn-success btn-xs" {{action 'setVersion' id }}>{{id}}</button> <em>({{timestamp}}) -- {{message}}</em></small></li>
+        {{/each}}
+      </ul>
+    {{/if}}
+
+    <hr>
+  {{/if}}
+
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <h4 class="panel-title">Actions</h4>
+    </div>
+
+    <div class="panel-body">
+      <div class="btn-group">
+        {{#each supported_actions}}
+          <button class="btn btn-default btn-xs" {{action 'run_action' this }}>{{this}}</button>
+        {{/each}}  
+      </div>
+    </div>
+  </div>
+
+  <hr>
+
+  {{#if start_supported}}
+
+    <div class="panel panel-default">
+      <div class="panel-heading">
+        <h4 class="panel-title pull-left">Instances</h4> <button class="btn btn-success btn-xs pull-right" {{action 'startInstance'}}>start</button>
+        <div class="clearfix"></div>
+      </div>
+
+      <div class="panel-body">
+
+        <table class="table table-condensed table-hover instances-table">
+          <thead>
+            <tr>
+              <th class="instances-table-pid">PID</td>
+              <th class="instances-table-status">Status</td>
+              <th class="instances-table-environment">Environment</td>
+              <th class="instances-table-actions">Actions</td>
+            </tr>
+          </thead>
+          <tbody>
+            {{#each instances}}
+              <tr {{bind-attr class=status}}>
+                <td>{{id}}</td>
+                <td>{{status}}</td>
+                <td>{{options.env}}</td>
+                <td>
+                  {{#if service.stop_supported}}
+                    <button class="btn btn-primary btn-xs" {{action 'stopInstance' this}}>stop</button>
+                    <button class="btn btn-warning btn-xs" {{action 'restartInstance' this}}>restart</button>
+                    <button class="btn btn-danger btn-xs" {{action 'killInstance' this}}>kill</button>
+                  {{/if}}
+                </td>
+              </tr>
+            {{/each}}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  {{/if}}
+
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <h4 class="panel-title">Logs</h4>
+    </div>
+
+    <div class="panel-body">
+      <ul class="nav nav-pills">
+        {{#each logs}}
+          {{#link-to 'log' name tagName="li"}}
+            <!-- TODO: fix bug with assign 'active' class on page update -->
+            {{#link-to 'log' name}}{{name}}{{/link-to}}
+          {{/link-to}}
+        {{/each}}
+      </ul>
+
+      {{outlet}}
+    </div>
+  </div>
+
+{{else}}
+
+  <div class="jumbotron">
+    <h1>{{id}} <small>powered by {{recipe_name}} recipe</small></h1>
+    <p>This service is not installed yet.</p>
+    <p><button class="btn btn-primary btn-lg" role="button" {{action 'installService'}}>Install</button></p>
+  </div>
+
+{{/if}}

data/assets/javascript/templates/views/action.hbs

@@ -0,0 +1,20 @@
+<div class="modal-window-content">
+  <p>
+    <span class="label label-primary">{{view.action.name}} for service {{view.action.service.id}}</span>
+    {{#if view.action.result}}
+      {{#if view.action.isSucceed}}
+        <span class="label label-success">succeed</span>
+      {{else}}
+        <span class="label label-danger">failed</span>
+      {{/if}}  
+    {{else}}
+      <span class="label label-default">running</span>
+    {{/if}}
+    <small>{{view.action.started_at_formatted}}</small>
+  </p>
+  <div class="terminal-wrapper">
+    {{#if view.action.ws}}
+      {{view UI.TerminalView path=view.action.ws class="action-terminal"}}
+    {{/if}}
+  </div>
+</div>

data/assets/javascript/templates/views/actions_list.hbs

@@ -0,0 +1,26 @@
+<a href="#" class="dropdown-toggle" data-toggle="dropdown">
+  <span class="glyphicon glyphicon-th-large"></span> actions <b class="caret"></b>
+</a>
+
+<ul class="dropdown-menu">
+  <!-- TODO
+  <li>
+    <div class="btn-group btn-group-justified btn-group-actions">
+      <div class="btn-group btn-group-xs">
+        <button type="button" class="btn btn-default">Clear</button>
+      </div>
+      <div class="btn-group btn-group-xs">
+        <button type="button" class="btn btn-default">Read all</button>
+      </div>
+    </div>
+
+  </li>
+  -->
+
+  {{#each running_actions}}
+    <li {{bind-attr class=":action-list-item isSucceed:action-list-item-succeed isFailed:action-list-item-failed"}}><a href="#" {{action 'openAction' this}}><span class="label label-default">{{started_at_formatted}}</span> {{service.id}}: {{name}}</a></li>
+  {{else}}
+    <li>No actions yet</li>
+  {{/each}}
+</ul>
+

data/assets/javascript/templates/views/environments_list.hbs

@@ -0,0 +1,9 @@
+<a href="#" class="dropdown-toggle" data-toggle="dropdown">
+  <span class="glyphicon glyphicon-th-large"></span> {{UI.currentEnvironment}} <b class="caret"></b>
+</a>
+
+<ul class="dropdown-menu">
+  {{#each environments}}
+    <li><a href="#" {{action 'setEnvironment' this}}>{{this}}</a></li>
+  {{/each}}
+</ul>

data/assets/javascript/templates/views/install_button.hbs

@@ -0,0 +1 @@
+<button class="btn btn-success btn-xs ladda-button" data-size="xs" data-style="expand-left" {{action 'installService' target=view}}>Install{{#unless view.service}} all{{/unless}}</button>

data/assets/javascript/templates/views/mass_run.hbs

@@ -0,0 +1,30 @@
+<div class="list-group-item list-group-item-service mass-run-list-item list-group-item-service-controlls">
+  <div class="btn-group">
+    <button class="btn btn-success btn-xs" {{action "runSelected" target=view}}>Run!</button>
+    <button class="btn btn-primary btn-xs" {{action "selectIdle" target=view}}>Select idle</button>
+  </div>
+
+  {{view view.selectAllCheckbox class="checkbox" list=view.servicesSelected services=view.servicesRunnable parent=view}}
+
+  <button class="btn btn-danger btn-xs pull-right" {{action 'toggleMassRunOpened'}}>Cancel</button>
+</div>
+
+{{#each view.services}}
+  <label {{bind-attr class=":list-group-item :list-group-item-service :mass-run-list-item isRunning"}}>
+    {{#if isRunning}}
+      <div class="service-run-indicator">&nbsp</div>
+    {{/if}}
+
+    {{#if start_supported}}
+      {{view view.runCheckbox service=this list=view.servicesSelected class="checkbox"}}
+    {{/if}}
+
+    <div class="sidebar-services-id">
+      {{id}}
+    </div>
+
+    {{#if start_supported}}
+      <span class="badge">{{instances.length}}</span>
+    {{/if}}
+  </label>
+{{/each}}

data/assets/javascript/templates/views/notifier_control.hbs

@@ -0,0 +1,7 @@
+<li>
+  <a href="#" {{action "toggleSound" target="view"}} {{bind-attr class="view.soundEnabled::notify-control-disabled"}}><span {{bind-attr class=":glyphicon view.soundEnabled:glyphicon-ok:glyphicon-remove"}}></span> Sounds</b></a>
+</li>
+
+<li>
+  <a href="#" {{action "togglePopup" target="view"}} {{bind-attr class="view.popupEnabled::notify-control-disabled"}}><span {{bind-attr class=":glyphicon view.popupEnabled:glyphicon-ok:glyphicon-remove"}}></span> Popups</b></a>
+</li>

data/assets/javascript/templates/views/param.hbs

@@ -0,0 +1,6 @@
+
+{{#if choices }}
+  {{view Ember.Select content=view.inst_options.choices optionValuePath="content" optionLabelPath="content" value=view.value selection=view.inst_options.default class="form-control input-sm"}}
+{{else}}
+  <input class="form-control input-sm" {{bind-attr 'placeholer' name}}>
+{{/if}}

data/assets/javascript/templates/views/terminal.hbs

@@ -0,0 +1,8 @@
+<div class="terminal">
+  <div class="terminal-output"></div>
+
+  <div class="terminal-controls">
+    {{view.status}}
+    <button class="btn btn-danger btn-xs pull-right" {{action cleanup target=view}}>cleanup</button>
+  </div>
+</div>

data/assets/javascript/ui.coffee

@@ -0,0 +1,24 @@
+#= require ./vendor/jquery
+#= require ./vendor/handlebars
+#= require ./vendor/ember
+#= require ./vendor/ember-data
+#= require ./vendor/ansiparse
+#= require ./vendor/spin
+#= require ./vendor/ladda
+#= require ./vendor/moment.min
+#= require ./vendor/audio.min
+#= require ./vendor/notify-osd
+
+#= require ./application
+#= require ./store
+#= require ./router
+
+#= require_tree ./templates
+#= require_tree ./models
+#= require_tree ./controllers
+#= require_tree ./routes
+#= require_tree ./views
+
+#= require ./bootstrap
+#= require ./event_handler
+#= require ./notifier

data/assets/javascript/vendor/ansiparse.js

@@ -0,0 +1,186 @@
+ansiparse = function (str) {
+  //
+  // I'm terrible at writing parsers.
+  //
+  var matchingControl = null,
+      matchingData = null,
+      matchingText = '',
+      ansiState = [],
+      result = [],
+      state = {},
+      eraseChar;
+
+  //
+  // General workflow for this thing is:
+  // \033\[33mText
+  // |     |  |
+  // |     |  matchingText
+  // |     matchingData
+  // matchingControl
+  //
+  // In further steps we hope it's all going to be fine. It usually is.
+  //
+
+  //
+  // Erases a char from the output
+  //
+  eraseChar = function () {
+    var index, text;
+    if (matchingText.length) {
+      matchingText = matchingText.substr(0, matchingText.length - 1);
+    }
+    else if (result.length) {
+      index = result.length - 1;
+      text = result[index].text;
+      if (text.length === 1) {
+        //
+        // A result bit was fully deleted, pop it out to simplify the final output
+        //
+        result.pop();
+      }
+      else {
+        result[index].text = text.substr(0, text.length - 1);
+      }
+    }
+  };
+
+  for (var i = 0; i < str.length; i++) {
+    if (matchingControl != null) {
+      if (matchingControl == '\033' && str[i] == '\[') {
+        //
+        // We've matched full control code. Lets start matching formating data.
+        //
+
+        //
+        // "emit" matched text with correct state
+        //
+        if (matchingText) {
+          state.text = matchingText;
+          result.push(state);
+          state = {};
+          matchingText = "";
+        }
+
+        matchingControl = null;
+        matchingData = '';
+      }
+      else {
+        //
+        // We failed to match anything - most likely a bad control code. We
+        // go back to matching regular strings.
+        //
+        matchingText += matchingControl + str[i];
+        matchingControl = null;
+      }
+      continue;
+    }
+    else if (matchingData != null) {
+      if (str[i] == ';') {
+        //
+        // `;` separates many formatting codes, for example: `\033[33;43m`
+        // means that both `33` and `43` should be applied.
+        //
+        // TODO: this can be simplified by modifying state here.
+        //
+        ansiState.push(matchingData);
+        matchingData = '';
+      }
+      else if (str[i] == 'm') {
+        //
+        // `m` finished whole formatting code. We can proceed to matching
+        // formatted text.
+        //
+        ansiState.push(matchingData);
+        matchingData = null;
+        matchingText = '';
+
+        //
+        // Convert matched formatting data into user-friendly state object.
+        //
+        // TODO: DRY.
+        //
+        ansiState.forEach(function (ansiCode) {
+          if (ansiparse.foregroundColors[ansiCode]) {
+            state.foreground = ansiparse.foregroundColors[ansiCode];
+          }
+          else if (ansiparse.backgroundColors[ansiCode]) {
+            state.background = ansiparse.backgroundColors[ansiCode];
+          }
+          else if (ansiCode == 39) {
+            delete state.foreground;
+          }
+          else if (ansiCode == 49) {
+            delete state.background;
+          }
+          else if (ansiparse.styles[ansiCode]) {
+            state[ansiparse.styles[ansiCode]] = true;
+          }
+          else if (ansiCode == 22) {
+            state.bold = false;
+          }
+          else if (ansiCode == 23) {
+            state.italic = false;
+          }
+          else if (ansiCode == 24) {
+            state.underline = false;
+          }
+        });
+        ansiState = [];
+      }
+      else {
+        matchingData += str[i];
+      }
+      continue;
+    }
+
+    if (str[i] == '\033') {
+      matchingControl = str[i];
+    }
+    else if (str[i] == '\u0008') {
+      eraseChar();
+    }
+    else {
+      matchingText += str[i];
+    }
+  }
+
+  if (matchingText) {
+    state.text = matchingText + (matchingControl ? matchingControl : '');
+    result.push(state);
+  }
+  return result;
+}
+
+ansiparse.foregroundColors = {
+  '30': 'black',
+  '31': 'red',
+  '32': 'green',
+  '33': 'yellow',
+  '34': 'blue',
+  '35': 'magenta',
+  '36': 'cyan',
+  '37': 'white',
+  '90': 'grey'
+};
+
+ansiparse.backgroundColors = {
+  '40': 'black',
+  '41': 'red',
+  '42': 'green',
+  '43': 'yellow',
+  '44': 'blue',
+  '45': 'magenta',
+  '46': 'cyan',
+  '47': 'white'
+};
+
+ansiparse.styles = {
+  '1': 'bold',
+  '3': 'italic',
+  '4': 'underline'
+};
+
+if (typeof module == "object" && typeof window == "undefined") {
+  module.exports = ansiparse;
+}
+