bastion 0.1.0

data/app/assets/javascripts/bastion/incubator/views/alch-dropdown.html

@@ -0,0 +1,19 @@
+<ul class="dropdown"
+    ng-class="{ 'dropdown-right' : isRight(dropdown.direction), 'dropdown-active' : dropdown.show }">
+  <li class="dropdown-item"
+      ng-repeat="item in dropdown"
+      ng-mouseenter="setHover(item, true)"
+      ng-mouseleave="setHover(item, false)">
+
+    <a class="dropdown-item-link"
+       href="{{ item.url }}"
+       ng-class="{'menu-anchor' : item.type, 'dropdown-item-link-active' : item.active }">
+      <span class="fl">{{ item.display }}</span>
+      <i class="icon-caret-right flyout-indicator" ng-show="item.type=='flyout'"></i> </a>
+    <ul alch-flyout="item.items"
+        ng-if="item.type == 'flyout'"
+        ng-show="item.active"
+        ng-class="{ 'dropdown-active' : dropdown.show }">
+    </ul>
+  </li>
+</ul>

data/app/assets/javascripts/bastion/incubator/views/alch-edit-add-item.html

@@ -0,0 +1,21 @@
+<form class="add-item form-inline" role="form">
+  <h5 translate>Add New Item</h5>
+  <div class="form-group">
+    <input class="form-control" type="text" ng-model="newKey" placeholder="{{ 'Key' | translate }}" />
+  </div>
+  <div class="form-group">
+    <input class="form-control" type="text" ng-model="newValue" placeholder="{{ 'Value' | translate }}" />
+  </div>
+
+  <span ng-show="workingMode">
+    <i class="icon-spinner inline-icon icon-spin"></i>
+    <span translate>Working</span>
+  </span>
+
+  <button class="btn btn-primary"
+          translate
+          ng-click="add({value: {keyname: newKey, value: newValue}})"
+          ng-hide="workingMode">
+    Add
+  </button>
+</form>

data/app/assets/javascripts/bastion/incubator/views/alch-edit-add-remove-cancel.html

@@ -0,0 +1,28 @@
+<div ng-show="workingMode">
+  <i class="icon-spinner inline-icon icon-spin"></i>
+  <span translate>Working</span>
+</div>
+
+<button class="btn btn-primary"
+        translate
+        ng-click="add()"
+        ng-disabled="disableSave"
+        ng-show="editMode && !workingMode">
+  Add
+</button>
+
+<button class="btn btn-default"
+        translate
+        ng-click="remove()"
+        ng-disabled="disableSave"
+        ng-show="editMode && !workingMode">
+  Remove
+</button>
+
+<button class="btn btn-default"
+        translate
+        ng-click="cancel()"
+        ng-show="editMode && !workingMode"
+        ng-disabled="disableCancel">
+  Cancel
+</button>

data/app/assets/javascripts/bastion/incubator/views/alch-edit-checkbox.html

@@ -0,0 +1,6 @@
+<form role="form">
+  <div class="form-group" ng-show="editMode">
+    <input type="checkbox" ng-model="model"/>
+  </div>
+  <div alch-edit></div>
+</form>

data/app/assets/javascripts/bastion/incubator/views/alch-edit-custom.html

@@ -0,0 +1,8 @@
+<div>
+
+  <form name="alchEditForm" role="form" novalidate>
+    <div class="input" ng-transclude ng-show="editMode"></div>
+    <div alch-edit></div>
+  </form>
+
+</div>

data/app/assets/javascripts/bastion/incubator/views/alch-edit-multiselect.html

@@ -0,0 +1,17 @@
+<div class="alch-dialog alch-multiselect" ng-class="{open: editMode, closed: !editMode}">
+  <i class="icon-remove fr" ng-click="editMode = false" ng-show="editMode"></i>
+  <form ng-show="editMode" role="form">
+    <h5 translate>Existing Items</h5>
+    <input class="form-control"
+           ng-model="searchTerm"
+           type="text"
+           placeholder="{{ 'Filter' | translate }}"/>
+    <ul>
+      <li ng-repeat="option in options | filter:searchTerm">
+        <input type="checkbox" ng-model="option.selected" ng-change="toggleOption(option)"/>
+        <span ng-click="toggleOption(option)">{{ option.name }}</span>
+      </li>
+    </ul>
+  </form>
+  <div alch-edit></div>
+</div>

data/app/assets/javascripts/bastion/incubator/views/alch-edit-save-cancel.html

@@ -0,0 +1,20 @@
+<div ng-show="workingMode">
+  <i class="icon-spinner inline-icon icon-spin"></i>
+  <span translate>Working</span>
+</div>
+
+<button class="btn btn-primary"
+        translate
+        ng-click="save()"
+        ng-disabled="disableSave || alchEditForm.$invalid"
+        ng-show="editMode && !workingMode">
+  Save
+</button>
+
+<button class="btn btn-default"
+        translate
+        ng-click="cancel()"
+        ng-show="editMode && !workingMode"
+        ng-disabled="disableCancel">
+  Cancel
+</button>

data/app/assets/javascripts/bastion/incubator/views/alch-edit-select.html

@@ -0,0 +1,10 @@
+<form role="form">
+  <div class="form-group" ng-show="editMode">
+    <select class="form-control"
+            ng-model="selector"
+            ng-options="option.id as option.name for option in options">
+      <option ng-show="false" value=""></option>
+    </select>
+  </div>
+  <div alch-edit></div>
+</form>

data/app/assets/javascripts/bastion/incubator/views/alch-edit-text.html

@@ -0,0 +1,6 @@
+<form role="form">
+  <div class="form-group" ng-show="editMode">
+    <input class="form-control" ng-model="model"/>
+  </div>
+  <div alch-edit></div>
+</form>

data/app/assets/javascripts/bastion/incubator/views/alch-edit-textarea.html

@@ -0,0 +1,6 @@
+<form role="form">
+  <div class="form-group" ng-show="editMode">
+    <textarea class="form-control" rows=8 ng-model="model"></textarea>
+  </div>
+  <div alch-edit></div>
+</form>

data/app/assets/javascripts/bastion/incubator/views/alch-edit.html

@@ -0,0 +1,18 @@
+<div class="alch-edit">
+  <div class="value" ng-class="{ 'editable' : !readonly }" ng-click="edit()" ng-hide="editMode || workingMode">
+    <span class="fr">
+      <i class="icon-edit inline-icon" ng-hide="editMode || readonly"></i>
+      <i class="icon-remove inline-icon" ng-click="delete($event)" ng-show="deletable && !editMode && !readonly"></i>
+    </span>
+    <span class="editable-value">{{ displayValue }}</span>
+  </div>
+
+  <span ng-switch on="buttonConfig">
+    <div ng-switch-when="addRemove">
+      <div ng-include="'incubator/views/alch-edit-add-remove-cancel.html'"></div>
+    </div>
+    <div ng-switch-default>
+      <div ng-include="'incubator/views/alch-edit-save-cancel.html'"></div>
+    </div>
+  </span>
+</div>

data/app/assets/javascripts/bastion/incubator/views/alch-flyout.html

@@ -0,0 +1,10 @@
+<ul class="flyout">
+  <li class="flyout-item"
+      ng-repeat="item in flyout"
+      ng-class="{ 'dropdown-highlight' : item.active }"
+      ng-mouseenter="setHover(item, true)"
+      ng-mouseleave="setHover(item, false)">
+  
+    <a class="flyout-item-link" href="{{ item.url }}">{{ item.display }}</a>
+  </li>
+</ul>

data/app/assets/javascripts/bastion/incubator/views/alch-form-buttons.html

@@ -0,0 +1,10 @@
+<div class="form-group">
+  <div class="col-sm-offset-2 col-sm-4">
+    <div alch-save-control
+         on-cancel="handleCancel()"
+         on-save="handleSave()"
+         invalid="isInvalid()"
+         working="working">
+    </div>
+  </div>
+</div>

data/app/assets/javascripts/bastion/incubator/views/alch-form-group.html

@@ -0,0 +1,9 @@
+<div class="form-group" ng-class="{ 'has-error' : hasErrors() }">
+  <label for="{{ field }}" class="control-label col-sm-2">{{ label }}</label>
+  <div class="col-sm-5 input"> 
+    <span ng-transclude></span>
+    <span class="help-block" ng-show="error.messages">
+      <ul><li ng-repeat="message in error.messages">{{ message }}</li></ul>
+    </span>
+  </div>
+</div>

data/app/assets/javascripts/bastion/incubator/views/alch-menu.html

@@ -0,0 +1,18 @@
+<nav ng-class="menu.location">
+  <ul class="menu-container">
+
+    <li class="menu-item"
+        ng-repeat="item in menu.items"
+        ng-mouseenter="handleHover(item, true)"
+        ng-mouseleave="handleHover(item, false)">
+
+        <a href="{{ item.url }}"
+           ng-class="{ 'active-item' : item.active, 'menu-anchor' : item.type }"
+           class="menu-item-link"> 
+          <span>{{ item.display }}</span>
+         <i class="icon-caret-down" ng-show="item.type == 'dropdown'"></i>
+        </a>
+        <ul alch-dropdown="item.items"></ul>
+    </li>
+  </ul>
+</nav>

data/app/assets/javascripts/bastion/incubator/views/alch-modal-remove.html

@@ -0,0 +1,13 @@
+<script type="text/ng-template">
+  <div class="modal-header">
+    <i class="icon-remove close" ng-click="cancel()"></i>
+    <h3>{{ modalHeader | translate }}</h3>
+  </div>
+  <div class="modal-body">
+    <p>{{ modalBody | translate }}</p>
+  </div>
+  <div class="modal-footer">
+    <button class="btn btn-danger" ng-click="ok()" translate>Remove</button>
+    <button class="btn btn-default" ng-click="cancel()" translate>Cancel</button>
+  </div>
+</script>

data/app/assets/javascripts/bastion/incubator/views/alch-save-control.html

@@ -0,0 +1,18 @@
+<div class="control-group buttons">
+  <button class="btn btn-default"
+          type="button"
+          ng-click="handleCancel()"
+          ng-disabled="working"
+          translate>
+    Cancel
+  </button>
+
+  <button class="btn btn-primary"
+          ng-click="handleSave(); working = true"
+          ng-disabled="invalid || working">
+
+    <i class="icon-spinner icon-spin" ng-show="working"></i>
+    <span ng-show="working" translate>Saving...</span>
+    <span ng-hide="working" translate>Save</span>
+  </button>
+</div>

data/app/assets/javascripts/bastion/layouts/details-nutupane.html

@@ -0,0 +1,73 @@
+<section>
+  <div data-block="messages" alch-alert success-messages="successMessages" error-messages="errorMessages"></div>
+
+  <h4>
+    <span data-block="header"></span>
+  </h4>
+
+  <div class="row nutupane-bar">
+    <div class="col-sm-3">
+      <div data-block="search">
+        <div class="input-group input-group">
+          <input type="text"
+                 class="form-control"
+                 placeholder="{{ 'Search...' | translate }}"
+                 ng-model="detailsTable.searchTerm"
+                 on-enter="detailsTable.search(table.searchTerm)"/>
+          <span class="input-group-btn">
+            <button ng-click="detailsTable.search(detailsTable.searchTerm)" class="btn btn-default" type="button"><i class="icon-search"></i></button>
+          </span>
+        </div>
+      </div>
+    </div>
+
+    <div class="col-sm-3">
+      <span class="nutupane-info" data-block="result-count" translate>Showing {{ detailsTable.rows.length }} of {{ detailsTable.resource.subtotal }} ({{ detailsTable.resource.total }} Total)</span>
+    </div>
+
+    <div class="col-sm-2" ng-show="detailsTable.working">
+      <i class="icon-spinner icon-spin"></i>
+      <span translate>Working...</span>
+    </div>
+
+    <div class="col-sm-4 fr">
+      <div class="fr">
+        <span class="nutupane-info fl" data-block="selection-summary">
+          <span translate>{{ detailsTable.numSelected }} Selected</span>
+          <span>|</span>
+          <a class="deselect-action"
+             translate
+             ng-class="{ 'disabled-link' : detailsTable.numSelected == 0 }"
+             ng-click="detailsTable.selectAllResults(false)">
+            Deselect All
+          </a>
+        </span>
+
+        <span class="fl">
+          <span data-block="actions"></span>
+        </span>
+      </div>
+    </div>
+
+  </div>
+
+  <div class="nutupane" alch-table="detailsTable" nutupane-table>
+
+    <div alch-container-scroll alch-infinite-scroll="detailsTable.nextPage()" 
+         data="detailsTable.rows" skip-initial-load="!detailsTable.initialLoad">
+
+      <div class="nutupane-select-all" ng-show="detailsTable.selectAllResultsEnabled && detailsTable.allSelected() && !detailsTable.allResultsSelected">
+        <span translate>All {{ detailsTable.rows.length }} items on this page are selected.</span>
+        <a ng-click="detailsTable.selectAllResults(true)" translate>Select all {{ detailsTable.resource.subtotal }}.</a>
+      </div>
+
+      <div class="nutupane-select-all-selected" ng-show="detailsTable.selectAllResultsEnabled && detailsTable.allResultsSelected">
+        <span translate>{{ detailsTable.allResultsSelectCount() }} results are selected.</span>
+        <a ng-click="detailsTable.selectAllResults(false)" translate>Deselect all</a>
+      </div>
+
+      <div data-block="table"></div>
+    </div>
+  </div>
+
+</section>

data/app/assets/javascripts/bastion/layouts/nutupane.html

@@ -0,0 +1,63 @@
+<section>
+
+  <div data-block="messages" alch-alert error-messages="errorMessages" success-messages="successMessages"></div>
+
+  <div class="row nutupane-bar">
+    <h2 class="col-sm-2">
+      <span data-block="header">
+        REPLACE ME
+      </span>
+    </h2>
+  </div>
+
+  <div class="row nutupane-bar">
+    <div class="col-sm-3">
+      <div class="input-group input-group">
+        <input type="text"
+               class="form-control"
+               placeholder="{{ 'Search...' | translate }}"
+               ng-model="table.searchTerm"
+               on-enter="table.search(table.searchTerm)"/>
+        <span class="input-group-btn">
+          <button ng-click="table.search(table.searchTerm)" class="btn btn-default" type="button"><i class="icon-search"></i></button>
+        </span>
+      </div>
+    </div>
+
+    <div class="col-sm-3 nutupane-info">
+      <span translate>Showing {{ table.rows.length }} of {{ table.resource.subtotal }} ({{ table.resource.total }} Total)</span>
+    </div>
+
+    <div class="fr">
+      <div class="nutupane-info fl" ng-if="table.rowSelect">
+        <span translate>{{ table.numSelected }} Selected</span>
+        <span>|</span>
+        <a class="deselect-action"
+           translate
+           ng-class="{ 'disabled-link' : table.numSelected == 0 }"
+           ng-click="table.selectAllResults(false)">
+          Deselect All
+        </a>
+      </div>
+
+      <div class="fl">
+        <div data-block="actions"></div>
+      </div>
+    </div>
+
+  </div>
+
+  <div class="row nutupane" alch-table="table" nutupane-table ng-class="{'table-reduced': $root.$state.current.collapsed}">
+    <div class="loading-mask" ng-show="table.working" ng-class="{ 'loading-mask-collapsed': $root.$state.current.collapsed }">
+      <i class="icon-spinner icon-spin"></i>
+      <span ng-hide="$root.$state.current.collapsed">{{ "Loading..." | translate }}</span>
+    </div>
+
+    <div alch-container-scroll control-width="table" alch-infinite-scroll="table.nextPage()" data="table.rows">
+      <div ui-view="table"></div>
+    </div>
+  </div>
+
+  <span class="action-panel" ui-view="action-panel"></span>
+
+</section>

data/app/assets/javascripts/bastion/layouts/select-all-results.html

@@ -0,0 +1,9 @@
+<div class="nutupane-select-all" ng-show="table.selectAllResultsEnabled && table.allSelected() && !table.allResultsSelected">
+  <span translate>All {{ table.rows.length }} items on this page are selected.</span>
+  <a ng-click="table.selectAllResults(true)" translate>Select all {{ table.resource.subtotal }}.</a>
+</div>
+
+<div class="nutupane-select-all-selected" ng-show="table.selectAllResultsEnabled && table.allResultsSelected">
+  <span translate>{{ table.allResultsSelectCount() }} results are selected.</span>
+  <a ng-click="table.selectAllResults(false)" translate>Deselect all</a>
+</div>

data/app/assets/javascripts/bastion/menu/menu-expander.service.js

@@ -0,0 +1,51 @@
+/**
+ Copyright 2014 Red Hat, Inc.
+
+ This software is licensed to you under the GNU General Public
+ License as published by the Free Software Foundation; either version
+ 2 of the License (GPLv2) or (at your option) any later version.
+ There is NO WARRANTY for this software, express or implied,
+ including the implied warranties of MERCHANTABILITY,
+ NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+ have received a copy of GPLv2 along with this software; if not, see
+ http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+ **/
+
+/**
+ * @ngdoc service
+ * @name  Bastion.menu.service:menuExpander
+ *
+ * @description
+ *   Provides a way to add additional menu items from other modules.
+ *
+ *   Expects menus to be an array of objects of the form:
+ *      {url: 'http://redhat.com', label: 'Red Hat'}
+ *
+ * @usage
+ *   angular.module('SomeOtherModule', ['Bastion.menu']);
+ *
+ *   angular.module('SomeOtherModule').run(['MenuExpander', function (menuExpander) {
+ *       menuExpander.setMenu('system', [{'url': 'http://redhat.com', 'label': 'Red Hat'}]);
+ *   }]);
+ */
+angular.module('Bastion.menu').service('MenuExpander', [function () {
+    this.menu = {};
+
+    this.getMenu = function (menuName) {
+        if (this.menu.hasOwnProperty(menuName)) {
+            return this.menu[menuName];
+        } else {
+            return [];
+        }
+    };
+
+    this.setMenu = function (menuName, items) {
+        if (this.menu.hasOwnProperty(menuName)) {
+            this.menu[menuName] = _.uniq(_.union(this.menu[menuName], items), false, function (item) {
+                return item.url;
+            }, this);
+        } else {
+            this.menu[menuName] = items;
+        }
+    };
+}]);