X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=ecomp-portal-FE-common%2Fclient%2Fapp%2Fviews%2Faccount-onboarding%2Faccount-add-details%2Faccount-add-details.html;h=6e20703b6de16ebcb2699982dd5aa1bab1ac3b22;hb=a70761c096192e38800bf38d6c7f61f52bf72007;hp=3ecb47d06f3a2b8f2b00c7f2ceb554750d5b1df5;hpb=627badaf69987c01811c477219fd943757a635f5;p=portal.git

diff --git a/ecomp-portal-FE-common/client/app/views/account-onboarding/account-add-details/account-add-details.html b/ecomp-portal-FE-common/client/app/views/account-onboarding/account-add-details/account-add-details.html
index 3ecb47d0..6e20703b 100644
--- a/ecomp-portal-FE-common/client/app/views/account-onboarding/account-add-details/account-add-details.html
+++ b/ecomp-portal-FE-common/client/app/views/account-onboarding/account-add-details/account-add-details.html
@@ -1,12 +1,88 @@
-<div class="account-add-details-modal">
-	<div id="account-add-details-title" class="account-details-title">Account
-		Details</div>
+<!--
+  ============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============================================
+ 
+  
+  -->
+  <style>
+
+.checkbox .skin {
+    left: 0px;
+    top: 0px;
+}
+
+.add-label-right{
+    float: right;
+    margin-top: -17px;
+}
+
+.endpoint-item-left{
+width:75%;
+padding-bottom:10px;
+}
+.icon-circle-action-remove {
+ float: right;
+    margin-top: -27px;
+}
+.item{
+padding-bottom:15px;
+}
+.account-property{
+padding-top:10px;
+}
+
+.add-label-right{
+opacity: 0.6
+} 
+</style>
+
+<div>
+
+		<div class="b2b-modal-header">
+			<h2 class="account-details-title" id="account-add-details-title">Account Details</h2>
+
+			<div class="corner-button in">
+				<button type="button" class="close" aria-label="Close" id="accountdetails-button-cancel"
+					ng-click="$dismiss('cancel')"></button>
+			</div>
+		</div>
 
-	<div id="accounts">
-		<div class="account-properties-main"
+		<div class="b2b-modal-body">
+				<div class="account-properties-main"
 			scroll-top="accountAddDetails.scrollApi">
 			<form id="accounts-details-form" name="serviceForm" novalidate
-				autocomplete="off">
+				autocomplete="off" method="post">
 				<div class="item required">
 					<div class="item-label">Account Name</div>
 					<input id="account-details-input-name"
@@ -38,7 +114,7 @@
 					<input id="account-details-input-username" 
 						type="text" name="username" maxlength="100"
 						ng-model="accountAddDetails.account.username"
-						ng-change="accountAddDetails.updateUsername()" />
+						ng-change="accountAddDetails.updateUsername()" autocomplete="off" />
 
 					<div class="error-container"
 						ng-show="(accountAddDetails.emptyAccountUsername 
@@ -53,7 +129,7 @@
 					<div class="item-label">Password</div>
 					<input id="account-details-input-password"
 						type="password" name="password" maxlength="100"
-						ng-model="accountAddDetails.account.password" />
+						ng-model="accountAddDetails.account.password" autocomplete="off"/>
 				</div>
 
 				<div class="item">
@@ -74,8 +150,8 @@
 
 				<div class="add-endpoint-item">
 					<div class="item-label add-label-left">Add Endpoint</div>
-					<div class="icon-add add-label-right"
-						ng-click="accountAddDetails.addEndpoint()"></div>
+					<div class="icon-add add-label-right" id="accountAddDetails-button-accordion"
+						ng-click="accountAddDetails.addEndpoint()" ng-disabled="true"><span class="icon-primary-accordion-plus"></span></div>
 				</div>
 				<div class="item">
 					<div class="item-label"
@@ -93,7 +169,7 @@
 						</div>
 
 						<div class="icon-circle-action-remove endpoint-item-middle"
-							ng-click="accountAddDetails.removeEndpointItem(endpoint)"></div>
+							ng-click="accountAddDetails.removeEndpointItem(endpoint)"><span class="icon-primary-accordion-minus"></span></div>
 							
 						<div class="error-container endpoint-item-right"
 								ng-show="endpoint.valid == false">
@@ -104,24 +180,30 @@
 					</div>
 
 					<div class="account-property">
-						<input id="accounts-checkbox-app-is-enabled" type="checkbox"
-							class="checkbox-field"
-							ng-model="accountAddDetails.account.active" />
-						<div class="property-label checkbox-label">Active</div>
-					</div>
-					<div class="item">
-						<div id="account-details-next-button" class="submit-button"
-							ng-click="accountAddDetails.closeThisDialog()">close</div>
-						<div id="account-details-next-button" class="submit-button"
-							ng-click="accountAddDetails.saveChanges()">Save</div>
+						<div class="property-label checkbox-label"> 
+							<label for="accounts-checkbox-app-is-enabled" class="checkbox"> 
+		                		<input type="checkbox" ng-model="accountAddDetails.account.active" id="accounts-checkbox-app-is-enabled"/> 
+		                		<i class="skin"></i> 
+		                		<span>Active</span> 
+		            		</label> 
+						</div>	
 					</div>
+					
 				</div>
 
 			</form>
 		</div>
+			</div>
+			<br>
+			<div class="b2b-modal-footer">
+				<div class="cta-button-group cta-modal-footer-flex">		
+					<div class="item">
+						<div id="account-details-next-cancel" class="btn btn-alt btn-small" ng-click="$dismiss('cancel')">Cancel</div>
+						<div id="account-details-next-button" class="btn btn-alt btn-small" ng-click="accountAddDetails.saveChanges()">Save</div>
+					</div>
+				</div>
+			</div>
 
-
-	</div>
 </div>
 
 <script>