<!-- 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>
<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="APP.CHANNELS">Channels</span>
+ <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-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="APP.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="APP.MOTIONDIALER">Motion Bull</span>
+ <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-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="APP.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="APP.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="APP.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="APP.OPENCHANNEL">Openchannel</span>
+ 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-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="APP.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="APP.WHATSAPP">whatsapp</span>
+ <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-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="APP.SAVE" translate-attr-aria-label="APP.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="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="APP.PERSONAL_INFO">
PERSONAL_INFO
<form name="personal_infoForm" novalidate>
<md-input-container class="md-block">
<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" />
+ <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="APP.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="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 />
+ <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="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="APP.ERRORS.USERNAME_REQUIRED">Username field is required</span>
+ <span translate="APP.ERRORS.USERNAME_REQUIRED"
+ >Username field is required</span
+ >
</div>
<div ng-message="pattern">
- <span translate="STAFF.ERRORS.USERNAME_MUST_VALID_PATTERN"
- translate-values="{ regex: '/^[A-Za-z0-9\.\_]+$/i' }">Username must be valid pattern
+ <span
+ translate="STAFF.ERRORS.USERNAME_MUST_VALID_PATTERN"
+ translate-values="{ regex: '/^[A-Za-z0-9\.\_]+$/i' }"
+ >Username must be valid pattern
</span>
</div>
</div>
</md-input-container>
<md-input-container class="md-block">
<label translate="APP.ALIAS">Alias</label>
- <input type="text" name="alias" ng-model="vm.agent.alias" ng-disabled="!vm.crudPermissions.canEdit" />
+ <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="APP.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="APP.EMAIL">Email</label>
- <input type="email" name="email" ng-model="vm.agent.email" ng-required="true"
- ng-disabled="!vm.crudPermissions.canEdit" />
+ <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="APP.ERRORS.EMAIL_REQUIRED">Email field is required</span>
+ <span translate="APP.ERRORS.EMAIL_REQUIRED"
+ >Email field is required</span
+ >
</div>
<div ng-message="email">
- <span translate="APP.ERRORS.EMAIL_MUST_VALID">Email must be a valid e-mail address</span>
+ <span translate="APP.ERRORS.EMAIL_MUST_VALID"
+ >Email must be a valid e-mail address</span
+ >
</div>
</div>
</md-input-container>
<md-input-container class="md-block">
<label translate="APP.PHONE">Phone</label>
- <input type="text" name="phone" ng-model="vm.agent.phone" ng-disabled="!vm.crudPermissions.canEdit" />
+ <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="APP.ERRORS.PHONE_REQUIRED">Phone field is required</span>
+ <span translate="APP.ERRORS.PHONE_REQUIRED"
+ >Phone field is required</span
+ >
</div>
</div>
</md-input-container>
<md-input-container class="md-block">
<label translate="APP.MOBILE">Mobile</label>
- <input type="text" name="mobile" ng-model="vm.agent.mobile" ng-disabled="!vm.crudPermissions.canEdit" />
+ <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
+ 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="APP.DESCRIPTION">Description</label>
- <input type="text" name="description" ng-model="vm.agent.description"
- ng-disabled="!vm.crudPermissions.canEdit" />
+ <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="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="APP.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="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">
+ 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>
<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="APP.GENERAL">
GENERAL
</div>
</div>
<form name="generalForm" novalidate>
- <md-input-container ng-if="!vm.agent.autointernal" class="md-block">
+ <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 />
+ <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">
+ <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-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="APP.HOST">Host</label>
- <input type="text" name="host" ng-model="vm.agent.host" ng-required="true"
- ng-disabled="!vm.crudPermissions.canEdit" />
+ <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="APP.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="APP.NAT">NAT</label>
- <md-select name="nat" ng-model="vm.agent.nat" multiple required
- ng-disabled="!vm.crudPermissions.canEdit">
+ <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="APP.TYPE">Type</label>
- <md-select name="type" ng-model="vm.agent.type" ng-disabled="!vm.crudPermissions.canEdit">
+ <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>
<div class="hint">
<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="APP.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="APP.ALLOWCODECS">AllowCodecs</label>
- <md-select name="allow" ng-model="vm.agent.allow" multiple required
- ng-disabled="!vm.crudPermissions.canEdit">
+ <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="APP.CALLERID">CallerId</label>
- <input type="text" name="callerid" ng-model="vm.agent.callerid"
- ng-disabled="!vm.crudPermissions.canEdit" />
+ <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="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
+ 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="APP.ERRORS.CONTEXT_REQUIRED">Context field is required</span>
+ <span translate="APP.ERRORS.CONTEXT_REQUIRED"
+ >Context field is required</span
+ >
</div>
</div>
</md-input-container>
<md-input-container class="md-block">
<label translate="STAFF.CALLGROUP">Callgroup</label>
- <input type="text" name="callgroup" ng-model="vm.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="APP.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="APP.VIDEOSUPPORT">Videosupport</label>
- <md-select name="videosupport" ng-model="vm.agent.videosupport" required
- ng-disabled="!vm.crudPermissions.canEdit">
+ <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="APP.CAPACITY">
CAPACITY
<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>
<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="APP.SETTINGS">
SETTINGS
</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
+ 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
+ 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="APP.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
+ 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-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
+ 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>
<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
+ 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
+ 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
+ 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
+ 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>
\ No newline at end of file
+</div>