diff options
Diffstat (limited to 'ecomp-portal-FE-common/client/app/views/support/contact-us')
5 files changed, 216 insertions, 180 deletions
diff --git a/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us-manage/contact-us-manage.controller.less b/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us-manage/contact-us-manage.controller.less index 2625f32c..8dc97447 100644 --- a/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us-manage/contact-us-manage.controller.less +++ b/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us-manage/contact-us-manage.controller.less @@ -168,3 +168,49 @@ background-color: transparent; padding-bottom: 11px; } + +.contactus-manage-table { + height: 300px; +} + +.contactus-addWidgetHeader { + margin-top: 15px; + margin-left: -78px; +} + +.contactus-addWidgetHeader-txt { + font-size: 18px; +} + +.mots-property-label-spn { + color: Red; +} + +.property-label-desc-txtarea { + margin-top: 0px; + margin-bottom: 0px; + height: 100px; +} + +.btn-ht { + height: 50px; +} + +.btn-ht-href { + float: right; + margin-top: 20px; +} + +.close-btn-ht-href { + float: right; + margin-right: -230px !important; +} + +.manage-contactus-home { + margin-top: 25px; +} + +.manage-contactus-top { + margin-top: 10px; + margin-bottom: 10px; +}
\ No newline at end of file diff --git a/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us-manage/contact-us-manage.html b/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us-manage/contact-us-manage.html index 4c8f6dee..c85618e2 100644 --- a/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us-manage/contact-us-manage.html +++ b/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us-manage/contact-us-manage.html @@ -17,165 +17,112 @@ 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 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> - <div id="divider-line-bottom"></div> + </td> + </tr> + </tbody> + </table> + </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 id="divider-line"></div> - </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> - - </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> - -<script type="application/javascript"> - $(document).ready(function(){ - $(".ngdialog-content").css("width","85%"); - $(".ngdialog-close").attr('id','dialog-close'); - }); -</script> +<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 diff --git a/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.controller.js b/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.controller.js index eddde0d9..770f85e6 100644 --- a/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.controller.js +++ b/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.controller.js @@ -105,21 +105,24 @@ updateContactUsTable(); this.editContactUsModalPopup = () => { - // $log.debug('ContactUsCtrl::editContactUsModalPopup updating table data...'); - var modalInstance = ngDialog.open({ - templateUrl: 'app/views/support/contact-us/contact-us-manage/contact-us-manage.html', - controller: 'ContactUsManageController', - resolve: { - message: function message() { - var message = { - type: 'Contact', - }; - return message; - } - } - }).closePromise.then(needUpdate => { - updateContactUsTable(); - }); + var modalInstance = $modal.open({ + templateUrl: 'app/views/support/contact-us/contact-us-manage/contact-us-manage.html', + controller: 'ContactUsManageController', + windowClass: 'modal-docked', + resolve: { + message: function message() { + var message = { + type: 'Contact', + }; + return message; + } + } + }); + + modalInstance.result.finally(function (needUpdate) { + updateContactUsTable(); + }); + }; this.goToSection = (id) => { diff --git a/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.less b/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.less index 6fd0a420..9b463e40 100644 --- a/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.less +++ b/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.less @@ -12,6 +12,7 @@ .w-ecomp-main-view-title{ font-family: Omnes-ECOMP-W02,Arial; + font-size: 20px; } #title{ @@ -30,6 +31,8 @@ padding-left: 0; padding-bottom: 32px; width: 100%; + height:100%; + overflow:auto; .contactUs-general-div { @@ -89,5 +92,42 @@ padding-top: 5px; padding-bottom: 5px; } + +.contactUs-table-ht { + height:60px; +} + +.contactUs-table-spn { + top:20px; +} + +.contactUs-table-title-spn { + float: right; + margin-right: 30px; + margin-top:20px; +} + +.contactUs-collapsible-panel-spn { + margin-bottom: 20px; +} +.contactUs-main-table { + border-spacing: 10px 5px; + max-width:950px; + margin:10px; +} + +.contactUs-main-panel-labels { + width: 120px; +} + +.contactUs-main-panel-value { + width: 830px; +} + +.contactUs-table-ht { + height:auto; +} + + } diff --git a/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.tpl.html b/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.tpl.html index 444a9820..c2ec02ca 100644 --- a/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.tpl.html +++ b/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.tpl.html @@ -17,7 +17,7 @@ limitations under the License. ================================================================================ --> -<div class="w-ecomp-contactUs-home" style=" overflow:auto;''"> +<div class="w-ecomp-contactUs-home"> <div class="contactUs-home-container" id="page-content"> <div class="admins-page-main"> <div id="title" class="w-ecomp-main-view-title"> @@ -28,7 +28,7 @@ <br/> <!-- Function Categories --> - <div id="appFunctionInfo" style="font-size: 20px;" class="w-ecomp-main-view-title"> Application Functions + <div id="appFunctionInfo" class="w-ecomp-main-view-title"> Application Functions <div b2b-table table-data="contact.functionalTableData" class="b2b-table-div"> <table> <thead b2b-table-row type="header"> @@ -66,17 +66,17 @@ <br/> <!-- Display applicationInfo panels --> <div id="allAppInfo"> - <div style="font-size: 20px;" class="w-ecomp-main-view-title"> All Applications + <div class="w-ecomp-main-view-title"> All Applications </div> <div class="contactUs-general-div"> <div class="contact-us-table"> - <div style="height:auto;" class="c-ecomp-portal-abs-table default"> + <div class="c-ecomp-portal-abs-table default contactUs-table-ht"> <div ng-repeat="rowData in contact.appTable" class="contactUs-collapsible-panel"> - <div id="{{rowData.app_Id}}" style="height:60px; " class="contactUs-panel-header" ng-click="rowData.showFlag = !rowData.showFlag" > - <span id="appId{{$index}}" ng-bind="rowData.app_name" style="position:relative; top:20px"></span> + <div id="{{rowData.app_Id}}" class="contactUs-table-ht" class="contactUs-panel-header" ng-click="rowData.showFlag = !rowData.showFlag" > + <span id="appId{{$index}}" ng-bind="rowData.app_name" class="contactUs-table-spn"></span> - <span style="float: right; margin-right: 30px; margin-top:20px;"> + <span class="contactUs-table-title-sp"> <span ng-show="rowData.showFlag" title="Collapse app contact section" class="icon-controls-upPRIMARY"></span> <span ng-hide="rowData.showFlag" title="Expand app contact section" class="icon-controls-down"></span> </span> @@ -85,13 +85,13 @@ <div id="collapse{{$index}}" ng-show="rowData.showFlag" class="contactUs-collapsible-panel"> <div class="contactUs-txt" ng-hide="rowData.contact_name || rowData.contact_email || rowData.url_Info || rowData.desc"> - <span style="margin-bottom: 20px;"> No application information is available. Please use the links above to contact the ECOMP Portal team. </span> + <span class="contactUs-collapsible-panel-spn"> No application information is available. Please use the links above to contact the ECOMP Portal team. </span> </div> <div class="contactUs-txt" ng-show="rowData.contact_name || rowData.contact_email || rowData.url_Info || rowData.desc"> - <table style="border-spacing: 10px 5px; max-width:950px; margin:10px;"> + <table class="contactUs-main-table"> <tr> - <td class="contactUs-panel-labels" style="width: 120px;">Contact:</td> - <td class="contactUs-panel-labels" style="width: 830px;">{{rowData.contact_name}}</td> + <td class="contactUs-panel-labels contactUs-main-panel-labels">Contact:</td> + <td class="contactUs-panel-labels contactUs-main-panel-value">{{rowData.contact_name}}</td> </tr> <tr> <td class="contactUs-panel-labels">Email:</td> |