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/main/modals/cms-post-modal | |
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/main/modals/cms-post-modal')
3 files changed, 253 insertions, 0 deletions
diff --git a/d2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.controller.js b/d2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.controller.js new file mode 100755 index 00000000..09773283 --- /dev/null +++ b/d2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.controller.js @@ -0,0 +1,92 @@ +// +// ============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.modals') + .controller('cmsPostModalController', ['$uibModalInstance', 'cmsService','post', '$log', cmsPostModalController]); + + function cmsPostModalController($uibModalInstance, cmsService, post, $log) { + + var vm = this; + var init = function () { + if(post) { + vm.post = post; + } else { + cmsService.getLastAnnouncementPost() + .then(function(response) { + if(response && response.data && response.data.length === 1) { + vm.post = response.data[0]; + } + }) + .catch(function(error) { + $log.error(error); + }); + } + + loadRecentPosts(); + }; + + vm.closeModal = function (bool) { + $uibModalInstance.close(bool); + }; + + vm.loadSelectedPostData = function(post) { + if(post) { + vm.post = post; + } + }; + + function loadRecentPosts() { + var limit = 5; + var fromLastDays = ""; + + cmsService.getPosts(limit, fromLastDays, ['Announcement', 'News']) + .then(function(response) { + vm.recentPosts = response.data; + }) + .catch(function(error) { + $log.error(error); + }); + } + + init(); + } +})(); diff --git a/d2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.html b/d2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.html new file mode 100755 index 00000000..cd51c5e3 --- /dev/null +++ b/d2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.html @@ -0,0 +1,55 @@ +<!-- +============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="toast-read-more-container"> + <div class="modal-header row"> + <span class="toast-read-more-title" id="toast-title-id">{{vm.post.title}}</span> + <p class="toast-read-more-creation ng-binding">Posted at {{vm.post.publish_date | date2: 'EEEE MMMM doo yyyy'}} by {{vm.post.user.username}}</p> + <button type="button" ng-click="vm.closeModal()" id="close-modal-button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> + </div> + <div class="modal-body row toast-read-more-content" id="toast-description" ng-bind-html="vm.post.content"></div> + <div class="recent-cms-posts-container row"> + <div class="line-separator col-md-12"></div> + <span class="recent-cms-posts-title">Most recent news & announcements</span> + <ul class="recent-cms-posts"> + <li class="row" data-ng-repeat="post in vm.recentPosts track by post.id" ng-class="{'selected': (post.id === vm.post.id)}" ng-click="vm.loadSelectedPostData(post)"> + <span class="col-md-7">{{post.title}}</span><span class="col-md-5 post-creation">Posted at {{post.publish_date | date2: 'EEEE MMMM doo yyyy'}} by {{post.user.username}}</span> + </li> + </ul> + </div> +</div> diff --git a/d2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.less b/d2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.less new file mode 100755 index 00000000..832ef012 --- /dev/null +++ b/d2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.less @@ -0,0 +1,106 @@ +// +// ============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. +.toast-read-more-container { + padding: 0 20px; + word-wrap: break-word; + + .recent-cms-posts-container { + .line-separator { + border-bottom: solid 1px @main_color_m; + margin: 20px 0; + } + + .recent-cms-posts-title { + .a_16_m; + + } + + ul.recent-cms-posts { + margin-top: 3px; + + li { + .f-type._16_m; + list-style: none; + position: relative; + line-height: 28px; + cursor: pointer; + + .post-creation { + .f-type._12_r; + } + + &:before { + content: ''; + display: inline-block; + position: absolute; + top: 0; + } + } + + li.selected { + background-color: @func_color_r; + } + } + } +} + +.toast-read-more-title { + .a_26_m; + line-height: 26px; +} + +.toast-read-more-creation { + display: block; +} + +.toast-read-more-content { + .m_18_r; + line-height: 20px; + padding: 10px 20px 0; +} + +.modal-cms-post-read-more { + width: 70%; + margin: 0px auto; + height: 100%; + + .modal-content { + height: 100%; + } +} |