summaryrefslogtreecommitdiffstats
path: root/d2ice.att.io/app/directives/ice-tooltip
diff options
context:
space:
mode:
authorPaul McGoldrick <paul.mcgoldrick@att.com>2017-09-28 10:36:03 -0700
committerPaul McGoldrick <paul.mcgoldrick@att.com>2017-09-28 10:36:03 -0700
commit1cd02f285d4d778dddfe34024da4b31afdc0afcd (patch)
tree91a597f81d6e9f75e9766db0dc4f6ac9b9ac5d58 /d2ice.att.io/app/directives/ice-tooltip
parent0e6fb5a0e199c00d5998052465f86a7a6812a474 (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-tooltip')
-rwxr-xr-xd2ice.att.io/app/directives/ice-tooltip/ice-tooltip.directive.js69
-rwxr-xr-xd2ice.att.io/app/directives/ice-tooltip/ice-tooltip.html44
-rwxr-xr-xd2ice.att.io/app/directives/ice-tooltip/ice-tooltip.less82
3 files changed, 195 insertions, 0 deletions
diff --git a/d2ice.att.io/app/directives/ice-tooltip/ice-tooltip.directive.js b/d2ice.att.io/app/directives/ice-tooltip/ice-tooltip.directive.js
new file mode 100755
index 00000000..3c5b867f
--- /dev/null
+++ b/d2ice.att.io/app/directives/ice-tooltip/ice-tooltip.directive.js
@@ -0,0 +1,69 @@
+//
+// ============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('iceToolTip', ['cmsService', '$log', iceToolTip]);
+
+ function iceToolTip(cmsService, $log) {
+ var directive = {};
+ directive.restrict = 'E';
+ directive.templateUrl = 'directives/ice-tooltip/ice-tooltip.html';
+ directive.link = function (scope, element, attrs) {
+ var limit = 5;
+
+ cmsService.getPosts(limit, '', ['FAQ'])
+ .then(function(response) {
+ if(response.data && response.data.length > 0) {
+ var rangeMax = response.data.length;
+ var randPostIndex = Math.floor(Math.random() * rangeMax);
+ scope.tipContent = response.data[randPostIndex];
+ }
+ })
+ .catch(function(error) {
+ $log.error(error);
+ });
+ };
+
+ return directive;
+ }
+
+})();
diff --git a/d2ice.att.io/app/directives/ice-tooltip/ice-tooltip.html b/d2ice.att.io/app/directives/ice-tooltip/ice-tooltip.html
new file mode 100755
index 00000000..3c09051f
--- /dev/null
+++ b/d2ice.att.io/app/directives/ice-tooltip/ice-tooltip.html
@@ -0,0 +1,44 @@
+<!--
+============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 ng-show="tipContent && tipContent.excerpt" class="col-md-12 tooltip-container">
+ <div class="tooltip-title ng-binding" id="tooltip-title">Did you know?</div>
+ <div class="tooltip-content">
+ <h4 id="tooltip-description" >{{tipContent.excerpt}}</h4>
+ </div>
+</div>
diff --git a/d2ice.att.io/app/directives/ice-tooltip/ice-tooltip.less b/d2ice.att.io/app/directives/ice-tooltip/ice-tooltip.less
new file mode 100755
index 00000000..949e9a04
--- /dev/null
+++ b/d2ice.att.io/app/directives/ice-tooltip/ice-tooltip.less
@@ -0,0 +1,82 @@
+//
+// ============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.
+.tooltip-container {
+ border: 1px solid @main_color_o;
+ background-color: @main_color_p;
+ padding: 0px;
+
+ .tooltip-title {
+ .f-type._22_m;
+ background-color: @main_color_p;
+ color: @tooltip_header_color;
+ padding: 10px 10px 0;
+ }
+
+ .tooltip-content {
+ background-color: @main_color_p;
+ word-wrap: break-word;
+
+ h4 {
+ padding: 0 15px;
+ }
+ }
+}
+
+#nav-bar-wrapper {
+ .tooltip-container {
+ bottom: 10px;
+
+ .tooltip-title {
+ .f-type._16_m;
+ background-color: @main_color_p;
+ color: @tooltip_header_color;
+ padding: 15px 15px 0;
+ }
+
+ .tooltip-content {
+ background-color: @main_color_p;
+ word-wrap: break-word;
+
+ h4 {
+ .f-type._16_r;
+ padding: 0 15px;
+ }
+ }
+ }
+}