mno-enterprise-frontend 2.0.0

data/app/assets/javascripts/mno_enterprise/twitter/bootstrap/transition.js

@@ -0,0 +1,59 @@
+/* ========================================================================
+ * Bootstrap: transition.js v3.3.2
+ * http://getbootstrap.com/javascript/#transitions
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
+  // ============================================================
+
+  function transitionEnd() {
+    var el = document.createElement('bootstrap')
+
+    var transEndEventNames = {
+      WebkitTransition : 'webkitTransitionEnd',
+      MozTransition    : 'transitionend',
+      OTransition      : 'oTransitionEnd otransitionend',
+      transition       : 'transitionend'
+    }
+
+    for (var name in transEndEventNames) {
+      if (el.style[name] !== undefined) {
+        return { end: transEndEventNames[name] }
+      }
+    }
+
+    return false // explicit for ie8 (  ._.)
+  }
+
+  // http://blog.alexmaccaw.com/css-transitions
+  $.fn.emulateTransitionEnd = function (duration) {
+    var called = false
+    var $el = this
+    $(this).one('bsTransitionEnd', function () { called = true })
+    var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
+    setTimeout(callback, duration)
+    return this
+  }
+
+  $(function () {
+    $.support.transition = transitionEnd()
+
+    if (!$.support.transition) return
+
+    $.event.special.bsTransitionEnd = {
+      bindType: $.support.transition.end,
+      delegateType: $.support.transition.end,
+      handle: function (e) {
+        if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments)
+      }
+    }
+  })
+
+}(jQuery);

data/app/assets/javascripts/ng-performance/ngPerformance.html

@@ -0,0 +1,109 @@
+<div>
+  <style>
+    #perfStats {
+      position: fixed;
+      right: 0;
+      bottom: 15px;
+      z-index: 100000;
+      background-color: rgba(250, 249, 244, 0.97);
+      border: 3px solid #843376;
+      border-right: none;
+      border-radius: 5px 0 0 5px;
+      box-shadow: 0 1px 4px black;
+      padding: 0 15px 15px;
+      font-size: 0.65em;
+    }
+    #perfStats h3 {
+      margin-bottom: 0;
+    }
+    #perfStats td:last-child {
+      text-align: right;
+    }
+  </style>
+  <div id="perfStats">
+    <div id="perfStatsPanel">
+      <h3>ANGULAR STATS</h3>
+      <table class="table table-condensed">
+        <tbody>
+        <tr>
+          <td>Total Scopes:</td>
+          <td><span id="scopes">-</span></td>
+        </tr>
+        <tr>
+          <td>Total Watchers:</td>
+          <td><span id="watchers">-</span></td>
+        </tr>
+        <tr>
+          <td>Dirty Checks:</td>
+          <td><span id="dirty-checks">-</span></td>
+        </tr>
+        <tr>
+          <td>Digest Cycles:</td>
+          <td><span id="digest-cycles">-</span></td>
+        </tr>
+        <tr>
+          <td>Digest Cycle (last):</td>
+          <td>
+            <span id="digest-ms">-</span> ms<br>
+            <span id="digest-fps">-</span> FPS
+          </td>
+        </tr>
+        <tr>
+          <td>Digest Cycle (avg):</td>
+          <td>
+            <span id="avg-digest-ms">-</span> ms<br>
+            <span id="avg-digest-fps">-</span> FPS
+          </td>
+        </tr>
+        <tr>
+          <td>Digest Cycle (max):</td>
+          <td>
+            <span id="max-digest-ms">-</span> ms<br>
+            <span id="max-digest-fps">-</span> FPS
+          </td>
+        </tr>
+        </tbody>
+      </table>
+
+      <h3>PAGELOAD STATS</h3>
+      <table class="table table-condensed">
+        <tbody>
+        <tr>
+          <td>Head Load:</td>
+          <td><span id="head-load">-</span> ms</td>
+        </tr>
+        <tr>
+          <td>Body Load:</td>
+          <td><span id="body-load">-</span> ms</td>
+        </tr>
+        <tr>
+          <td>Footer Load:</td>
+          <td><span id="footer-load">-</span> ms</td>
+        </tr>
+        <tr>
+          <td>Vendor Script Load:</td>
+          <td><span id="vendor-load">-</span> ms</td>
+        </tr>
+        <tr>
+          <td>App Load:</td>
+          <td><span id="app-load">-</span> ms</td>
+        </tr>
+        <tr>
+          <td>Metrics Load:</td>
+          <td><span id="metrics-load">-</span> ms</td>
+        </tr>
+        <tr>
+          <td>Time To End-of-Page:</td>
+          <td><span id="time-to-eop">-</span> ms</td>
+        </tr>
+        <tr>
+          <td>Time To Angular:</td>
+          <td><span id="time-to-ng">-</span> ms</td>
+        </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+
+

data/app/assets/javascripts/ng-performance/ngPerformance.js

@@ -0,0 +1,211 @@
+(function (angular) {
+
+  'use strict';
+
+  /**
+   * @ngdoc directive
+   * @name ngPerformanceApp.directive:ngPerformance
+   * @description
+   * # ngPerformance
+   */
+
+  var _el;
+
+  function _setText(id, text) {
+    if (_el[id]) {
+      _el[id].textContent = text;
+    }
+  }
+
+var ngPerformanceModule = angular.module('blndspt.ngPerformance', []);
+
+  ngPerformanceModule.directive('ngPerformance', [
+      '$log',
+      '$window',
+      '$document',
+      '$rootScope',
+      function ($log, $window, $document, $rootScope) {
+
+        //Initialize performance stats variables
+        var ngStart = (performance != null) ? performance.now() : 0;
+        var stats = ($window.perfStats) ? $window.perfStats :
+        {
+          TTLB: 0,
+          appLoad: 0,
+          bodyLoad: 0,
+          footerLoad: 0,
+          headLoad: 0,
+          headStart: 0,
+          metricsLoad: 0,
+          timeToAngular: 0,
+          vendorScriptLoad: 0
+        };
+
+        stats.timeToAngular = (ngStart - stats.headStart);
+
+        //Count Scopes and Watchers
+        var _countScopesWatchers = function () {
+          // This logic is borrowed from $digest(). Keep it in sync!
+          var next, current, target = $rootScope;
+          var scopes = 0,
+            watchers = 0;
+
+          current = target;
+          do {
+            scopes += 1;
+
+            if (current.$$watchers) {
+              watchers += current.$$watchers.length;
+            }
+
+            // Insanity Warning: scope depth-first traversal
+            // yes, this code is a bit crazy, but it works and we have tests to prove it!
+            // this piece should be kept in sync with the traversal in $broadcast
+            if (!(next = (current.$$childHead || (current !== target && current.$$nextSibling)))) {
+              while (current !== target && !(next = current.$$nextSibling)) {
+                current = current.$parent;
+              }
+            }
+          } while ((current = next));
+
+          return [scopes, watchers];
+        };
+
+        return {
+          templateUrl: '/assets/ng-performance/ngPerformance.html',
+          restrict: 'EA',
+          link: function (/*scope, element, attrs*/) {
+
+            // Cache DOM elements
+            _el = {
+              '#scopes': $document[0].querySelector('#scopes'),
+              '#watchers': $document[0].querySelector('#watchers'),
+              '#dirty-checks': $document[0].querySelector('#dirty-checks'),
+              '#digest-cycles': $document[0].querySelector('#digest-cycles'),
+              '#digest-ms': $document[0].querySelector('#digest-ms'),
+              '#digest-fps': $document[0].querySelector('#digest-fps'),
+              '#avg-digest-ms': $document[0].querySelector('#avg-digest-ms'),
+              '#avg-digest-fps': $document[0].querySelector('#avg-digest-fps'),
+              '#max-digest-ms': $document[0].querySelector('#max-digest-ms'),
+              '#max-digest-fps': $document[0].querySelector('#max-digest-fps'),
+
+              '#head-load': $document[0].querySelector('#head-load'),
+              '#body-load': $document[0].querySelector('#body-load'),
+              '#footer-load': $document[0].querySelector('#footer-load'),
+              '#vendor-load': $document[0].querySelector('#vendor-load'),
+              '#app-load': $document[0].querySelector('#app-load'),
+              '#metrics-load': $document[0].querySelector('#metrics-load'),
+              '#time-to-eop': $document[0].querySelector('#time-to-eop'),
+              '#time-to-ng': $document[0].querySelector('#time-to-ng'),
+            };
+
+            _setText('#head-load', stats.headLoad.toFixed(1));
+            _setText('#body-load', stats.bodyLoad.toFixed(1));
+            _setText('#footer-load', stats.footerLoad.toFixed(1));
+            _setText('#vendor-load', stats.vendorScriptLoad.toFixed(1));
+            _setText('#app-load', stats.appLoad.toFixed(1));
+            _setText('#metrics-load', stats.metricsLoad.toFixed(1));
+            _setText('#time-to-eop', stats.TTLB.toFixed(1));
+            _setText('#time-to-ng', stats.timeToAngular.toFixed(1));
+
+
+            // If the browser doesn't support Web Performance API
+            // (I'm looking at you, Safari), don't even try.
+            if (performance != null) {
+              var digestCycles = 0,
+                digestStart = 0,
+                sumDigestMs = 0,
+                maxDigestMs = 0,
+                dirtyChecks = 0;
+
+              // $digest loop uses a reverse while.
+              // Pushing onto the end of $$watchers array makes this run first...
+              $rootScope.$$watchers.push({
+                eq: false,
+                last: null,
+                fn: function () {
+                },
+                exp: function () {
+                },
+                get: function () {
+                  dirtyChecks++;
+
+                  // Only update digestStart if not set. This allows for multiple
+                  // iterations inside the "dirty loop."
+                  //
+                  // NOTE: This technique for timing the $digest cycles
+                  //       DOES NOT capture time spent processing the asyncQueue!
+                  if (digestStart === 0) {
+                    // $log.debug('$rootScope.$watch: digestStart');
+                    digestStart = performance.now();
+                    digestCycles++;
+                  }
+
+                  // Schedules a one-shot callback after digest loop is clean
+                  $rootScope.$$postDigest(function () {
+                    if (digestStart !== 0) {
+                      var digestEnd = performance.now();
+                      var digestMs = (digestEnd - digestStart);
+                      _setText('#digest-ms', digestMs.toFixed(1));
+                      _setText('#digest-fps', (1000 / digestMs).toFixed(0));
+
+                      maxDigestMs = Math.max(digestMs, maxDigestMs);
+                      _setText('#max-digest-ms', maxDigestMs.toFixed(1));
+                      _setText('#max-digest-fps', (1000 / maxDigestMs).toFixed(0));
+
+                      sumDigestMs += digestMs;
+                      if (digestCycles > 0) {
+                        var avgDigestMs = sumDigestMs / digestCycles;
+                        _setText('#avg-digest-ms', avgDigestMs.toFixed(1));
+                        _setText('#avg-digest-fps', (1000 / avgDigestMs).toFixed(0));
+                      }
+
+                      _setText('#dirty-checks', dirtyChecks);
+                      _setText('#digest-cycles', digestCycles);
+
+                      var count = _countScopesWatchers();
+                      var scopes = count[0],
+                        watchers = count[1];
+
+                      _setText('#scopes', scopes);
+                      _setText('#watchers', watchers);
+
+                      var log = 'NG-PERF: Digest Cycle #' + digestCycles + ': ' + digestMs.toFixed(1) + ' ms, ' +
+                        'Scopes: ' + scopes + ', Watchers: ' + watchers +
+                        ' [Overhead: ' + (performance.now() - digestEnd).toPrecision(3) + ' ms]';
+                      $log.debug(log);
+                      if ($window.console.timeStamp) {
+                        $window.console.timeStamp(log);
+                      }
+
+                      // Register an async function to run first.
+                      //
+                      // NOTE: This technique for timing the $digest cycles
+                      //       DOES capture time spent processing the asyncQueue!
+                      // $rootScope.$$asyncQueue.unshift({
+                      // 	scope: $rootScope,
+                      // 	expression: function (scope) {
+                      // 		// $log.debug('$rootScope.$evalAsync: digestStart');
+                      // 		digestStart = performance.now();
+                      // 		digestCycles++;
+                      // 	}
+                      // });
+
+                      // Clear digestStart for next "dirty loop."
+                      digestStart = 0;
+                    }
+                  });
+
+                  return null;
+                }
+              });
+            }
+
+          }
+
+        };
+      }]);
+
+})
+
+(angular);

data/app/assets/stylesheets/mno_enterprise/application.css

@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ */

data/app/assets/stylesheets/mno_enterprise/custom/accordion.less

@@ -0,0 +1,90 @@
+// Base style
+.accordion .panel-group .panel .panel-body {
+  p {
+    font-weight: 300;
+  }
+  
+  ul > li {
+    font-weight: 300;
+  }
+}
+
+.accordion .panel-group .panel .panel-heading {
+  padding: 0px;
+  
+  .panel-title > div,
+  .panel-title > a {
+    font-size: 90%;
+    display: block;
+    padding-left: 10px;
+    line-height: 54px;
+    height: 54px;
+    cursor: pointer;
+    
+    &:hover {
+      text-decoration: none;
+    }
+  }
+  
+  .panel-title i,
+  .panel-title .caret-up,
+  .panel-title .caret-down {
+    margin-left: 10px;
+  }
+  
+  .panel-title a.btn.pull-right {
+    margin-top: 10px;
+    margin-right: 10px;
+  }
+  
+  .panel-title span.pull-right {
+    margin-right: 10px;
+  }
+  
+  .panel-title span.caret.pull-right {
+    margin-top: 26px;
+  }
+}
+
+// Accordion Black background style
+.accordion.inverse {
+  
+  .panel-group > .panel,
+  .panel-group > .panel > .panel-heading {
+    background-color: @bg-inverse-color;
+    border: none;
+  }
+  
+  .panel-group > .panel > .panel-heading > .panel-title .text-muted {
+    color: @text-inverse-color;
+    font-weight: 700;
+  }
+  
+  .panel-group > .panel > .panel-collapse > .panel-body {
+    border-top: solid 1px black;
+  }
+  
+  .panel-group > .panel > .panel-heading > .panel-title > .caret-up,
+  .panel-group > .panel > .panel-heading > .panel-title > .caret-down {
+    color: @text-inverse-color;
+  }
+}
+
+// Accordion Compact style
+.accordion.accordion-compact {
+  margin-top: 40px;
+  
+  .panel-group .panel .panel-heading .panel-title > a {
+    line-height: 35px;
+    height: 35px;
+  }
+
+  .panel-group .panel .panel-heading .panel-title span.caret.pull-right {
+    margin-top: 17px;
+  }
+
+  .panel-group .panel {
+    margin: 11px 0px;
+  }
+}
+