public/app/main/apps/settings/views/smtps/smtps.html

   1 <div id="smtps" class="page-layout simple left-sidenav inner-sidenav">
   2
   3     <!-- HEADER -->
   4     <div class="header md-accent-bg" layout="row" layout-align="space-between center">
   5
   6         <!-- APP TITLE -->
   7         <div layout="row" layout-align="start center">
   8             <div class="logo" layout="row" layout-align="start center">
   9                 <span class="logo-icon">
  10                     <md-icon md-font-icon="icon-cog" class="s24"></md-icon>
  11                 </span>
  12                 <span class="logo-text" translate="SETTINGS.SMTP">Smtp</span>
  13             </div>
  14         </div>
  15         <!-- / APP TITLE -->
  16
  17         <div>
  18             <md-button type="submit" ng-click="vm.verifySmtp()" ng-disabled="!vm.smtp.id" class="send-button md-accent md-raised" translate="SETTINGS.VERIFY" translate-attr-aria-label="SETTINGS.VERIFY">
  19                 VERIFY
  20             </md-button>
  21             <md-button type="submit" ng-click="vm.saveSmtp()" ng-disabled="smtpForm.$pristine || smtpForm.$invalid" class="send-button md-accent md-raised" translate="SETTINGS.SAVE" translate-attr-aria-label="SETTINGS.SAVE">
  22                 SAVE
  23             </md-button>
  24         </div>
  25
  26     </div>
  27     <!-- / HEADER -->
  28
  29     <div class="content" md-background-bg layout="row" layout-align="start start">
  30
  31         <!-- MAIN -->
  32         <div class="main scrollable" ms-scroll>
  33
  34             <div class="smtp-detail-form-container general md-background-bg md-whiteframe-1dp">
  35                 <div class="pb-16" layout="row" layout-align="start center">
  36                     <div class="h2 secondary-text" translate="SETTINGS.GENERAL">GENERAL</div>
  37                 </div>
  38                 <form name="smtpForm" novalidate>
  39                     <md-input-container class="md-block">
  40                         <label translate="SETTINGS.NAME">Name</label>
  41                         <input type="text" name="name" ng-model="vm.smtp.name" required autofocus>
  42                         <div ng-messages="smtpForm.name.$error" ng-show="smtpForm.name.$touched" role="alert">
  43                             <div ng-message="required">
  44                                 <span translate="SETTINGS.ERRORS.NAME_REQUIRED">Name field is required</span>
  45                             </div>
  46                         </div>
  47                     </md-input-container>
  48                     <md-input-container class="md-block">
  49                         <label translate="SETTINGS.SMTP_SERVICE">SMTP_Service</label>
  50                         <md-select ng-model="vm.smtp.Smtp.service" required>
  51                             <md-option ng-value="null">None</md-option>
  52                             <md-option ng-value="'gmail'">Gmail</md-option>
  53                         </md-select>
  54                         <div ng-messages="smtpForm.Smtp.service.$error" ng-show="smtpForm.Smtp.service.$touched" role="alert">
  55                             <div ng-message="required">
  56                                 <span translate="SETTINGS.ERRORS.SMTP_SERVICE_REQUIRED">SMTP_Service field is required</span>
  57                             </div>
  58                         </div>
  59                     </md-input-container>
  60                     <md-input-container ng-if="vm.smtp.Smtp.service == null" class="md-block">
  61                         <label translate="SETTINGS.SMTP_HOST">SMTP_Host</label>
  62                         <input type="text" name="Smtp.host" ng-model="vm.smtp.Smtp.host" required>
  63                         <div ng-messages="smtpForm.Smtp.host.$error" ng-show="smtpForm.Smtp.host.$touched" role="alert">
  64                             <div ng-message="required">
  65                                 <span translate="SETTINGS.ERRORS.SMTP_HOST_REQUIRED">SMTP_Host field is required</span>
  66                             </div>
  67                         </div>
  68                     </md-input-container>
  69                     <md-input-container class="md-block">
  70                         <label translate="SETTINGS.SMTP_USERNAME">SMTP_Username</label>
  71                         <input type="text" name="Smtp.user" ng-model="vm.smtp.Smtp.user" required>
  72                         <div ng-messages="smtpForm.Smtp.user.$error" ng-show="smtpForm.Smtp.user.$touched" role="alert">
  73                             <div ng-message="required">
  74                                 <span translate="SETTINGS.ERRORS.SMTP_USERNAME_REQUIRED">SMTP_Username field is required</span>
  75                             </div>
  76                         </div>
  77                     </md-input-container>
  78                     <md-input-container class="md-block">
  79                         <label translate="SETTINGS.SMTP_PASSWORD">SMTP_Password</label>
  80                         <input type="password" name="Smtp.pass" ng-model="vm.smtp.Smtp.pass" placeholder="Password" translate translate-attr-placeholder="SETTINGS.PASSWORD" required>
  81                         <div ng-messages="smtpForm.password.$error" role="alert">
  82                             <div ng-message="required">
  83                                 <span translate="SETTINGS.ERRORS.PASSWORD_REQUIRED">Password field is required</span>
  84                             </div>
  85                         </div>
  86                     </md-input-container>
  87                     <md-input-container class="md-block" ng-if="vm.newSmtp ">
  88                         <label translate="SETTINGS.CONFIRM_PASSWORD">Confirm Password</label>
  89                         <input type="password" match-password="Smtp.pass" name="confirmPassword" ng-model="confirmPassword">
  90                         <div ng-messages="smtpForm.confirmPassword.$error" role="alert" multiple>
  91                             <div ng-message="required">
  92                                 <span translate="SETTINGS.ERRORS.CONFIRM_REQUIRED">Confirm field is required</span>
  93                             </div>
  94                             <div ng-message="passwordMatch">
  95                                 <span translate="SETTINGS.ERRORS.CONFIRM_NOT_MATCH">Your password did not match</span>
  96                             </div>
  97                         </div>
  98                     </md-input-container>
  99                     <md-input-container ng-if="vm.smtp.Smtp.service == null" class="md-block">
 100                         <label translate="SETTINGS.SMTP_PORT">SMTP_Port</label>
 101                         <input type="number" name="Smtp.port" ng-model="vm.smtp.Smtp.port" required>
 102                         <div ng-messages="smtpForm.Smtp.port.$error" ng-show="smtpForm.Smtp.port.$touched" role="alert">
 103                             <div ng-message="required">
 104                                 <span translate="SETTINGS.ERRORS.SMTP_PORT_REQUIRED">SMTP_Port field is required</span>
 105                             </div>
 106                         </div>
 107                     </md-input-container>
 108                     <md-input-container ng-if="vm.smtp.Smtp.service == null" class="md-block">
 109                         <md-switch ng-model="vm.smtp.Smtp.secure" aria-label="SMTP_Secure"><span translate="SETTINGS.SMTP_SECURE">SMTP_Secure</span></md-switch>
 110                     </md-input-container>
 111                     <md-input-container class="md-block">
 112                         <label translate="SETTINGS.DESCRIPTION">Description</label>
 113                         <input type="" name="description" ng-model="vm.smtp.description">
 114                         <div ng-messages="smtpForm.description.$error" ng-show="smtpForm.description.$touched" role="alert">
 115                             <div ng-message="required">
 116                                 <span translate="SETTINGS.ERRORS.DESCRIPTION_REQUIRED">Description field is required</span>
 117                             </div>
 118                         </div>
 119                     </md-input-container>
 120
 121                 </form>
 122             </div>
 123
 124         </div>
 125         <!-- / MAIN -->
 126
 127     </div>
 128     <!-- / CONTENT -->
 129 </div>