From b54df0ddd0c6a0372327c5aa3668e5a6458fcd64 Mon Sep 17 00:00:00 2001
From: st782s <statta@research.att.com>
Date: Thu, 4 May 2017 07:48:42 -0400
Subject: [PORTAL-7] Rebase

This rebasing includes common libraries and common overlays projects
abstraction of components

Change-Id: I9a24a338665c7cd058978e8636bc412d9e2fdce8
Signed-off-by: st782s <statta@research.att.com>
---
 .../views/support/contact-us/contact-us.tpl.html   | 126 +++++++++++++++++++++
 1 file changed, 126 insertions(+)
 create mode 100644 ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.tpl.html

(limited to 'ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.tpl.html')

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
new file mode 100644
index 00000000..9e96b441
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/views/support/contact-us/contact-us.tpl.html
@@ -0,0 +1,126 @@
+<!--
+  ================================================================================
+  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" style=" overflow:auto;''">
+	<div class="contactUs-home-container" id="page-content">
+		<div class="admins-page-main">
+			<div id="title" class="w-ecomp-main-view-title">
+			<h1 class="heading-page">Contact Us</h1>
+			<button id="edit-button-contact-us" ng-if="isAdminPortalAdmin == true" class="btn btn-alt btn-small" ng-click="contact.editContactUsModalPopup()"><i class="icon-people-userbookmark" aria-hidden="true"></i>&nbsp;Edit Contact Us</button>
+			
+			<div ng-include src="'app/views/support/contact-us/contact-us.aux.html'"></div>
+			
+		<br/> 
+		<!-- Function Categories -->		
+		<div id="appFunctionInfo" style="font-size: 20px;" 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">
+								<tr>
+								  <th id="th-functionalItem-0" b2b-table-header sortable="false">Category</th>	                     
+			                      <th id="th-functionalItem-1" b2b-table-header sortable="false">ECOMP Functions</th>
+			                      <th id="th-functionalItem-2" b2b-table-header sortable="false">ECOMP Application</th>
+			                 	  <!-- <th id="th-functionalItem-3" b2b-table-header >Contact</th> --> 
+							  </tr>
+							</thead>
+							<!--  Use track-by="UNIQUE KEY HERE" or leave out if no unique keys in data  -->
+							<tbody b2b-table-row type="body"
+							type="body"  
+		                 	class="table-body" 
+		                 	track-by="$index"
+		                 	row-repeat="rowData in contact.functionalTableData">
+							<tr id="tr-rowData" ng-click="">
+			                 <td b2b-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 b2b-table-body>
+			                    <div id="functional-item-td-functions"  ng-bind="rowData.functions"></div>
+			                 </td>		                 
+			                 <td b2b-table-body>
+			                   <a ng-click="contact.goToSection(rowData.app_Id, $index);">{{rowData.app_Name}}</a>	
+			                 </td>			                 
+			               </tr>
+							</tbody>
+						</table>
+					</div>
+	</div>
+		<br/>
+		<!-- Display applicationInfo panels -->
+		<div id="allAppInfo">
+			<div style="font-size: 20px;" 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 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>
+							
+							<span style="float: right; margin-right: 30px; margin-top:20px;">
+						 		<img ng-hide="rowData.showFlag"	src="assets/images/chevron_down.png"
+									alt="Expand app contact section"	title="Expand app contact section" /> 
+								<img ng-show="rowData.showFlag" src="assets/images/chevron_up.png"
+									alt="App contact section" title="Collapse app contact section" />
+							</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 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;">
+								<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>
+
+	</div>
+</div>
+</div>
-- 
cgit 1.2.3-korg