176 lines
5.2 KiB
Handlebars
176 lines
5.2 KiB
Handlebars
{{#if isEnabled}}
|
|
{{#conditional-loading-section isLoading=isLoading}}
|
|
{{#if showHeader}}
|
|
<div class="report-header">
|
|
{{#if showTitle}}
|
|
<div class="report-title">
|
|
<h3 class="title">
|
|
{{#if showAllReportsLink}}
|
|
{{#link-to "adminReports" class="all-report-link"}}
|
|
{{i18n "admin.dashboard.all_reports"}}
|
|
{{/link-to}}
|
|
<span class="separator">|</span>
|
|
{{/if}}
|
|
|
|
<a href="{{model.reportUrl}}" class="report-link">
|
|
{{model.title}}
|
|
</a>
|
|
</h3>
|
|
|
|
{{#if model.description}}
|
|
<span class="info" data-tooltip="{{model.description}}">
|
|
{{d-icon "question-circle"}}
|
|
</span>
|
|
{{/if}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if showTrend}}
|
|
{{#if model.prev_period}}
|
|
<div class="trend {{model.trend}}">
|
|
<span class="trend-value" title="{{model.trendTitle}}">
|
|
{{#if model.average}}
|
|
{{number model.currentAverage}}{{#if model.percent}}%{{/if}}
|
|
{{else}}
|
|
{{number model.currentTotal noTitle="true"}}{{#if model.percent}}%{{/if}}
|
|
{{/if}}
|
|
</span>
|
|
|
|
{{#if model.trendIcon}}
|
|
{{d-icon model.trendIcon class="trend-icon"}}
|
|
{{/if}}
|
|
</div>
|
|
{{/if}}
|
|
{{/if}}
|
|
|
|
{{#if showModes}}
|
|
<ul class="mode-switch">
|
|
{{#each displayedModes as |displayedMode|}}
|
|
<li class="mode">
|
|
{{d-button
|
|
action="changeMode"
|
|
actionParam=displayedMode.mode
|
|
class=displayedMode.cssClass
|
|
icon=displayedMode.icon}}
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
{{/if}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
<div class="report-body">
|
|
{{#unless showError}}
|
|
{{#if hasData}}
|
|
{{#if currentMode}}
|
|
{{component modeComponent model=model options=options}}
|
|
{{/if}}
|
|
{{else}}
|
|
<div class="alert alert-info no-data">
|
|
{{d-icon "pie-chart"}}
|
|
<span>{{i18n "admin.dashboard.reports.no_data"}}</span>
|
|
</div>
|
|
{{/if}}
|
|
{{else}}
|
|
{{#if showTimeoutError}}
|
|
<div class="alert alert-error report-error timeout">
|
|
<span>{{i18n "admin.dashboard.timeout_error"}}</span>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if showExceptionError}}
|
|
<div class="alert alert-error report-error exception">
|
|
{{i18n "admin.dashboard.exception_error"}}
|
|
</div>
|
|
{{/if}}
|
|
{{/unless}}
|
|
|
|
{{#if showFilteringUI}}
|
|
<div class="report-filters">
|
|
{{#if showDatesOptions}}
|
|
<div class="filtering-control">
|
|
<span class="filtering-label">
|
|
{{i18n 'admin.dashboard.reports.start_date'}}
|
|
</span>
|
|
|
|
<div class="filtering-input">
|
|
{{date-picker-past
|
|
value=startDate
|
|
defaultDate=startDate}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="filtering-control">
|
|
<span class="filtering-label">
|
|
{{i18n 'admin.dashboard.reports.end_date'}}
|
|
</span>
|
|
|
|
<div class="filtering-input">
|
|
{{date-picker-past
|
|
value=endDate
|
|
defaultDate=endDate}}
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if showCategoryOptions}}
|
|
<div class="filtering-control">
|
|
<div class="filtering-input">
|
|
{{search-advanced-category-chooser
|
|
filterable=true
|
|
value=category
|
|
castInteger=true}}
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if showGroupOptions}}
|
|
<div class="filtering-control">
|
|
<div class="filtering-input">
|
|
{{combo-box
|
|
castInteger=true
|
|
filterable=true
|
|
valueAttribute="value"
|
|
content=groupOptions
|
|
value=groupId}}
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if showExport}}
|
|
<div class="filtering-control">
|
|
<div class="filtering-input">
|
|
{{d-button
|
|
class="export-csv-btn"
|
|
action="exportCsv"
|
|
label="admin.export_csv.button_text"
|
|
icon="download"}}
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if showRefresh}}
|
|
<div class="filtering-control">
|
|
<div class="filtering-input">
|
|
{{d-button
|
|
class="refresh-report-btn btn-primary"
|
|
action="refreshReport"
|
|
label="admin.dashboard.reports.refresh_report"
|
|
icon="refresh"}}
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
|
|
{{#if model.relatedReport}}
|
|
{{admin-report dataSourceName=model.relatedReport.type}}
|
|
{{/if}}
|
|
{{/conditional-loading-section}}
|
|
{{else}}
|
|
<div class="alert alert-info">
|
|
{{{i18n disabledLabel}}}
|
|
</div>
|
|
{{/if}}
|