From c4fa763b5b365012756cc86024982232984904c7 Mon Sep 17 00:00:00 2001
From: PliablePixels <pliablepixels@gmail.com>
Date: Sun, 24 May 2015 16:16:28 -0400
Subject: added PTZ support (well, P for now, but framework with a cool menu is
 in place)

---
 .../angular-circular-navigation.js                 | 53 ++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 www/lib/angular-circular-navigation/angular-circular-navigation.js

(limited to 'www/lib/angular-circular-navigation/angular-circular-navigation.js')

diff --git a/www/lib/angular-circular-navigation/angular-circular-navigation.js b/www/lib/angular-circular-navigation/angular-circular-navigation.js
new file mode 100644
index 00000000..2ec99b5c
--- /dev/null
+++ b/www/lib/angular-circular-navigation/angular-circular-navigation.js
@@ -0,0 +1,53 @@
+(function () {
+
+  'use strict';
+
+  /*global define, module, exports, require */
+
+  /* istanbul ignore next */
+  var angular = window.angular ? window.angular : 'undefined' !== typeof require ? require('angular') : undefined;
+
+  var circular = angular.module('angularCircularNavigation', [])
+    .directive('circular', ['$compile', function ($compile) {
+
+      return {
+        restrict: 'EA',
+        scope: {
+          options: '='
+        },
+        template: '<button ng-click="toggleMenu()" class="cn-button {{options.button.size}}" ng-class="options.button.cssClass" style="background: {{options.button.background ? options.button.background : options.background}}; color: {{options.button.color ? options.button.color :options.color}};">{{options.content}}</button>' +
+          '<div class="cn-wrapper {{options.size}} items-{{options.items.length}}" ng-class="{\'opened-nav\': options.isOpen}"><ul>' +
+          '<li ng-repeat="item in options.items">' +
+          '<a ng-hide="item.empty" ng-click="perform(options, item)" ng-class="{\'is-active\': item.isActive}" class="{{item.cssClass}}" style="background: {{item.background ? item.background : options.background}}; color: {{item.color ? item.color : options.color}};">' +
+          '<span>{{item.content}}</span>' +
+          '</a></li></ul></div>',
+        controller: ['$scope', '$element', '$attrs',
+          function ($scope, $element, $attrs) {
+
+            $scope.toggleMenu = function () {
+              $scope.options.isOpen = !$scope.options.isOpen;
+            };
+
+            $scope.perform = function (options, item) {
+              if (typeof item.onclick === 'function') {
+                item.onclick(options, item);
+              }
+
+              if ($scope.options.toggleOnClick) {
+                $scope.toggleMenu();
+              }
+            };
+
+          }
+        ]
+      };
+    }]);
+
+  /* istanbul ignore next */
+  if (typeof define === 'function' && define.amd) {
+    define('circular', ['angular'], circular);
+  } else if ('undefined' !== typeof exports && 'undefined' !== typeof module) {
+    module.exports = circular;
+  }
+
+})();
-- 
cgit v1.2.3