faalis 0.26.3 → 1.0.0.alpha0

data/app/assets/javascripts/faalis/dashboard/lib/ui.select2.js

@@ -1,217 +0,0 @@
-/**
- * Enhanced Select2 Dropmenus
- *
- * @AJAX Mode - When in this mode, your value will be an object (or array of objects) of the data used by Select2
- *     This change is so that you do not have to do an additional query yourself on top of Select2's own query
- * @params [options] {object} The configuration options passed to $.fn.select2(). Refer to the documentation
- */
-angular.module('ui.select2', []).value('uiSelect2Config', {}).directive('uiSelect2', ['uiSelect2Config', '$timeout', function (uiSelect2Config, $timeout) {
-  var options = {};
-  if (uiSelect2Config) {
-    angular.extend(options, uiSelect2Config);
-  }
-  return {
-    require: 'ngModel',
-    priority: 1,
-    compile: function (tElm, tAttrs) {
-      var watch,
-        repeatOption,
-        repeatAttr,
-        isSelect = tElm.is('select'),
-        isMultiple = angular.isDefined(tAttrs.multiple);
-
-      // Enable watching of the options dataset if in use
-      if (tElm.is('select')) {
-        repeatOption = tElm.find('option[ng-repeat], option[data-ng-repeat]');
-
-        if (repeatOption.length) {
-          repeatAttr = repeatOption.attr('ng-repeat') || repeatOption.attr('data-ng-repeat');
-          watch = jQuery.trim(repeatAttr.split('|')[0]).split(' ').pop();
-        }
-      }
-
-      return function (scope, elm, attrs, controller) {
-        // instance-specific options
-        var opts = angular.extend({}, options, scope.$eval(attrs.uiSelect2));
-
-        /*
-        Convert from Select2 view-model to Angular view-model.
-        */
-        var convertToAngularModel = function(select2_data) {
-          var model;
-          if (opts.simple_tags) {
-            model = [];
-            angular.forEach(select2_data, function(value, index) {
-              model.push(value.id);
-            });
-          } else {
-            model = select2_data;
-          }
-          return model;
-        };
-
-        /*
-        Convert from Angular view-model to Select2 view-model.
-        */
-        var convertToSelect2Model = function(angular_data) {
-          var model = [];
-          if (!angular_data) {
-            return model;
-          }
-
-          if (opts.simple_tags) {
-            model = [];
-            angular.forEach(
-              angular_data,
-              function(value, index) {
-                model.push({'id': value, 'text': value});
-              });
-          } else {
-            model = angular_data;
-          }
-          return model;
-        };
-
-        if (isSelect) {
-          // Use <select multiple> instead
-          delete opts.multiple;
-          delete opts.initSelection;
-        } else if (isMultiple) {
-          opts.multiple = true;
-        }
-
-        if (controller) {
-          // Watch the model for programmatic changes
-           scope.$watch(tAttrs.ngModel, function(current, old) {
-            if (!current) {
-              return;
-            }
-            if (current === old) {
-              return;
-            }
-            controller.$render();
-          }, true);
-          controller.$render = function () {
-            if (isSelect) {
-              elm.select2('val', controller.$viewValue);
-            } else {
-              if (opts.multiple) {
-                var viewValue = controller.$viewValue;
-                if (angular.isString(viewValue)) {
-                  viewValue = viewValue.split(',');
-                }
-                elm.select2(
-                  'data', convertToSelect2Model(viewValue));
-              } else {
-                if (angular.isObject(controller.$viewValue)) {
-                  elm.select2('data', controller.$viewValue);
-                } else if (!controller.$viewValue) {
-                  elm.select2('data', null);
-                } else {
-                  elm.select2('val', controller.$viewValue);
-                }
-              }
-            }
-          };
-
-          // Watch the options dataset for changes
-          if (watch) {
-            scope.$watch(watch, function (newVal, oldVal, scope) {
-              if (angular.equals(newVal, oldVal)) {
-                return;
-              }
-              // Delayed so that the options have time to be rendered
-              $timeout(function () {
-                elm.select2('val', controller.$viewValue);
-                // Refresh angular to remove the superfluous option
-                elm.trigger('change');
-                if(newVal && !oldVal && controller.$setPristine) {
-                  controller.$setPristine(true);
-                }
-              });
-            });
-          }
-
-          // Update valid and dirty statuses
-          controller.$parsers.push(function (value) {
-            var div = elm.prev();
-            div
-              .toggleClass('ng-invalid', !controller.$valid)
-              .toggleClass('ng-valid', controller.$valid)
-              .toggleClass('ng-invalid-required', !controller.$valid)
-              .toggleClass('ng-valid-required', controller.$valid)
-              .toggleClass('ng-dirty', controller.$dirty)
-              .toggleClass('ng-pristine', controller.$pristine);
-            return value;
-          });
-
-          if (!isSelect) {
-            // Set the view and model value and update the angular template manually for the ajax/multiple select2.
-            elm.bind("change", function (e) {
-              e.stopImmediatePropagation();
-              
-              if (scope.$$phase || scope.$root.$$phase) {
-                return;
-              }
-              scope.$apply(function () {
-                controller.$setViewValue(
-                  convertToAngularModel(elm.select2('data')));
-              });
-            });
-
-            if (opts.initSelection) {
-              var initSelection = opts.initSelection;
-              opts.initSelection = function (element, callback) {
-                initSelection(element, function (value) {
-                  var isPristine = controller.$pristine;
-                  controller.$setViewValue(convertToAngularModel(value));
-                  callback(value);
-                  if (isPristine) {
-                    controller.$setPristine();
-                  }
-                  elm.prev().toggleClass('ng-pristine', controller.$pristine);
-                });
-              };
-            }
-          }
-        }
-
-        elm.bind("$destroy", function() {
-          elm.select2("destroy");
-        });
-
-        attrs.$observe('disabled', function (value) {
-          elm.select2('enable', !value);
-        });
-
-        attrs.$observe('readonly', function (value) {
-          elm.select2('readonly', !!value);
-        });
-
-        if (attrs.ngMultiple) {
-          scope.$watch(attrs.ngMultiple, function(newVal) {
-            attrs.$set('multiple', !!newVal);
-            elm.select2(opts);
-          });
-        }
-
-        // Initialize the plugin late so that the injected DOM does not disrupt the template compiler
-        $timeout(function () {
-          elm.select2(opts);
-
-          // Set initial value - I'm not sure about this but it seems to need to be there
-          elm.val(controller.$viewValue);
-          // important!
-          controller.$render();
-
-          // Not sure if I should just check for !isSelect OR if I should check for 'tags' key
-          if (!opts.initSelection && !isSelect) {
-            controller.$setViewValue(
-              convertToAngularModel(elm.select2('data'))
-            );
-          }
-        });
-      };
-    }
-  };
-}]);

data/app/assets/stylesheets/faalis/dashboard/ng-grid.css.scss

@@ -1,442 +0,0 @@
-@import "faalis/variables";
-
-.ngGrid {
-  background-color: white;
-}
-.ngGrid input[type="checkbox"] {
-  margin: 0;
-  padding: 0;
-}
-.ngGrid input {
-  vertical-align: top;
-}
-.ngGrid.unselectable {
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -o-user-select: none;
-  user-select: none;
-}
-.ngViewport {
-  overflow: auto;
-  min-height: 20px;
-}
-.ngViewport:focus {
-  outline: none;
-}
-.ngCanvas {
-  position: relative;
-}
-.ngVerticalBar {
-  position: absolute;
-  right: 0;
-  width: 0;
-}
-.ngVerticalBarVisible {
-  width: 1px;
-  background-color: $lightergray;
-}
-.ngHeaderContainer {
-  position: relative;
-  overflow: hidden;
-  font-weight: bold;
-  background-color: inherit;
-}
-.ngHeaderCell {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  background-color: inherit;
-}
-.ngHeaderCell.pinned {
-  z-index: 1;
-}
-.ngHeaderSortColumn {
-  position: absolute;
-  overflow: hidden;
-}
-.ngTopPanel {
-  position: relative;
-  z-index: 1;
-  background-color: $lightergray;
-  color: $darkgray;
-  border-bottom: 1px solid $lightgray;
-}
-.ngSortButtonDown {
-  position: absolute;
-  top: 3px;
-  left: 0;
-  right: 0;
-  margin-left: auto;
-  margin-right: auto;
-  border-color: gray transparent;
-  border-style: solid;
-  border-width: 0 5px 5px 5px;
-  height: 0;
-  width: 0;
-}
-.ngNoSort {
-  cursor: default;
-}
-.ngHeaderButton {
-  position: absolute;
-  right: 2px;
-  top: 8px;
-  -moz-border-radius: 50%;
-  -webkit-border-radius: 50%;
-  border-radius: 50%;
-  width: 14px;
-  height: 14px;
-  z-index: 1;
-  background-color: #9fbbb4;
-  cursor: pointer;
-}
-.ngSortButtonUp {
-  position: absolute;
-  top: 3px;
-  left: 0;
-  right: 0;
-  margin-left: auto;
-  margin-right: auto;
-  border-color: gray transparent;
-  border-style: solid;
-  border-width: 5px 5px 0 5px;
-  height: 0;
-  width: 0;
-}
-.ngHeaderScroller {
-  position: absolute;
-  background-color: inherit;
-}
-.ngSortPriority {
-  position: absolute;
-  top: -5px;
-  left: 1px;
-  font-size: 6pt;
-  font-weight: bold;
-}
-.ngHeaderGrip {
-  cursor: col-resize;
-  width: 10px;
-  right: -5px;
-  top: 0;
-  height: 100%;
-  position: absolute;
-  background-color: transparent;
-}
-.ngHeaderText {
-  padding: 5px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  white-space: nowrap;
-  -ms-text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.ngHeaderButtonArrow {
-  position: absolute;
-  top: 4px;
-  left: 3px;
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 6.5px 4.5px 0 4.5px;
-  border-color: #4d4d4d transparent transparent transparent;
-}
-.ngPinnedIcon {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAmElEQVQoU33PQapBURjA8UtkwJuaWYGSgfQWYBMvczPmTCzAAGVuaA228BZhRCkDGSmE31FucuRfvzq3vr5zT/JSjSU7DsypEPXDkDVn2hSIytJhw4kWGaLCxgHh2gt/RBuLzNhz5caWPjnSqqw4EraFfwznf8qklWjwy4IRTerkiQoPGtPl40OehcEJvcfXl8LglLfBJLkDcMgbgHlHhK8AAAAASUVORK5CYII=);
-  background-repeat: no-repeat;
-  position: absolute;
-  right: 5px;
-  top: 5px;
-  height: 10px;
-  width: 10px;
-}
-.ngUnPinnedIcon {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAlElEQVQoU33PPQrCQBRF4fFnI2KfZVi5ARvdgo1l6mwmkCJVOgluwd5OwUoDtnoOxAei8cLXTN7cvEl/skCNDCMPfsUPO5zQwOHIDEvYtMURHe6wOVLgigvOePRyeDkyR4ln7wZ//7XfFBu8B23+aDJjrHGAwza7hjtHJvDmHg7b7Bru7AMjK7Rw2ObBVHDY5oGk9AKQNB2zy8MBTgAAAABJRU5ErkJggg==);
-  background-repeat: no-repeat;
-  position: absolute;
-  height: 10px;
-  width: 10px;
-  right: 5px;
-  top: 5px;
-}
-.ngColMenu {
-  right: 2px;
-  padding: 5px;
-  top: 25px;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
-  background-color: #bdd0cb;
-  position: absolute;
-  border: 2px solid #d4d4d4;
-  z-index: 1;
-}
-.ngColListCheckbox {
-  position: relative;
-  right: 3px;
-  top: 4px;
-}
-.ngColList {
-  list-style-type: none;
-}
-.ngColListItem {
-  position: relative;
-  right: 17px;
-  top: 2px;
-  white-space: nowrap;
-}
-.ngMenuText {
-  position: relative;
-  top: 2px;
-  left: 2px;
-}
-.ngGroupPanel {
-  background-color: #eaeaea;
-  overflow: hidden;
-  border-bottom: 1px solid #d4d4d4;
-}
-.ngGroupPanelDescription {
-  margin-top: 5px;
-  margin-left: 5px;
-}
-.ngGroupList {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-.ngAggHeader {
-  position: absolute;
-  border: none;
-}
-.ngGroupElement {
-  float: left;
-  height: 100%;
-  width: 100%;
-}
-.ngGroupIcon {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAEFJREFUKFNjoAhISkr+h2J5JDZODNXGwGBsbPwfhIGAA8bGh6HaGBiAGhxAGJmND4M1gQCSM0adCsVQbcPcqQwMALWDGyDvWPefAAAAAElFTkSuQmCC);
-  background-repeat: no-repeat;
-  height: 15px;
-  width: 15px;
-  position: absolute;
-  right: -2px;
-  top: 2px;
-}
-.ngGroupedByIcon {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAElJREFUKFNjoAhISkr+R8LyaHwMDNXGwGBsbPwfhoGAA5mPDUO1oWpE52PDYE0gALTFAYbR+dgwWBMIoPlh1I9ADNU2NPzIwAAAFQYI9E4OLvEAAAAASUVORK5CYII=);
-  background-repeat: no-repeat;
-  height: 15px;
-  width: 15px;
-  position: absolute;
-  right: -2px;
-  top: 2px;
-}
-.ngGroupName {
-  background-color: #fdfdfd;
-  border: 1px solid #d4d4d4;
-  padding: 3px 10px;
-  float: left;
-  margin-left: 0;
-  margin-top: 2px;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
-  font-weight: bold;
-}
-.ngGroupArrow {
-  width: 0;
-  height: 0;
-  border-top: 6px solid transparent;
-  border-bottom: 6px solid transparent;
-  border-left: 6px solid black;
-  margin-top: 10px;
-  margin-left: 5px;
-  margin-right: 5px;
-  float: right;
-}
-.ngGroupingNumber {
-  position: absolute;
-  right: -10px;
-  top: -2px;
-}
-.ngAggArrowCollapsed {
-  position: absolute;
-  left: 8px;
-  bottom: 10px;
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 5px 0 5px 8.7px;
-  border-color: transparent transparent transparent #000000;
-}
-.ngGroupItem {
-  float: left;
-}
-.ngGroupItem:first-child {
-  margin-left: 2px;
-}
-.ngRemoveGroup {
-  width: 5px;
-  -moz-opacity: 0.4;
-  opacity: 0.4;
-  margin-top: -1px;
-  margin-left: 5px;
-}
-.ngRemoveGroup:hover {
-  color: black;
-  text-decoration: none;
-  cursor: pointer;
-  -moz-opacity: 0.7;
-  opacity: 0.7;
-}
-.ngAggArrowExpanded {
-  position: absolute;
-  left: 8px;
-  bottom: 10px;
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 0 0 9px 9px;
-  border-color: transparent transparent #000000 transparent;
-}
-.ngAggregate {
-  position: absolute;
-  background-color: #c9dde1;
-  border-bottom: 1px solid beige;
-  overflow: hidden;
-  top: 0;
-  bottom: 0;
-  right: -1px;
-  left: 0;
-}
-.ngAggregateText {
-  position: absolute;
-  left: 27px;
-  top: 5px;
-  line-height: 20px;
-  white-space: nowrap;
-}
-.ngRow {
-  position: absolute;
-  border-bottom: 1px solid #d4d4d4;
-}
-.ngRow.odd {
-  background-color: #f0f0f0;
-}
-.ngRow.even {
-  background-color: #fafafa;
-}
-.ngRow.selected {
-  background-color: $selected-bg;
-}
-.ngCell {
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  background-color: inherit;
-}
-.ngCell.pinned {
-  z-index: 1;
-}
-.ngCellText {
-  padding: 5px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  white-space: nowrap;
-  -ms-text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.ngSelectionCell {
-  margin-top: 9px;
-  margin-left: 6px;
-}
-.ngSelectionHeader {
-  position: absolute;
-  top: 11px;
-  left: 6px;
-}
-.ngCellElement:focus {
-  outline: 0;
-  background-color: #b3c4c7;
-}
-.ngRow.canSelect {
-  cursor: pointer;
-}
-.ngSelectionCheckbox {
-  margin-top: 9px;
-  margin-left: 6px;
-}
-.ngFooterPanel {
-  background-color: #eaeaea;
-  padding: 0;
-  border-top: 1px solid #d4d4d4;
-  position: relative;
-}
-.nglabel {
-  display: block;
-  float: left;
-  font-weight: bold;
-  padding-right: 5px;
-}
-.ngTotalSelectContainer {
-  float: left;
-  margin: 5px;
-  margin-top: 7px;
-}
-.ngFooterSelectedItems {
-  padding: 2px;
-}
-.ngFooterTotalItems.ngnoMultiSelect {
-  padding: 0 !important;
-}
-.ngPagerFirstBar {
-  width: 10px;
-  border-left: 2px solid #4d4d4d;
-  margin-top: -6px;
-  height: 12px;
-  margin-left: -3px;
-}
-.ngPagerButton {
-  height: 25px;
-  min-width: 26px;
-}
-.ngPagerFirstTriangle {
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 5px 8.7px 5px 0;
-  border-color: transparent #4d4d4d transparent transparent;
-  margin-left: 2px;
-}
-.ngPagerNextTriangle {
-  margin-left: 1px;
-}
-.ngPagerPrevTriangle {
-  margin-left: 0;
-}
-.ngPagerLastTriangle {
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 5px 0 5px 8.7px;
-  border-color: transparent transparent transparent #4d4d4d;
-  margin-left: -1px;
-}
-.ngPagerLastBar {
-  width: 10px;
-  border-left: 2px solid #4d4d4d;
-  margin-top: -6px;
-  height: 12px;
-  margin-left: 1px;
-}
-.ngFooterTotalItems {
-  padding: 2px;
-}