-<!--\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
+<!--
+ ============LICENSE_START==========================================
+ ONAP Portal
+ ===================================================================
+ Copyright (C) 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="b2b-modal-header" >
+ <h2 id="myModalLabel" b2b-modal-title="" tabindex="-1">Manage Contact Us</h2>
+ <div class="corner-button">
+ <button type="button" class="close" aria-label="Close" ng-click="$dismiss('cancel')"></button>
+ </div>
+</div>
+<div class="b2b-modal-body" tabindex="0" role="region" aria-label="Modal header text content" >
+ <div class="c-ecomp-portal-abs-table contactus-manage-table">
+ <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 class="contactus-addWidgetHeader">
+ <div id="addWidgetHeader" class="contact-us-margin">
+ <h1 class="contactus-addWidgetHeader-txt">Add Application Contact Information</h1>
+ </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" class="mots-property-label-spn" 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" class="property-label-desc-txtarea" ng-model="newContactUs.desc"></textarea>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="b2b-modal-footer ng-scope ng-isolate-scope">
+ <div class="cta-button-group cta-modal-footer-flex">
+ <div>
+ <button class="btn btn-clear btn-medium pull-left" type="button" ng-click="$dismiss('cancel')">Close</button>
+ <button class="btn btn-alt btn-medium" type="button" ng-click="newContactUsFun()" ng-disabled="newContactUs.app.title==null || newContactUs.app.title=='' ">Add New</button>
+ </div>
+ </div>
+</div>
\ No newline at end of file