aboutsummaryrefslogtreecommitdiffstats
path: root/d2ice.att.io/app/main/modals/cms-post-modal
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/main/modals/cms-post-modal
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/main/modals/cms-post-modal')
-rwxr-xr-xd2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.controller.js92
-rwxr-xr-xd2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.html55
-rwxr-xr-xd2ice.att.io/app/main/modals/cms-post-modal/cms-post-modal.less106
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">&times;</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%;
+ }
+}