Built motion from commit f738f9592c388b9f9eb3948f400a5c9d717a3561. Version 3.0.0...
[motion-next.git] / public / src / js / modules / main / apps / staff / views / telephones / edit / view.html / view.html
index 199315c..8deecfc 100644 (file)
@@ -2,8 +2,13 @@
   <!-- HEADER -->
   <div class="header md-accent-bg" layout="row" layout-align="start center">
     <div class="white-fg" layout="row" layout-align="start center" flex>
-      <md-button class="goto-telephones-button md-icon-button" aria-label="Go to telephones"
-        ng-click="vm.gotoTelephones()" translate translate-attr-aria-label="STAFF.GO_TO_TELEPHONES">
+      <md-button
+        class="goto-telephones-button md-icon-button"
+        aria-label="Go to telephones"
+        ng-click="vm.gotoTelephones()"
+        translate
+        translate-attr-aria-label="STAFF.GO_TO_TELEPHONES"
+      >
         <md-icon md-font-icon="icon-arrow-left"></md-icon>
       </md-button>
 
     </div>
 
     <div ng-cloak ng-if="vm.crudPermissions.canEdit">
-      <md-button ng-click="vm.changepassworddialog(vm.telephone, $event)" class="md-fab md-warn md-icon-button"
-        aria-label="changepassword">
-        <md-tooltip><span translate="STAFF.CHANGEPASSWORD_TELEPHONE"></span></md-tooltip>
+      <md-button
+        ng-click="vm.changepassworddialog(vm.telephone, $event)"
+        class="md-fab md-warn md-icon-button"
+        aria-label="changepassword"
+      >
+        <md-tooltip
+          ><span translate="STAFF.CHANGEPASSWORD_TELEPHONE"></span
+        ></md-tooltip>
         <md-icon md-font-icon="icon-key-variant"></md-icon>
       </md-button>
     </div>
     <div>
-      <md-button type="submit" ng-click="vm.saveTelephone()" ng-if="vm.crudPermissions.canEdit"
-        class="send-button md-accent md-raised" ng-disabled="(accountForm.$invalid) || (generalForm.$invalid)"
-        translate="APP.SAVE" translate-attr-aria-label="APP.SAVE">
+      <md-button
+        type="submit"
+        ng-click="vm.saveTelephone()"
+        ng-if="vm.crudPermissions.canEdit"
+        class="send-button md-accent md-raised"
+        ng-disabled="(accountForm.$invalid) || (generalForm.$invalid)"
+        translate="APP.SAVE"
+        translate-attr-aria-label="APP.SAVE"
+      >
         SAVE
       </md-button>
     </div>
 
   <!-- CONTENT -->
   <div class="content">
-    <md-tabs md-selected="vm.selectedTab" md-stretch-tabs="always" flex layout-fill md-dynamic-height>
+    <md-tabs
+      md-selected="vm.selectedTab"
+      md-stretch-tabs="always"
+      flex
+      layout-fill
+      md-dynamic-height
+    >
       <md-tab>
         <md-tab-label>
           <span translate="APP.ACCOUNT">ACCOUNT</span>
         </md-tab-label>
         <md-tab-body>
-          <div class="telephone-detail-form-container account md-background-bg md-whiteframe-1dp">
+          <div
+            class="telephone-detail-form-container account md-background-bg md-whiteframe-1dp"
+          >
             <div class="pb-16" layout="row" layout-align="start center">
               <div class="h2 secondary-text" translate="APP.ACCOUNT">
                 ACCOUNT
             <form name="accountForm" novalidate>
               <md-input-container class="md-block">
                 <label translate="APP.ACCOUNTNAME">Accountname</label>
-                <input type="text" name="fullname" ng-model="vm.telephone.fullname" ng-required="true" autofocus
-                  ng-disabled="!vm.crudPermissions.canEdit" />
+                <input
+                  type="text"
+                  name="fullname"
+                  ng-model="vm.telephone.fullname"
+                  ng-required="true"
+                  autofocus
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                />
 
-                <div ng-messages="accountForm['fullname'].$error" ng-show="accountForm['fullname'].$touched"
-                  role="alert">
+                <div
+                  ng-messages="accountForm['fullname'].$error"
+                  ng-show="accountForm['fullname'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="APP.ERRORS.ACCOUNTNAME_REQUIRED">Accountname field is required</span>
+                    <span translate="APP.ERRORS.ACCOUNTNAME_REQUIRED"
+                      >Accountname field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.USERNAME">Username</label>
-                <input type="text" name="name" ng-model="vm.telephone.name" ng-pattern="/^[A-Za-z0-9\.\_]+$/i"
-                  ng-required="true" disabled />
+                <input
+                  type="text"
+                  name="name"
+                  ng-model="vm.telephone.name"
+                  ng-pattern="/^[A-Za-z0-9\.\_]+$/i"
+                  ng-required="true"
+                  disabled
+                />
 
                 <div class="hint">
                   <span translate="APP.HELP.USERNAME"></span>
                 </div>
-                <div ng-messages="accountForm['name'].$error" ng-show="accountForm['name'].$touched" role="alert">
+                <div
+                  ng-messages="accountForm['name'].$error"
+                  ng-show="accountForm['name'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="APP.ERRORS.USERNAME_REQUIRED">Username field is required</span>
+                    <span translate="APP.ERRORS.USERNAME_REQUIRED"
+                      >Username field is required</span
+                    >
                   </div>
                   <div ng-message="pattern">
-                    <span translate="STAFF.ERRORS.USERNAME_MUST_VALID_PATTERN"
-                      translate-values="{ regex: '/^[A-Za-z0-9\.\_]+$/i' }">Username must be valid pattern
+                    <span
+                      translate="STAFF.ERRORS.USERNAME_MUST_VALID_PATTERN"
+                      translate-values="{ regex: '/^[A-Za-z0-9\.\_]+$/i' }"
+                      >Username must be valid pattern
                     </span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.EMAIL">Email</label>
-                <input type="email" name="email" ng-model="vm.telephone.email" ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit" />
+                <input
+                  type="email"
+                  name="email"
+                  ng-model="vm.telephone.email"
+                  ng-required="true"
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                />
 
-                <div ng-messages="accountForm['email'].$error" ng-show="accountForm['email'].$touched" role="alert">
+                <div
+                  ng-messages="accountForm['email'].$error"
+                  ng-show="accountForm['email'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="APP.ERRORS.EMAIL_REQUIRED">Email field is required</span>
+                    <span translate="APP.ERRORS.EMAIL_REQUIRED"
+                      >Email field is required</span
+                    >
                   </div>
                   <div ng-message="email">
-                    <span translate="APP.ERRORS.EMAIL_MUST_VALID">Email must be a valid e-mail address</span>
+                    <span translate="APP.ERRORS.EMAIL_MUST_VALID"
+                      >Email must be a valid e-mail address</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.DESCRIPTION">Description</label>
-                <input type="text" name="description" ng-model="vm.telephone.description"
-                  ng-disabled="!vm.crudPermissions.canEdit" />
+                <input
+                  type="text"
+                  name="description"
+                  ng-model="vm.telephone.description"
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                />
 
-                <div ng-messages="accountForm['description'].$error" ng-show="accountForm['description'].$touched"
-                  role="alert">
+                <div
+                  ng-messages="accountForm['description'].$error"
+                  ng-show="accountForm['description'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.DESCRIPTION_REQUIRED">Description field is required</span>
+                    <span translate="STAFF.ERRORS.DESCRIPTION_REQUIRED"
+                      >Description field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.PHONE">Phone</label>
-                <input type="text" name="phone" ng-model="vm.telephone.phone"
-                  ng-disabled="!vm.crudPermissions.canEdit" />
+                <input
+                  type="text"
+                  name="phone"
+                  ng-model="vm.telephone.phone"
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                />
 
-                <div ng-messages="accountForm['phone'].$error" ng-show="accountForm['phone'].$touched" role="alert">
+                <div
+                  ng-messages="accountForm['phone'].$error"
+                  ng-show="accountForm['phone'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="APP.ERRORS.PHONE_REQUIRED">Phone field is required</span>
+                    <span translate="APP.ERRORS.PHONE_REQUIRED"
+                      >Phone field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.MOBILE">Mobile</label>
-                <input type="text" name="mobile" ng-model="vm.telephone.mobile"
-                  ng-disabled="!vm.crudPermissions.canEdit" />
+                <input
+                  type="text"
+                  name="mobile"
+                  ng-model="vm.telephone.mobile"
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                />
 
-                <div ng-messages="accountForm['mobile'].$error" ng-show="accountForm['mobile'].$touched" role="alert">
+                <div
+                  ng-messages="accountForm['mobile'].$error"
+                  ng-show="accountForm['mobile'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.MOBILE_REQUIRED">Mobile field is required</span>
+                    <span translate="STAFF.ERRORS.MOBILE_REQUIRED"
+                      >Mobile field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
           <span translate="APP.VOICE">VOICE</span>
         </md-tab-label>
         <md-tab-body>
-          <div class="telephone-detail-form-container general md-background-bg md-whiteframe-1dp">
+          <div
+            class="telephone-detail-form-container general md-background-bg md-whiteframe-1dp"
+          >
             <div class="pb-16" layout="row" layout-align="start center">
               <div class="h2 secondary-text" translate="APP.GENERAL">
                 GENERAL
               </div>
             </div>
             <form name="generalForm" novalidate>
-              <md-input-container ng-if="!vm.telephone.autointernal" class="md-block">
+              <md-input-container
+                ng-if="!vm.telephone.autointernal"
+                class="md-block"
+              >
                 <label translate="APP.INTERNAL">Internal</label>
-                <input type="text" name="internal" ng-model="vm.telephone.internal" ng-required="true" autofocus
-                  disabled />
+                <input
+                  type="text"
+                  name="internal"
+                  ng-model="vm.telephone.internal"
+                  ng-required="true"
+                  autofocus
+                  disabled
+                />
 
-                <div ng-messages="generalForm['internal'].$error" ng-show="generalForm['internal'].$touched"
-                  role="alert">
+                <div
+                  ng-messages="generalForm['internal'].$error"
+                  ng-show="generalForm['internal'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.INTERNAL_REQUIRED">Internal field is required</span>
+                    <span translate="STAFF.ERRORS.INTERNAL_REQUIRED"
+                      >Internal field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.TRANSPORT">Transport</label>
-                <md-select name="transport" ng-model="vm.telephone.transport" multiple required
-                  ng-disabled="!vm.crudPermissions.canEdit">
+                <md-select
+                  name="transport"
+                  ng-model="vm.telephone.transport"
+                  multiple
+                  required
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                >
                   <md-option ng-value="'udp'">udp</md-option>
                   <md-option ng-value="'tcp'">tcp</md-option>
                   <md-option ng-value="'ws'">ws</md-option>
                 <div class="hint">
                   <span translate="STAFF.HELP.TRANSPORT"></span>
                 </div>
-                <div ng-messages="generalForm['transport'].$error" ng-show="generalForm['transport'].$touched"
-                  role="alert">
+                <div
+                  ng-messages="generalForm['transport'].$error"
+                  ng-show="generalForm['transport'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.TRANSPORT_REQUIRED">Transport field is required</span>
+                    <span translate="STAFF.ERRORS.TRANSPORT_REQUIRED"
+                      >Transport field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.NAT">NAT</label>
-                <md-select name="nat" ng-model="vm.telephone.nat" multiple required
-                  ng-disabled="!vm.crudPermissions.canEdit">
+                <md-select
+                  name="nat"
+                  ng-model="vm.telephone.nat"
+                  multiple
+                  required
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                >
                   <md-option ng-value="'force_rport'">force_rport</md-option>
                   <md-option ng-value="'comedia'">comedia</md-option>
                   <md-option ng-value="'yes'">yes</md-option>
                   <md-option ng-value="'route'">route</md-option>
                 </md-select>
                 <div class="hint"><span translate="STAFF.HELP.NAT"></span></div>
-                <div ng-messages="generalForm['nat'].$error" ng-show="generalForm['nat'].$touched" role="alert">
+                <div
+                  ng-messages="generalForm['nat'].$error"
+                  ng-show="generalForm['nat'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.NAT_REQUIRED">NAT field is required</span>
+                    <span translate="STAFF.ERRORS.NAT_REQUIRED"
+                      >NAT field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.ALLOWCODECS">AllowCodecs</label>
-                <md-select name="allow" ng-model="vm.telephone.allow" multiple required
-                  ng-disabled="!vm.crudPermissions.canEdit">
+                <md-select
+                  name="allow"
+                  ng-model="vm.telephone.allow"
+                  multiple
+                  required
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                >
                   <md-option ng-value="'ulaw'">ulaw</md-option>
                   <md-option ng-value="'alaw'">alaw</md-option>
                   <md-option ng-value="'gsm'">gsm</md-option>
                 <div class="hint">
                   <span translate="STAFF.HELP.ALLOWCODECS"></span>
                 </div>
-                <div ng-messages="generalForm['allow'].$error" ng-show="generalForm['allow'].$touched" role="alert">
+                <div
+                  ng-messages="generalForm['allow'].$error"
+                  ng-show="generalForm['allow'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.ALLOWCODECS_REQUIRED">AllowCodecs field is required</span>
+                    <span translate="STAFF.ERRORS.ALLOWCODECS_REQUIRED"
+                      >AllowCodecs field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.CALLERID">CallerId</label>
-                <input type="text" name="callerid" ng-model="vm.telephone.callerid"
-                  ng-disabled="!vm.crudPermissions.canEdit" />
+                <input
+                  type="text"
+                  name="callerid"
+                  ng-model="vm.telephone.callerid"
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                />
 
-                <div ng-messages="generalForm['callerid'].$error" ng-show="generalForm['callerid'].$touched"
-                  role="alert">
+                <div
+                  ng-messages="generalForm['callerid'].$error"
+                  ng-show="generalForm['callerid'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.CALLERID_REQUIRED">CallerId field is required</span>
+                    <span translate="STAFF.ERRORS.CALLERID_REQUIRED"
+                      >CallerId field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.CONTEXT">Context</label>
-                <md-select name="context" ng-model="vm.telephone.context" required
-                  ng-disabled="!vm.crudPermissions.canEdit">
-                  <md-option ng-value="context.name" ng-repeat="context in vm.contexts"
-                    ng-disabled="context.canSelect === false">{{ context.name }}</md-option>
+                <md-select
+                  name="context"
+                  ng-model="vm.telephone.context"
+                  required
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                >
+                  <md-option
+                    ng-value="context.name"
+                    ng-repeat="context in vm.contexts"
+                    ng-disabled="context.canSelect === false"
+                    >{{ context.name }}</md-option
+                  >
                 </md-select>
-                <div ng-messages="generalForm['context'].$error" ng-show="generalForm['context'].$touched" role="alert">
+                <div
+                  ng-messages="generalForm['context'].$error"
+                  ng-show="generalForm['context'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="APP.ERRORS.CONTEXT_REQUIRED">Context field is required</span>
+                    <span translate="APP.ERRORS.CONTEXT_REQUIRED"
+                      >Context field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="STAFF.CALLGROUP">Callgroup</label>
-                <input type="text" name="callgroup" ng-model="vm.telephone.callgroup"
-                  ng-disabled="!vm.crudPermissions.canEdit" />
+                <input
+                  type="text"
+                  name="callgroup"
+                  ng-model="vm.telephone.callgroup"
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.CALLGROUP"></span>
                 </div>
-                <div ng-messages="generalForm['callgroup'].$error" ng-show="generalForm['callgroup'].$touched"
-                  role="alert">
+                <div
+                  ng-messages="generalForm['callgroup'].$error"
+                  ng-show="generalForm['callgroup'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.CALLGROUP_REQUIRED">Callgroup field is required</span>
+                    <span translate="STAFF.ERRORS.CALLGROUP_REQUIRED"
+                      >Callgroup field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="STAFF.PICKUPGROUP">Pickupgroup</label>
-                <input type="text" name="pickupgroup" ng-model="vm.telephone.pickupgroup"
-                  ng-disabled="!vm.crudPermissions.canEdit" />
+                <input
+                  type="text"
+                  name="pickupgroup"
+                  ng-model="vm.telephone.pickupgroup"
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.PICKUPGROUP"></span>
                 </div>
-                <div ng-messages="generalForm['pickupgroup'].$error" ng-show="generalForm['pickupgroup'].$touched"
-                  role="alert">
+                <div
+                  ng-messages="generalForm['pickupgroup'].$error"
+                  ng-show="generalForm['pickupgroup'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.PICKUPGROUP_REQUIRED">Pickupgroup field is required</span>
+                    <span translate="STAFF.ERRORS.PICKUPGROUP_REQUIRED"
+                      >Pickupgroup field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.VIDEOSUPPORT">Videosupport</label>
-                <md-select name="videosupport" ng-model="vm.telephone.videosupport" required
-                  ng-disabled="!vm.crudPermissions.canEdit">
+                <md-select
+                  name="videosupport"
+                  ng-model="vm.telephone.videosupport"
+                  required
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                >
                   <md-option ng-value="'yes'">Yes</md-option>
                   <md-option ng-value="'no'">No</md-option>
                   <md-option ng-value="'always'">Always</md-option>
                 </md-select>
-                <div ng-messages="generalForm['videosupport'].$error" ng-show="generalForm['videosupport'].$touched"
-                  role="alert">
+                <div
+                  ng-messages="generalForm['videosupport'].$error"
+                  ng-show="generalForm['videosupport'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.VIDEOSUPPORT_REQUIRED">Videosupport field is required</span>
+                    <span translate="STAFF.ERRORS.VIDEOSUPPORT_REQUIRED"
+                      >Videosupport field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="APP.ENCRYPTION">Encryption</label>
-                <md-select name="encryption" ng-model="vm.telephone.encryption" required
-                  ng-disabled="!vm.crudPermissions.canEdit">
+                <md-select
+                  name="encryption"
+                  ng-model="vm.telephone.encryption"
+                  required
+                  ng-disabled="!vm.crudPermissions.canEdit"
+                >
                   <md-option ng-value="'yes'">yes</md-option>
                   <md-option ng-value="'no'">no</md-option>
                 </md-select>
                 <div class="hint">
                   <span translate="STAFF.HELP.ENCRYPTION"></span>
                 </div>
-                <div ng-messages="generalForm['encryption'].$error" ng-show="generalForm['encryption'].$touched"
-                  role="alert">
+                <div
+                  ng-messages="generalForm['encryption'].$error"
+                  ng-show="generalForm['encryption'].$touched"
+                  role="alert"
+                >
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.ENCRYPTION_REQUIRED">Encryption field is required</span>
+                    <span translate="STAFF.ERRORS.ENCRYPTION_REQUIRED"
+                      >Encryption field is required</span
+                    >
                   </div>
                 </div>
               </md-input-container>
     </md-tabs>
   </div>
   <!-- / CONTENT -->
-</div>
\ No newline at end of file
+</div>