summaryrefslogtreecommitdiff
path: root/www/lib/ng-mfb/src
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2017-09-27 12:42:48 -0400
committerPliable Pixels <pliablepixels@gmail.com>2017-09-27 12:42:48 -0400
commit210e8feae2fb4842bfb2de38666e6c41671fef3c (patch)
treecbdafa34b1a6260bb20236d7e9de9eb1b690a1c5 /www/lib/ng-mfb/src
parente7e7baeaad90229ccb3e0f45f4ebd77be7d79b14 (diff)
removed lib
Diffstat (limited to 'www/lib/ng-mfb/src')
-rw-r--r--www/lib/ng-mfb/src/mfb-directive.js175
1 files changed, 0 insertions, 175 deletions
diff --git a/www/lib/ng-mfb/src/mfb-directive.js b/www/lib/ng-mfb/src/mfb-directive.js
deleted file mode 100644
index 68a3c350..00000000
--- a/www/lib/ng-mfb/src/mfb-directive.js
+++ /dev/null
@@ -1,175 +0,0 @@
-+(function(window, angular, undefined){
-
- 'use strict';
-
- var mfb = angular.module('ng-mfb', []);
-
- mfb.run(['$templateCache', function($templateCache) {
- $templateCache.put('ng-mfb-menu-default.tpl.html',
- '<ul class="mfb-component--{{position}} mfb-{{effect}}"' +
- ' data-mfb-toggle="{{togglingMethod}}" data-mfb-state="{{menuState}}">' +
- ' <li class="mfb-component__wrap">' +
- ' <a ng-click="clicked()" ng-mouseenter="hovered()" ng-mouseleave="hovered()"' +
- ' ng-attr-data-mfb-label="{{label}}" class="mfb-component__button--main">' +
- ' <i class="mfb-component__main-icon--resting {{resting}}"></i>' +
- ' <i class="mfb-component__main-icon--active {{active}}"></i>' +
- ' </a>' +
- ' <ul class="mfb-component__list" ng-transclude>' +
- ' </ul>' +
- '</li>' +
- '</ul>'
- );
-
- $templateCache.put('ng-mfb-menu-md.tpl.html',
- '<ul class="mfb-component--{{position}} mfb-{{effect}}"' +
- ' data-mfb-toggle="{{togglingMethod}}" data-mfb-state="{{menuState}}">' +
- ' <li class="mfb-component__wrap">' +
- ' <a ng-click="clicked()" ng-mouseenter="hovered()" ng-mouseleave="hovered()"' +
- ' style="background: transparent; box-shadow: none;"' +
- ' ng-attr-data-mfb-label="{{label}}" class="mfb-component__button--main">' +
- ' <md-button class="md-fab md-primary" aria-label={{label}} style="position:relative;">' +
- ' <md-icon style="left: 0;" md-svg-icon="{{resting}}"' +
- ' class="mfb-component__main-icon--resting"></md-icon>' +
- ' <md-icon style="position:initial;" md-svg-icon="{{active}}"' +
- ' class="mfb-component__main-icon--active"></md-icon>' +
- ' </md-button>' +
- ' </a>' +
- ' <ul class="mfb-component__list" ng-transclude>' +
- ' </ul>' +
- '</li>' +
- '</ul>'
- );
-
- $templateCache.put('ng-mfb-button-default.tpl.html',
- '<li>' +
- ' <a data-mfb-label="{{label}}" class="mfb-component__button--child">' +
- ' <i class="mfb-component__child-icon {{icon}}">' +
- ' </i>' +
- ' </a>' +
- '</li>'
- );
-
- $templateCache.put('ng-mfb-button-md.tpl.html',
- '<li>' +
- ' <a href="" data-mfb-label="{{label}}" class="mfb-component__button--child" ' +
- ' style="background: transparent; box-shadow: none;">' +
- ' <md-button class="md-fab md-primary" aria-label={{label}}>' +
- //' <md-icon md-svg-src="img/icons/android.svg"></md-icon>' +
- ' <md-icon md-svg-icon="{{icon}}"></md-icon>' +
- ' </md-button>' +
- ' </a>' +
- '</li>'
- );
- }]);
-
- mfb.directive('mfbMenu', ['$timeout',function($timeout){
- return {
- restrict: 'EA',
- transclude: true,
- replace: true,
- scope: {
- position: '@',
- effect: '@',
- label: '@',
- resting: '@restingIcon',
- active: '@activeIcon',
- mainAction: '&',
- menuState: '=?',
- togglingMethod: '@'
- },
- templateUrl: function(elem, attrs) {
- return attrs.templateUrl || 'ng-mfb-menu-default.tpl.html';
- },
- link: function(scope, elem, attrs) {
-
- var openState = 'open',
- closedState = 'closed';
-
- /**
- * Check if we're on a touch-enabled device.
- * Requires Modernizr to run, otherwise simply returns false
- */
- function _isTouchDevice(){
- return window.Modernizr && Modernizr.touch;
- }
-
- function _isHoverActive(){
- return scope.togglingMethod === 'hover';
- }
-
- /**
- * Convert the toggling method to 'click'.
- * This is used when 'hover' is selected by the user
- * but a touch device is enabled.
- */
- function useClick(){
- scope.$apply(function(){
- scope.togglingMethod = 'click';
- });
- }
- /**
- * Invert the current state of the menu.
- */
- function flipState() {
- scope.menuState = scope.menuState === openState ? closedState : openState;
- }
-
- /**
- * Set the state to user-defined value. Fallback to closed if no
- * value is passed from the outside.
- */
- //scope.menuState = attrs.menuState || closedState;
- if(!scope.menuState){
- scope.menuState = closedState;
- }
-
- scope.clicked = function() {
- // If there is a main action, let's fire it
- if (scope.mainAction) {
- scope.mainAction();
- }
-
- if(!_isHoverActive()){
- flipState();
- }
- };
- scope.hovered = function() {
- if(_isHoverActive()){
- //flipState();
- }
- };
-
- /**
- * If on touch device AND 'hover' method is selected:
- * wait for the digest to perform and then change hover to click.
- */
- if ( _isTouchDevice() && _isHoverActive() ){
- $timeout(useClick);
- }
-
- attrs.$observe('menuState', function(){
- scope.currentState = scope.menuState;
- });
-
- }
- };
- }]);
-
-
- mfb.directive('mfbButton', [function(){
- return {
- require: '^mfbMenu',
- restrict: 'EA',
- transclude: true,
- replace: true,
- scope: {
- icon: '@',
- label: '@'
- },
- templateUrl: function(elem, attrs) {
- return attrs.templateUrl || 'ng-mfb-button-default.tpl.html';
- }
- };
- }]);
-
-})(window, angular);