summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE/client/bower_components/angular-material/modules/js/subheader/subheader.js
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-portal-FE/client/bower_components/angular-material/modules/js/subheader/subheader.js')
-rw-r--r--ecomp-portal-FE/client/bower_components/angular-material/modules/js/subheader/subheader.js93
1 files changed, 93 insertions, 0 deletions
diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/js/subheader/subheader.js b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/subheader/subheader.js
new file mode 100644
index 00000000..8e4bf0db
--- /dev/null
+++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/subheader/subheader.js
@@ -0,0 +1,93 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v0.9.8
+ */
+(function( window, angular, undefined ){
+"use strict";
+
+/**
+ * @ngdoc module
+ * @name material.components.subheader
+ * @description
+ * SubHeader module
+ *
+ * Subheaders are special list tiles that delineate distinct sections of a
+ * list or grid list and are typically related to the current filtering or
+ * sorting criteria. Subheader tiles are either displayed inline with tiles or
+ * can be associated with content, for example, in an adjacent column.
+ *
+ * Upon scrolling, subheaders remain pinned to the top of the screen and remain
+ * pinned until pushed on or off screen by the next subheader. @see [Material
+ * Design Specifications](https://www.google.com/design/spec/components/subheaders.html)
+ *
+ * > To improve the visual grouping of content, use the system color for your subheaders.
+ *
+ */
+angular.module('material.components.subheader', [
+ 'material.core',
+ 'material.components.sticky'
+])
+ .directive('mdSubheader', MdSubheaderDirective);
+
+/**
+ * @ngdoc directive
+ * @name mdSubheader
+ * @module material.components.subheader
+ *
+ * @restrict E
+ *
+ * @description
+ * The `<md-subheader>` directive is a subheader for a section. By default it is sticky.
+ * You can make it not sticky by applying the `md-no-sticky` class to the subheader.
+ *
+ *
+ * @usage
+ * <hljs lang="html">
+ * <md-subheader>Online Friends</md-subheader>
+ * </hljs>
+ */
+
+function MdSubheaderDirective($mdSticky, $compile, $mdTheming) {
+ return {
+ restrict: 'E',
+ replace: true,
+ transclude: true,
+ template:
+ '<h2 class="md-subheader">' +
+ '<div class="md-subheader-inner">' +
+ '<span class="md-subheader-content"></span>' +
+ '</div>' +
+ '</h2>',
+ compile: function(element, attr, transclude) {
+ return function postLink(scope, element, attr) {
+ $mdTheming(element);
+ var outerHTML = element[0].outerHTML;
+
+ function getContent(el) {
+ return angular.element(el[0].querySelector('.md-subheader-content'));
+ }
+
+ // Transclude the user-given contents of the subheader
+ // the conventional way.
+ transclude(scope, function(clone) {
+ getContent(element).append(clone);
+ });
+
+ // Create another clone, that uses the outer and inner contents
+ // of the element, that will be 'stickied' as the user scrolls.
+ if (!element.hasClass('md-no-sticky')) {
+ transclude(scope, function(clone) {
+ var stickyClone = $compile(angular.element(outerHTML))(scope);
+ getContent(stickyClone).append(clone);
+ $mdSticky(scope, element, stickyClone);
+ });
+ }
+ };
+ }
+ };
+}
+MdSubheaderDirective.$inject = ["$mdSticky", "$compile", "$mdTheming"];
+
+})(window, window.angular); \ No newline at end of file