You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
174 lines
7.3 KiB
174 lines
7.3 KiB
<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-fax"></i>
|
|
</div>
|
|
|
|
{{#if id}}
|
|
<div class="device-model">{{name}}</div>
|
|
{{else}}
|
|
<div class="device-model">{{i18n.devices.fax.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">
|
|
<li><a class="tabs-selector change-section" data-section="audio" href="javascript:void(0)"><i class="icon-music"></i>{{ i18n.devices.popupSettings.audio.menuTitle }}</a></li>
|
|
<li><a class="tabs-selector change-section" data-section="restrictions" href="javascript:void(0)"><i class="icon-ban-circle"></i>{{ i18n.devices.popupSettings.restrictions.menuTitle }}</a></li>
|
|
<li><a class="tabs-selector change-section" data-section="callerId" href="javascript:void(0)"><i class="icon-ambulance"></i>{{ i18n.devices.popupSettings.callerId.menuTitle }}</a></li>
|
|
</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.fax.deviceName }}</label>
|
|
<div class="controls">
|
|
<input type="text" id="name" name="name" value="{{name}}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label class="control-label" for="sip_username">{{ i18n.devices.sip.username }}</label>
|
|
<div class="controls">
|
|
<input type="text" id="sip_username" name="sip.username" value="{{sip.username}}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label class="control-label" for="sip_password">{{ i18n.devices.sip.password }}</label>
|
|
<div class="controls">
|
|
<input type="text" id="sip_password" name="sip.password" value="{{sip.password}}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label class="control-label" for="sip_username">{{ i18n.devices.sip.realm }}</label>
|
|
<div class="controls">
|
|
<span class="displayed-realm">{{ sip.realm }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label class="control-label" for="media_fax_option">{{ i18n.devices.fax.t38 }}</label>
|
|
<div class="controls">
|
|
<select id="media_fax_option" name="media.fax_option">
|
|
<option{{#compare media.fax_option '===' 'auto'}} selected{{/compare}} value="auto">{{ i18n.devices.fax.auto }}</option>
|
|
<option{{#compare media.fax_option '===' 'true'}} selected{{/compare}} value="true">{{ i18n.devices.fax.force }}</option>
|
|
<option{{#compare media.fax_option '===' 'false'}} selected{{/compare}} value="false">{{ i18n.devices.fax.disabled }}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tabs-section clearfix" data-section="audio">
|
|
<div class="title">
|
|
{{ i18n.devices.popupSettings.audio.sectionTitle }}
|
|
</div>
|
|
|
|
<div class="items-selector codec-selector" id="audio_codec_selector">
|
|
<div class="box-selector">
|
|
<div class="box-title">{{ i18n.devices.popupSettings.audio.unselectedCodecs }}</div>
|
|
<ul class="available-codecs connectedSortable">
|
|
{{#each extra.availableCodecs.audio}}
|
|
<li class="item-codec item-selector" data-codec="{{this.codec}}"><div class="item-handle"></div>{{ this.description }}</li>
|
|
{{/each}}
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="box-selector">
|
|
<div class="box-title">{{ i18n.devices.popupSettings.audio.selectedCodecs }}</div>
|
|
<ul class="selected-codecs connectedSortable">
|
|
{{#each extra.selectedCodecs.audio}}
|
|
<li class="item-codec item-selector" data-codec="{{this.codec}}"><div class="item-handle"></div>{{ this.description }}</li>
|
|
{{/each}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tabs-section clearfix" data-section="restrictions">
|
|
<div class="restriction-matcher-div">
|
|
<i class="help-popover icon-question-sign icon-large" 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="btn btn-primary restriction-matcher-button">{{i18n.devices.popupSettings.restrictions.matcher.button}}</button>
|
|
</div>
|
|
<div class="title">
|
|
{{ i18n.devices.popupSettings.restrictions.sectionTitle }}
|
|
</div>
|
|
{{#each extra.restrictions}}
|
|
<div class="control-group">
|
|
<label class="control-label">{{this.friendly_name}}
|
|
{{#if this.help}}
|
|
<i class="help-popover icon-question-sign" data-original-title="{{this.help}}" data-placement="top" data-toggle="tooltip"></i>
|
|
{{/if}}
|
|
</label>
|
|
<div class="controls">
|
|
<div class="switch" data-on="primary" data-off="danger" data-on-label="{{../i18n.devices.popupSettings.restrictions.inherit}}" data-off-label="{{../i18n.devices.popupSettings.restrictions.deny}}">
|
|
<input class="not-pretty" type="checkbox" name="call_restriction.{{@key}}.action" id="checkbox_enabled"{{#compare this.action '===' 'inherit'}} checked{{/compare}}></input>
|
|
</div>
|
|
<span data-restriction="{{@key}}" class="restriction-matcher-label">{{../i18n.devices.popupSettings.restrictions.matcher.label}}</span>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
|
|
<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">
|
|
<select name="caller_id.emergency.number" class="caller-id-select">
|
|
<option value="">{{i18n.devices.popupSettings.callerId.notSet}}</option>
|
|
{{#each extra.e911Numbers}}
|
|
<option{{#compare ../this.caller_id.emergency.number "===" this}} selected{{/compare}} value="{{this}}">{{this}}</option>
|
|
{{/each}}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<div class="help-box red-box">
|
|
<div class="wrapper-icon">
|
|
<i class="icon-remove icon-red"></i>
|
|
</div>
|
|
<div class="text-wrapper">
|
|
{{ i18n.devices.popupSettings.callerId.noE911Numbers }}
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="actions clearfix">
|
|
{{#if id}}
|
|
<a id="delete_device" class="monster-link"><i class="icon-trash icon-red"></i>{{ i18n.devices.deleteDevice }}</a>
|
|
{{/if}}
|
|
|
|
<div class="pull-right">
|
|
<a class="cancel-link monster-link blue" href="javascript:void(0);">{{ i18n.cancel }}</a>
|
|
<button type="button" class="btn btn-success save">
|
|
{{#if id}}
|
|
{{ i18n.saveChanges }}
|
|
{{else}}
|
|
{{ i18n.devices.createDevice }}
|
|
{{/if}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|