|
|
<div class="edit-device" data-id="{{id}}">
|
|
|
<div class="title-bar clearfix">
|
|
|
<div class="device-title pull-left">
|
|
|
<div class="device-icon">
|
|
|
<i class="icon-telicon-sprint-phone"></i>
|
|
|
</div>
|
|
|
|
|
|
{{#if id}}
|
|
|
<div class="device-model">{{name}}</div>
|
|
|
{{else}}
|
|
|
<div class="device-model">{{i18n.devices.mobile.new}}</div>
|
|
|
{{/if}}
|
|
|
</div>
|
|
|
|
|
|
<ul class="nav nav-pills pull-right">
|
|
|
<li class="tabs-main-selector main-section active">
|
|
|
<a class="tabs-selector change-section" data-section="basic" href="javascript:void(0)">{{ i18n.devices.popupSettings.basicTitle }}</a>
|
|
|
</li>
|
|
|
<li class="tabs-main-selector main-section dropdown">
|
|
|
<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">{{ i18n.devices.popupSettings.advancedTitle }}
|
|
|
<b class="caret"></b>
|
|
|
</a>
|
|
|
<ul class="dropdown-menu pull-right">
|
|
|
{{#compare device_type "!==" "mobile"}}
|
|
|
<li><a class="tabs-selector change-section" data-section="audio" href="javascript:void(0)"><i class="fa fa-music"></i>{{ i18n.devices.popupSettings.audio.menuTitle }}</a></li>
|
|
|
<li><a class="tabs-selector change-section" data-section="video" href="javascript:void(0)"><i class="fa fa-video-camera"></i>{{ i18n.devices.popupSettings.video.menuTitle }}</a></li>
|
|
|
{{/compare}}
|
|
|
<li><a class="tabs-selector change-section" data-section="restrictions" href="javascript:void(0)"><i class="fa fa-ban"></i>{{ i18n.devices.popupSettings.restrictions.menuTitle }}</a></li>
|
|
|
{{#compare device_type "!==" "mobile"}}
|
|
|
{{#if showEmergencyCnam}}
|
|
|
<li><a class="tabs-selector change-section" data-section="callerId" href="javascript:void(0)"><i class="fa fa-ambulance"></i>{{ i18n.devices.popupSettings.callerId.menuTitle }}</a></li>
|
|
|
{{/if}}
|
|
|
<li><a class="tabs-selector change-section" data-section="miscellaneous" href="javascript:void(0)"><i class="fa fa-cogs"></i>{{ i18n.devices.popupSettings.miscellaneous.menuTitle }}</a></li>
|
|
|
{{/compare}}
|
|
|
</ul>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<div class="content">
|
|
|
<form id="form_device" class="form-horizontal">
|
|
|
<div class="tabs-section active" data-section="basic">
|
|
|
<div class="control-group">
|
|
|
<label class="control-label" for="name">{{ i18n.devices.mobile.deviceName }}</label>
|
|
|
<div class="controls">
|
|
|
<div class="text">{{name}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="control-group">
|
|
|
<label class="control-label" for="mobile_mdn">{{ i18n.devices.mobile.mdn }}</label>
|
|
|
<div class="controls">
|
|
|
<div class="text">{{mobile.mdn}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="control-group">
|
|
|
<label class="control-label" for="sip_username">{{ i18n.devices.sip.username }}</label>
|
|
|
<div class="controls">
|
|
|
<div class="text">{{sip.username}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="control-group">
|
|
|
<label class="control-label" for="sip_password">{{ i18n.devices.sip.password }}</label>
|
|
|
<div class="controls">
|
|
|
<div class="text">{{sip.password}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="control-group">
|
|
|
<label class="control-label">{{ i18n.devices.sip.realm }}</label>
|
|
|
<div class="controls">
|
|
|
<span class="displayed-realm">{{ sip.realm }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="tabs-section clearfix" data-section="audio">
|
|
|
<div class="title">
|
|
|
{{ i18n.devices.popupSettings.audio.sectionTitle }}
|
|
|
</div>
|
|
|
|
|
|
<div class="helper">
|
|
|
<i class="fa fa-info-circle"></i>
|
|
|
{{ i18n.devices.popupSettings.dragAndDrop }}
|
|
|
</div>
|
|
|
|
|
|
<div class="items-selector codec-selector clearfix" id="audio_codec_selector">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="tabs-section clearfix" data-section="video">
|
|
|
<div class="title">
|
|
|
{{ i18n.devices.popupSettings.video.sectionTitle }}
|
|
|
</div>
|
|
|
<div class="helper">
|
|
|
<i class="fa fa-info-circle"></i>
|
|
|
{{ i18n.devices.popupSettings.dragAndDrop }}
|
|
|
</div>
|
|
|
<div class="items-selector codec-selector" id="video_codec_selector">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="tabs-section clearfix" data-section="restrictions">
|
|
|
<div class="restrictions-container">
|
|
|
<div class="restriction-matcher-div">
|
|
|
<i class="help-popover fa fa-question-circle fa-lg" data-original-title="{{i18n.devices.popupSettings.restrictions.matcher.help}}" data-placement="top" data-toggle="tooltip"></i>
|
|
|
<input type="text" class="restriction-matcher-input" placeholder="{{i18n.devices.popupSettings.restrictions.matcher.placeholder}}" />
|
|
|
<button type="button" class="monster-button monster-button-primary restriction-matcher-button">{{i18n.devices.popupSettings.restrictions.matcher.button}}</button>
|
|
|
</div>
|
|
|
<div class="title">
|
|
|
{{ i18n.devices.popupSettings.restrictions.sectionTitle }}
|
|
|
</div>
|
|
|
<div class="restriction-list">
|
|
|
{{#each extra.restrictions}}
|
|
|
<div class="control-group restriction-line{{#if this.disabled}} disabled{{/if}}" data-restriction="{{@key}}">
|
|
|
<label class="control-label">{{this.friendly_name}}
|
|
|
{{#if this.help}}
|
|
|
<i class="help-popover fa fa-question-circle" data-original-title="{{this.help}}" data-placement="top" data-toggle="tooltip"></i>
|
|
|
{{/if}}
|
|
|
</label>
|
|
|
<div class="controls">
|
|
|
<div class="switch">
|
|
|
{{#monsterSwitch}}
|
|
|
<input class="restrictions-switch" type="checkbox" name="call_restriction.{{@key}}.action" data-on="{{@root.i18n.devices.popupSettings.restrictions.allow}}" data-off="{{@root.i18n.devices.popupSettings.restrictions.deny}}" {{#compare this.action '===' 'inherit'}}{{#unless this.disabled}} checked{{/unless}}{{/compare}}{{#if this.disabled}} disabled{{/if}}></input>
|
|
|
{{/monsterSwitch}}
|
|
|
</div>
|
|
|
<i class="restriction-matcher-sign fa-lg fa fa-check monster-green"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
{{/each}}
|
|
|
</div>
|
|
|
<div class="restriction-message help-box">
|
|
|
</div>
|
|
|
{{#if extra.hasDisabledRestrictions}}
|
|
|
{{#monsterText 'info' 'disabled-restrictions-info'}}
|
|
|
<p>{{ i18n.devices.popupSettings.restrictions.disabledRestrictionsInfo }}</p>
|
|
|
{{/monsterText}}
|
|
|
{{/if}}
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
{{#if showEmergencyCnam}}
|
|
|
<div class="tabs-section clearfix" data-section="callerId">
|
|
|
<div class="title">
|
|
|
{{ i18n.devices.popupSettings.callerId.sectionTitle }}
|
|
|
</div>
|
|
|
|
|
|
{{#if extra.hasE911Numbers}}
|
|
|
<div class="control-group">
|
|
|
<label class="control-label">{{ i18n.devices.popupSettings.callerId.emergency }}</label>
|
|
|
<div class="controls emergency-number"></div>
|
|
|
</div>
|
|
|
{{else}}
|
|
|
{{#monsterText 'error'}}
|
|
|
{{ i18n.devices.popupSettings.callerId.noE911Numbers }}
|
|
|
{{/monsterText}}
|
|
|
{{/if}}
|
|
|
</div>
|
|
|
{{/if}}
|
|
|
|
|
|
<div class="tabs-section clearfix" data-section="miscellaneous">
|
|
|
<div class="title">
|
|
|
{{ i18n.devices.popupSettings.miscellaneous.sectionTitle }}
|
|
|
</div>
|
|
|
|
|
|
<div class="control-group">
|
|
|
<label class="control-label checkbox">
|
|
|
{{#monsterCheckbox i18n.devices.popupSettings.miscellaneous.ignoreCompletedElsewhere.label }}
|
|
|
<input type="checkbox" name="ignore_completed_elsewhere" id="ignore_completed_elsewhere" {{#if ignore_completed_elsewhere }}checked{{/if}} />
|
|
|
{{/monsterCheckbox}}
|
|
|
<i class="help-popover fa fa-question-circle fa-lg" data-original-title="{{i18n.devices.popupSettings.miscellaneous.ignoreCompletedElsewhere.help}}" data-placement="top" data-toggle="tooltip"></i>
|
|
|
</label>
|
|
|
</div>
|
|
|
|
|
|
<div class="rtp-line">
|
|
|
<div class="control-group">
|
|
|
<label class="control-label checkbox">
|
|
|
{{#monsterCheckbox i18n.devices.popupSettings.miscellaneous.rtp.enable }}
|
|
|
<input type="checkbox" id="secure_rtp" name="media.encryption.enforce_security"{{#if media.encryption.enforce_security}} checked="checked"{{/if}}></input>
|
|
|
{{/monsterCheckbox}}
|
|
|
</label>
|
|
|
</div>
|
|
|
|
|
|
<div id="rtp_method">
|
|
|
<span>{{ i18n.devices.popupSettings.miscellaneous.rtp.type }}</span>
|
|
|
|
|
|
<select class="input-small" name="extra.rtpMethod">
|
|
|
<option value="srtp"{{#compare extra.rtpMethod "===" "srtp"}} selected{{/compare}}>{{ i18n.devices.popupSettings.miscellaneous.rtp.srtp }}</option>
|
|
|
<option value="zrtp"{{#compare extra.rtpMethod "===" "zrtp"}} selected{{/compare}}>{{ i18n.devices.popupSettings.miscellaneous.rtp.zrtp }}</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
|
|
|
<div class="actions clearfix">
|
|
|
<div class="pull-right">
|
|
|
<a class="cancel-link monster-link blue" href="javascript:void(0);">{{ i18n.cancel }}</a>
|
|
|
<button type="button" class="monster-button monster-button-success save">
|
|
|
{{#if id}}
|
|
|
{{ i18n.saveChanges }}
|
|
|
{{else}}
|
|
|
{{ i18n.devices.createDevice }}
|
|
|
{{/if}}
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|