hbs

voiceView.hbs

<div class="form-horizontal">
    <div {{bindAttr class=":control-group view.channel.channelConfig.validationErrors.invalid:error"}}>
        <label class="control-label">{{t composer.configuration}}  </label>
        <div class="controls">
            {{view.description}}
            <div class="pull-right">
                {{#if model.channelConfig.callTries}}
                    <b>  {{model.channelConfig.callTries}} tries , {{model.channelConfig.callInterval}} min interval</b>
                {{/if}}
            </div>
            <div class="btn-toolbar">
                <div class="btn-group">
                    <button class="btn dropdown-toggle" data-toggle="dropdown">
                        {{t send.alert.define.sms.configuration}}
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        {{#each availableConfigs}}
                            <li><a href="#" {{action setConfig this}}>
                                {{name}}
                            </a></li>
                        {{else}}
                            <li><a>No configs available</a></li>
                        {{/each}}
                    </ul>
                </div>
                <div class="btn-group">
                    <button class="btn" {{action setModal "customize"}}>{{t composer.customize}}</button>
                </div>
            </div>
            {{#if view.channel.channelConfig.validationErrors.invalid}}
                <span class="help-inline">
                {{view.channel.channelConfig.validationErrors.origin}}
                    {{view.channel.channelConfig.validationErrors.operator}}
            </span>
            {{/if}}
        </div>
        <label class="control-label">{{t composer.originatingNumber}}</label>
        <div class="btn-toolbar">
            <div class="btn-group">
                <button class="btn dropdown-toggle" data-toggle="dropdown">
                    Orignating number
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    {{#each availableConfigs}}
                        <li><a href="#" {{action setConfig this}}>
                            {{description}}
                        </a></li>
                    {{else}}
                        <li><a>No originating number available</a></li>
                    {{/each}}
                </ul>
            </div>
        </div>
    </div>
    <div {{bindAttr class=":control-group view.channel.message.validationErrors.messageInvalid:error"}}>
    </div>
</div>

{{#view UI.ModalView name="customize" activeModalBinding="activeModal"}}
    <div class="modal-header">
        <button type="button" class="close" {{action setModal "none"}} aria-hidden="true">×</button>
        <h3 id="myModalLabel">{{t composer.customize.config}}</h3>
    </div>
    <div class="modal-body">
        <div class="form-horizontal">
            <div class="control-group">
                <label class="control-label">
                    {{t group.name}}
                    <span class="required">*</span>
                </label>
                <div class="controls">
                    {{view view.parentView.nameInput}}
                </div>
            </div>
            <div class="control-group">
                <label class="control-label">
                    {{t entity.common.description}}
                    <span class="required">*</span>
                </label>
                <div class="controls">
                    {{view view.parentView.descriptionInput}}
                </div>
            </div>
            <div class="control-group">
                <label class="control-label">
                    {{t voice.config.priority}}:
                    <span class="required">*</span>
                </label>
                <div class="controls">
                    {{view Ember.Select class="select-mini" contentBinding="VoiceData.voicePriority"
                    optionValuePath="content.key"
                    optionLabelPath="content.value"
                    valueBinding="model.channelConfig.priority"}}
                </div>
            </div>
            <div class="control-group">
                <label class="control-label">
                    {{t voice.config.outboundlines}}
                    <span class="required">*</span>
                </label>
                <div class="row-fluid span6">
                <div class="controls">
                    {{view Ember.TextField class="input-mini" valueBinding="model.channelConfig.outboundLines"}}
                    <label class="control-label">{{t voice.config.outboundlines.max}} {{VoiceData.voiceMaxoutboundLines}} </label>
                </div>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label">{{t voice.config.callperson}}</label>
                <div class="row-fluid span6">
                <div class="controls">
                    {{view Ember.Select class="select-mini" contentBinding="VoiceData.voiceNoOfTries"
                    optionValuePath="content.key"
                    optionLabelPath="content.value"
                    valueBinding="model.channelConfig.callTries"}}
                    <label class="control-label">{{t voice.config.doesnot.answer}}</label>
                </div>   </div>
            </div>
            <div class="control-group">
                <label class="control-label">{{t voice.config.call.interval}}</label>
                <div class="row-fluid span6">
                <div class="controls">
                    {{view Ember.Select class="select-mini" contentBinding= "VoiceData.voiceIntervalOfTries"
                    optionValuePath="content.key"
                    optionLabelPath="content.value"
                    valueBinding="model.channelConfig.callInterval"}}
                    <label class="control-label">{{t voice.config.mins}}</label>
                </div>
                    </div>
            </div>
            <div class="control-group">
                <label class="control-label">{{t voice.config.call.number}}</label>
                <div class="row-fluid span6">
                <div class="controls">
                    {{view Ember.Select class="select-mini" contentBinding= "VoiceData.voiceHangupTimes"
                    optionValuePath="content.key"
                    optionLabelPath="content.value"
                    valueBinding="model.channelConfig.callHangupTime"}}
                    <label class="control-label">{{t voice.config.hangup}}</label>
                </div>
                    </div>
            </div
            <div class="control-group">
                <div class="controls">
                    {{view Ember.Checkbox checkedBinding="model.channelConfig.canPause"}}
                    <label>
                        Can Pause:
                    </label>
                </div>
                {{#if model.channelConfig.canPause}}
                    <label class="control-label">Pause From :</label>
                    <div class="controls">
                        {{view Ember.TextField class="input-mini" valueBinding="model.channelConfig.pauseFromDay"}} th day at
                        <div class="input-append bootstrap-timepicker-component">
                            {{view UI.TimePicker class="timepicker-default input-small"
                            hourBinding="model.channelConfig.pauseFromTimehour"
                            minuteBinding="model.channelConfig.pauseFromTimeminute"}}
                            <span class="add-on"><i class="icon-time"></i></span>
                        </div>
                    </div>
                    <label class="control-label">Pause To :</label>
                    <div class="controls">
                        {{view Ember.TextField class="input-mini" valueBinding="model.channelConfig.pauseToDay"}} th day at
                        <div class="input-append bootstrap-timepicker-component">
                            {{view UI.TimePicker class="timepicker-default input-small"
                            hourBinding="model.channelConfig.pauseToTimehour"
                            minuteBinding="model.channelConfig.pauseToTimeminute"}}
                            <span class="add-on"><i class="icon-time"></i></span>
                        </div>
                    </div>
                {{/if}}
            </div>
            <div class="control-group">
                <div class="controls">
                    {{view Ember.Checkbox checkedBinding="model.channelConfig.finishBy"}}
                    <label>
                        Automatic cancel alert if not finished by:
                    </label>
                </div>
                {{#if model.channelConfig.finishBy}}
                    <div class="controls">
                        {{view Ember.TextField class="input-mini"
                        valueBinding="model.channelConfig.cancellationDay"}} th day at
                        <div class="input-append bootstrap-timepicker-component">
                            {{view UI.TimePicker class="timepicker-default input-small"
                            hourBinding="model.channelConfig.cancellhour"
                            minuteBinding="model.channelConfig.pauseToTimeminute"}}
                            }}
                            <span class="add-on"><i class="icon-time"></i></span>
                        </div>
                    </div>
                {{/if}}
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn" {{action setModal "none"}}>{{t composer.close}}</button>
    </div>
{{/view}}