Built motion from commit aab208717af8d15f4fa224cdb6a202877019af9b. Version 3.0.0...
[motion-next.git] / public / src / js / modules / main / apps / staff / views / agents / edit / view.html / view.html
index 03b8534..aec89bc 100644 (file)
@@ -2,13 +2,8 @@
   <!-- 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-agents-button md-icon-button"
-        aria-label="Go to agents"
-        ng-click="vm.gotoAgents()"
-        translate
-        translate-attr-aria-label="STAFF.GO_TO_AGENTS"
-      >
+      <md-button class="goto-agents-button md-icon-button" aria-label="Go to agents" ng-click="vm.gotoAgents()"
+        translate translate-attr-aria-label="STAFF.GO_TO_AGENTS">
         <md-icon md-font-icon="icon-arrow-left"></md-icon>
       </md-button>
 
@@ -23,7 +18,7 @@
             <span ng-if="vm.agent.name">{{vm.agent.name}}</span>
           </div>
           <div class="subtitle secondary-text">
-            <span translate="STAFF.CREATED_AT"></span>
+            <span translate="APP.CREATED_AT"></span>
             <span>{{vm.agent.createdAt | date:'medium'}}</span>
           </div>
         </div>
       <md-fab-speed-dial md-direction="left" class="md-scale md-fab">
         <md-fab-trigger>
           <md-button aria-label="menu" class="md-fab md-primary md-icon-button">
-            <md-tooltip md-direction="top" md-visible="false"
-              ><span translate="STAFF.CHANNELS">Channels</span></md-tooltip
-            >
-            <md-icon
-              md-font-icon="icon-stackoverflow"
-              aria-label="queueadd"
-            ></md-icon>
+            <md-tooltip md-direction="top" md-visible="false"><span translate="APP.CHANNELS">Channels</span>
+            </md-tooltip>
+            <md-icon md-font-icon="icon-stackoverflow" aria-label="queueadd"></md-icon>
           </md-button>
         </md-fab-trigger>
         <md-fab-actions>
-          <md-button
-            aria-label="voice"
-            class="md-fab md-raised md-icon-button md-mini"
-            ng-click="vm.queueaddchannel(vm.agent, 'voice', $event, 'inbound')"
-          >
-            <md-tooltip md-direction="bottom" md-visible="false"
-              ><span translate="VOICE.VOICE">Voice</span></md-tooltip
-            >
+          <md-button aria-label="voice" class="md-fab md-raised md-icon-button md-mini"
+            ng-click="vm.queueaddchannel(vm.agent, 'voice', $event, 'inbound')">
+            <md-tooltip md-direction="bottom" md-visible="false"><span translate="APP.VOICE">Voice</span></md-tooltip>
             <md-icon md-font-icon="icon-phone" aria-label="voice"></md-icon>
           </md-button>
-          <md-button
-            ng-if="vm.license.dialer"
-            aria-label="motion bull"
-            class="md-fab md-raised md-icon-button md-mini"
-            ng-click="vm.queueaddchannel(vm.agent, 'voice', $event, 'outbound')"
-          >
-            <md-tooltip md-direction="bottom" md-visible="false"
-              ><span translate="MOTIONDIALER.MOTIONDIALER"
-                >Motion Bull</span
-              ></md-tooltip
-            >
-            <md-icon
-              md-font-icon="icon-fire"
-              aria-label="motion bull"
-            ></md-icon>
+          <md-button ng-if="vm.license.dialer" aria-label="motion bull" class="md-fab md-raised md-icon-button md-mini"
+            ng-click="vm.queueaddchannel(vm.agent, 'voice', $event, 'outbound')">
+            <md-tooltip md-direction="bottom" md-visible="false"><span translate="APP.MOTIONDIALER">Motion Bull</span>
+            </md-tooltip>
+            <md-icon md-font-icon="icon-fire" aria-label="motion bull"></md-icon>
           </md-button>
-          <md-button
-            ng-if="vm.license.chat"
-            aria-label="chat"
-            class="md-fab md-raised md-icon-button md-mini"
-            ng-click="vm.queueaddchannel(vm.agent, 'chat', $event)"
-          >
-            <md-tooltip md-direction="bottom" md-visible="false"
-              ><span translate="CHAT.CHAT">Chat</span></md-tooltip
-            >
+          <md-button ng-if="vm.license.chat" aria-label="chat" class="md-fab md-raised md-icon-button md-mini"
+            ng-click="vm.queueaddchannel(vm.agent, 'chat', $event)">
+            <md-tooltip md-direction="bottom" md-visible="false"><span translate="APP.CHAT">Chat</span></md-tooltip>
             <md-icon md-font-icon="icon-hangouts" aria-label="chat"></md-icon>
           </md-button>
-          <md-button
-            ng-if="vm.license.mail"
-            aria-label="mail"
-            class="md-fab md-raised md-icon-button md-mini"
-            ng-click="vm.queueaddchannel(vm.agent, 'mail', $event)"
-          >
-            <md-tooltip md-direction="bottom" md-visible="false"
-              ><span translate="MAIL.MAIL">Email</span></md-tooltip
-            >
+          <md-button ng-if="vm.license.mail" aria-label="mail" class="md-fab md-raised md-icon-button md-mini"
+            ng-click="vm.queueaddchannel(vm.agent, 'mail', $event)">
+            <md-tooltip md-direction="bottom" md-visible="false"><span translate="APP.MAIL">Email</span></md-tooltip>
             <md-icon md-font-icon="icon-email" aria-label="mail"></md-icon>
           </md-button>
-          <md-button
-            ng-if="vm.license.messaging"
-            aria-label="sms"
-            class="md-fab md-raised md-icon-button md-mini"
-            ng-click="vm.queueaddchannel(vm.agent, 'sms', $event)"
-          >
-            <md-tooltip md-direction="bottom" md-visible="false"
-              ><span translate="SMS.SMS">Sms</span></md-tooltip
-            >
-            <md-icon
-              md-font-icon="icon-message-text"
-              aria-label="sms"
-            ></md-icon>
+          <md-button ng-if="vm.license.messaging" aria-label="sms" class="md-fab md-raised md-icon-button md-mini"
+            ng-click="vm.queueaddchannel(vm.agent, 'sms', $event)">
+            <md-tooltip md-direction="bottom" md-visible="false"><span translate="APP.SMS">Sms</span></md-tooltip>
+            <md-icon md-font-icon="icon-message-text" aria-label="sms"></md-icon>
           </md-button>
-          <md-button
-            ng-if="vm.license.openchannel"
-            aria-label="openchannel"
+          <md-button ng-if="vm.license.openchannel" aria-label="openchannel"
             class="md-fab md-raised md-icon-button md-mini"
-            ng-click="vm.queueaddchannel(vm.agent, 'openchannel', $event)"
-          >
-            <md-tooltip md-direction="bottom" md-visible="false"
-              ><span translate="OPENCHANNEL.OPENCHANNEL"
-                >Openchannel</span
-              ></md-tooltip
-            >
-            <md-icon
-              md-font-icon="icon-google-earth"
-              aria-label="openchannel"
-            ></md-icon>
+            ng-click="vm.queueaddchannel(vm.agent, 'openchannel', $event)">
+            <md-tooltip md-direction="bottom" md-visible="false"><span translate="APP.OPENCHANNEL">Openchannel</span>
+            </md-tooltip>
+            <md-icon md-font-icon="icon-google-earth" aria-label="openchannel"></md-icon>
           </md-button>
-          <md-button
-            ng-if="vm.license.fax"
-            aria-label="fax"
-            class="md-fab md-raised md-icon-button md-mini"
-            ng-click="vm.queueaddchannel(vm.agent, 'fax', $event)"
-          >
-            <md-tooltip md-direction="bottom" md-visible="false"
-              ><span translate="FAX.FAX">Fax</span></md-tooltip
-            >
+          <md-button ng-if="vm.license.fax" aria-label="fax" class="md-fab md-raised md-icon-button md-mini"
+            ng-click="vm.queueaddchannel(vm.agent, 'fax', $event)">
+            <md-tooltip md-direction="bottom" md-visible="false"><span translate="APP.FAX">Fax</span></md-tooltip>
             <md-icon md-font-icon="icon-deskphone" aria-label="fax"></md-icon>
           </md-button>
-          <md-button
-            ng-if="vm.license.whatsapp"
-            aria-label="whatsapp"
-            class="md-fab md-raised md-icon-button md-mini"
-            ng-click="vm.queueaddchannel(vm.agent, 'whatsapp', $event)"
-          >
-            <md-tooltip md-direction="bottom" md-visible="false"
-              ><span translate="WHATSAPP.WHATSAPP">whatsapp</span></md-tooltip
-            >
-            <md-icon
-              md-font-icon="icon-whatsapp"
-              aria-label="whatsapp"
-            ></md-icon>
+          <md-button ng-if="vm.license.whatsapp" aria-label="whatsapp" class="md-fab md-raised md-icon-button md-mini"
+            ng-click="vm.queueaddchannel(vm.agent, 'whatsapp', $event)">
+            <md-tooltip md-direction="bottom" md-visible="false"><span translate="APP.WHATSAPP">whatsapp</span>
+            </md-tooltip>
+            <md-icon md-font-icon="icon-whatsapp" aria-label="whatsapp"></md-icon>
           </md-button>
         </md-fab-actions>
       </md-fab-speed-dial>
     </div>
 
     <div ng-cloak>
-      <md-button
-        ng-click="vm.teamadddialog(vm.agent, $event)"
-        class="md-fab md-orange-500-bg md-icon-button"
-        aria-label="teamadd"
-      >
+      <md-button ng-click="vm.teamadddialog(vm.agent, $event)" class="md-fab md-orange-500-bg md-icon-button"
+        aria-label="teamadd">
         <md-tooltip><span translate="STAFF.TEAMADD_AGENT"></span></md-tooltip>
         <md-icon md-font-icon="icon-account-multiple-plus"></md-icon>
       </md-button>
     </div>
 
     <div ng-cloak ng-if="vm.crudPermissions.canEdit">
-      <md-button
-        ng-click="vm.changepassworddialog(vm.agent, $event)"
-        class="md-fab md-warn md-icon-button"
-        aria-label="changepassword"
-      >
-        <md-tooltip
-          ><span translate="STAFF.CHANGEPASSWORD_AGENT"></span
-        ></md-tooltip>
+      <md-button ng-click="vm.changepassworddialog(vm.agent, $event)" class="md-fab md-warn md-icon-button"
+        aria-label="changepassword">
+        <md-tooltip><span translate="STAFF.CHANGEPASSWORD_AGENT"></span></md-tooltip>
         <md-icon md-font-icon="icon-key-variant"></md-icon>
       </md-button>
     </div>
     <div>
-      <md-button
-        type="submit"
-        ng-click="vm.saveAgent()"
-        ng-if="vm.crudPermissions.canEdit"
+      <md-button type="submit" ng-click="vm.saveAgent()" ng-if="vm.crudPermissions.canEdit"
         class="send-button md-accent md-raised"
         ng-disabled="(personal_infoForm.$invalid) || (security_suiteForm.$invalid) || (change_avatarForm.$invalid) || (generalForm.$invalid) || (capacityForm.$invalid) || (settingsForm.$invalid) || (remote_controlForm.$invalid) || (sipForm.$invalid) || (callforwardingForm.$invalid) || (settings_webrtcForm.$invalid) || (sip_webrtcForm.$invalid) || (general_permissionsForm.$invalid) || (permissionsForm.$invalid)"
-        translate="STAFF.SAVE"
-        translate-attr-aria-label="STAFF.SAVE"
-      >
+        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="STAFF.ACCOUNT">ACCOUNT</span>
+          <span translate="APP.ACCOUNT">ACCOUNT</span>
         </md-tab-label>
         <md-tab-body>
-          <div
-            class="agent-detail-form-container personal_info md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container personal_info md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
-              <div class="h2 secondary-text" translate="STAFF.PERSONAL_INFO">
+              <div class="h2 secondary-text" translate="APP.PERSONAL_INFO">
                 PERSONAL_INFO
               </div>
             </div>
             <form name="personal_infoForm" novalidate>
               <md-input-container class="md-block">
-                <label translate="STAFF.FULLNAME">Fullname</label>
-                <input
-                  type="text"
-                  name="fullname"
-                  ng-model="vm.agent.fullname"
-                  ng-required="true"
-                  autofocus
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <label translate="APP.FULLNAME">Fullname</label>
+                <input type="text" name="fullname" ng-model="vm.agent.fullname" ng-required="true" autofocus
+                  ng-disabled="!vm.crudPermissions.canEdit" />
 
-                <div
-                  ng-messages="personal_infoForm['fullname'].$error"
-                  ng-show="personal_infoForm['fullname'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="personal_infoForm['fullname'].$error" ng-show="personal_infoForm['fullname'].$touched"
+                  role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.FULLNAME_REQUIRED"
-                      >Fullname field is required</span
-                    >
+                    <span translate="APP.ERRORS.FULLNAME_REQUIRED">Fullname field is required</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
-                <label translate="STAFF.USERNAME">Username</label>
-                <input
-                  type="text"
-                  name="name"
-                  ng-model="vm.agent.name"
-                  ng-pattern="/^[A-Za-z0-9\.\_]+$/i"
-                  ng-required="true"
-                  disabled
-                />
+                <label translate="APP.USERNAME">Username</label>
+                <input type="text" name="name" ng-model="vm.agent.name" ng-pattern="/^[A-Za-z0-9\.\_]+$/i"
+                  ng-required="true" disabled />
 
                 <div class="hint">
-                  <span translate="STAFF.HELP.USERNAME"></span>
+                  <span translate="APP.HELP.USERNAME"></span>
                 </div>
-                <div
-                  ng-messages="personal_infoForm['name'].$error"
-                  ng-show="personal_infoForm['name'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="personal_infoForm['name'].$error" ng-show="personal_infoForm['name'].$touched"
+                  role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.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="STAFF.ALIAS">Alias</label>
-                <input
-                  type="text"
-                  name="alias"
-                  ng-model="vm.agent.alias"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <label translate="APP.ALIAS">Alias</label>
+                <input type="text" name="alias" ng-model="vm.agent.alias" ng-disabled="!vm.crudPermissions.canEdit" />
 
-                <div
-                  ng-messages="personal_infoForm['alias'].$error"
-                  ng-show="personal_infoForm['alias'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="personal_infoForm['alias'].$error" ng-show="personal_infoForm['alias'].$touched"
+                  role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.ALIAS_REQUIRED"
-                      >Alias field is required</span
-                    >
+                    <span translate="APP.ERRORS.ALIAS_REQUIRED">Alias field is required</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="STAFF.SHOWWEBCONTROL">ShowWebControl</label>
-                <md-select
-                  name="showWebBar"
-                  ng-model="vm.agent.showWebBar"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                >
+                <md-select name="showWebBar" ng-model="vm.agent.showWebBar" ng-disabled="!vm.crudPermissions.canEdit">
                   <md-option ng-value="0">Phonebar</md-option>
                   <md-option ng-value="1">External</md-option>
                   <md-option ng-value="2">WebRTC</md-option>
                 </md-select>
-                <div
-                  ng-messages="personal_infoForm['showWebBar'].$error"
-                  ng-show="personal_infoForm['showWebBar'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="personal_infoForm['showWebBar'].$error"
+                  ng-show="personal_infoForm['showWebBar'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.SHOWWEBCONTROL_REQUIRED"
-                      >ShowWebControl field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.SHOWWEBCONTROL_REQUIRED">ShowWebControl field is required</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
-                <label translate="STAFF.EMAIL">Email</label>
-                <input
-                  type="email"
-                  name="email"
-                  ng-model="vm.agent.email"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <label translate="APP.EMAIL">Email</label>
+                <input type="email" name="email" ng-model="vm.agent.email" ng-required="true"
+                  ng-disabled="!vm.crudPermissions.canEdit" />
 
-                <div
-                  ng-messages="personal_infoForm['email'].$error"
-                  ng-show="personal_infoForm['email'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="personal_infoForm['email'].$error" ng-show="personal_infoForm['email'].$touched"
+                  role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.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="STAFF.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="STAFF.PHONE">Phone</label>
-                <input
-                  type="text"
-                  name="phone"
-                  ng-model="vm.agent.phone"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <label translate="APP.PHONE">Phone</label>
+                <input type="text" name="phone" ng-model="vm.agent.phone" ng-disabled="!vm.crudPermissions.canEdit" />
 
-                <div
-                  ng-messages="personal_infoForm['phone'].$error"
-                  ng-show="personal_infoForm['phone'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="personal_infoForm['phone'].$error" ng-show="personal_infoForm['phone'].$touched"
+                  role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.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="STAFF.MOBILE">Mobile</label>
-                <input
-                  type="text"
-                  name="mobile"
-                  ng-model="vm.agent.mobile"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <label translate="APP.MOBILE">Mobile</label>
+                <input type="text" name="mobile" ng-model="vm.agent.mobile" ng-disabled="!vm.crudPermissions.canEdit" />
 
-                <div
-                  ng-messages="personal_infoForm['mobile'].$error"
-                  ng-show="personal_infoForm['mobile'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="personal_infoForm['mobile'].$error" ng-show="personal_infoForm['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>
-              <md-input-container
-                ng-if="vm.agent.showWebBar == 1"
-                class="md-block"
-              >
-                <md-switch
-                  ng-model="vm.agent.hotdesk"
-                  aria-label="Hotdesk"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.HOTDESK">Hotdesk</span></md-switch
-                >
+              <md-input-container ng-if="vm.agent.showWebBar == 1" class="md-block">
+                <md-switch ng-model="vm.agent.hotdesk" aria-label="Hotdesk" ng-disabled="!vm.crudPermissions.canEdit">
+                  <span translate="STAFF.HOTDESK">Hotdesk</span></md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.loginInPause"
-                  aria-label="LoginInPause"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.LOGININPAUSE"
-                    >LoginInPause</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.loginInPause" aria-label="LoginInPause"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span translate="STAFF.LOGININPAUSE">LoginInPause</span>
+                </md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <label translate="STAFF.DESCRIPTION">Description</label>
-                <input
-                  type="text"
-                  name="description"
-                  ng-model="vm.agent.description"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <label translate="APP.DESCRIPTION">Description</label>
+                <input type="text" name="description" ng-model="vm.agent.description"
+                  ng-disabled="!vm.crudPermissions.canEdit" />
 
-                <div
-                  ng-messages="personal_infoForm['description'].$error"
-                  ng-show="personal_infoForm['description'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="personal_infoForm['description'].$error"
+                  ng-show="personal_infoForm['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>
             </form>
           </div>
-          <div
-            class="agent-detail-form-container security_suite md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container security_suite md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
-              <div class="h2 secondary-text" translate="STAFF.SECURITY_SUITE">
+              <div class="h2 secondary-text" translate="APP.SECURITY_SUITE">
                 SECURITY_SUITE
               </div>
             </div>
             <form name="security_suiteForm" novalidate>
-              <md-input-container
-                ng-if="vm.agent.passwordResetAt != null"
-                class="md-block"
-              >
-                <label translate="STAFF.LAST_PASSWORD_RESET_AT"
-                  >Last_Password_Reset_At</label
-                >
-                <input
-                  type="text"
-                  name="passwordResetAt"
-                  ng-model="vm.agent.passwordResetAt"
-                  autofocus
-                  disabled
-                />
+              <md-input-container ng-if="vm.agent.passwordResetAt != null" class="md-block">
+                <label translate="STAFF.LAST_PASSWORD_RESET_AT">Last_Password_Reset_At</label>
+                <input type="text" name="passwordResetAt" ng-model="vm.agent.passwordResetAt" autofocus disabled />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.LAST_PASSWORD_RESET_AT"></span>
                 </div>
-                <div
-                  ng-messages="security_suiteForm['passwordResetAt'].$error"
-                  ng-show="security_suiteForm['passwordResetAt'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="security_suiteForm['passwordResetAt'].$error"
+                  ng-show="security_suiteForm['passwordResetAt'].$touched" role="alert">
                   <div ng-message="required">
-                    <span
-                      translate="STAFF.ERRORS.LAST_PASSWORD_RESET_AT_REQUIRED"
-                      >Last_Password_Reset_At field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.LAST_PASSWORD_RESET_AT_REQUIRED">Last_Password_Reset_At field is
+                      required</span>
                   </div>
                 </div>
               </md-input-container>
-              <md-input-container
-                ng-if="vm.agent.passwordResetAt == null"
-                class="md-block"
-              >
-                <label translate="STAFF.NO_PASSWORD_CHANGE"
-                  >No_Password_Change</label
-                >
-                <input
-                  type="text"
-                  name="passwordResetAt"
-                  ng-model="vm.agent.passwordResetAt"
-                  disabled
-                />
+              <md-input-container ng-if="vm.agent.passwordResetAt == null" class="md-block">
+                <label translate="STAFF.NO_PASSWORD_CHANGE">No_Password_Change</label>
+                <input type="text" name="passwordResetAt" ng-model="vm.agent.passwordResetAt" disabled />
 
-                <div
-                  ng-messages="security_suiteForm['passwordResetAt'].$error"
-                  ng-show="security_suiteForm['passwordResetAt'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="security_suiteForm['passwordResetAt'].$error"
+                  ng-show="security_suiteForm['passwordResetAt'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.NO_PASSWORD_CHANGE_REQUIRED"
-                      >No_Password_Change field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.NO_PASSWORD_CHANGE_REQUIRED">No_Password_Change field is
+                      required</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.disabled"
-                  aria-label="Disabled"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.DISABLED">Disabled</span></md-switch
-                >
+                <md-switch ng-model="vm.agent.disabled" aria-label="Disabled" ng-disabled="!vm.crudPermissions.canEdit">
+                  <span translate="APP.DISABLED">Disabled</span></md-switch>
 
                 <div class="hint">
-                  <span translate="STAFF.HELP.DISABLED"></span>
+                  <span translate="APP.HELP.DISABLED"></span>
                 </div>
               </md-input-container>
-              <md-input-container
-                ng-if="vm.agent.disabled == 0"
-                class="md-block"
-              >
-                <md-switch
-                  ng-model="vm.agent.blocked"
-                  aria-label="Blocked"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.BLOCKED">Blocked</span></md-switch
-                >
+              <md-input-container ng-if="vm.agent.disabled == 0" class="md-block">
+                <md-switch ng-model="vm.agent.blocked" aria-label="Blocked" ng-disabled="!vm.crudPermissions.canEdit">
+                  <span translate="STAFF.BLOCKED">Blocked</span></md-switch>
 
                 <div class="hint">
                   <span translate="STAFF.HELP.BLOCKED"></span>
               </md-input-container>
             </form>
           </div>
-          <div
-            class="agent-detail-form-container change_avatar md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container change_avatar md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
               <div class="h2 secondary-text" translate="STAFF.CHANGE_AVATAR">
                 CHANGE_AVATAR
               </div>
             </div>
-            <div
-              ng-controller="Agentchange_avatarController as vm_ca"
+            <div ng-controller="Agentchange_avatarController as vm_ca"
               ng-init="vm_ca.init(vm.agent, vm.crudPermissions)"
-              class="agent-detail-form-container md-background-bg md-whiteframe-1dp"
-            >
-              <div
-                id="agent-image-uploader"
-                flow-init="vm_ca.ngFlowOptions"
-                flow-name="vm_ca.ngFlow.flow"
-                flow-files-submitted="vm_ca.upload()"
-                flow-file-added="vm_ca.fileAdded($file)"
-                flow-file-success="vm_ca.fileSuccess($file, $message)"
-                flow-complete="vm_ca.uploadComplete()"
-                flow-drop
-                flow-drag-enter="vm_ca.dropping=true"
-                flow-drag-leave="vm_ca.dropping=false"
-                ng-class="{'dropping':vm.dropping}"
-              >
-                <div
-                  class="drop-text hint-text"
-                  layout="row"
-                  layout-align="center center"
-                >
-                  <span translate="EC.DROP_TO_UPLOAD">Drop to upload</span>
+              class="agent-detail-form-container md-background-bg md-whiteframe-1dp">
+              <div id="agent-image-uploader" flow-init="vm_ca.ngFlowOptions" flow-name="vm_ca.ngFlow.flow"
+                flow-files-submitted="vm_ca.upload()" flow-file-added="vm_ca.fileAdded($file)"
+                flow-file-success="vm_ca.fileSuccess($file, $message)" flow-complete="vm_ca.uploadComplete()" flow-drop
+                flow-drag-enter="vm_ca.dropping=true" flow-drag-leave="vm_ca.dropping=false"
+                ng-class="{'dropping':vm.dropping}">
+                <div class="drop-text hint-text" layout="row" layout-align="center center">
+                  <span translate="APP.DROP_TO_UPLOAD">Drop to upload</span>
                 </div>
 
-                <div
-                  class="upload-button"
-                  layout="column"
-                  layout-align="center center"
-                >
-                  <md-button
-                    class="md-accent md-raised"
-                    flow-btn
-                    ng-disabled="!vm_ca.crudPermissions.canEdit"
-                  >
+                <div class="upload-button" layout="column" layout-align="center center">
+                  <md-button class="md-accent md-raised" flow-btn ng-disabled="!vm_ca.crudPermissions.canEdit">
                     Upload
                   </md-button>
-                  <span class="secondary-text mt-8"
-                    >You can also drop images here to upload. Only PNG, JPG -
-                    Max. 8MB</span
-                  >
+                  <span class="secondary-text mt-8">You can also drop images here to upload. Only PNG, JPG -
+                    Max. 8MB</span>
                 </div>
 
                 <div layout="row" layout-align="start start" layout-wrap>
-                  <div
-                    ng-repeat="change_avatarimage in vm_ca.agent.images"
-                    ng-switch="change_avatarimage.type"
-                  >
-                    <div
-                      class="agent-image uploading"
-                      ng-switch-when="uploading"
-                      layout="row"
-                      layout-align="center center"
-                    >
-                      <div
-                        class="overlay"
-                        layout="column"
-                        layout-align="center center"
-                      >
-                        <md-progress-linear
-                          md-mode="determinate"
-                          value="{{change_avatarimage.file.progress() * 100}}"
-                        >
+                  <div ng-repeat="change_avatarimage in vm_ca.agent.images" ng-switch="change_avatarimage.type">
+                    <div class="agent-image uploading" ng-switch-when="uploading" layout="row"
+                      layout-align="center center">
+                      <div class="overlay" layout="column" layout-align="center center">
+                        <md-progress-linear md-mode="determinate" value="{{change_avatarimage.file.progress() * 100}}">
                         </md-progress-linear>
                       </div>
                       <img class="media" flow-img="change_avatarimage.file" />
                     </div>
 
-                    <div
-                      class="agent-image"
-                      ng-switch-when="image"
-                      layout="row"
-                      layout-align="center center"
-                    >
+                    <div class="agent-image" ng-switch-when="image" layout="row" layout-align="center center">
                       <img class="media" ng-src="{{change_avatarimage.url}}" />
                     </div>
                   </div>
       </md-tab>
       <md-tab>
         <md-tab-label>
-          <span translate="STAFF.VOICE">VOICE</span>
+          <span translate="APP.VOICE">VOICE</span>
         </md-tab-label>
         <md-tab-body>
-          <div
-            class="agent-detail-form-container general md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-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="STAFF.GENERAL">
+              <div class="h2 secondary-text" translate="APP.GENERAL">
                 GENERAL
               </div>
             </div>
             <form name="generalForm" novalidate>
-              <md-input-container
-                ng-if="!vm.agent.autointernal"
-                class="md-block"
-              >
-                <label translate="STAFF.INTERNAL">Internal</label>
-                <input
-                  type="text"
-                  name="internal"
-                  ng-model="vm.agent.internal"
-                  ng-required="true"
-                  autofocus
-                  disabled
-                />
+              <md-input-container ng-if="!vm.agent.autointernal" class="md-block">
+                <label translate="APP.INTERNAL">Internal</label>
+                <input type="text" name="internal" ng-model="vm.agent.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
-                ng-if="vm.agent.showWebBar != 2"
-                class="md-block"
-              >
-                <label translate="STAFF.TRANSPORT">Transport</label>
-                <md-select
-                  name="transport"
-                  ng-model="vm.agent.transport"
-                  multiple
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                >
+              <md-input-container ng-if="vm.agent.showWebBar != 2" class="md-block">
+                <label translate="APP.TRANSPORT">Transport</label>
+                <md-select name="transport" ng-model="vm.agent.transport" multiple
+                  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'" ng-if="vm.agent.showWebBar == 1"
-                    >ws</md-option
-                  >
-                  <md-option ng-value="'wss'" ng-if="vm.agent.showWebBar == 1"
-                    >wss</md-option
-                  >
-                  <md-option ng-value="'tls'" ng-if="vm.agent.showWebBar == 1"
-                    >tls</md-option
-                  >
+                  <md-option ng-value="'ws'" ng-if="vm.agent.showWebBar == 1">ws</md-option>
+                  <md-option ng-value="'wss'" ng-if="vm.agent.showWebBar == 1">wss</md-option>
+                  <md-option ng-value="'tls'" ng-if="vm.agent.showWebBar == 1">tls</md-option>
                 </md-select>
                 <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="STAFF.HOST">Host</label>
-                <input
-                  type="text"
-                  name="host"
-                  ng-model="vm.agent.host"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <label translate="APP.HOST">Host</label>
+                <input type="text" name="host" ng-model="vm.agent.host" ng-required="true"
+                  ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.HOST"></span>
                 </div>
-                <div
-                  ng-messages="generalForm['host'].$error"
-                  ng-show="generalForm['host'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="generalForm['host'].$error" ng-show="generalForm['host'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.HOST_REQUIRED"
-                      >Host field is required</span
-                    >
+                    <span translate="APP.ERRORS.HOST_REQUIRED">Host field is required</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
-                <label translate="STAFF.NAT">NAT</label>
-                <md-select
-                  name="nat"
-                  ng-model="vm.agent.nat"
-                  multiple
-                  required
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                >
+                <label translate="APP.NAT">NAT</label>
+                <md-select name="nat" ng-model="vm.agent.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="STAFF.TYPE">Type</label>
-                <md-select
-                  name="type"
-                  ng-model="vm.agent.type"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                >
+                <label translate="APP.TYPE">Type</label>
+                <md-select name="type" ng-model="vm.agent.type" ng-disabled="!vm.crudPermissions.canEdit">
                   <md-option ng-value="'friend'">Friend</md-option>
                   <md-option ng-value="'user'">User</md-option>
                   <md-option ng-value="'peer'">Peer</md-option>
                 </md-select>
                 <div class="hint">
-                  <span translate="STAFF.HELP.TYPE"></span>
+                  <span translate="APP.HELP.TYPE"></span>
                 </div>
-                <div
-                  ng-messages="generalForm['type'].$error"
-                  ng-show="generalForm['type'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="generalForm['type'].$error" ng-show="generalForm['type'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.TYPE_REQUIRED"
-                      >Type field is required</span
-                    >
+                    <span translate="APP.ERRORS.TYPE_REQUIRED">Type field is required</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
-                <label translate="STAFF.ALLOWCODECS">AllowCodecs</label>
-                <md-select
-                  name="allow"
-                  ng-model="vm.agent.allow"
-                  multiple
-                  required
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                >
+                <label translate="APP.ALLOWCODECS">AllowCodecs</label>
+                <md-select name="allow" ng-model="vm.agent.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="STAFF.CALLERID">CallerId</label>
-                <input
-                  type="text"
-                  name="callerid"
-                  ng-model="vm.agent.callerid"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <label translate="APP.CALLERID">CallerId</label>
+                <input type="text" name="callerid" ng-model="vm.agent.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="STAFF.CONTEXT">Context</label>
-                <md-select
-                  name="context"
-                  ng-model="vm.agent.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
-                  >
+                <label translate="APP.CONTEXT">Context</label>
+                <md-select name="context" ng-model="vm.agent.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="STAFF.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.agent.callgroup"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="text" name="callgroup" ng-model="vm.agent.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.agent.pickupgroup"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="text" name="pickupgroup" ng-model="vm.agent.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">
-                <md-switch
-                  ng-model="vm.agent.chanspy"
-                  aria-label="chanSpy"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.CHANSPY">chanSpy</span></md-switch
-                >
+                <md-switch ng-model="vm.agent.chanspy" aria-label="chanSpy" ng-disabled="!vm.crudPermissions.canEdit">
+                  <span translate="APP.CHANSPY">chanSpy</span></md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <label translate="STAFF.VIDEOSUPPORT">Videosupport</label>
-                <md-select
-                  name="videosupport"
-                  ng-model="vm.agent.videosupport"
-                  required
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                >
+                <label translate="APP.VIDEOSUPPORT">Videosupport</label>
+                <md-select name="videosupport" ng-model="vm.agent.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="STAFF.MONITOREXTENSION"
-                  >MonitorExtension</label
-                >
-                <md-select
-                  name="extensionMonitor"
-                  ng-model="vm.agent.extensionMonitor"
-                  required
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                >
+                <label translate="STAFF.MONITOREXTENSION">MonitorExtension</label>
+                <md-select name="extensionMonitor" ng-model="vm.agent.extensionMonitor" required
+                  ng-disabled="!vm.crudPermissions.canEdit">
                   <md-option ng-value="''">Inactive</md-option>
                   <md-option ng-value="'wav'">wav</md-option>
                   <md-option ng-value="'WAV'">wav49</md-option>
                   <md-option ng-value="'gsm'">gsm</md-option>
                 </md-select>
-                <div
-                  ng-messages="generalForm['extensionMonitor'].$error"
-                  ng-show="generalForm['extensionMonitor'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="generalForm['extensionMonitor'].$error"
+                  ng-show="generalForm['extensionMonitor'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.MONITOREXTENSION_REQUIRED"
-                      >MonitorExtension field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.MONITOREXTENSION_REQUIRED">MonitorExtension field is required</span>
                   </div>
                 </div>
               </md-input-container>
           <span translate="STAFF.OTHER_CHANNELS">OTHER_CHANNELS</span>
         </md-tab-label>
         <md-tab-body>
-          <div
-            class="agent-detail-form-container capacity md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container capacity md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
-              <div class="h2 secondary-text" translate="STAFF.CAPACITY">
+              <div class="h2 secondary-text" translate="APP.CAPACITY">
                 CAPACITY
               </div>
             </div>
             <form name="capacityForm" novalidate>
               <md-input-container ng-if="vm.license.chat" class="md-block">
                 <label translate="STAFF.CHATCAPACITY">ChatCapacity</label>
-                <input
-                  type="number"
-                  name="chatCapacity"
-                  ng-model="vm.agent.chatCapacity"
-                  min="0"
-                  ng-required="true"
-                  autofocus
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="number" name="chatCapacity" ng-model="vm.agent.chatCapacity" min="0" ng-required="true"
+                  autofocus ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.CHATCAPACITY"></span>
                 </div>
-                <div
-                  ng-messages="capacityForm['chatCapacity'].$error"
-                  ng-show="capacityForm['chatCapacity'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="capacityForm['chatCapacity'].$error" ng-show="capacityForm['chatCapacity'].$touched"
+                  role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.CHATCAPACITY_REQUIRED"
-                      >ChatCapacity field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.CHATCAPACITY_REQUIRED">ChatCapacity field is required</span>
                   </div>
                   <div ng-message="min">
-                    <span
-                      translate="STAFF.ERRORS.CHATCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
-                      >ChatCapacity must be a valid greater or equal than</span
-                    >
+                    <span translate="STAFF.ERRORS.CHATCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO">ChatCapacity must be a
+                      valid greater or equal than</span>
                     <span>0</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container ng-if="vm.license.mail" class="md-block">
                 <label translate="STAFF.MAILCAPACITY">MailCapacity</label>
-                <input
-                  type="number"
-                  name="mailCapacity"
-                  ng-model="vm.agent.mailCapacity"
-                  min="0"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="number" name="mailCapacity" ng-model="vm.agent.mailCapacity" min="0" ng-required="true"
+                  ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.MAILCAPACITY"></span>
                 </div>
-                <div
-                  ng-messages="capacityForm['mailCapacity'].$error"
-                  ng-show="capacityForm['mailCapacity'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="capacityForm['mailCapacity'].$error" ng-show="capacityForm['mailCapacity'].$touched"
+                  role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.MAILCAPACITY_REQUIRED"
-                      >MailCapacity field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.MAILCAPACITY_REQUIRED">MailCapacity field is required</span>
                   </div>
                   <div ng-message="min">
-                    <span
-                      translate="STAFF.ERRORS.MAILCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
-                      >MailCapacity must be a valid greater or equal than</span
-                    >
+                    <span translate="STAFF.ERRORS.MAILCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO">MailCapacity must be a
+                      valid greater or equal than</span>
                     <span>0</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container ng-if="vm.license.messaging" class="md-block">
                 <label translate="STAFF.SMSCAPACITY">SMSCapacity</label>
-                <input
-                  type="number"
-                  name="smsCapacity"
-                  ng-model="vm.agent.smsCapacity"
-                  min="0"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="number" name="smsCapacity" ng-model="vm.agent.smsCapacity" min="0" ng-required="true"
+                  ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.SMSCAPACITY"></span>
                 </div>
-                <div
-                  ng-messages="capacityForm['smsCapacity'].$error"
-                  ng-show="capacityForm['smsCapacity'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="capacityForm['smsCapacity'].$error" ng-show="capacityForm['smsCapacity'].$touched"
+                  role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.SMSCAPACITY_REQUIRED"
-                      >SMSCapacity field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.SMSCAPACITY_REQUIRED">SMSCapacity field is required</span>
                   </div>
                   <div ng-message="min">
-                    <span
-                      translate="STAFF.ERRORS.SMSCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
-                      >SMSCapacity must be a valid greater or equal than</span
-                    >
+                    <span translate="STAFF.ERRORS.SMSCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO">SMSCapacity must be a
+                      valid greater or equal than</span>
                     <span>0</span>
                   </div>
                 </div>
               </md-input-container>
-              <md-input-container
-                ng-if="vm.license.openchannel"
-                class="md-block"
-              >
-                <label translate="STAFF.OPENCHANNELCAPACITY"
-                  >OpenchannelCapacity</label
-                >
-                <input
-                  type="number"
-                  name="openchannelCapacity"
-                  ng-model="vm.agent.openchannelCapacity"
-                  min="0"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+              <md-input-container ng-if="vm.license.openchannel" class="md-block">
+                <label translate="STAFF.OPENCHANNELCAPACITY">OpenchannelCapacity</label>
+                <input type="number" name="openchannelCapacity" ng-model="vm.agent.openchannelCapacity" min="0"
+                  ng-required="true" ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.OPENCHANNELCAPACITY"></span>
                 </div>
-                <div
-                  ng-messages="capacityForm['openchannelCapacity'].$error"
-                  ng-show="capacityForm['openchannelCapacity'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="capacityForm['openchannelCapacity'].$error"
+                  ng-show="capacityForm['openchannelCapacity'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.OPENCHANNELCAPACITY_REQUIRED"
-                      >OpenchannelCapacity field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.OPENCHANNELCAPACITY_REQUIRED">OpenchannelCapacity field is
+                      required</span>
                   </div>
                   <div ng-message="min">
                     <span
-                      translate="STAFF.ERRORS.OPENCHANNELCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
-                      >OpenchannelCapacity must be a valid greater or equal
-                      than</span
-                    >
+                      translate="STAFF.ERRORS.OPENCHANNELCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO">OpenchannelCapacity
+                      must be a valid greater or equal
+                      than</span>
                     <span>0</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container ng-if="vm.license.fax" class="md-block">
                 <label translate="STAFF.FAXCAPACITY">FaxCapacity</label>
-                <input
-                  type="number"
-                  name="faxCapacity"
-                  ng-model="vm.agent.faxCapacity"
-                  min="0"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="number" name="faxCapacity" ng-model="vm.agent.faxCapacity" min="0" ng-required="true"
+                  ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.FAXCAPACITY"></span>
                 </div>
-                <div
-                  ng-messages="capacityForm['faxCapacity'].$error"
-                  ng-show="capacityForm['faxCapacity'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="capacityForm['faxCapacity'].$error" ng-show="capacityForm['faxCapacity'].$touched"
+                  role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.FAXCAPACITY_REQUIRED"
-                      >FaxCapacity field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.FAXCAPACITY_REQUIRED">FaxCapacity field is required</span>
                   </div>
                   <div ng-message="min">
-                    <span
-                      translate="STAFF.ERRORS.FAXCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
-                      >FaxCapacity must be a valid greater or equal than</span
-                    >
+                    <span translate="STAFF.ERRORS.FAXCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO">FaxCapacity must be a
+                      valid greater or equal than</span>
                     <span>0</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container ng-if="vm.license.whatsapp" class="md-block">
-                <label translate="STAFF.WHATSAPPCAPACITY"
-                  >WhatsappCapacity</label
-                >
-                <input
-                  type="number"
-                  name="whatsappCapacity"
-                  ng-model="vm.agent.whatsappCapacity"
-                  min="0"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <label translate="STAFF.WHATSAPPCAPACITY">WhatsappCapacity</label>
+                <input type="number" name="whatsappCapacity" ng-model="vm.agent.whatsappCapacity" min="0"
+                  ng-required="true" ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.WHATSAPPCAPACITY"></span>
                 </div>
-                <div
-                  ng-messages="capacityForm['whatsappCapacity'].$error"
-                  ng-show="capacityForm['whatsappCapacity'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="capacityForm['whatsappCapacity'].$error"
+                  ng-show="capacityForm['whatsappCapacity'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.WHATSAPPCAPACITY_REQUIRED"
-                      >WhatsappCapacity field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.WHATSAPPCAPACITY_REQUIRED">WhatsappCapacity field is required</span>
                   </div>
                   <div ng-message="min">
-                    <span
-                      translate="STAFF.ERRORS.WHATSAPPCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
-                      >WhatsappCapacity must be a valid greater or equal
-                      than</span
-                    >
+                    <span translate="STAFF.ERRORS.WHATSAPPCAPACITY_MUST_BE_GREATER_THAN_OR_EQUAL_TO">WhatsappCapacity
+                      must be a valid greater or equal
+                      than</span>
                     <span>0</span>
                   </div>
                 </div>
       </md-tab>
       <md-tab ng-if="vm.agent.showWebBar == 0">
         <md-tab-label>
-          <span translate="STAFF.MOTIONBAR">MOTIONBAR</span>
+          <span translate="APP.MOTIONBAR">MOTIONBAR</span>
         </md-tab-label>
         <md-tab-body>
-          <div
-            class="agent-detail-form-container settings md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container settings md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
-              <div class="h2 secondary-text" translate="STAFF.SETTINGS">
+              <div class="h2 secondary-text" translate="APP.SETTINGS">
                 SETTINGS
               </div>
             </div>
             <form name="settingsForm" novalidate>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarEnableSettings"
-                  aria-label="EnableSettings"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.ENABLESETTINGS"
-                    >EnableSettings</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarEnableSettings" aria-label="EnableSettings"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span translate="STAFF.ENABLESETTINGS">EnableSettings</span>
+                </md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarAutoAnswer"
-                  aria-label="AutoAnswer"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.AUTOANSWER"
-                    >AutoAnswer</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarAutoAnswer" aria-label="AutoAnswer"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span translate="STAFF.AUTOANSWER">AutoAnswer</span>
+                </md-switch>
               </md-input-container>
-              <md-input-container
-                ng-if="vm.agent.phoneBarAutoAnswer"
-                class="md-block"
-              >
+              <md-input-container ng-if="vm.agent.phoneBarAutoAnswer" class="md-block">
                 <label translate="STAFF.AUTOANSWERDELAY">AutoAnswerDelay</label>
-                <input
-                  type="number"
-                  name="phoneBarAutoAnswerDelay"
-                  ng-model="vm.agent.phoneBarAutoAnswerDelay"
-                  min="0"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="number" name="phoneBarAutoAnswerDelay" ng-model="vm.agent.phoneBarAutoAnswerDelay" min="0"
+                  ng-required="true" ng-disabled="!vm.crudPermissions.canEdit" />
 
-                <div
-                  ng-messages="settingsForm['phoneBarAutoAnswerDelay'].$error"
-                  ng-show="settingsForm['phoneBarAutoAnswerDelay'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="settingsForm['phoneBarAutoAnswerDelay'].$error"
+                  ng-show="settingsForm['phoneBarAutoAnswerDelay'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.AUTOANSWERDELAY_REQUIRED"
-                      >AutoAnswerDelay field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.AUTOANSWERDELAY_REQUIRED">AutoAnswerDelay field is required</span>
                   </div>
                   <div ng-message="min">
-                    <span
-                      translate="STAFF.ERRORS.AUTOANSWERDELAY_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
-                      >AutoAnswerDelay must be a valid greater or equal
-                      than</span
-                    >
+                    <span translate="STAFF.ERRORS.AUTOANSWERDELAY_MUST_BE_GREATER_THAN_OR_EQUAL_TO">AutoAnswerDelay must
+                      be a valid greater or equal
+                      than</span>
                     <span>0</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarRingInUse"
-                  aria-label="RingInUse"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.RINGINUSE">RingInUse</span></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarRingInUse" aria-label="RingInUse"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span translate="APP.RINGINUSE">RingInUse</span></md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarEnableRecording"
-                  aria-label="EnableRecording"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.ENABLERECORDING"
-                    >EnableRecording</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarEnableRecording" aria-label="EnableRecording"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span
+                    translate="STAFF.ENABLERECORDING">EnableRecording</span></md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarEnableDtmfTone"
-                  aria-label="EnableDtmfTone"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.ENABLEDTMFTONE"
-                    >EnableDtmfTone</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarEnableDtmfTone" aria-label="EnableDtmfTone"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span translate="STAFF.ENABLEDTMFTONE">EnableDtmfTone</span>
+                </md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarDnd"
-                  aria-label="Dnd"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.DND">Dnd</span></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarDnd" aria-label="Dnd" ng-disabled="!vm.crudPermissions.canEdit">
+                  <span translate="STAFF.DND">Dnd</span></md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarUnansweredCallBadge"
-                  aria-label="UnansweredCallBadge"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.UNANSWEREDCALLBADGE"
-                    >UnansweredCallBadge</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarUnansweredCallBadge" aria-label="UnansweredCallBadge"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span
+                    translate="STAFF.UNANSWEREDCALLBADGE">UnansweredCallBadge</span></md-switch>
               </md-input-container>
-              <md-input-container
-                ng-if="vm.agent.showWebBar == 0"
-                class="md-block"
-              >
-                <md-switch
-                  ng-model="vm.agent.phoneBarEnableJaws"
-                  aria-label="EnableJawsIntegration"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.ENABLEJAWSINTEGRATION"
-                    >EnableJawsIntegration</span
-                  ></md-switch
-                >
+              <md-input-container ng-if="vm.agent.showWebBar == 0" class="md-block">
+                <md-switch ng-model="vm.agent.phoneBarEnableJaws" aria-label="EnableJawsIntegration"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span
+                    translate="STAFF.ENABLEJAWSINTEGRATION">EnableJawsIntegration</span></md-switch>
               </md-input-container>
-              <md-input-container
-                ng-if="vm.agent.showWebBar == 0 && vm.license.screenrecording"
-                class="md-block"
-              >
-                <md-switch
-                  ng-change="vm.onEnableScreenRecordingByAgentSelection()"
-                  ng-model="vm.agent.phoneBarEnableScreenRecordingByAgent"
-                  aria-label="EnableScreenRecordingByAgent"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.ENABLESCREENRECORDINGBYAGENT"
-                    >EnableScreenRecordingByAgent</span
-                  ></md-switch
-                >
+              <md-input-container ng-if="vm.agent.showWebBar == 0 && vm.license.screenrecording" class="md-block">
+                <md-switch ng-change="vm.onEnableScreenRecordingByAgentSelection()"
+                  ng-model="vm.agent.phoneBarEnableScreenRecordingByAgent" aria-label="EnableScreenRecordingByAgent"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span
+                    translate="STAFF.ENABLESCREENRECORDINGBYAGENT">EnableScreenRecordingByAgent</span></md-switch>
               </md-input-container>
-              <md-input-container
-                ng-if="vm.agent.showWebBar == 0 && vm.license.screenrecording"
-                class="md-block"
-              >
-                <md-switch
-                  ng-change="vm.onEnableAutomaticScreenRecordingSelection()"
-                  ng-model="vm.agent.phoneBarEnableAutomaticScreenRecording"
-                  aria-label="EnableAutomaticScreenRecording"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.ENABLEAUTOMATICSCREENRECORDING"
-                    >EnableAutomaticScreenRecording</span
-                  ></md-switch
-                >
+              <md-input-container ng-if="vm.agent.showWebBar == 0 && vm.license.screenrecording" class="md-block">
+                <md-switch ng-change="vm.onEnableAutomaticScreenRecordingSelection()"
+                  ng-model="vm.agent.phoneBarEnableAutomaticScreenRecording" aria-label="EnableAutomaticScreenRecording"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span
+                    translate="STAFF.ENABLEAUTOMATICSCREENRECORDING">EnableAutomaticScreenRecording</span></md-switch>
 
                 <div class="hint">
-                  <span
-                    translate="STAFF.HELP.ENABLEAUTOMATICSCREENRECORDING"
-                  ></span>
+                  <span translate="STAFF.HELP.ENABLEAUTOMATICSCREENRECORDING"></span>
                 </div>
               </md-input-container>
             </form>
           </div>
-          <div
-            class="agent-detail-form-container remote_control md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container remote_control md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
               <div class="h2 secondary-text" translate="STAFF.REMOTE_CONTROL">
                 REMOTE_CONTROL
               </div>
             </div>
             <form name="remote_controlForm" novalidate>
-              <md-input-container
-                ng-if="vm.agent.showWebBar == 0"
-                class="md-block"
-              >
-                <md-switch
-                  ng-model="vm.agent.phoneBarRemoteControl"
-                  aria-label="RemoteControl"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.REMOTECONTROL"
-                    >RemoteControl</span
-                  ></md-switch
-                >
+              <md-input-container ng-if="vm.agent.showWebBar == 0" class="md-block">
+                <md-switch ng-model="vm.agent.phoneBarRemoteControl" aria-label="RemoteControl"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span translate="STAFF.REMOTECONTROL">RemoteControl</span>
+                </md-switch>
               </md-input-container>
-              <md-input-container
-                ng-if="vm.agent.phoneBarRemoteControl && vm.agent.showWebBar == 0"
-                class="md-block"
-              >
-                <label translate="STAFF.REMOTECONTROLPORT"
-                  >RemoteControlPort</label
-                >
-                <input
-                  type="number"
-                  name="phoneBarRemoteControlPort"
-                  ng-model="vm.agent.phoneBarRemoteControlPort"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+              <md-input-container ng-if="vm.agent.phoneBarRemoteControl && vm.agent.showWebBar == 0" class="md-block">
+                <label translate="STAFF.REMOTECONTROLPORT">RemoteControlPort</label>
+                <input type="number" name="phoneBarRemoteControlPort" ng-model="vm.agent.phoneBarRemoteControlPort"
+                  ng-required="true" ng-disabled="!vm.crudPermissions.canEdit" />
 
-                <div
-                  ng-messages="remote_controlForm['phoneBarRemoteControlPort'].$error"
-                  ng-show="remote_controlForm['phoneBarRemoteControlPort'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="remote_controlForm['phoneBarRemoteControlPort'].$error"
+                  ng-show="remote_controlForm['phoneBarRemoteControlPort'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.REMOTECONTROLPORT_REQUIRED"
-                      >RemoteControlPort field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.REMOTECONTROLPORT_REQUIRED">RemoteControlPort field is required</span>
                   </div>
                 </div>
               </md-input-container>
             </form>
           </div>
-          <div
-            class="agent-detail-form-container sip md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container sip md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
               <div class="h2 secondary-text" translate="STAFF.SIP">SIP</div>
             </div>
             <form name="sipForm" novalidate>
               <md-input-container class="md-block">
                 <label translate="STAFF.SIPEXPIRES">SipExpires</label>
-                <input
-                  type="number"
-                  name="phoneBarExpires"
-                  ng-model="vm.agent.phoneBarExpires"
-                  ng-required="true"
-                  autofocus
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="number" name="phoneBarExpires" ng-model="vm.agent.phoneBarExpires" ng-required="true"
+                  autofocus ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.SIPEXPIRES"></span>
                 </div>
-                <div
-                  ng-messages="sipForm['phoneBarExpires'].$error"
-                  ng-show="sipForm['phoneBarExpires'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="sipForm['phoneBarExpires'].$error" ng-show="sipForm['phoneBarExpires'].$touched"
+                  role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.SIPEXPIRES_REQUIRED"
-                      >SipExpires field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.SIPEXPIRES_REQUIRED">SipExpires field is required</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="STAFF.SIPPORT">SipPort</label>
-                <input
-                  type="number"
-                  name="phoneBarListenPort"
-                  ng-model="vm.agent.phoneBarListenPort"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="number" name="phoneBarListenPort" ng-model="vm.agent.phoneBarListenPort" ng-required="true"
+                  ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.SIPPORT"></span>
                 </div>
-                <div
-                  ng-messages="sipForm['phoneBarListenPort'].$error"
-                  ng-show="sipForm['phoneBarListenPort'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="sipForm['phoneBarListenPort'].$error" ng-show="sipForm['phoneBarListenPort'].$touched"
+                  role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.SIPPORT_REQUIRED"
-                      >SipPort field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.SIPPORT_REQUIRED">SipPort field is required</span>
                   </div>
                 </div>
               </md-input-container>
             </form>
           </div>
-          <div
-            class="agent-detail-form-container callforwarding md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container callforwarding md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
               <div class="h2 secondary-text" translate="STAFF.CALLFORWARDING">
                 CALLFORWARDING
             </div>
             <form name="callforwardingForm" novalidate>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarUnconditional"
-                  aria-label="Unconditional"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.UNCONDITIONAL"
-                    >Unconditional</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarUnconditional" aria-label="Unconditional"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span translate="STAFF.UNCONDITIONAL">Unconditional</span>
+                </md-switch>
               </md-input-container>
-              <md-input-container
-                ng-if="vm.agent.phoneBarUnconditional"
-                class="md-block"
-              >
-                <label translate="STAFF.UNCONDITIONALNUMBER"
-                  >UnconditionalNumber</label
-                >
-                <input
-                  type="text"
-                  name="phoneBarUnconditionalNumber"
-                  ng-model="vm.agent.phoneBarUnconditionalNumber"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+              <md-input-container ng-if="vm.agent.phoneBarUnconditional" class="md-block">
+                <label translate="STAFF.UNCONDITIONALNUMBER">UnconditionalNumber</label>
+                <input type="text" name="phoneBarUnconditionalNumber" ng-model="vm.agent.phoneBarUnconditionalNumber"
+                  ng-required="true" ng-disabled="!vm.crudPermissions.canEdit" />
 
-                <div
-                  ng-messages="callforwardingForm['phoneBarUnconditionalNumber'].$error"
-                  ng-show="callforwardingForm['phoneBarUnconditionalNumber'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="callforwardingForm['phoneBarUnconditionalNumber'].$error"
+                  ng-show="callforwardingForm['phoneBarUnconditionalNumber'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.UNCONDITIONALNUMBER_REQUIRED"
-                      >UnconditionalNumber field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.UNCONDITIONALNUMBER_REQUIRED">UnconditionalNumber field is
+                      required</span>
                   </div>
                 </div>
               </md-input-container>
       </md-tab>
       <md-tab ng-if="vm.agent.showWebBar == 2">
         <md-tab-label>
-          <span translate="STAFF.WEBRTC">WEBRTC</span>
+          <span translate="APP.WEBRTC">WEBRTC</span>
         </md-tab-label>
         <md-tab-body>
-          <div
-            class="agent-detail-form-container settings_webrtc md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container settings_webrtc md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
               <div class="h2 secondary-text" translate="STAFF.SETTINGS_WEBRTC">
                 SETTINGS_WEBRTC
             <form name="settings_webrtcForm" novalidate>
               <md-input-container class="md-block">
                 <label translate="STAFF.DTLSCERTFILE">dtlscertfile</label>
-                <input
-                  type="text"
-                  name="dtlscertfile"
-                  ng-model="vm.agent.dtlscertfile"
-                  ng-required="true"
-                  autofocus
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="text" name="dtlscertfile" ng-model="vm.agent.dtlscertfile" ng-required="true" autofocus
+                  ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.DTLSCERTFILE"></span>
                 </div>
-                <div
-                  ng-messages="settings_webrtcForm['dtlscertfile'].$error"
-                  ng-show="settings_webrtcForm['dtlscertfile'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="settings_webrtcForm['dtlscertfile'].$error"
+                  ng-show="settings_webrtcForm['dtlscertfile'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.DTLSCERTFILE_REQUIRED"
-                      >dtlscertfile field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.DTLSCERTFILE_REQUIRED">dtlscertfile field is required</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
                 <label translate="STAFF.DTLSPRIVATEKEY">dtlsprivatekey</label>
-                <input
-                  type="text"
-                  name="dtlsprivatekey"
-                  ng-model="vm.agent.dtlsprivatekey"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="text" name="dtlsprivatekey" ng-model="vm.agent.dtlsprivatekey" ng-required="true"
+                  ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.DTLSPRIVATEKEY"></span>
                 </div>
-                <div
-                  ng-messages="settings_webrtcForm['dtlsprivatekey'].$error"
-                  ng-show="settings_webrtcForm['dtlsprivatekey'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="settings_webrtcForm['dtlsprivatekey'].$error"
+                  ng-show="settings_webrtcForm['dtlsprivatekey'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.DTLSPRIVATEKEY_REQUIRED"
-                      >dtlsprivatekey field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.DTLSPRIVATEKEY_REQUIRED">dtlsprivatekey field is required</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarEnableSettings"
-                  aria-label="EnableSettings"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.ENABLESETTINGS"
-                    >EnableSettings</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarEnableSettings" aria-label="EnableSettings"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span translate="STAFF.ENABLESETTINGS">EnableSettings</span>
+                </md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarAutoAnswer"
-                  aria-label="AutoAnswer"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.AUTOANSWER"
-                    >AutoAnswer</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarAutoAnswer" aria-label="AutoAnswer"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span translate="STAFF.AUTOANSWER">AutoAnswer</span>
+                </md-switch>
               </md-input-container>
-              <md-input-container
-                ng-if="vm.agent.phoneBarAutoAnswer"
-                class="md-block"
-              >
+              <md-input-container ng-if="vm.agent.phoneBarAutoAnswer" class="md-block">
                 <label translate="STAFF.AUTOANSWERDELAY">AutoAnswerDelay</label>
-                <input
-                  type="number"
-                  name="phoneBarAutoAnswerDelay"
-                  ng-model="vm.agent.phoneBarAutoAnswerDelay"
-                  min="0"
-                  ng-required="true"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="number" name="phoneBarAutoAnswerDelay" ng-model="vm.agent.phoneBarAutoAnswerDelay" min="0"
+                  ng-required="true" ng-disabled="!vm.crudPermissions.canEdit" />
 
-                <div
-                  ng-messages="settings_webrtcForm['phoneBarAutoAnswerDelay'].$error"
-                  ng-show="settings_webrtcForm['phoneBarAutoAnswerDelay'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="settings_webrtcForm['phoneBarAutoAnswerDelay'].$error"
+                  ng-show="settings_webrtcForm['phoneBarAutoAnswerDelay'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.AUTOANSWERDELAY_REQUIRED"
-                      >AutoAnswerDelay field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.AUTOANSWERDELAY_REQUIRED">AutoAnswerDelay field is required</span>
                   </div>
                   <div ng-message="min">
-                    <span
-                      translate="STAFF.ERRORS.AUTOANSWERDELAY_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
-                      >AutoAnswerDelay must be a valid greater or equal
-                      than</span
-                    >
+                    <span translate="STAFF.ERRORS.AUTOANSWERDELAY_MUST_BE_GREATER_THAN_OR_EQUAL_TO">AutoAnswerDelay must
+                      be a valid greater or equal
+                      than</span>
                     <span>0</span>
                   </div>
                 </div>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarEnableRecording"
-                  aria-label="EnableRecording"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.ENABLERECORDING"
-                    >EnableRecording</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarEnableRecording" aria-label="EnableRecording"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span
+                    translate="STAFF.ENABLERECORDING">EnableRecording</span></md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarEnableDtmfTone"
-                  aria-label="EnableDtmfTone"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.ENABLEDTMFTONE"
-                    >EnableDtmfTone</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarEnableDtmfTone" aria-label="EnableDtmfTone"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span translate="STAFF.ENABLEDTMFTONE">EnableDtmfTone</span>
+                </md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarDnd"
-                  aria-label="Dnd"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.DND">Dnd</span></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarDnd" aria-label="Dnd" ng-disabled="!vm.crudPermissions.canEdit">
+                  <span translate="STAFF.DND">Dnd</span></md-switch>
               </md-input-container>
             </form>
           </div>
-          <div
-            class="agent-detail-form-container sip_webrtc md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container sip_webrtc md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
               <div class="h2 secondary-text" translate="STAFF.SIP_WEBRTC">
                 SIP_WEBRTC
             <form name="sip_webrtcForm" novalidate>
               <md-input-container class="md-block">
                 <label translate="STAFF.SIPEXPIRES">SipExpires</label>
-                <input
-                  type="number"
-                  name="phoneBarExpires"
-                  ng-model="vm.agent.phoneBarExpires"
-                  ng-required="true"
-                  autofocus
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                />
+                <input type="number" name="phoneBarExpires" ng-model="vm.agent.phoneBarExpires" ng-required="true"
+                  autofocus ng-disabled="!vm.crudPermissions.canEdit" />
 
                 <div class="hint">
                   <span translate="STAFF.HELP.SIPEXPIRES"></span>
                 </div>
-                <div
-                  ng-messages="sip_webrtcForm['phoneBarExpires'].$error"
-                  ng-show="sip_webrtcForm['phoneBarExpires'].$touched"
-                  role="alert"
-                >
+                <div ng-messages="sip_webrtcForm['phoneBarExpires'].$error"
+                  ng-show="sip_webrtcForm['phoneBarExpires'].$touched" role="alert">
                   <div ng-message="required">
-                    <span translate="STAFF.ERRORS.SIPEXPIRES_REQUIRED"
-                      >SipExpires field is required</span
-                    >
+                    <span translate="STAFF.ERRORS.SIPEXPIRES_REQUIRED">SipExpires field is required</span>
                   </div>
                 </div>
               </md-input-container>
           <span translate="STAFF.PERMISSIONS">PERMISSIONS</span>
         </md-tab-label>
         <md-tab-body>
-          <div
-            class="agent-detail-form-container general_permissions md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container general_permissions md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
-              <div
-                class="h2 secondary-text"
-                translate="STAFF.GENERAL_PERMISSIONS"
-              >
+              <div class="h2 secondary-text" translate="STAFF.GENERAL_PERMISSIONS">
                 GENERAL_PERMISSIONS
               </div>
             </div>
             <form name="general_permissionsForm" novalidate>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.allowmessenger"
-                  aria-label="EnableMessenger"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.ENABLEMESSENGER"
-                    >EnableMessenger</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.allowmessenger" aria-label="EnableMessenger"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span
+                    translate="STAFF.ENABLEMESSENGER">EnableMessenger</span></md-switch>
               </md-input-container>
               <md-input-container class="md-block">
-                <md-switch
-                  ng-model="vm.agent.phoneBarPrefixRequired"
-                  aria-label="PrefixRequired"
-                  ng-disabled="!vm.crudPermissions.canEdit"
-                  ><span translate="STAFF.PREFIXREQUIRED"
-                    >PrefixRequired</span
-                  ></md-switch
-                >
+                <md-switch ng-model="vm.agent.phoneBarPrefixRequired" aria-label="PrefixRequired"
+                  ng-disabled="!vm.crudPermissions.canEdit"><span translate="STAFF.PREFIXREQUIRED">PrefixRequired</span>
+                </md-switch>
               </md-input-container>
             </form>
           </div>
-          <div
-            class="agent-detail-form-container permissions md-background-bg md-whiteframe-1dp"
-          >
+          <div class="agent-detail-form-container permissions md-background-bg md-whiteframe-1dp">
             <div class="pb-16" layout="row" layout-align="start center">
               <div class="h2 secondary-text" translate="STAFF.PERMISSIONS">
                 PERMISSIONS
               </div>
             </div>
-            <div
-              ng-controller="AgentPermissionsController as vm_pc"
-              ng-init="vm_pc.init(vm.agent, vm.crudPermissions)"
-              class="agent-detail-form-container"
-            >
-              <md-list
-                ng-repeat="father in vm_pc.navigation[0].children"
-                ng-include="'permission-nested.html'"
-                ng-if="vm_pc.agent.role !== 'admin' && !father.hidden()"
-              ></md-list>
+            <div ng-controller="AgentPermissionsController as vm_pc" ng-init="vm_pc.init(vm.agent, vm.crudPermissions)"
+              class="agent-detail-form-container">
+              <md-list ng-repeat="father in vm_pc.navigation[0].children" ng-include="'permission-nested.html'"
+                ng-if="vm_pc.agent.role !== 'admin' && !father.hidden()"></md-list>
 
               <!-- Nested navigation template -->
               <script type="text/ng-template" id="permission-nested.html">
               </script>
               <!-- / Nested navigation template -->
 
-              <span
-                ng-if="vm_pc.agent.role === 'admin'"
-                class="md-headline"
-                translate="STAFF.ALL_MODULES_AVAILABLE"
-                >All modules are already available.</span
-              >
+              <span ng-if="vm_pc.agent.role === 'admin'" class="md-headline" translate="STAFF.ALL_MODULES_AVAILABLE">All
+                modules are already available.</span>
             </div>
           </div>
         </md-tab-body>
     </md-tabs>
   </div>
   <!-- / CONTENT -->
-</div>
+</div>
\ No newline at end of file