2 ============LICENSE_START==========================================
4 ===================================================================
5 Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
6 ===================================================================
8 Unless otherwise specified, all software contained herein is licensed
9 under the Apache License, Version 2.0 (the "License");
10 you may not use this software except in compliance with the License.
11 You may obtain a copy of the License at
13 http://www.apache.org/licenses/LICENSE-2.0
15 Unless required by applicable law or agreed to in writing, software
16 distributed under the License is distributed on an "AS IS" BASIS,
17 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
18 See the License for the specific language governing permissions and
19 limitations under the License.
21 Unless otherwise specified, all documentation contained herein is licensed
22 under the Creative Commons License, Attribution 4.0 Intl. (the "License");
23 you may not use this documentation except in compliance with the License.
24 You may obtain a copy of the License at
26 https://creativecommons.org/licenses/by/4.0/
28 Unless required by applicable law or agreed to in writing, documentation
29 distributed under the License is distributed on an "AS IS" BASIS,
30 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
31 See the License for the specific language governing permissions and
32 limitations under the License.
34 ============LICENSE_END============================================
54 .icon-circle-action-remove {
68 <div class="b2b-modal-header">
69 <h2 class="account-details-title" id="account-add-details-title">Account Details</h2>
71 <div class="corner-button in">
72 <button type="button" class="close" aria-label="Close" id="accountdetails-button-cancel"
73 ng-click="$dismiss('cancel')"></button>
77 <div class="b2b-modal-body">
78 <div class="account-properties-main"
79 scroll-top="accountAddDetails.scrollApi">
80 <form id="accounts-details-form" name="serviceForm" novalidate
81 autocomplete="off" method="post">
82 <div class="item required">
83 <div class="item-label">Account Name</div>
84 <input id="account-details-input-name"
85 type="text" name="name" ng-pattern="/^[\w -]*$/" maxlength="100"
86 ng-model="accountAddDetails.account.applicationName"
87 ng-change="accountAddDetails.updateAccountName()" required />
89 <div class="error-container"
90 ng-show="(accountAddDetails.emptyAccountName || serviceForm.name.$dirty)">
91 <div ng-messages="serviceForm.name.$error" class="error-container">
92 <small id="accounts-details-input-name-required"
93 class="err-message" ng-message="required">account Name
94 is required</small> <small id="accounts-details-input-name-pattern"
95 class="err-message" ng-message="pattern">account Name
96 must be letters, numbers, or underscore</small>
100 <div class="error-container"
101 ng-show="accountAddDetails.dupliateName == true">
102 <small id="accounts-details-input-name-dupliated"
103 class="err-message">Name not available - choose different
108 <div class="item required">
109 <div class="item-label">Username</div>
110 <input id="account-details-input-username"
111 type="text" name="username" maxlength="100"
112 ng-model="accountAddDetails.account.username"
113 ng-change="accountAddDetails.updateUsername()" autocomplete="off" />
115 <div class="error-container"
116 ng-show="(accountAddDetails.emptyAccountUsername
117 || (serviceForm.username.$dirty && accountAddDetails.account.username == ''))">
118 <small id="account-details-input-username-required"
119 class="err-message">Username is required</small>
125 <div class="item-label">Password</div>
126 <input id="account-details-input-password"
127 type="password" name="password" maxlength="100"
128 ng-model="accountAddDetails.account.password" autocomplete="off"/>
132 <div class="item-label">Retype Password</div>
133 <input id="account-details-input-repassword"
134 type="password" name="repassword" maxlength="100"
135 ng-model="accountAddDetails.account.repassword"
136 ng-change="accountAddDetails.confirmPassword()" />
138 <div class="error-container"
139 ng-show="accountAddDetails.passwordMatched == false">
140 <small id="accounts-details-input-name-dupliated"
141 class="err-message">Password does not match the confirm
147 <div class="add-endpoint-item">
148 <div class="item-label add-label-left">Add Endpoint</div>
149 <div class="icon-add add-label-right" id="accountAddDetails-button-accordion"
150 ng-click="accountAddDetails.addEndpoint()"><span class="icon-primary-accordion-plus"></span></div>
153 <div class="item-label"
154 ng-show="accountAddDetails.account.endpointList.length > 0">
155 Account endpoint</div>
157 <div id="account-details-user-paramters"
158 ng-repeat="endpoint in accountAddDetails.account.endpointList">
160 <div class="endpoint-item-left">
161 <input id="account-details-input-endpoint-name"
162 type="text" name="endpointName"
163 maxlength="200" ng-model="endpoint.name"
164 ng-change="accountAddDetails.updateAccountEndpoint(endpoint)"/>
167 <div class="icon-circle-action-remove endpoint-item-middle"
168 ng-click="accountAddDetails.removeEndpointItem(endpoint)"><span class="icon-primary-accordion-minus"></span></div>
170 <div class="error-container endpoint-item-right"
171 ng-show="endpoint.valid == false">
172 <small id="accounts-details-input-invalid-endpoint"
173 class="err-message">Invalid end point format</small>
178 <div class="account-property">
179 <div class="property-label checkbox-label">
180 <label for="accounts-checkbox-app-is-enabled" class="checkbox">
181 <input type="checkbox" ng-model="accountAddDetails.account.active" id="accounts-checkbox-app-is-enabled"/>
194 <div class="b2b-modal-footer">
195 <div class="cta-button-group cta-modal-footer-flex">
197 <div id="account-details-next-button" class="btn btn-alt btn-small" ng-click="$dismiss('cancel')">Cancel</div>
198 <div id="account-details-next-button" class="btn btn-alt btn-small" ng-click="accountAddDetails.saveChanges()">Save</div>
206 $(document).ready(function(){
207 $(".ngdialog-close").attr('id','dialog-close');