From 4ad39a5c96dd99acf819ce189b13fec946d7506b Mon Sep 17 00:00:00 2001 From: talasila Date: Tue, 7 Feb 2017 15:03:57 -0500 Subject: Initial OpenECOMP Portal commit Change-Id: I804b80e0830c092e307da1599bd9fbb5c3e2da77 Signed-off-by: talasila --- .../closure/progressCircular/progressCircular.js | 109 +++++++++++++++++++++ 1 file changed, 109 insertions(+) create mode 100644 ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressCircular/progressCircular.js (limited to 'ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressCircular/progressCircular.js') diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressCircular/progressCircular.js b/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressCircular/progressCircular.js new file mode 100644 index 00000000..293830cd --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressCircular/progressCircular.js @@ -0,0 +1,109 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v0.9.8 + */ +goog.provide('ng.material.components.progressCircular'); +goog.require('ng.material.core'); +/** + * @ngdoc module + * @name material.components.progressCircular + * @description Circular Progress module! + */ +angular.module('material.components.progressCircular', [ + 'material.core' +]) + .directive('mdProgressCircular', MdProgressCircularDirective); + +/** + * @ngdoc directive + * @name mdProgressCircular + * @module material.components.progressCircular + * @restrict E + * +* @description + * The circular 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. + * + * 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 two modes: determinate and indeterminate. + * @param {number=} value In determinate mode, this number represents the percentage of the + * circular progress. Default: 0 + * @param {number=} md-diameter This specifies the diamter of the circular progress. Default: 48 + * + * @usage + * + * + * + * + * + * + * + * + * + */ +function MdProgressCircularDirective($mdConstant, $mdTheming) { + return { + restrict: 'E', + template: + // The progress 'circle' is composed of two half-circles: the left side and the right + // side. Each side has CSS applied to 'fill-in' the half-circle to the appropriate progress. + '
' + + '
' + + '
' + + '
' + + '
' + + '
' + + '
' + + '
' + + '
' + + '
' + + '
', + compile: compile + }; + + function compile(tElement) { + // The javascript in this file is mainly responsible for setting the correct aria attributes. + // The animation of the progress spinner is done entirely with just CSS. + tElement.attr('aria-valuemin', 0); + tElement.attr('aria-valuemax', 100); + tElement.attr('role', 'progressbar'); + + return postLink; + } + + function postLink(scope, element, attr) { + $mdTheming(element); + var circle = element[0]; + + // Scale the progress circle based on the default diameter. + var diameter = attr.mdDiameter || 48; + var scale = diameter / 48; + circle.style[$mdConstant.CSS.TRANSFORM] = 'scale(' + scale + ')'; + + attr.$observe('value', function(value) { + var percentValue = clamp(value); + element.attr('aria-valuenow', percentValue); + }); + } + + /** + * 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)); + } +} +MdProgressCircularDirective.$inject = ["$mdConstant", "$mdTheming"]; + +ng.material.components.progressCircular = angular.module("material.components.progressCircular"); \ No newline at end of file -- cgit 1.2.3-korg