bastion 0.1.0

data/app/assets/javascripts/bastion/widgets/page-title.directive.js

@@ -0,0 +1,61 @@
+/**
+ * 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 directive
+ * @name Bastion.widgets.directive:title
+ *
+ * @requires PageTitle
+ *
+ * @description
+ *   Provides a way to set the title of the page.
+ */
+angular.module('Bastion.widgets').directive('pageTitle', ['PageTitle', function (PageTitle) {
+    return {
+        templateUrl: '',
+        replace: true,
+        transclude: true,
+        require: '?ngModel',
+        scope: {
+            modelName: '@ngModel'
+        },
+        compile: function (element, attrs, transclude) {
+            var title;
+
+            return function (scope, iElem, iAttrs, ngModel) {
+                transclude(scope, function (clone) {
+                    title = clone.text();
+                });
+
+                if (ngModel) {
+                    var unbind = scope.$watch(function () {
+                        return ngModel.$viewValue;
+                    }, function (model) {
+                        unbind();
+                        if (model.hasOwnProperty('$promise')) {
+                            model.$promise.then(function (model) {
+                                scope[scope.modelName] = model;
+                                PageTitle.setTitle(title, scope);
+                            });
+                        } else {
+                            scope[scope.modelName] = model;
+                            PageTitle.setTitle(title, scope);
+                        }
+                    });
+                } else {
+                    PageTitle.setTitle(title, scope);
+                }
+            };
+        }
+    };
+}]);

data/app/assets/javascripts/bastion/widgets/page-title.service.js

@@ -0,0 +1,42 @@
+/**
+ * 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.widgets.service:PageTitle
+ *
+ * @requires $window
+ * @requires $interpolate
+ *
+ * @description
+ *  Service to set the title of the page and maintain a
+ */
+angular.module('Bastion.widgets').service('PageTitle', ['$window', '$interpolate',
+    function ($window, $interpolate) {
+        this.titles = [];
+
+        this.setTitle = function (title, locals) {
+            if (title) {
+                var interpolated = $interpolate(title);
+
+                $window.document.title = interpolated(locals);
+                this.titles.push($window.document.title);
+            }
+        };
+
+        this.resetToFirst = function () {
+            this.titles = this.titles.slice(0, 1);
+            $window.document.title = this.titles[0];
+        };
+    }]
+);

data/app/assets/javascripts/bastion/widgets/path-selector.directive.js

@@ -0,0 +1,109 @@
+/**
+ * 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 directive
+ * @name Bastion.widgets.directive:pathSelector
+ *
+ * @description
+ *   Provides a widget that renders a set of paths visually and allows
+ *   users to select one or more paths depending on the configuration set.
+ *
+ * @example
+ */
+angular.module('Bastion.widgets').directive('pathSelector',
+    function () {
+    return {
+        restrict: 'AE',
+        require: '?ngModel',
+        scope: {
+            paths: '=pathSelector',
+            mode: '@',
+            disabled: '=',
+            disableTrigger: '=',
+            pathAttribute: '@'
+        },
+        templateUrl: 'widgets/views/path-selector.html',
+        link: function (scope, element, attrs, ngModel) {
+            var activeItemId, convertPathObjects, selectionRequired;
+            selectionRequired = attrs['selectionRequired'] ? attrs['selectionRequired'] === 'true' : true;
+
+            scope.itemChanged = function (item) {
+                if (item && scope.mode === 'singleSelect') {
+                    if (item.selected || selectionRequired) {
+                        unselectActive();
+                        selectById(item.id);
+                        activeItemId = item.id;
+                    } else {
+                        ngModel.$setViewValue(undefined);
+                    }
+                }
+            };
+
+            convertPathObjects = function (paths) {
+                if (scope.pathAttribute) {
+                    paths =  _.pluck(paths, scope.pathAttribute);
+                }
+                return paths;
+            };
+
+            if (scope.paths.$promise) {
+                scope.paths.$promise.then(function (paths) {
+                    scope.paths = convertPathObjects(paths);
+                    scope.itemChanged(ngModel.$modelValue);
+                });
+            } else {
+                scope.paths = convertPathObjects(scope.paths);
+                scope.itemChanged(ngModel.$modelValue);
+            }
+
+            ngModel.$render = function () {
+                if (ngModel.$modelValue) {
+                    ngModel.$modelValue.selected = true;
+                    scope.itemChanged(ngModel.$modelValue);
+                }
+            };
+
+            scope.$watch('disableTrigger', function (disable) {
+                forEachItem(function (item) {
+                    item.disabled = disable;
+                });
+            });
+
+            function selectById(id) {
+                forEachItem(function (item) {
+                    if (item.id === id) {
+                        ngModel.$setViewValue(item);
+                        item.selected = true;
+                    }
+                });
+            }
+
+            function unselectActive() {
+                forEachItem(function (item) {
+                    if (item.id === activeItemId) {
+                        item.selected = false;
+                    }
+                });
+            }
+
+            function forEachItem(callback) {
+                angular.forEach(scope.paths, function (path) {
+                    angular.forEach(path, function (item) {
+                        callback(item);
+                    });
+                });
+            }
+        }
+    };
+});

data/app/assets/javascripts/bastion/widgets/views/current-tasks.html

@@ -0,0 +1,23 @@
+<nav class="nav right current-tasks-nav" ng-class="{'active-item': visible}">
+  <ul class="menu-container" id="currentTasks">
+
+    <li class="menu-item">
+      <a class="menu-item-link currentTasksCount"
+         ng-click="toggleVisibility()"
+         ng-class="{'active-item': visible}">
+        {{ count }}
+        <i class="icon-caret-down"></i>
+      </a>
+
+      <span class="dropdown current-tasks"
+            ng-class="{'dropdown-active': visible}"
+            ng-show="visible">
+        <ul class="active-tasks">
+          <div tasks-table template-url="tasks/views/user-tasks-table.html"
+                       details-state="tasks.details"
+                       user-id="{{ currentUser.id }}" ></div>
+        </ul>
+      </span>
+    </li>
+  </ul>
+</nav>

data/app/assets/javascripts/bastion/widgets/views/path-selector.html

@@ -0,0 +1,11 @@
+
+<div class="path-selector" ng-repeat="path in paths">
+  <ul class="path-list">
+    <li class="path-list-item" ng-repeat="item in path" ng-class="{ 'disabled-item': item.disabled }">
+      <label class="path-list-item-label" ng-disabled="item.disabled" ng-class="{ active: item.selected }" ng-mouseenter="hover" ng-mouseleave="hover = false">
+        <input type="checkbox" ng-model="item.selected" ng-change="itemChanged(item)" ng-disabled="item.disabled"/>
+        {{ item.name }}
+      </label>
+    </li>
+  </ul>
+</div>

data/app/assets/javascripts/bastion/widgets/widgets.module.js

@@ -0,0 +1,24 @@
+/**
+ 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 module
+ * @name  Bastion.widgets
+ *
+ * @description
+ *   Module for common Bastion widgets.
+ */
+angular.module('Bastion.widgets', [
+    'Bastion',
+    'Bastion.utils',
+]);

data/app/assets/stylesheets/bastion/animations.less

@@ -0,0 +1,15 @@
+.animate-show {
+  -webkit-transition: all linear 0.075s;
+  transition: all linear 0.075s;
+  opacity: 1;
+}
+ 
+.animate-show.ng-hide-add,
+.animate-show.ng-hide-remove {
+  display:block !important;
+}
+ 
+.animate-show.ng-hide {
+  opacity:0;
+  padding:0 10px;
+}

data/app/assets/stylesheets/bastion/bastion.less

@@ -0,0 +1,160 @@
+// Third-party Libraries
+//
+// Temporary namespace to prevent Boostrap3/RCUE from
+// Colliding with Boostrap2 from Foreman core
+.rcue-styles {
+  @import "rcue/rcue";
+
+  // Bastion Components
+  @import "mixins";
+  @import "variables";
+  @import "nutupane";
+  @import "systems";
+  @import "tasks";
+  @import "overrides";
+  @import "helpers";
+  @import "./forms";
+  @import "gpg-keys";
+  @import "animations";
+  @import "path-selector";
+  @import "typography";
+
+  body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .container-fluid {
+    margin-right: auto;
+    margin-left: auto;
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
+  a {
+    cursor: pointer;
+  }
+
+  [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+    display: none;
+  }
+
+  [class*="icon-"] {
+    &.green {
+      color: #57a81c;
+    }
+    &.yellow {
+      color: #fc3;
+    }
+    &.red {
+      color: #9e292b;
+    }
+    &.light-blue {
+      color: @brand-info;
+    }
+    &.gray {
+      color: @gray-light;
+    }
+    &.orange {
+      color: @brand-warning;
+    }
+  }
+
+  .leading-icon {
+    padding-right: 4px;
+  }
+
+  .trailing-icon {
+    padding-left: 4px;
+  }
+
+  //used for small panes such 'copy' actions
+  .action-pane {
+    border:  1px solid @border_color;
+    background-color: white;
+    color: black;
+    padding:  10px;
+    width:  300px;
+    min-height: 100px;
+    z-index: 1;
+    position: absolute;
+    right:  20px;
+    top:  50px;
+    input {
+      margin-bottom: 10px;
+    }
+  }
+
+  .well {
+    border: 1px solid rgb(225, 225, 225);
+    background: rgb(250, 250, 250);
+    margin-top: 20px;
+    padding: 8px;
+  }
+
+  .loading-mask {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    z-index: 1;
+    background: white;
+    font-size: 3em;
+
+    .icon-spinner {
+      margin: 20% 0  0 40%;
+    }
+
+    &.loading-mask-panel {
+      left: 20.1%;
+
+      .icon-spinner {
+        margin: 20% 0  0 33%;
+      }
+    }
+
+    &.loading-mask-collapsed {
+      width: 20%;
+    }
+  }
+
+  .form {
+    input[type="number"] {
+      width: 75px;
+    }
+
+    input[type="text"],
+    input[type="url"] {
+
+      &.input-xlarge {
+        width: 420px;
+      }
+      &.input-xxlarge {
+        width: 560px;
+      }
+    }
+    margin-bottom: 10px;
+  }
+
+  input[type="checkbox"] {
+    vertical-align: text-bottom;
+  }
+
+  .inline-confirmation {
+    .border-radius(5px);
+    .box-shadow(rgba(0,0,0,0.4), 2px, 2px, 2px);
+    background-color: white;
+    border: 1px solid @border_color;
+    padding: 15px;
+    margin: 4px auto;
+    width: 85%;
+
+    .actions {
+      float: right;
+    }
+  }
+}
+
+.modal.fade.in {
+  display: block;
+}