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 --- .../modules/js/checkbox/bower.json | 7 + .../modules/js/checkbox/checkbox-default-theme.css | 47 ++++++ .../js/checkbox/checkbox-default-theme.min.css | 6 + .../modules/js/checkbox/checkbox.css | 125 +++++++++++++++ .../modules/js/checkbox/checkbox.js | 167 +++++++++++++++++++++ .../modules/js/checkbox/checkbox.min.css | 6 + .../modules/js/checkbox/checkbox.min.js | 7 + 7 files changed, 365 insertions(+) create mode 100644 ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/bower.json create mode 100644 ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox-default-theme.css create mode 100644 ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox-default-theme.min.css create mode 100644 ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.css create mode 100644 ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.js create mode 100644 ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.min.css create mode 100644 ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.min.js (limited to 'ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox') diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/bower.json b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/bower.json new file mode 100644 index 00000000..5a26f2e8 --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/bower.json @@ -0,0 +1,7 @@ +{ + "name": "angular-material-checkbox", + "version": "0.9.8", + "dependencies": { + "angular-material-core": "0.9.8" + } +} \ No newline at end of file diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox-default-theme.css b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox-default-theme.css new file mode 100644 index 00000000..c23e596c --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox-default-theme.css @@ -0,0 +1,47 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v0.9.8 + */ +/* mixin definition ; sets LTR and RTL within the same style call */ +md-checkbox.md-THEME_NAME-theme .md-ripple { + color: '{{accent-600}}'; } +md-checkbox.md-THEME_NAME-theme.md-checked .md-ripple { + color: '{{background-600}}'; } +md-checkbox.md-THEME_NAME-theme.md-checked.md-focused .md-container:before { + background-color: '{{accent-color-0.26}}'; } +md-checkbox.md-THEME_NAME-theme .md-icon { + border-color: '{{foreground-2}}'; } +md-checkbox.md-THEME_NAME-theme.md-checked .md-icon { + background-color: '{{accent-color-0.87}}'; } +md-checkbox.md-THEME_NAME-theme.md-checked .md-icon:after { + border-color: '{{background-200}}'; } +md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-ripple { + color: '{{primary-600}}'; } +md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ripple { + color: '{{background-600}}'; } +md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-icon { + border-color: '{{foreground-2}}'; } +md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon { + background-color: '{{primary-color-0.87}}'; } +md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked.md-focused .md-container:before { + background-color: '{{primary-color-0.26}}'; } +md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon:after { + border-color: '{{background-200}}'; } +md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-ripple { + color: '{{warn-600}}'; } +md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-icon { + border-color: '{{foreground-2}}'; } +md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon { + background-color: '{{warn-color-0.87}}'; } +md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before { + background-color: '{{warn-color-0.26}}'; } +md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon:after { + border-color: '{{background-200}}'; } +md-checkbox.md-THEME_NAME-theme[disabled] .md-icon { + border-color: '{{foreground-3}}'; } +md-checkbox.md-THEME_NAME-theme[disabled].md-checked .md-icon { + background-color: '{{foreground-3}}'; } +md-checkbox.md-THEME_NAME-theme[disabled] .md-label { + color: '{{foreground-3}}'; } diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox-default-theme.min.css b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox-default-theme.min.css new file mode 100644 index 00000000..4eea8f80 --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox-default-theme.min.css @@ -0,0 +1,6 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v0.9.8 + */md-checkbox.md-THEME_NAME-theme .md-ripple{color:'{{accent-600}}'}md-checkbox.md-THEME_NAME-theme.md-checked .md-ripple{color:'{{background-600}}'}md-checkbox.md-THEME_NAME-theme.md-checked.md-focused .md-container:before{background-color:'{{accent-color-0.26}}'}md-checkbox.md-THEME_NAME-theme .md-icon{border-color:'{{foreground-2}}'}md-checkbox.md-THEME_NAME-theme.md-checked .md-icon{background-color:'{{accent-color-0.87}}'}md-checkbox.md-THEME_NAME-theme.md-checked .md-icon:after{border-color:'{{background-200}}'}md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-ripple{color:'{{primary-600}}'}md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ripple{color:'{{background-600}}'}md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-icon{border-color:'{{foreground-2}}'}md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon{background-color:'{{primary-color-0.87}}'}md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked.md-focused .md-container:before{background-color:'{{primary-color-0.26}}'}md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon:after{border-color:'{{background-200}}'}md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-ripple{color:'{{warn-600}}'}md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-icon{border-color:'{{foreground-2}}'}md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon{background-color:'{{warn-color-0.87}}'}md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before{background-color:'{{warn-color-0.26}}'}md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon:after{border-color:'{{background-200}}'}md-checkbox.md-THEME_NAME-theme[disabled] .md-icon{border-color:'{{foreground-3}}'}md-checkbox.md-THEME_NAME-theme[disabled].md-checked .md-icon{background-color:'{{foreground-3}}'}md-checkbox.md-THEME_NAME-theme[disabled] .md-label{color:'{{foreground-3}}'} \ No newline at end of file diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.css b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.css new file mode 100644 index 00000000..652ba9f1 --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.css @@ -0,0 +1,125 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v0.9.8 + */ +/* mixin definition ; sets LTR and RTL within the same style call */ +md-checkbox { + box-sizing: border-box; + display: block; + margin: 8px; + white-space: nowrap; + cursor: pointer; + outline: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding-left: 18px; + padding-right: 0; + position: relative; + line-height: 26px; + min-width: 18px; + min-height: 18px; } + html[dir=rtl] md-checkbox { + padding-left: 0; } + html[dir=rtl] md-checkbox { + padding-right: 18px; } + md-checkbox *, md-checkbox *:before, md-checkbox *:after { + box-sizing: border-box; } + md-checkbox.md-focused:not([disabled]) .md-container:before { + left: -8px; + top: -8px; + right: -8px; + bottom: -8px; } + md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before { + background-color: rgba(0, 0, 0, 0.12); } + md-checkbox .md-container { + position: absolute; + top: 50%; + display: inline-block; + width: 18px; + height: 18px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: 0; + right: auto; } + html[dir=rtl] md-checkbox .md-container { + left: auto; } + html[dir=rtl] md-checkbox .md-container { + right: 0; } + md-checkbox .md-container:before { + background-color: transparent; + border-radius: 50%; + content: ''; + position: absolute; + display: block; + height: auto; + left: 0; + top: 0; + right: 0; + bottom: 0; + transition: all 0.5s; + width: auto; } + md-checkbox .md-container:after { + content: ''; + position: absolute; + top: -10px; + right: -10px; + bottom: -10px; + left: -10px; } + md-checkbox .md-container .md-ripple-container { + position: absolute; + display: block; + width: auto; + height: auto; + left: -15px; + top: -15px; + right: -15px; + bottom: -15px; } + md-checkbox .md-icon { + transition: 240ms; + position: absolute; + top: 0; + left: 0; + width: 18px; + height: 18px; + border-width: 2px; + border-style: solid; + border-radius: 2px; } + md-checkbox.md-checked .md-icon { + border: none; } + md-checkbox[disabled] { + cursor: no-drop; } + md-checkbox.md-checked .md-icon:after { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + position: absolute; + left: 6px; + top: 2px; + display: table; + width: 6px; + height: 12px; + border-width: 2px; + border-style: solid; + border-top: 0; + border-left: 0; + content: ''; } + md-checkbox .md-label { + position: relative; + display: inline-block; + vertical-align: middle; + white-space: normal; + pointer-events: none; + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; } + md-checkbox .md-label span { + margin-left: 10px; + margin-right: 0; } + html[dir=rtl] md-checkbox .md-label span { + margin-left: 0; } + html[dir=rtl] md-checkbox .md-label span { + margin-right: 10px; } diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.js b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.js new file mode 100644 index 00000000..0b28ffd3 --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.js @@ -0,0 +1,167 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v0.9.8 + */ +(function( window, angular, undefined ){ +"use strict"; + +/** + * @ngdoc module + * @name material.components.checkbox + * @description Checkbox module! + */ +angular + .module('material.components.checkbox', ['material.core']) + .directive('mdCheckbox', MdCheckboxDirective); + +/** + * @ngdoc directive + * @name mdCheckbox + * @module material.components.checkbox + * @restrict E + * + * @description + * The checkbox directive is used like the normal [angular checkbox](https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D). + * + * As per the [material design spec](http://www.google.com/design/spec/style/color.html#color-ui-color-application) + * the checkbox is in the accent color by default. The primary color palette may be used with + * the `md-primary` class. + * + * @param {string} ng-model Assignable angular expression to data-bind to. + * @param {string=} name Property name of the form under which the control is published. + * @param {expression=} ng-true-value The value to which the expression should be set when selected. + * @param {expression=} ng-false-value The value to which the expression should be set when not selected. + * @param {string=} ng-change Angular expression to be executed when input changes due to user interaction with the input element. + * @param {boolean=} md-no-ink Use of attribute indicates use of ripple ink effects + * @param {string=} aria-label Adds label to checkbox for accessibility. + * Defaults to checkbox's text. If no default text is found, a warning will be logged. + * + * @usage + * + * + * Finished ? + * + * + * + * No Ink Effects + * + * + * + * Disabled + * + * + * + * + */ +function MdCheckboxDirective(inputDirective, $mdInkRipple, $mdAria, $mdConstant, $mdTheming, $mdUtil, $timeout) { + inputDirective = inputDirective[0]; + var CHECKED_CSS = 'md-checked'; + + return { + restrict: 'E', + transclude: true, + require: '?ngModel', + priority:210, // Run before ngAria + template: + '
' + + '
' + + '
' + + '
', + compile: compile + }; + + // ********************************************************** + // Private Methods + // ********************************************************** + + function compile (tElement, tAttrs) { + + tAttrs.type = 'checkbox'; + tAttrs.tabindex = tAttrs.tabindex || '0'; + tElement.attr('role', tAttrs.type); + + return function postLink(scope, element, attr, ngModelCtrl) { + ngModelCtrl = ngModelCtrl || $mdUtil.fakeNgModel(); + $mdTheming(element); + + if (attr.ngChecked) { + scope.$watch( + scope.$eval.bind(scope, attr.ngChecked), + ngModelCtrl.$setViewValue.bind(ngModelCtrl) + ); + } + $$watchExpr('ngDisabled', 'tabindex', { + true: '-1', + false: attr.tabindex + }); + $mdAria.expectWithText(element, 'aria-label'); + + // Reuse the original input[type=checkbox] directive from Angular core. + // This is a bit hacky as we need our own event listener and own render + // function. + inputDirective.link.pre(scope, { + on: angular.noop, + 0: {} + }, attr, [ngModelCtrl]); + + scope.mouseActive = false; + element.on('click', listener) + .on('keypress', keypressHandler) + .on('mousedown', function() { + scope.mouseActive = true; + $timeout(function(){ + scope.mouseActive = false; + }, 100); + }) + .on('focus', function() { + if(scope.mouseActive === false) { element.addClass('md-focused'); } + }) + .on('blur', function() { element.removeClass('md-focused'); }); + + ngModelCtrl.$render = render; + + function $$watchExpr(expr, htmlAttr, valueOpts) { + if (attr[expr]) { + scope.$watch(attr[expr], function(val) { + if (valueOpts[val]) { + element.attr(htmlAttr, valueOpts[val]); + } + }); + } + } + + function keypressHandler(ev) { + var keyCode = ev.which || ev.keyCode; + if (keyCode === $mdConstant.KEY_CODE.SPACE || keyCode === $mdConstant.KEY_CODE.ENTER) { + ev.preventDefault(); + if (!element.hasClass('md-focused')) { element.addClass('md-focused'); } + listener(ev); + } + } + function listener(ev) { + if (element[0].hasAttribute('disabled')) return; + + scope.$apply(function() { + // Toggle the checkbox value... + var viewValue = attr.ngChecked ? attr.checked : !ngModelCtrl.$viewValue; + + ngModelCtrl.$setViewValue( viewValue, ev && ev.type); + ngModelCtrl.$render(); + }); + } + + function render() { + if(ngModelCtrl.$viewValue) { + element.addClass(CHECKED_CSS); + } else { + element.removeClass(CHECKED_CSS); + } + } + }; + } +} +MdCheckboxDirective.$inject = ["inputDirective", "$mdInkRipple", "$mdAria", "$mdConstant", "$mdTheming", "$mdUtil", "$timeout"]; + +})(window, window.angular); \ No newline at end of file diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.min.css b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.min.css new file mode 100644 index 00000000..231352a0 --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.min.css @@ -0,0 +1,6 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v0.9.8 + */md-checkbox{box-sizing:border-box;display:block;margin:8px;white-space:nowrap;cursor:pointer;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:18px;padding-right:0;position:relative;line-height:26px;min-width:18px;min-height:18px}html[dir=rtl] md-checkbox{padding-left:0;padding-right:18px}md-checkbox *,md-checkbox :after,md-checkbox :before{box-sizing:border-box}md-checkbox.md-focused:not([disabled]) .md-container:before{left:-8px;top:-8px;right:-8px;bottom:-8px}md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before{background-color:rgba(0,0,0,.12)}md-checkbox .md-container{position:absolute;top:50%;display:inline-block;width:18px;height:18px;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:auto}html[dir=rtl] md-checkbox .md-container{left:auto;right:0}md-checkbox .md-container:before{background-color:transparent;border-radius:50%;content:'';position:absolute;display:block;height:auto;left:0;top:0;right:0;bottom:0;transition:all .5s;width:auto}md-checkbox .md-container:after{content:'';position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}md-checkbox .md-container .md-ripple-container{position:absolute;display:block;width:auto;height:auto;left:-15px;top:-15px;right:-15px;bottom:-15px}md-checkbox .md-icon{transition:240ms;position:absolute;top:0;left:0;width:18px;height:18px;border-width:2px;border-style:solid;border-radius:2px}md-checkbox.md-checked .md-icon{border:none}md-checkbox[disabled]{cursor:no-drop}md-checkbox.md-checked .md-icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:6px;top:2px;display:table;width:6px;height:12px;border-width:2px;border-style:solid;border-top:0;border-left:0;content:''}md-checkbox .md-label{position:relative;display:inline-block;vertical-align:middle;white-space:normal;pointer-events:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}md-checkbox .md-label span{margin-left:10px;margin-right:0}html[dir=rtl] md-checkbox .md-label span{margin-left:0;margin-right:10px} \ No newline at end of file diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.min.js b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.min.js new file mode 100644 index 00000000..74575091 --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/checkbox/checkbox.min.js @@ -0,0 +1,7 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v0.9.8 + */ +!function(e,n,i){"use strict";function t(e,i,t,c,d,o,a){function s(i,s){return s.type="checkbox",s.tabindex=s.tabindex||"0",i.attr("role",s.type),function(i,s,u,l){function m(e,n,t){u[e]&&i.$watch(u[e],function(e){t[e]&&s.attr(n,t[e])})}function f(e){var n=e.which||e.keyCode;(n===c.KEY_CODE.SPACE||n===c.KEY_CODE.ENTER)&&(e.preventDefault(),s.hasClass("md-focused")||s.addClass("md-focused"),p(e))}function p(e){s[0].hasAttribute("disabled")||i.$apply(function(){var n=u.ngChecked?u.checked:!l.$viewValue;l.$setViewValue(n,e&&e.type),l.$render()})}function v(){l.$viewValue?s.addClass(r):s.removeClass(r)}l=l||o.fakeNgModel(),d(s),u.ngChecked&&i.$watch(i.$eval.bind(i,u.ngChecked),l.$setViewValue.bind(l)),m("ngDisabled","tabindex",{"true":"-1","false":u.tabindex}),t.expectWithText(s,"aria-label"),e.link.pre(i,{on:n.noop,0:{}},u,[l]),i.mouseActive=!1,s.on("click",p).on("keypress",f).on("mousedown",function(){i.mouseActive=!0,a(function(){i.mouseActive=!1},100)}).on("focus",function(){i.mouseActive===!1&&s.addClass("md-focused")}).on("blur",function(){s.removeClass("md-focused")}),l.$render=v}}e=e[0];var r="md-checked";return{restrict:"E",transclude:!0,require:"?ngModel",priority:210,template:'
',compile:s}}n.module("material.components.checkbox",["material.core"]).directive("mdCheckbox",t),t.$inject=["inputDirective","$mdInkRipple","$mdAria","$mdConstant","$mdTheming","$mdUtil","$timeout"]}(window,window.angular); \ No newline at end of file -- cgit 1.2.3-korg