diff options
author | 2017-09-28 10:36:03 -0700 | |
---|---|---|
committer | 2017-09-28 10:36:03 -0700 | |
commit | 1cd02f285d4d778dddfe34024da4b31afdc0afcd (patch) | |
tree | 91a597f81d6e9f75e9766db0dc4f6ac9b9ac5d58 /d2ice.att.io/app/directives/ice-loader | |
parent | 0e6fb5a0e199c00d5998052465f86a7a6812a474 (diff) |
initial seed code commit VVP-9
Change-Id: I4d48180db7eba7cb7c299ab618f04d2092868085
Signed-off-by: Paul McGoldrick <paul.mcgoldrick@att.com>
Diffstat (limited to 'd2ice.att.io/app/directives/ice-loader')
3 files changed, 187 insertions, 0 deletions
diff --git a/d2ice.att.io/app/directives/ice-loader/ice-loader.directive.js b/d2ice.att.io/app/directives/ice-loader/ice-loader.directive.js new file mode 100755 index 00000000..1456df42 --- /dev/null +++ b/d2ice.att.io/app/directives/ice-loader/ice-loader.directive.js @@ -0,0 +1,96 @@ +// +// ============LICENSE_START========================================== +// org.onap.vvp/portal +// =================================================================== +// Copyright © 2017 AT&T Intellectual Property. All rights reserved. +// =================================================================== +// +// Unless otherwise specified, all software contained herein is licensed +// under the Apache License, Version 2.0 (the “License”); +// you may not use this software except in compliance with the License. +// You may obtain a copy of the License at +// +// http:www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// +// +// +// Unless otherwise specified, all documentation contained herein is licensed +// under the Creative Commons License, Attribution 4.0 Intl. (the “License”); +// you may not use this documentation except in compliance with the License. +// You may obtain a copy of the License at +// +// https:creativecommons.org/licenses/by/4.0/ +// +// Unless required by applicable law or agreed to in writing, documentation +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// +// ============LICENSE_END============================================ +// +// ECOMP is a trademark and service mark of AT&T Intellectual Property. +(function () { + + 'use strict'; + + angular + .module('ice.directives') + .directive('iceLoader', iceLoader); + + function iceLoader($rootScope) { + var directive = {}; + directive.restrict = 'E'; + directive.transclude = false; + //directive.templateUrl = 'directives/ice-loader/ice-loader.html'; + directive.scope = { + selector: "@selector" + }; + + directive.link = function (scope, element, attrs) { + + $rootScope.$watch('ice.loader.show', function(newVal, OldVal){ + //scope.loader = $rootScope.ice.loader; + if (newVal===true) { + var selector = $(scope.selector); + var loaderId = calculateUniqueId(); + var loader = $('<div class="ice-loader" id="' + loaderId + '"></div>'); + $('body').append(loader); + selector.addClass('ice-loader-overlay'); + var pos = selector.offset(); + if (pos) { + loader.css({ + top: pos.top + selector.height() / 2, + left: pos.left + selector.width() / 2, + position: 'fixed' + }); + } + } else if (newVal===false) { + var selector = $(scope.selector); + selector.removeClass('ice-loader-overlay'); + var loaderId = calculateUniqueId(); + var loader = $('#' + loaderId); + loader.remove(); + } + }, true); + + var calculateUniqueId = function(){ + var prefix = 'ice-loader-'; + var name = scope.selector; + name = name.replace(".",""); + name = name.replace("#",""); + return prefix + name; + }; + + }; + return directive; + + } + +})(); diff --git a/d2ice.att.io/app/directives/ice-loader/ice-loader.html b/d2ice.att.io/app/directives/ice-loader/ice-loader.html new file mode 100755 index 00000000..009a7ee6 --- /dev/null +++ b/d2ice.att.io/app/directives/ice-loader/ice-loader.html @@ -0,0 +1,39 @@ +<!-- +============LICENSE_START========================================== +org.onap.vvp/portal +=================================================================== +Copyright © 2017 AT&T Intellectual Property. All rights reserved. +=================================================================== + +Unless otherwise specified, all software contained herein is licensed +under the Apache License, Version 2.0 (the “License”); +you may not use this software except in compliance with the License. +You may obtain a copy of the License at + + http:www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. + + + +Unless otherwise specified, all documentation contained herein is licensed +under the Creative Commons License, Attribution 4.0 Intl. (the “License”); +you may not use this documentation except in compliance with the License. +You may obtain a copy of the License at + + https:creativecommons.org/licenses/by/4.0/ + +Unless required by applicable law or agreed to in writing, documentation +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. + +============LICENSE_END============================================ + +ECOMP is a trademark and service mark of AT&T Intellectual Property.--> +<div class="ice-loader" ng-if="loader.show===true"></div> diff --git a/d2ice.att.io/app/directives/ice-loader/ice-loader.less b/d2ice.att.io/app/directives/ice-loader/ice-loader.less new file mode 100755 index 00000000..22b761e3 --- /dev/null +++ b/d2ice.att.io/app/directives/ice-loader/ice-loader.less @@ -0,0 +1,52 @@ +// +// ============LICENSE_START========================================== +// org.onap.vvp/portal +// =================================================================== +// Copyright © 2017 AT&T Intellectual Property. All rights reserved. +// =================================================================== +// +// Unless otherwise specified, all software contained herein is licensed +// under the Apache License, Version 2.0 (the “License”); +// you may not use this software except in compliance with the License. +// You may obtain a copy of the License at +// +// http:www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// +// +// +// Unless otherwise specified, all documentation contained herein is licensed +// under the Creative Commons License, Attribution 4.0 Intl. (the “License”); +// you may not use this documentation except in compliance with the License. +// You may obtain a copy of the License at +// +// https:creativecommons.org/licenses/by/4.0/ +// +// Unless required by applicable law or agreed to in writing, documentation +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// +// ============LICENSE_END============================================ +// +// ECOMP is a trademark and service mark of AT&T Intellectual Property. +.ice-loader { + + background: url('images/wait.gif') no-repeat top left; width: 16px; height: 11px; + display: block; + .m_14_m; + /*top: 50%; + left: 50%;*/ + +} + +.ice-loader-overlay { + /*background-color: #F2F2F2;*/ + opacity: 0.2; +} |