aboutsummaryrefslogtreecommitdiffstats
path: root/vnfmarket/common/thirdparty/angular-material/modules/closure/progressLinear/progressLinear.js
diff options
context:
space:
mode:
authorseshukm <seshu.kumar.m@huawei.com>2017-03-08 11:54:56 +0530
committerseshukm <seshu.kumar.m@huawei.com>2017-03-08 11:54:56 +0530
commit80b299e8c4f290e3b16f35eea922cac989b6e767 (patch)
treeb99086734507728ae096349cca4d0258335dbf4f /vnfmarket/common/thirdparty/angular-material/modules/closure/progressLinear/progressLinear.js
parent5fa92b4eb456b5f4959c39578a3c6e3555c4ae7d (diff)
VnfMarket place refactor
IssueId : CLIENT-4 Change-Id: Ia1b076400f9c3bedf9db714099a608ece392aa59 Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
Diffstat (limited to 'vnfmarket/common/thirdparty/angular-material/modules/closure/progressLinear/progressLinear.js')
-rw-r--r--vnfmarket/common/thirdparty/angular-material/modules/closure/progressLinear/progressLinear.js213
1 files changed, 0 insertions, 213 deletions
diff --git a/vnfmarket/common/thirdparty/angular-material/modules/closure/progressLinear/progressLinear.js b/vnfmarket/common/thirdparty/angular-material/modules/closure/progressLinear/progressLinear.js
deleted file mode 100644
index 3e0541cd..00000000
--- a/vnfmarket/common/thirdparty/angular-material/modules/closure/progressLinear/progressLinear.js
+++ /dev/null
@@ -1,213 +0,0 @@
-/*!
- * Angular Material Design
- * https://github.com/angular/material
- * @license MIT
- * v1.1.3
- */
-goog.provide('ngmaterial.components.progressLinear');
-goog.require('ngmaterial.core');
-/**
- * @ngdoc module
- * @name material.components.progressLinear
- * @description Linear Progress module!
- */
-MdProgressLinearDirective['$inject'] = ["$mdTheming", "$mdUtil", "$log"];
-angular.module('material.components.progressLinear', [
- 'material.core'
-])
- .directive('mdProgressLinear', MdProgressLinearDirective);
-
-/**
- * @ngdoc directive
- * @name mdProgressLinear
- * @module material.components.progressLinear
- * @restrict E
- *
- * @description
- * The linear progress directive is used to make loading content
- * in your app as delightful and painless as possible by minimizing
- * the amount of visual change a user sees before they can view
- * and interact with content.
- *
- * Each operation should only be represented by one activity indicator
- * For example: one refresh operation should not display both a
- * refresh bar and an activity circle.
- *
- * For operations where the percentage of the operation completed
- * can be determined, use a determinate indicator. They give users
- * a quick sense of how long an operation will take.
- *
- * For operations where the user is asked to wait a moment while
- * something finishes up, and it’s not necessary to expose what's
- * happening behind the scenes and how long it will take, use an
- * indeterminate indicator.
- *
- * @param {string} md-mode Select from one of four modes: determinate, indeterminate, buffer or query.
- *
- * Note: if the `md-mode` value is set as undefined or specified as 1 of the four (4) valid modes, then `indeterminate`
- * will be auto-applied as the mode.
- *
- * Note: if not configured, the `md-mode="indeterminate"` will be auto injected as an attribute. If `value=""` is also specified, however,
- * then `md-mode="determinate"` would be auto-injected instead.
- * @param {number=} value In determinate and buffer modes, this number represents the percentage of the primary progress bar. Default: 0
- * @param {number=} md-buffer-value In the buffer mode, this number represents the percentage of the secondary progress bar. Default: 0
- * @param {boolean=} ng-disabled Determines whether to disable the progress element.
- *
- * @usage
- * <hljs lang="html">
- * <md-progress-linear md-mode="determinate" value="..."></md-progress-linear>
- *
- * <md-progress-linear md-mode="determinate" ng-value="..."></md-progress-linear>
- *
- * <md-progress-linear md-mode="indeterminate"></md-progress-linear>
- *
- * <md-progress-linear md-mode="buffer" value="..." md-buffer-value="..."></md-progress-linear>
- *
- * <md-progress-linear md-mode="query"></md-progress-linear>
- * </hljs>
- */
-function MdProgressLinearDirective($mdTheming, $mdUtil, $log) {
- var MODE_DETERMINATE = "determinate";
- var MODE_INDETERMINATE = "indeterminate";
- var MODE_BUFFER = "buffer";
- var MODE_QUERY = "query";
- var DISABLED_CLASS = "_md-progress-linear-disabled";
-
- return {
- restrict: 'E',
- template: '<div class="md-container">' +
- '<div class="md-dashed"></div>' +
- '<div class="md-bar md-bar1"></div>' +
- '<div class="md-bar md-bar2"></div>' +
- '</div>',
- compile: compile
- };
-
- function compile(tElement, tAttrs, transclude) {
- tElement.attr('aria-valuemin', 0);
- tElement.attr('aria-valuemax', 100);
- tElement.attr('role', 'progressbar');
-
- return postLink;
- }
- function postLink(scope, element, attr) {
- $mdTheming(element);
-
- var lastMode;
- var isDisabled = attr.hasOwnProperty('disabled');
- var toVendorCSS = $mdUtil.dom.animator.toCss;
- var bar1 = angular.element(element[0].querySelector('.md-bar1'));
- var bar2 = angular.element(element[0].querySelector('.md-bar2'));
- var container = angular.element(element[0].querySelector('.md-container'));
-
- element
- .attr('md-mode', mode())
- .toggleClass(DISABLED_CLASS, isDisabled);
-
- validateMode();
- watchAttributes();
-
- /**
- * Watch the value, md-buffer-value, and md-mode attributes
- */
- function watchAttributes() {
- attr.$observe('value', function(value) {
- var percentValue = clamp(value);
- element.attr('aria-valuenow', percentValue);
-
- if (mode() != MODE_QUERY) animateIndicator(bar2, percentValue);
- });
-
- attr.$observe('mdBufferValue', function(value) {
- animateIndicator(bar1, clamp(value));
- });
-
- attr.$observe('disabled', function(value) {
- if (value === true || value === false) {
- isDisabled = !!value;
- } else {
- isDisabled = angular.isDefined(value);
- }
-
- element.toggleClass(DISABLED_CLASS, isDisabled);
- container.toggleClass(lastMode, !isDisabled);
- });
-
- attr.$observe('mdMode', function(mode) {
- if (lastMode) container.removeClass( lastMode );
-
- switch( mode ) {
- case MODE_QUERY:
- case MODE_BUFFER:
- case MODE_DETERMINATE:
- case MODE_INDETERMINATE:
- container.addClass( lastMode = "md-mode-" + mode );
- break;
- default:
- container.addClass( lastMode = "md-mode-" + MODE_INDETERMINATE );
- break;
- }
- });
- }
-
- /**
- * Auto-defaults the mode to either `determinate` or `indeterminate` mode; if not specified
- */
- function validateMode() {
- if ( angular.isUndefined(attr.mdMode) ) {
- var hasValue = angular.isDefined(attr.value);
- var mode = hasValue ? MODE_DETERMINATE : MODE_INDETERMINATE;
- var info = "Auto-adding the missing md-mode='{0}' to the ProgressLinear element";
-
- //$log.debug( $mdUtil.supplant(info, [mode]) );
-
- element.attr("md-mode", mode);
- attr.mdMode = mode;
- }
- }
-
- /**
- * Is the md-mode a valid option?
- */
- function mode() {
- var value = (attr.mdMode || "").trim();
- if ( value ) {
- switch(value) {
- case MODE_DETERMINATE:
- case MODE_INDETERMINATE:
- case MODE_BUFFER:
- case MODE_QUERY:
- break;
- default:
- value = MODE_INDETERMINATE;
- break;
- }
- }
- return value;
- }
-
- /**
- * Manually set CSS to animate the Determinate indicator based on the specified
- * percentage value (0-100).
- */
- function animateIndicator(target, value) {
- if ( isDisabled || !mode() ) return;
-
- var to = $mdUtil.supplant("translateX({0}%) scale({1},1)", [ (value-100)/2, value/100 ]);
- var styles = toVendorCSS({ transform : to });
- angular.element(target).css( styles );
- }
- }
-
- /**
- * Clamps the value to be between 0 and 100.
- * @param {number} value The value to clamp.
- * @returns {number}
- */
- function clamp(value) {
- return Math.max(0, Math.min(value || 0, 100));
- }
-}
-
-
-ngmaterial.components.progressLinear = angular.module("material.components.progressLinear"); \ No newline at end of file