[PORTAL-16 PORTAL-18] Widget ms; staging
[portal.git] / ecomp-portal-FE-common / client / app / views / support / contact-us / contact-us-manage / contact-us-manage.html
index c619a18..4c8f6de 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: 10px;"></div>\r
-<br />\r
-\r
-<div style="margin-top: 25px;">\r
-       <div id="title" class="manage-contactUs-home-title">Manage\r
-               Contact Us</div>\r
-       <div class="contact-us-margin">\r
-               <div class="get-access-table">\r
-                       <div class="table-control">\r
-                               <div class="c-ecomp-portal-abs-table" style="height: 300px">\r
-                                       <table b2b-table id="table-main" table-data="contactUsList"\r
-                                               current-page="ignoredCurrentPage">\r
-                                               <thead b2b-table-row type="header">\r
-                                                       <tr>\r
-                                                               <th id="th-users-0" b2b-table-header key="ecomp_function"\r
-                                                                       default-sort="a">App Name</th>\r
-                                                               <th id="th-users-1" b2b-table-header key="app_name"\r
-                                                                       sortable="true">Contact Name</th>\r
-                                                               <th id="th-users-2" b2b-table-header key="app_name"\r
-                                                                       sortable="true">Contact Email</th>\r
-                                                               <th id="th-users-3" b2b-table-header key="role_name"\r
-                                                                       sortable="true">Contact URL</th>\r
-                                                               <th id="th-users-4" b2b-table-header key="role_name"\r
-                                                                       sortable="true">Description</th>\r
-                                                               <th id="th-users-5" b2b-table-header key="role_name"\r
-                                                                       sortable="true">Edit</th>\r
-                                                               <th id="th-users-6" b2b-table-header key="role_name"\r
-                                                                       sortable="true">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"\r
-                                                       track-by="$index" row-repeat="rowData in contactUsList">\r
-                                                       <tr id="tr-rowData" ng-click="">\r
-                                                               <td b2b-table-body>\r
-                                                                       <div id="users-page-td-appName" ng-bind="rowData.appName"></div>\r
-                                                               </td>\r
-                                                               <td b2b-table-body>\r
-                                                                       <div id="users-page-td-name" ng-hide="rowData.showEdit"\r
-                                                                               ng-bind="rowData.contactName"></div> <input\r
-                                                                       class="input-inline-edit-text" type="text"\r
-                                                                       ng-show="rowData.showEdit"\r
-                                                                       ng-model="contactUsList[$index].contactName" />\r
-                                                               </td>\r
-                                                               <td b2b-table-body>\r
-                                                                       <div id="users-page-td-email" ng-hide="rowData.showEdit"\r
-                                                                               ng-bind="rowData.contactEmail"></div> <input\r
-                                                                       class="input-inline-edit-text" type="text"\r
-                                                                       ng-show="rowData.showEdit"\r
-                                                                       ng-model="contactUsList[$index].contactEmail" />\r
-                                                               </td>\r
-                                                               <td b2b-table-body>\r
-                                                                       <div id="users-page-td-url" ng-hide="rowData.showEdit"\r
-                                                                               ng-bind="rowData.url"></div> <input\r
-                                                                       class="input-inline-edit-text" type="text"\r
-                                                                       ng-show="rowData.showEdit" ng-model="contactUsList[$index].url" />\r
-                                                               </td>\r
-                                                               <td b2b-table-body>\r
-                                                                       <div id="users-page-td-descr" ng-hide="rowData.showEdit"\r
-                                                                               ng-bind=" rowData.description"></div> <input\r
-                                                                       class="input-inline-edit-text" type="text"\r
-                                                                       ng-show="rowData.showEdit"\r
-                                                                       ng-model="contactUsList[$index].description" />\r
-                                                               </td>\r
-                                                               <td b2b-table-body>\r
-                                                                       <div class="delete-contact-us" ng-hide="rowData.showEdit"\r
-                                                                               ng-click="rowData.showEdit=true">\r
-                                                                               <span class="icon-edit"></span>\r
-                                                                       </div> <span ng-show="rowData.showEdit"> <a\r
-                                                                               btn-type="primary"\r
-                                                                               ng-click="editContactUsFun(rowData); rowData.showEdit=false"\r
-                                                                               class="btn btn-alt btn-small" size="small">Save</a>\r
-                                                               </span>\r
-                                                               </td>\r
-                                                               <td b2b-table-body>\r
-                                                                       <div class="delete-contact-us"\r
-                                                                               ng-click="delContactUsFun(rowData)">\r
-                                                                               <span class="icon-misc-trash"></span>\r
-                                                                       </div>\r
-                                                               </td>\r
-                                                       </tr>\r
-                                               </tbody>\r
-                                       </table>\r
-                               </div>\r
-\r
-                               <div id="divider-line"></div>\r
-                               <div style="margin-top: 15px; margin-left: -78px;">\r
-                                       <div id="addWidgetHeader" class="contact-us-margin">\r
-                                               <h1 style="font-size: 18px;">Add Application Contact\r
-                                                       Information</h1>\r
-                                               <!-- <div class="errMsg">{{errMsg}}</div> -->\r
-                                       </div>\r
-                                       <div id="addWidget" class="contact-us-margin">\r
-                                               <div>\r
-                                                       <div id="add-contact-us-field-appname"\r
-                                                               class="add-contact-us-field">\r
-                                                               <div id="mots-property-label" class="property-label">App\r
-                                                                       Name</div>\r
-                                                               <select id="dropdown1" name="dropdown1" b2b-dropdown\r
-                                                                       placeholder-text="Select an App"\r
-                                                                       ng-model="newContactUs.app.value">\r
-                                                                       <option b2b-dropdown-list\r
-                                                                               option-repeat="d in contactUsAllAppList" value="{{d.value}}">{{d.title}}</option>\r
-                                                               </select>\r
-                                                       </div>\r
-                                                       <br>\r
-                                                       <div id="add-contact-us-field-contactname"\r
-                                                               class="add-contact-us-field">\r
-                                                               <div id="property-label-name" class="property-label">Contact\r
-                                                                       Name</div>\r
-                                                               <input id="property-input-name" class="input-text-area"\r
-                                                                       type="text" ng-model="newContactUs.name" />\r
-                                                       </div>\r
-                                                       <div id="add-contact-us-field-email" class="add-contact-us-field">\r
-                                                               <div id="property-label-email" class="property-label">Contact\r
-                                                                       Email</div>\r
-                                                               <input id="property-input-email" class="input-text-area"\r
-                                                                       type="text" ng-model="newContactUs.email" />\r
-                                                       </div>\r
-                                                       <div id="add-contact-us-field-url" class="add-contact-us-field">\r
-                                                               <div id="property-label-url" class="property-label">Contact\r
-                                                                       URL</div>\r
-                                                               <input id="property-input-url" class="input-text-area"\r
-                                                                       type="text" ng-model="newContactUs.url" />\r
-                                                       </div>\r
-                                                       <div id="add-contact-us-field-desc"\r
-                                                               class="add-contact-us-field-des">\r
-                                                               <div id="property-label-desc" class="property-label">Description</div>\r
-                                                               <textarea id="property-input-desc"\r
-                                                                       style="margin-top: 0px; margin-bottom: 0px; height: 100px"\r
-                                                                       ng-model="newContactUs.desc"></textarea>\r
-                                                       </div>\r
-                                               </div>\r
-                                               <div style="height: 50px;">\r
-                                                       <a style="float: right; margin-top: 20px"\r
-                                                               class="btn btn-alt btn-small" ng-click="newContactUsFun()">Add\r
-                                                               New</a>\r
-                                               </div>\r
-                                               <div id="divider-line-bottom"></div>\r
-\r
-                                               <div style="height: 50px;">\r
-                                                       <a style="float: right; margin-right: -230px !important;"\r
-                                                               class="btn btn-alt btn-small" ng-click="closeDialog()">Close</a>\r
-                                               </div>\r
-\r
-                                       </div>\r
-\r
-                               </div>\r
-\r
-                       </div>\r
-               </div>\r
-       </div>\r
-</div>\r
-\r
-<script type="application/javascript">\r
-       \r
-    $(document).ready(function(){\r
-        $(".ngdialog-content").css("width","85%")\r
-    });\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: 10px;"></div>
+<br />
+
+<div style="margin-top: 25px;">
+       <div id="title" class="manage-contactUs-home-title">Manage
+               Contact Us</div>
+       <div class="contact-us-margin">
+               <div class="get-access-table">
+                       <div class="table-control">
+                               <div class="c-ecomp-portal-abs-table" style="height: 300px">
+                                       <table b2b-table id="table-main" table-data="contactUsList"
+                                               current-page="ignoredCurrentPage">
+                                               <thead b2b-table-row type="header">
+                                                       <tr>
+                                                               <th id="th-users-0" b2b-table-header key="ecomp_function"
+                                                                       default-sort="a">App Name</th>
+                                                               <th id="th-users-1" b2b-table-header key="app_name"
+                                                                       sortable="true">Contact Name</th>
+                                                               <th id="th-users-2" b2b-table-header key="app_name"
+                                                                       sortable="true">Contact Email</th>
+                                                               <th id="th-users-3" b2b-table-header key="role_name"
+                                                                       sortable="true">Contact URL</th>
+                                                               <th id="th-users-4" b2b-table-header key="role_name"
+                                                                       sortable="true">Description</th>
+                                                               <th id="th-users-5" b2b-table-header key="role_name"
+                                                                       sortable="true">Edit</th>
+                                                               <th id="th-users-6" b2b-table-header key="role_name"
+                                                                       sortable="true">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 contactUsList">
+                                                       <tr id="tr-rowData" ng-click="">
+                                                               <td b2b-table-body>
+                                                                       <div id="users-page-td-appName" ng-bind="rowData.appName"></div>
+                                                               </td>
+                                                               <td b2b-table-body>
+                                                                       <div id="users-page-td-name" ng-hide="rowData.showEdit"
+                                                                               ng-bind="rowData.contactName"></div> <input
+                                                                       class="input-inline-edit-text" type="text"
+                                                                       ng-show="rowData.showEdit"
+                                                                       ng-model="contactUsList[$index].contactName" />
+                                                               </td>
+                                                               <td b2b-table-body>
+                                                                       <div id="users-page-td-email" ng-hide="rowData.showEdit"
+                                                                               ng-bind="rowData.contactEmail"></div> <input
+                                                                       class="input-inline-edit-text" type="text"
+                                                                       ng-show="rowData.showEdit"
+                                                                       ng-model="contactUsList[$index].contactEmail" />
+                                                               </td>
+                                                               <td b2b-table-body>
+                                                                       <div id="users-page-td-url" ng-hide="rowData.showEdit"
+                                                                               ng-bind="rowData.url"></div> <input
+                                                                       class="input-inline-edit-text" type="text"
+                                                                       ng-show="rowData.showEdit" ng-model="contactUsList[$index].url" />
+                                                               </td>
+                                                               <td b2b-table-body>
+                                                                       <div id="users-page-td-descr" ng-hide="rowData.showEdit"
+                                                                               ng-bind=" rowData.description"></div> <input
+                                                                       class="input-inline-edit-text" type="text"
+                                                                       ng-show="rowData.showEdit"
+                                                                       ng-model="contactUsList[$index].description" />
+                                                               </td>
+                                                               <td b2b-table-body>
+                                                                       <div class="delete-contact-us" ng-hide="rowData.showEdit"
+                                                                               ng-click="rowData.showEdit=true">
+                                                                               <span class="icon-edit"></span>
+                                                                       </div> <span ng-show="rowData.showEdit"> <a
+                                                                               btn-type="primary"
+                                                                               ng-click="editContactUsFun(rowData); rowData.showEdit=false"
+                                                                               class="btn btn-alt btn-small" size="small">Save</a>
+                                                               </span>
+                                                               </td>
+                                                               <td b2b-table-body>
+                                                                       <div class="delete-contact-us"
+                                                                               ng-click="delContactUsFun(rowData)">
+                                                                               <span class="icon-misc-trash"></span>
+                                                                       </div>
+                                                               </td>
+                                                       </tr>
+                                               </tbody>
+                                       </table>
+                               </div>
+
+                               <div id="divider-line"></div>
+                               <div style="margin-top: 15px; margin-left: -78px;">
+                                       <div id="addWidgetHeader" class="contact-us-margin">
+                                               <h1 style="font-size: 18px;">Add Application Contact
+                                                       Information</h1>
+                                               <!-- <div class="errMsg">{{errMsg}}</div> -->
+                                       </div>
+                                       <div id="addWidget" class="contact-us-margin">
+                                               <div>
+                                                       <div id="add-contact-us-field-appname"
+                                                               class="add-contact-us-field">
+                                                               <div id="mots-property-label" class="property-label"><span ID="required" style="color: Red;"visible="false"> *</span>App        Name</div>
+                                                               <select id="dropdown1" name="dropdown1" b2b-dropdown
+                                                                       placeholder-text="Select an App"
+                                                                       ng-model="newContactUs.app.value">
+                                                                       <option b2b-dropdown-list
+                                                                               option-repeat="d in contactUsAllAppList" value="{{d.value}}">{{d.title}}</option>
+                                                               </select>
+                                                               <div id="mots-property-label-required" ng-show="newContactUs.app.title==null || newContactUs.app.title=='' ">
+                                                       <small class="mandatory-categories">App Name is Required</small>
+                                                       </div>
+                                                       </div>
+                                                       <br>
+                                                       <div id="add-contact-us-field-contactname"
+                                                               class="add-contact-us-field">
+                                                               <div id="property-label-name" class="property-label">Contact
+                                                                       Name</div>
+                                                               <input id="property-input-name" class="input-text-area"
+                                                                       type="text" ng-model="newContactUs.name" />
+                                                       </div>
+                                                       <div id="add-contact-us-field-email" class="add-contact-us-field">
+                                                               <div id="property-label-email" class="property-label">Contact
+                                                                       Email</div>
+                                                               <input id="property-input-email" class="input-text-area"
+                                                                       type="text" ng-model="newContactUs.email" />
+                                                       </div>
+                                                       <div id="add-contact-us-field-url" class="add-contact-us-field">
+                                                               <div id="property-label-url" class="property-label">Contact
+                                                                       URL</div>
+                                                               <input id="property-input-url" class="input-text-area"
+                                                                       type="text" ng-model="newContactUs.url" />
+                                                       </div>
+                                                       <div id="add-contact-us-field-desc"
+                                                               class="add-contact-us-field-des">
+                                                               <div id="property-label-desc" class="property-label">Description</div>
+                                                               <textarea id="property-input-desc"
+                                                                       style="margin-top: 0px; margin-bottom: 0px; height: 100px"
+                                                                       ng-model="newContactUs.desc"></textarea>
+                                                       </div>
+                                               </div>
+                                               <div style="height: 50px;">
+                                                       <a style="float: right; margin-top: 20px"
+                                                               class="btn btn-alt btn-small" ng-click="newContactUsFun()" ng-disabled="newContactUs.app.title==null || newContactUs.app.title=='' ">Add
+                                                               New</a>
+                                               </div>
+                                               <div id="divider-line-bottom"></div>
+
+                                               <div style="height: 50px;">
+                                                       <a style="float: right; margin-right: -230px !important;"
+                                                               class="btn btn-alt btn-small" ng-click="closeDialog()">Close</a>
+                                               </div>
+
+                                       </div>
+
+                               </div>
+
+                       </div>
+               </div>
+       </div>
+</div>
+
+<script type="application/javascript">
+    $(document).ready(function(){
+        $(".ngdialog-content").css("width","85%");
+        $(".ngdialog-close").attr('id','dialog-close');
+    });
+</script>