2 ================================================================================
4 ================================================================================
5 Copyright (C) 2017 AT&T Intellectual Property
6 ================================================================================
7 Licensed under the Apache License, Version 2.0 (the "License");
8 you may not use this file except in compliance with the License.
9 You may obtain a copy of the License at
11 http://www.apache.org/licenses/LICENSE-2.0
13 Unless required by applicable law or agreed to in writing, software
14 distributed under the License is distributed on an "AS IS" BASIS,
15 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 See the License for the specific language governing permissions and
17 limitations under the License.
18 ================================================================================
20 <div style="margin-top: 10px; margin-bottom: 10px;"></div>
23 <div style="margin-top: 25px;">
24 <div id="title" class="manage-contactUs-home-title">Manage
26 <div class="contact-us-margin">
27 <div class="get-access-table">
28 <div class="table-control">
29 <div class="c-ecomp-portal-abs-table" style="height: 300px">
30 <table b2b-table id="table-main" table-data="contactUsList"
31 current-page="ignoredCurrentPage">
32 <thead b2b-table-row type="header">
34 <th id="th-users-0" b2b-table-header key="ecomp_function"
35 default-sort="a">App Name</th>
36 <th id="th-users-1" b2b-table-header key="app_name"
37 sortable="true">Contact Name</th>
38 <th id="th-users-2" b2b-table-header key="app_name"
39 sortable="true">Contact Email</th>
40 <th id="th-users-3" b2b-table-header key="role_name"
41 sortable="true">Contact URL</th>
42 <th id="th-users-4" b2b-table-header key="role_name"
43 sortable="true">Description</th>
44 <th id="th-users-5" b2b-table-header key="role_name"
45 sortable="true">Edit</th>
46 <th id="th-users-6" b2b-table-header key="role_name"
47 sortable="true">Delete</th>
50 <!-- Use track-by="UNIQUE KEY HERE" or leave out if no unique keys in data -->
51 <tbody b2b-table-row type="body" class="table-body"
52 track-by="$index" row-repeat="rowData in contactUsList">
53 <tr id="tr-rowData" ng-click="">
55 <div id="users-page-td-appName" ng-bind="rowData.appName"></div>
58 <div id="users-page-td-name" ng-hide="rowData.showEdit"
59 ng-bind="rowData.contactName"></div> <input
60 class="input-inline-edit-text" type="text"
61 ng-show="rowData.showEdit"
62 ng-model="contactUsList[$index].contactName" />
65 <div id="users-page-td-email" ng-hide="rowData.showEdit"
66 ng-bind="rowData.contactEmail"></div> <input
67 class="input-inline-edit-text" type="text"
68 ng-show="rowData.showEdit"
69 ng-model="contactUsList[$index].contactEmail" />
72 <div id="users-page-td-url" ng-hide="rowData.showEdit"
73 ng-bind="rowData.url"></div> <input
74 class="input-inline-edit-text" type="text"
75 ng-show="rowData.showEdit" ng-model="contactUsList[$index].url" />
78 <div id="users-page-td-descr" ng-hide="rowData.showEdit"
79 ng-bind=" rowData.description"></div> <input
80 class="input-inline-edit-text" type="text"
81 ng-show="rowData.showEdit"
82 ng-model="contactUsList[$index].description" />
85 <div class="delete-contact-us" ng-hide="rowData.showEdit"
86 ng-click="rowData.showEdit=true">
87 <span class="icon-edit"></span>
88 </div> <span ng-show="rowData.showEdit"> <a
90 ng-click="editContactUsFun(rowData); rowData.showEdit=false"
91 class="btn btn-alt btn-small" size="small">Save</a>
95 <div class="delete-contact-us"
96 ng-click="delContactUsFun(rowData)">
97 <span class="icon-misc-trash"></span>
105 <div id="divider-line"></div>
106 <div style="margin-top: 15px; margin-left: -78px;">
107 <div id="addWidgetHeader" class="contact-us-margin">
108 <h1 style="font-size: 18px;">Add Application Contact
110 <!-- <div class="errMsg">{{errMsg}}</div> -->
112 <div id="addWidget" class="contact-us-margin">
114 <div id="add-contact-us-field-appname"
115 class="add-contact-us-field">
116 <div id="mots-property-label" class="property-label"><span ID="required" style="color: Red;"visible="false"> *</span>App Name</div>
117 <select id="dropdown1" name="dropdown1" b2b-dropdown
118 placeholder-text="Select an App"
119 ng-model="newContactUs.app.value">
120 <option b2b-dropdown-list
121 option-repeat="d in contactUsAllAppList" value="{{d.value}}">{{d.title}}</option>
123 <div id="mots-property-label-required" ng-show="newContactUs.app.title==null || newContactUs.app.title=='' ">
124 <small class="mandatory-categories">App Name is Required</small>
128 <div id="add-contact-us-field-contactname"
129 class="add-contact-us-field">
130 <div id="property-label-name" class="property-label">Contact
132 <input id="property-input-name" class="input-text-area"
133 type="text" ng-model="newContactUs.name" />
135 <div id="add-contact-us-field-email" class="add-contact-us-field">
136 <div id="property-label-email" class="property-label">Contact
138 <input id="property-input-email" class="input-text-area"
139 type="text" ng-model="newContactUs.email" />
141 <div id="add-contact-us-field-url" class="add-contact-us-field">
142 <div id="property-label-url" class="property-label">Contact
144 <input id="property-input-url" class="input-text-area"
145 type="text" ng-model="newContactUs.url" />
147 <div id="add-contact-us-field-desc"
148 class="add-contact-us-field-des">
149 <div id="property-label-desc" class="property-label">Description</div>
150 <textarea id="property-input-desc"
151 style="margin-top: 0px; margin-bottom: 0px; height: 100px"
152 ng-model="newContactUs.desc"></textarea>
155 <div style="height: 50px;">
156 <a style="float: right; margin-top: 20px"
157 class="btn btn-alt btn-small" ng-click="newContactUsFun()" ng-disabled="newContactUs.app.title==null || newContactUs.app.title=='' ">Add
160 <div id="divider-line-bottom"></div>
162 <div style="height: 50px;">
163 <a style="float: right; margin-right: -230px !important;"
164 class="btn btn-alt btn-small" ng-click="closeDialog()">Close</a>
176 <script type="application/javascript">
177 $(document).ready(function(){
178 $(".ngdialog-content").css("width","85%");
179 $(".ngdialog-close").attr('id','dialog-close');