57 lines
1.7 KiB
JavaScript
57 lines
1.7 KiB
JavaScript
/*!
|
|
* Angular Material Design
|
|
* https://github.com/angular/material
|
|
* @license MIT
|
|
* v0.10.0
|
|
*/
|
|
goog.provide('ng.material.components.fabActions');
|
|
goog.require('ng.material.core');
|
|
(function() {
|
|
'use strict';
|
|
|
|
angular
|
|
.module('material.components.fabActions', ['material.core'])
|
|
.directive('mdFabActions', MdFabActionsDirective);
|
|
|
|
/**
|
|
* @ngdoc directive
|
|
* @name mdFabActions
|
|
* @module material.components.fabSpeedDial
|
|
*
|
|
* @restrict E
|
|
*
|
|
* @description
|
|
* The `<md-fab-actions>` directive is used inside of a `<md-fab-speed-dial>` or
|
|
* `<md-fab-toolbar>` directive to mark the an element (or elements) as the actions and setup the
|
|
* proper event listeners.
|
|
*
|
|
* @usage
|
|
* See the `<md-fab-speed-dial>` or `<md-fab-toolbar>` directives for example usage.
|
|
*/
|
|
function MdFabActionsDirective() {
|
|
return {
|
|
restrict: 'E',
|
|
|
|
require: ['^?mdFabSpeedDial', '^?mdFabToolbar'],
|
|
|
|
link: function(scope, element, attributes, controllers) {
|
|
// Grab whichever parent controller is used
|
|
var controller = controllers[0] || controllers[1];
|
|
|
|
// Make the children open/close their parent directive
|
|
if (controller) {
|
|
angular.forEach(element.children(), function(child) {
|
|
angular.element(child).on('focus', controller.open);
|
|
angular.element(child).on('blur', controller.close);
|
|
});
|
|
}
|
|
|
|
// After setting up the listeners, wrap every child in a new div and add a class that we can
|
|
// scale/fling independently
|
|
element.children().wrap('<div class="md-fab-action-item">');
|
|
}
|
|
}
|
|
}
|
|
|
|
})();
|
|
ng.material.components.fabActions = angular.module("material.components.fabActions"); |