diff options
author | Paul McGoldrick <paul.mcgoldrick@att.com> | 2017-09-28 10:36:03 -0700 |
---|---|---|
committer | Paul McGoldrick <paul.mcgoldrick@att.com> | 2017-09-28 10:36:03 -0700 |
commit | 1cd02f285d4d778dddfe34024da4b31afdc0afcd (patch) | |
tree | 91a597f81d6e9f75e9766db0dc4f6ac9b9ac5d58 /d2ice.att.io/app/directives/ice-tooltip | |
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-tooltip')
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; + } + } + } +} |