17 .icon-circle-action-remove {
31 <div class="b2b-modal-header">
32 <h2 class="account-details-title" id="account-add-details-title">Account Details</h2>
34 <div class="corner-button in">
35 <button type="button" class="close" aria-label="Close" id="accountdetails-button-cancel"
36 ng-click="$dismiss('cancel')"></button>
40 <div class="b2b-modal-body">
41 <div class="account-properties-main"
42 scroll-top="accountAddDetails.scrollApi">
43 <form id="accounts-details-form" name="serviceForm" novalidate
45 <div class="item required">
46 <div class="item-label">Account Name</div>
47 <input id="account-details-input-name"
48 type="text" name="name" ng-pattern="/^[\w -]*$/" maxlength="100"
49 ng-model="accountAddDetails.account.applicationName"
50 ng-change="accountAddDetails.updateAccountName()" required />
52 <div class="error-container"
53 ng-show="(accountAddDetails.emptyAccountName || serviceForm.name.$dirty)">
54 <div ng-messages="serviceForm.name.$error" class="error-container">
55 <small id="accounts-details-input-name-required"
56 class="err-message" ng-message="required">account Name
57 is required</small> <small id="accounts-details-input-name-pattern"
58 class="err-message" ng-message="pattern">account Name
59 must be letters, numbers, or underscore</small>
63 <div class="error-container"
64 ng-show="accountAddDetails.dupliateName == true">
65 <small id="accounts-details-input-name-dupliated"
66 class="err-message">Name not available - choose different
71 <div class="item required">
72 <div class="item-label">Username</div>
73 <input id="account-details-input-username"
74 type="text" name="username" maxlength="100"
75 ng-model="accountAddDetails.account.username"
76 ng-change="accountAddDetails.updateUsername()" autocomplete="off" />
78 <div class="error-container"
79 ng-show="(accountAddDetails.emptyAccountUsername
80 || (serviceForm.username.$dirty && accountAddDetails.account.username == ''))">
81 <small id="account-details-input-username-required"
82 class="err-message">Username is required</small>
88 <div class="item-label">Password</div>
89 <input id="account-details-input-password"
90 type="password" name="password" maxlength="100"
91 ng-model="accountAddDetails.account.password" autocomplete="off"/>
95 <div class="item-label">Retype Password</div>
96 <input id="account-details-input-repassword"
97 type="password" name="repassword" maxlength="100"
98 ng-model="accountAddDetails.account.repassword"
99 ng-change="accountAddDetails.confirmPassword()" />
101 <div class="error-container"
102 ng-show="accountAddDetails.passwordMatched == false">
103 <small id="accounts-details-input-name-dupliated"
104 class="err-message">Password does not match the confirm
110 <div class="add-endpoint-item">
111 <div class="item-label add-label-left">Add Endpoint</div>
112 <div class="icon-add add-label-right" id="accountAddDetails-button-accordion"
113 ng-click="accountAddDetails.addEndpoint()"></div>
116 <div class="item-label"
117 ng-show="accountAddDetails.account.endpointList.length > 0">
118 Account endpoint</div>
120 <div id="account-details-user-paramters"
121 ng-repeat="endpoint in accountAddDetails.account.endpointList">
123 <div class="endpoint-item-left">
124 <input id="account-details-input-endpoint-name"
125 type="text" name="endpointName"
126 maxlength="200" ng-model="endpoint.name"
127 ng-change="accountAddDetails.updateAccountEndpoint(endpoint)"/>
130 <div class="icon-circle-action-remove endpoint-item-middle"
131 ng-click="accountAddDetails.removeEndpointItem(endpoint)"></div>
133 <div class="error-container endpoint-item-right"
134 ng-show="endpoint.valid == false">
135 <small id="accounts-details-input-invalid-endpoint"
136 class="err-message">Invalid end point format</small>
141 <div class="account-property">
142 <div class="property-label checkbox-label">
143 <label for="accounts-checkbox-app-is-enabled" class="checkbox">
144 <input type="checkbox" ng-model="accountAddDetails.account.active" id="accounts-checkbox-app-is-enabled"/>
157 <div class="b2b-modal-footer">
158 <div class="cta-button-group cta-modal-footer-flex">
160 <div id="account-details-next-button" class="btn btn-alt btn-small" ng-click="$dismiss('cancel')">Close</div>
161 <div id="account-details-next-button" class="btn btn-alt btn-small" ng-click="accountAddDetails.saveChanges()">Save</div>
169 $(document).ready(function(){
170 $(".ngdialog-close").attr('id','dialog-close');