ecomp-portal-FE-common/client/app/views/account-onboarding/account-add-details/account-add-details.html

   1 <div class="account-add-details-modal">
   2         <div id="account-add-details-title" class="account-details-title">Account
   3                 Details</div>
   4
   5         <div id="accounts">
   6                 <div class="account-properties-main"
   7                         scroll-top="accountAddDetails.scrollApi">
   8                         <form id="accounts-details-form" name="serviceForm" novalidate
   9                                 autocomplete="off">
  10                                 <div class="item required">
  11                                         <div class="item-label">Account Name</div>
  12                                         <input id="account-details-input-name"
  13                                                 type="text" name="name" ng-pattern="/^[\w -]*$/" maxlength="100"
  14                                                 ng-model="accountAddDetails.account.applicationName"
  15                                                 ng-change="accountAddDetails.updateAccountName()" required />
  16
  17                                         <div class="error-container"
  18                                                 ng-show="(accountAddDetails.emptyAccountName || serviceForm.name.$dirty)">
  19                                                 <div ng-messages="serviceForm.name.$error" class="error-container">
  20                                                         <small id="accounts-details-input-name-required"
  21                                                                 class="err-message" ng-message="required">account Name
  22                                                                 is required</small> <small id="accounts-details-input-name-pattern"
  23                                                                 class="err-message" ng-message="pattern">account Name
  24                                                                 must be letters, numbers, or underscore</small>
  25                                                 </div>
  26                                         </div>
  27
  28                                         <div class="error-container"
  29                                                 ng-show="accountAddDetails.dupliateName == true">
  30                                                 <small id="accounts-details-input-name-dupliated"
  31                                                         class="err-message">Name not available - choose different
  32                                                         name </small>
  33                                         </div>
  34                                 </div>
  35
  36                                 <div class="item required">
  37                                         <div class="item-label">Username</div>
  38                                         <input id="account-details-input-username"
  39                                                 type="text" name="username" maxlength="100"
  40                                                 ng-model="accountAddDetails.account.username"
  41                                                 ng-change="accountAddDetails.updateUsername()" />
  42
  43                                         <div class="error-container"
  44                                                 ng-show="(accountAddDetails.emptyAccountUsername
  45                                         || (serviceForm.username.$dirty && accountAddDetails.account.username == ''))">
  46                                                 <small id="account-details-input-username-required"
  47                                                         class="err-message">Username is required</small>
  48                                         </div>
  49
  50                                 </div>
  51
  52                                 <div class="item">
  53                                         <div class="item-label">Password</div>
  54                                         <input id="account-details-input-password"
  55                                                 type="password" name="password" maxlength="100"
  56                                                 ng-model="accountAddDetails.account.password" />
  57                                 </div>
  58
  59                                 <div class="item">
  60                                         <div class="item-label">Retype Password</div>
  61                                         <input id="account-details-input-repassword"
  62                                                 type="password" name="repassword" maxlength="100"
  63                                                 ng-model="accountAddDetails.account.repassword"
  64                                                 ng-change="accountAddDetails.confirmPassword()" />
  65
  66                                         <div class="error-container"
  67                                                 ng-show="accountAddDetails.passwordMatched == false">
  68                                                 <small id="accounts-details-input-name-dupliated"
  69                                                         class="err-message">Password does not match the confirm
  70                                                         password</small>
  71                                         </div>
  72                                 </div>
  73
  74
  75                                 <div class="add-endpoint-item">
  76                                         <div class="item-label add-label-left">Add Endpoint</div>
  77                                         <div class="icon-add add-label-right"
  78                                                 ng-click="accountAddDetails.addEndpoint()"></div>
  79                                 </div>
  80                                 <div class="item">
  81                                         <div class="item-label"
  82                                                 ng-show="accountAddDetails.account.endpointList.length > 0">
  83                                                 Account endpoint</div>
  84
  85                                         <div id="account-details-user-paramters"
  86                                                 ng-repeat="endpoint in accountAddDetails.account.endpointList">
  87
  88                                                 <div class="endpoint-item-left">
  89                                                         <input id="account-details-input-endpoint-name"
  90                                                                 type="text" name="endpointName"
  91                                                                 maxlength="200" ng-model="endpoint.name"
  92                                                                 ng-change="accountAddDetails.updateAccountEndpoint(endpoint)"/>
  93                                                 </div>
  94
  95                                                 <div class="icon-circle-action-remove endpoint-item-middle"
  96                                                         ng-click="accountAddDetails.removeEndpointItem(endpoint)"></div>
  97
  98                                                 <div class="error-container endpoint-item-right"
  99                                                                 ng-show="endpoint.valid == false">
 100                                                                 <small id="accounts-details-input-invalid-endpoint"
 101                                                                         class="err-message">Invalid end point format</small>
 102                                                 </div>
 103
 104                                         </div>
 105
 106                                         <div class="account-property">
 107                                                 <input id="accounts-checkbox-app-is-enabled" type="checkbox"
 108                                                         class="checkbox-field"
 109                                                         ng-model="accountAddDetails.account.active" />
 110                                                 <div class="property-label checkbox-label">Active</div>
 111                                         </div>
 112                                         <div class="item">
 113                                                 <div id="account-details-next-button" class="submit-button"
 114                                                         ng-click="accountAddDetails.closeThisDialog()">close</div>
 115                                                 <div id="account-details-next-button" class="submit-button"
 116                                                         ng-click="accountAddDetails.saveChanges()">Save</div>
 117                                         </div>
 118                                 </div>
 119
 120                         </form>
 121                 </div>
 122
 123
 124         </div>
 125 </div>