Initial OpenECOMP Portal commit
[portal.git] / ecomp-portal-FE / client / app / views / support / contact-us / contact-us.tpl.html
diff --git a/ecomp-portal-FE/client/app/views/support/contact-us/contact-us.tpl.html b/ecomp-portal-FE/client/app/views/support/contact-us/contact-us.tpl.html
new file mode 100644 (file)
index 0000000..0b403ec
--- /dev/null
@@ -0,0 +1,125 @@
+<!--
+  ================================================================================
+  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 class="w-ecomp-contactUs-home">
+       <div class="contactUs-home-container">
+               <div class="admins-page-main" id="contentId">
+                       <div id="title" class="contactUs-home-title">Contact Us
+                               <span ng-if="isAdminPortalAdmin == true" class="ion-edit" style="float: right;" ng-click="contact.editContactUsModalPopup()"></span>
+                       </div>
+
+                       <div class="contactUs-general-div">
+                               <span class="contactUs-txt">To give feedback or report an issue to the OpenECOMP Portal team, send email to <a
+                                       ng-href="mailto:{{contact.portalInfo_Address}}" target="_top">{{contact.portalInfo_Address}}</a>.
+                       </div>
+
+               <br/> 
+               <!-- Function Categories -->            
+               <div id="appFunctionInfo" style="font-size: 20px;" class="contactUs-home-title"> Application Functions                                  
+                       <div class="contactUs-general-div">
+                               <div style="width: 1050px; height:auto;" class="c-ecomp-att-abs-table default">
+                           <table att-table id="table-main"
+                                  table-data="contact.functionalTableData"
+                                  current-page="ignoredCurrentPage">
+                                <thead att-table-row type="header">
+                                  <tr>
+                                     <th id="th-functionalItem-0" style="width:20%;cursor: default" att-table-header sortable="false">Category</th>                         
+                                     <th id="th-functionalItem-1" style="width:60%;cursor: default" att-table-header sortable="false">ECOMP Functions</th>
+                                     <th id="th-functionalItem-2" style="cursor: default" att-table-header sortable="false">ECOMP Application</th>
+                                     <!-- <th id="th-functionalItem-3" att-table-header >Contact</th> -->
+                                  </tr>
+                                </thead>
+                                <!-- Use track-by="UNIQUE KEY HERE" or leave out if no unique keys in data -->
+                                <tbody att-table-row 
+                                       type="body"  
+                                       class="table-body" 
+                                       track-by="$index"
+                                       row-repeat="rowData in contact.functionalTableData">
+                                      <tr id="tr-rowData" ng-click="">
+                                        <td att-table-body>
+                                           <div id="functional-item-td-category" 
+                                       ng-show="$index == 0 || contact.functionalTableData[$index-1].category != rowData.category"
+                                               ng-bind="rowData.category">
+                                           </div>
+                                        </td>
+                                        <td att-table-body>
+                                           <div id="functional-item-td-functions"  ng-bind="rowData.functions"></div>
+                                        </td>                           
+                                        <td att-table-body>
+                                          <a ng-click="contact.goToSection(rowData.app_Id, $index);">{{rowData.app_Name}}</a>  
+                                        </td>                                   
+                                      </tr>
+                                 </tbody>
+                           </table>
+                       </div>
+                       </div>
+               </div>
+               <br/>
+               <!-- Display applicationInfo panels -->
+               <div id="allAppInfo">
+                       <div style="font-size: 20px;" class="contactUs-home-title"> All Applications            
+                       </div>          
+                       <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 ng-bind="rowData.app_name" style="position:relative; top:20px"></span>
+                                       
+                                       <span style="float: right; margin-right: 30px; margin-top:20px;">
+                                               <span ng-hide="rowData.showFlag" class="ion-ios-arrow-down" alt="Expand app contact section"> </span> 
+                                               <span ng-show="rowData.showFlag" class="ion-ios-arrow-up" alt="App contact section"> </span>
+                                       </span>
+                               </div>
+               
+                               <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 OpenECOMP 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;">
+                                               <tr>
+                                                       <td class="contactUs-panel-labels" style="width: 120px;">Contact:</td>
+                                                       <td class="contactUs-panel-labels" style="width: 830px;">{{rowData.contact_name}}</td>
+                                               </tr>
+                                               <tr>
+                                                       <td class="contactUs-panel-labels">Email:</td>
+                                                       <td class="contactUs-panel-labels"><a ng-href="mailto:{{rowData.contact_email}}" target="_top">{{rowData.contact_email}}</a></td>
+                                               </tr>
+                                               <tr>
+                                                       <td class="contactUs-panel-labels">Info URL:</td>
+                                                       <td class="contactUs-panel-labels"><a ng-href="{{rowData.url_Info}}" target="_blank">{{rowData.url_Info}}</a></td>
+                                               </tr>
+                                               <tr>
+                                                       <td class="contactUs-panel-labels">Description:</td>
+                                                       <td class="contactUs-panel-labels">{{rowData.desc}}</td>
+                                               </tr>
+                                               <tr>
+                                                       <td class="contactUs-panel-labels">Get access:</td>
+                                                       <td class="contactUs-panel-labels"><a href="" ng-click="contact.goGetAccess(rowData.app_name);">Click for application and role information</a></td>
+                                               </tr>
+                                         </table>
+                                       </div>                          
+                               </div>
+               
+                       </div>
+               </div>
+
+       </div>
+</div>
+</div>
\ No newline at end of file