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.
133 lines
5.8 KiB
133 lines
5.8 KiB
<div class="outbound-faxes-container faxes-container empty">
|
|
<div class="main-header clearfix">
|
|
<div class="faxbox-selection-wrapper pull-left">
|
|
<div class="filters faxbox-selector">
|
|
<div class="select-header">
|
|
{{ i18n.fax.actionBar.currentlyViewing }}
|
|
</div>
|
|
<select class="select-faxbox" id="select_faxbox">
|
|
<option value="none"></option>
|
|
{{#each faxboxes}}
|
|
<option value="{{id}}">{{name}}</option>
|
|
{{/each}}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<a id="refresh_faxbox" class="monster-link pull-left" href="javascript:void(0);" data-toggle="tooltip" data-placement="top" data-original-title="{{ i18n.fax.actionBar.refresh }}"><i class="fa fa-refresh"></i></a>
|
|
|
|
<!-- SEND OUTBOUND FAX VIA API -->
|
|
<div id="send_outbound_fax">
|
|
<div class="outbound-title">
|
|
<span class="outbound-title">{{i18n.fax.outbound.sendAFax}}</span>
|
|
<i class="fa fa-chevron-down outbound-expand"></i>
|
|
<i class="fa fa-chevron-up outbound-contract outbound-hidden"></i>
|
|
</div>
|
|
<input id="sendfax_uploaded_file" name="sendfax_uploaded_file" type="file" accept=".pdf,.tif,.tiff" class="kz-input-file">
|
|
<div class="outbound-hidden">
|
|
<div class="select-header">
|
|
{{ i18n.fax.outbound.toNumber }}
|
|
</div>
|
|
<input id="sendfax_to_number" name="sendfax_to_number" type="text" maxlength=16 placeholder="{{i18n.fax.outbound.enterToNumber}}"><br />
|
|
<div id="from_number_header" class="select-header">
|
|
{{ i18n.fax.outbound.fromNumber }}
|
|
</div>
|
|
<div class="from-number-select">
|
|
<select id="sendfax_from_number">
|
|
<option value="none">{{i18n.fax.outbound.selectFromNumber}}</option>
|
|
</select>
|
|
<i class="fa fa-plus show-all-numbers"></i>
|
|
</div>
|
|
</div>
|
|
<div class="sendbutton-help"><button class="monster-button-primary send-fax-button outbound-hidden" disabled>{{i18n.fax.outbound.sendFax}}</button><i id="send_help" class="fa fa-question-circle outbound-hidden" data-toggle="tooltip" title="{{ i18n.fax.outbound.help }}"></i></div>
|
|
</div>
|
|
<!-- END OF SEND OUTBOUND FAX VIA API -->
|
|
|
|
</div>
|
|
<div class="monster-table-wrapper-spaced">
|
|
<div class="action-bar monster-table-header">
|
|
<div class="filters basic-actions pull-left">
|
|
<div class="select-faxbox-wrapper monster-select-dropdown-neutral pull-left" data-toggle="tooltip" data-placement="top" data-original-title="{{ i18n.fax.actionBar.tooltips.select }}">
|
|
<li class="dropdown">
|
|
<a data-toggle="dropdown" class="dropdown-toggle" href="javascript:void(0);">
|
|
{{#monsterCheckbox}}
|
|
<input class="main-select-fax" type="checkbox"/>
|
|
{{/monsterCheckbox}}
|
|
<i class="fa fa-caret-down"></i>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="javascript:void(0);" class="select-some-faxes" data-type="all">{{ i18n.fax.actionBar.select.all }}</a></li>
|
|
<li><a href="javascript:void(0);" class="select-some-faxes" data-type="none">{{ i18n.fax.actionBar.select.none }}</a></li>
|
|
</ul>
|
|
</li>
|
|
</div>
|
|
|
|
<div class="filters selected-actions pull-left margin-left">
|
|
<button id="delete_faxes" data-type="outbound" class="monster-button-neutral monster-button-fit margin-left hidable hidden" data-toggle="tooltip" data-placement="top" data-original-title="{{ i18n.fax.actionBar.tooltips.delete }}">
|
|
<i class="fa fa-trash"></i>
|
|
</button>
|
|
|
|
<button id="resend_faxes" class="monster-button-neutral monster-button-fit margin-left hidable hidden" data-toggle="tooltip" data-placement="top" data-original-title="{{ i18n.fax.actionBar.tooltips.resend }}">
|
|
<i class="fa fa-mail-forward"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="filter-by-date">
|
|
<div class="expand-dates">
|
|
<a class="monster-link blue toggle-filter">{{ i18n.fax.actionBar.filterByDate }}</a>
|
|
</div>
|
|
<div class="date-ranges">
|
|
<span>{{i18n.startDate}}</span>
|
|
<input id="startDate" type="text" class="date-filter filter-from">
|
|
<i class="fa fa-calendar"></i>
|
|
<span>{{i18n.endDate}}</span>
|
|
<input id="endDate" type="text" class="date-filter filter-to">
|
|
<i class="fa fa-calendar"></i>
|
|
<button type="button" class="apply-filter monster-button-neutral monster-button-fit">{{i18n.filter}}</button>
|
|
<a class="monster-link blue toggle-filter">{{i18n.cancel}}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div class="empty-state">
|
|
<div class="headline">{{ i18n.fax.empty.headline1 }}<span class="count">{{count}}</span>{{ i18n.fax.empty.headline2 }}</div>
|
|
<div class="sub-headline">{{ i18n.fax.empty.subHeadlineOutbound }}</div>
|
|
|
|
<div class="faxboxes-list">
|
|
<select class="select-faxbox" id="select_faxbox_empty">
|
|
<option value="none"></option>
|
|
{{#each faxboxes}}
|
|
<option class="box-row" data-id="{{id}}" value="{{id}}">{{name}}</option>
|
|
{{/each}}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="data-state">
|
|
<div class="faxbox-table">
|
|
<table class="monster-table footable" id="outbound_faxes_table">
|
|
<thead>
|
|
<tr>
|
|
<th data-filterable="false" data-type="html" data-sortable="false"></th>
|
|
<th data-type="html">{{ i18n.fax.table.columns.status }}</th>
|
|
<th data-type="html" data-sorted="true" data-direction="DESC">{{ i18n.fax.table.columns.sent }}</th>
|
|
<th>{{ i18n.fax.table.columns.sendingFaxbox }}</th>
|
|
<th data-type="html">{{ i18n.fax.table.columns.sendingNumber }}</th>
|
|
<th data-type="html">{{ i18n.fax.table.columns.receivingNumber }}</th>
|
|
<th data-breakpoints="xs" data-type="number">{{ i18n.fax.table.columns.pages }}</th>
|
|
<th data-filterable="false" data-type="html" data-sortable="false"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="loading-state">
|
|
<i class="fa fa-spin fa-spinner monster-primary-color"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|