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.
270 lines
11 KiB
270 lines
11 KiB
<div class="edit-device" data-id="{{id}}">
|
|
<div class="title-bar clearfix">
|
|
<div class="device-title pull-left">
|
|
{{#if provision}}
|
|
<div class="device-image model-image {{provision.endpoint_brand}}-{{provision.endpoint_model}}"></div>
|
|
<div class="device-model">{{provision.endpoint_brand}} - {{provision.endpoint_model}}</div>
|
|
{{else}}
|
|
<div class="device-icon">
|
|
<i class="icon-telicon-voip-phone"></i>
|
|
</div>
|
|
|
|
{{#if id}}
|
|
<div class="device-model">{{name}}</div>
|
|
{{else}}
|
|
<div class="device-model">{{i18n.devices.sip_device.new}}</div>
|
|
{{/if}}
|
|
{{/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">
|
|
{{#if provision}}
|
|
<li><a class="tabs-selector change-section" data-section="sip" href="javascript:void(0)"><i class="icon-user"></i>{{ i18n.devices.popupSettings.sip.menuTitle }}</a></li>
|
|
{{/if}}
|
|
<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="video" href="javascript:void(0)"><i class="icon-facetime-video"></i>{{ i18n.devices.popupSettings.video.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>
|
|
<li><a class="tabs-selector change-section" data-section="miscellaneous" href="javascript:void(0)"><i class="icon-cogs"></i>{{ i18n.devices.popupSettings.miscellaneous.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.sip_device.deviceName }}</label>
|
|
<div class="controls">
|
|
<input type="text" id="name" name="name" value="{{name}}">
|
|
</div>
|
|
</div>
|
|
{{#if provision}}
|
|
<div class="control-group">
|
|
<label class="control-label" for="mac_address">{{ i18n.devices.sip_device.macAddress }}</label>
|
|
<div class="controls">
|
|
<input id="mac_address" type="text" name="mac_address" placeholder="{{ i18n.devices.sip_device.macAddressPlaceholder }}" value="{{mac_address}}">
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<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">{{ i18n.devices.sip.realm }}</label>
|
|
<div class="controls">
|
|
<span class="displayed-realm">{{ sip.realm }}</span>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
|
|
{{#if provision}}
|
|
<div class="tabs-section clearfix" data-section="sip">
|
|
<div class="title">
|
|
{{ i18n.devices.popupSettings.sip.sectionTitle }}
|
|
</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">{{ i18n.devices.sip.realm }}</label>
|
|
<div class="controls">
|
|
<span class="displayed-realm">{{ sip.realm }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
<div class="tabs-section clearfix" data-section="audio">
|
|
<div class="title">
|
|
{{ i18n.devices.popupSettings.audio.sectionTitle }}
|
|
</div>
|
|
|
|
<div class="helper">
|
|
<i class="icon-info-sign"></i>
|
|
{{ i18n.devices.popupSettings.dragAndDrop }}
|
|
</div>
|
|
|
|
<div class="items-selector codec-selector clearfix" 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="video">
|
|
<div class="title">
|
|
{{ i18n.devices.popupSettings.video.sectionTitle }}
|
|
</div>
|
|
<div class="helper">
|
|
<i class="icon-info-sign"></i>
|
|
{{ i18n.devices.popupSettings.dragAndDrop }}
|
|
</div>
|
|
<div class="items-selector codec-selector" id="video_codec_selector">
|
|
<div class="box-selector">
|
|
<div class="box-title">{{ i18n.devices.popupSettings.video.unselectedCodecs }}</div>
|
|
<ul class="available-codecs connectedSortable">
|
|
{{#each extra.availableCodecs.video}}
|
|
<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.video.selectedCodecs }}</div>
|
|
<ul class="selected-codecs connectedSortable">
|
|
{{#each extra.selectedCodecs.video}}
|
|
<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>
|
|
<div class="control-group number-address">
|
|
<label class="control-label">{{i18n.devices.popupSettings.callerId.address}}</label>
|
|
<div class="controls">
|
|
<p></p>
|
|
</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>
|
|
|
|
<div class="tabs-section clearfix" data-section="miscellaneous">
|
|
<div class="title">
|
|
{{ i18n.devices.popupSettings.miscellaneous.sectionTitle }}
|
|
</div>
|
|
|
|
<div class="rtp-line">
|
|
<label>
|
|
<input type="checkbox" id="secure_rtp" name="media.encryption.enforce_security"{{#if media.encryption.enforce_security}} checked="checked"{{/if}}></input>
|
|
{{ i18n.devices.popupSettings.miscellaneous.rtp.enable }}
|
|
</label>
|
|
|
|
<div id="rtp_method">
|
|
{{ i18n.devices.popupSettings.miscellaneous.rtp.type }}
|
|
|
|
<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">
|
|
{{#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>
|