-<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============================================
+
+ ECOMP is a trademark and service mark of AT&T Intellectual Property.
+ -->
+ <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;
+}
+</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"
<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
<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">
<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()"><span class="icon-primary-accordion-plus"></span></div>
</div>
<div class="item">
<div class="item-label"
</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">
</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-button" 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>
+$(document).ready(function(){
+ $(".ngdialog-close").attr('id','dialog-close');
+});
+</script>