--- /dev/null
+<!--\r
+ ================================================================================\r
+ ECOMP Portal\r
+ ================================================================================\r
+ Copyright (C) 2017 AT&T Intellectual Property\r
+ ================================================================================\r
+ Licensed under the Apache License, Version 2.0 (the "License");\r
+ you may not use this file except in compliance with the License.\r
+ You may obtain a copy of the License at\r
+ \r
+ http://www.apache.org/licenses/LICENSE-2.0\r
+ \r
+ Unless required by applicable law or agreed to in writing, software\r
+ distributed under the License is distributed on an "AS IS" BASIS,\r
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ See the License for the specific language governing permissions and\r
+ limitations under the License.\r
+ ================================================================================\r
+ -->\r
+<div style="margin-top: 10px; margin-bottom: 10psx;">\r
+ <h1 class="heading1"></h1>\r
+</div>\r
+<br />\r
+\r
+<div style="margin-top: 25px;">\r
+ <div id="title" class="manage-contactUs-home-manageWidgets-title">Manage {{widgetTypeDisplay}} Widgets</div>\r
+ <div class="widgets-popup-margin"> \r
+ <div class="get-access-table">\r
+ <div class="table-control" style="margin:30px;">\r
+ <div class="c-ecomp-portal-abs-table" style="height:300px"">\r
+ <table b2b-table id="table-main" \r
+ table-data="ignoredTableData"\r
+ current-page="ignoredCurrentPage">\r
+ <thead b2b-table-row type="header">\r
+ <tr>\r
+ <th id="th-users-1" b2b-table-header key="title" sortable="true" >Title</th>\r
+ <th id="th-users-2" b2b-table-header key="href" sortable="true" >URL</th>\r
+ <th ng-show="{{widgetType=='EVENTS'}}" id="th-users-3" b2b-table-header key="event_date" sortable="true" >Date</th>\r
+ <th ng-show="{{widgetType=='EVENTS'}}" id="th-users-4" b2b-table-header key="content" sortable="true" >Content</th>\r
+ <th id="th-users-5" b2b-table-header key="sortOrder" sortable="true" >Order</th>\r
+ <th id="th-users-6" b2b-table-header key="edit" sortable="false" >Edit</th>\r
+ <th id="th-users-7" b2b-table-header key="delete" sortable="false" >Delete</th>\r
+ </tr>\r
+ </thead>\r
+ <!-- Use track-by="UNIQUE KEY HERE" or leave out if no unique keys in data -->\r
+ <tbody b2b-table-row type="body" class="table-body" track-by="$index" row-repeat="rowData in widgetData">\r
+ <tr id="tr-rowData" ng-click="">\r
+ <td b2b-table-body>\r
+ <div id="widget-td-title" ng-hide="rowData.showEdit" ng-bind="rowData.title"></div>\r
+ <input id="widget-input-title" type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].title"/>\r
+ </td>\r
+ <td b2b-table-body>\r
+ <div id="widget-td-href" ng-hide="rowData.showEdit" ng-bind="rowData.href"></div>\r
+ <input id="widget-input-href" type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].href"/>\r
+ </td>\r
+ <td ng-show="{{widgetType=='EVENTS'}}" b2b-table-body>\r
+ <div id="widget-td-date" ng-hide="rowData.showEdit" ng-bind="rowData.eventDate"></div>\r
+ <input id="widget-input-date" type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].eventDate"/>\r
+ </td>\r
+ <td ng-show="{{widgetType=='EVENTS'}}" b2b-table-body>\r
+ <div id="widget-td-content" ng-hide="rowData.showEdit">{{rowData.content | cut:true:20:' ...'}}</div>\r
+ <input id="widget-input-content" type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].content"/>\r
+ </td>\r
+ <td b2b-table-body>\r
+ <div id="widget-td-order" ng-hide="rowData.showEdit" ng-bind="rowData.sortOrder"></div>\r
+ <input id="widget-input-order" type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].sortOrder"/> \r
+ </td> \r
+ <td b2b-table-body>\r
+ <div class="delete-contact-us" ng-hide="rowData.showEdit" ng-click="setEdit($index);">\r
+ <span class="icon-edit"></span>\r
+ </div>\r
+ <span ng-show="rowData.showEdit">\r
+ <a att-button btn-type="primary" ng-click="modify($index);" class="button button--primary" size="small" >Save</a>\r
+ </span>\r
+ </td>\r
+ <td b2b-table-body>\r
+ <div class="delete-contact-us" ng-click="remove($index);">\r
+ <span class="icon-misc-trash"></span>\r
+ </div>\r
+ </td>\r
+ </tr>\r
+ </tbody>\r
+ </table>\r
+ </div>\r
+ \r
+ <div att-divider-lines></div>\r
+ <div style="margin-top: 15px; margin-left: -80px;" >\r
+ <form name = "widgetForm" novalidate> \r
+ <div id="addWidgetHeader" class="contact-us-margin"> \r
+ <h1 style="font-size:18px;">Add</h1>\r
+ <div class="errMsg">{{errMsg}}</div>\r
+ <div class="sucessMsg" ng-bind="successMsg"></div>\r
+ </div> \r
+ <div id="addWidget" class="contact-us-margin">\r
+ <div>\r
+ <div>\r
+ <div class="add-widget-field">\r
+ <div id="mots-property-label" class="property-label">Title</div>\r
+ <input id="widget-input-add-title" class="input-text-area" type="text" ng-model="newWidgetObject.title" name="title" ng-required="true"/> \r
+ </div>\r
+ <div class="add-widget-field">\r
+ <div class="property-label">URL</div>\r
+ <input id="widget-input-add-url" class="input-text-area" type="text" ng-model="newWidgetObject.href" type="url" size="3" name = "url" ng-required = "true"/>\r
+ </div>\r
+ <div class="add-widget-field" >\r
+ <div class="property-label">Sort Order</div>\r
+ <input id="widget-input-add-order" class="input-text-area" type="text" ng-model="newWidgetObject.sortOrder"/>\r
+ </div>\r
+ </div>\r
+ <div class="add-widget-field" ng-controller="DatePickerController" ng-show="{{widgetType=='EVENTS'}}">\r
+ <h4>Event Date</h4>\r
+ <div>\r
+ <div>\r
+ <p class="input-group">\r
+ <input id="widget-input-add-date" type="text" name = "eventDate" datetime="yyyy-MM-dd" class="input-text-area" uib-datepicker-popup="{{format}}" \r
+ ng-model="newWidgetObject.eventDate" is-open="popup1.opened" datepicker-options="dateOptions" close-text="Close" alt-input-formats="altInputFormats" \r
+ ng-focus="open1()"\r
+ ng-required = "widgetType =='EVENTS'" />\r
+ </p>\r
+ </div>\r
+ </div>\r
+ </div> \r
+ \r
+ <div class="add-contact-us-field-des" ng-show="{{widgetType=='EVENTS'}}">\r
+ <div class="property-label">Content</div>\r
+ <textarea style="margin-top: 0px; margin-bottom: 0px; height: 150px" ng-model="newWidgetObject.content" name="content" ng-required = "widgetType =='EVENTS'">\r
+ </textarea> \r
+ </div>\r
+ </div>\r
+ <div style="height:50px;">\r
+ <a style="float:right; margin-top:20px;" att-button btn-type="primary" class="button button--primary" size="small" ng-click="saveNew()">Add New</a>\r
+ \r
+ </div>\r
+ \r
+ <div att-divider-lines></div>\r
+ \r
+ </div>\r
+ </form>\r
+ </div>\r
+ <div style="height:50px;">\r
+ <a style="float:right;" att-button btn-type="primary" class="button button--primary" size="small" ng-click="closeDialog()">Close</a>\r
+ </div> \r
+ </div>\r
+ </div>\r
+ </div>\r
+</div>\r
+ \r
+<script type="application/javascript">\r
+ $(document).ready(function(){\r
+ $(".ngdialog-content").css("width","85%")\r
+ });\r
+</script>\r