[PORTAL-16 PORTAL-18] Widget ms; staging
[portal.git] / ecomp-portal-FE-common / client / app / views / dashboard / dashboard-widget-manage.html
index 9883bd1..f47e17c 100644 (file)
-<!--\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
+<!--
+  ================================================================================
+  ECOMP Portal
+  ================================================================================
+  Copyright (C) 2017 AT&T Intellectual Property
+  ================================================================================
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file 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.
+  ================================================================================
+  -->
+<div style="margin-top: 10px; margin-bottom: 10psx;">
+       <h1 class="heading1"></h1>
+</div>
+<br />
+
+<div style="margin-top: 25px;">
+       <div id="title" class="manage-contactUs-home-manageWidgets-title">Manage {{widgetTypeDisplay}} Widgets</div>
+               <div class="widgets-popup-margin">         
+            <div class="get-access-table">
+                <div class="table-control" style="margin:30px;">
+                                       <div class="c-ecomp-portal-abs-table" style="height:300px"">
+                    <table b2b-table id="table-main" 
+                       table-data="ignoredTableData"
+                        current-page="ignoredCurrentPage">
+                        <thead b2b-table-row type="header">
+                               <tr>
+                                   <th id="th-users-1" b2b-table-header key="title" sortable="true" >Title</th>
+                                   <th id="th-users-2" b2b-table-header key="href" sortable="true" >URL</th>
+                                   <th ng-show="{{widgetType=='EVENTS'}}" id="th-users-3" b2b-table-header key="event_date" sortable="true" >Date</th>
+                                   <th ng-show="{{widgetType=='EVENTS'}}" id="th-users-4" b2b-table-header key="content" sortable="true" >Content</th>
+                                   <th id="th-users-5" b2b-table-header key="sortOrder" sortable="true" >Order</th>
+                                   <th id="th-users-6" b2b-table-header key="edit" sortable="false" >Edit</th>
+                                    <th id="th-users-7" b2b-table-header key="delete" sortable="false" >Delete</th>
+                               </tr>
+                        </thead>
+                        <!-- Use track-by="UNIQUE KEY HERE" or leave out if no unique keys in data -->
+                        <tbody b2b-table-row type="body" class="table-body" track-by="$index" row-repeat="rowData in widgetData">
+                               <tr id="tr-rowData" ng-click="">
+                                   <td b2b-table-body>
+                                       <div id="widget-td-title" ng-hide="rowData.showEdit" ng-bind="rowData.title"></div>
+                                      <input id="widget-input-title-{{$index}}"  type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].title"/>
+                                   </td>
+                                   <td b2b-table-body>
+                                       <div id="widget-td-href" ng-hide="rowData.showEdit" ng-bind="rowData.href"></div>
+                                       <input id="widget-input-href-{{$index}}" type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].href"/>
+                                   </td>
+                                   <td  ng-show="{{widgetType=='EVENTS'}}" b2b-table-body>
+                                       <div id="widget-td-date" ng-hide="rowData.showEdit" ng-bind="rowData.eventDate"></div>
+                                       <input id="widget-input-date-{{$index}}" type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].eventDate"/>
+                                   </td>
+                                   <td  ng-show="{{widgetType=='EVENTS'}}" b2b-table-body>
+                                       <div id="widget-td-content" ng-hide="rowData.showEdit">{{rowData.content | cut:true:20:' ...'}}</div>
+                                       <input id="widget-input-content-{{$index}}"  type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].content"/>
+                                   </td>
+                                   <td b2b-table-body>
+                                       <div id="widget-td-order" ng-hide="rowData.showEdit" ng-bind="rowData.sortOrder"></div>
+                                       <input id="widget-input-order-{{$index}}"  type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].sortOrder"/>      
+                                   </td>                            
+                                   <td b2b-table-body>
+                                       <div id="edit-contact-us-button" class="delete-contact-us" ng-hide="rowData.showEdit" ng-click="setEdit($index);">
+                                               <span class="icon-edit"></span>
+                                       </div>
+                                       <span ng-show="rowData.showEdit">
+                                               <a id="save-button" att-button btn-type="primary" ng-click="modify($index);" class="button button--primary" size="small" >Save</a>
+                                               </span>
+                                   </td>
+                                   <td b2b-table-body>
+                                       <div id="remove-contact-us" class="delete-contact-us" ng-click="remove($index);">
+                                               <span class="icon-misc-trash"></span>
+                                       </div>
+                                   </td>
+                               </tr>
+                        </tbody>
+                    </table>
+                </div>
+                
+                <div att-divider-lines></div>
+                                       <div style="margin-top: 15px; margin-left: -80px;" >
+                                       <form name = "widgetForm" novalidate>                           
+                                               <div id="addWidgetHeader" class="contact-us-margin">                            
+                                                       <h1 style="font-size:18px;">Add</h1>
+                                                       <div class="errMsg">{{errMsg}}</div>
+                                                       <div class="sucessMsg" ng-bind="successMsg"></div>
+                                               </div>                                                            
+                                               <div id="addWidget" class="contact-us-margin">
+                                                       <div>
+                                                               <div>
+                                                                       <div class="add-widget-field">
+                                                                  <div id="mots-property-label" class="property-label">Title</div>
+                                                                   <input id="widget-input-add-title" class="input-text-area" type="text"  ng-model="newWidgetObject.title" name="title" ng-required="true"/>                                                            
+                                                               </div>
+                                                               <div class="add-widget-field">
+                                                                   <div  class="property-label">URL</div>
+                                                                   <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"/>
+                                                               </div>
+                                                               <div class="add-widget-field" >
+                                                                   <div class="property-label">Sort Order</div>
+                                                                   <input id="widget-input-add-order" class="input-text-area" type="text" ng-model="newWidgetObject.sortOrder"/>
+                                                               </div>
+                                                       </div>
+                                                        <div  class="add-widget-field"  ng-controller="DatePickerController" ng-show="{{widgetType=='EVENTS'}}">
+                                                                   <h4>Event Date</h4>
+                                                                   <div>
+                                                                     <div>
+                                                                       <p class="input-group">
+                                                                         <input id="widget-input-add-date" type="text" name = "eventDate" datetime="yyyy-MM-dd" class="input-text-area" uib-datepicker-popup="{{format}}" 
+                                                                                       ng-model="newWidgetObject.eventDate" is-open="popup1.opened" datepicker-options="dateOptions" close-text="Close" alt-input-formats="altInputFormats" 
+                                                                          ng-focus="open1()"
+                                                                          ng-required = "widgetType =='EVENTS'" />
+                                                                       </p>
+                                                                     </div>
+                                                                       </div>
+                                                               </div>  
+                                                               
+                                                       <div class="add-contact-us-field-des"  ng-show="{{widgetType=='EVENTS'}}">
+                                                           <div  class="property-label">Content</div>
+                                                           <textarea style="margin-top: 0px; margin-bottom: 0px; height: 150px" ng-model="newWidgetObject.content" name="content" ng-required = "widgetType =='EVENTS'">
+                                                           </textarea>                                                     
+                                                       </div>
+                                               </div>
+                                                       <div style="height:50px;">
+                                                                       <a id="add-button" style="float:right; margin-top:20px;" att-button btn-type="primary" class="button button--primary" size="small" ng-click="saveNew()">Add New</a>
+                                       
+                                                       </div>
+                                                       
+                                                       <div att-divider-lines></div>
+                                       
+                                               </div>
+                                       </form>
+                                       </div>
+                                   <div style="height:50px;">
+                                               <a id="close-button" style="float:right;" att-button btn-type="primary" class="button button--primary" size="small" ng-click="closeDialog()">Close</a>
+                                       </div>           
+            </div>
+        </div>
+    </div>
+</div>
+       
+<script type="application/javascript">
+    $(document).ready(function(){
+        $(".ngdialog-content").css("width","85%");
+        $(".ngdialog-close").attr('id','dialog-close');
+    });
+</script>