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.
277 lines
11 KiB
277 lines
11 KiB
<!-- TPL General -->
|
|
<script id="tpl-general" type="text/template">
|
|
<h4 class="hidden-xs gheader">{{head}}<span class="pull-right">{{#from}}<span class="from">{{from}}</span>{{/from}}{{#to}} — <span class="to">{{to}}</span>{{/to}}</span></h4>
|
|
<h5 class="visible-xs hidden-sm hidden-md hidden-lg gheader">{{head}} {{#from}}<span class="from">{{from}}</span>{{/from}}{{#to}} — <span class="to">{{to}}</span>{{/to}}</h5>
|
|
<div class="wrap-general-items"></div>
|
|
</script>
|
|
|
|
<!-- TPL General Items -->
|
|
<script id="tpl-general-items" type="text/template">
|
|
<div class="col-md-2">
|
|
<div class="grid-module {{#className}}{{className}}{{/className}}{{^className}}gray{{/className}}">
|
|
<div class="col-title">
|
|
<i class="fa fa-bar-chart"></i> {{#label}}{{label}}{{/label}}
|
|
</div>
|
|
<h3 id="{{id}}" style="padding-top: 0;">{{value}}</h3>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
<!-- TPL Panel Table -->
|
|
<script id="tpl-table-row" type="text/template">
|
|
{{#rows}}
|
|
<tr class="{{#className}}{{className}}{{/className}} {{#hasSubItems}}{{#items}}expandable{{/items}}{{/hasSubItems}}" {{#idx}}data-pid="{{idx}}"{{/idx}} data-panel="{{panel}}" {{#key}}data-key="{{key}}"{{/key}}>
|
|
{{#hasSubItems}}
|
|
<td class="row-expandable text-center {{#items}}clickable{{/items}}">
|
|
{{#items}}<i class="fa {{#expanded}}fa-caret-down{{/expanded}}{{^expanded}}fa fa-caret-right{{/expanded}}"></i>{{/items}}
|
|
{{^items}}<i></i>{{/items}}
|
|
</td>
|
|
{{/hasSubItems}}
|
|
<td class="row-idx text-right">
|
|
{{#idx}}{{idx}}{{/idx}}
|
|
</td>
|
|
{{#cells}}
|
|
<td class="{{className}}" {{#colspan}}colspan="{{colspan}}"{{/colspan}}>
|
|
<span class="value">{{{value}}}</span>{{#percent}}<span class="percent"> ({{percent}})</span>{{/percent}}
|
|
</td>
|
|
{{/cells}}
|
|
</tr>
|
|
{{/rows}}
|
|
</script>
|
|
|
|
<!-- TPL Panel Table Meta -->
|
|
<script id="tpl-table-row-meta" type="text/template">
|
|
{{#row}}
|
|
<tr>
|
|
{{#hasSubItems}}
|
|
<td class=""></td>
|
|
{{/hasSubItems}}
|
|
<td class=""></td>
|
|
{{#cells}}
|
|
<td class="{{className}}" {{#colspan}}colspan="{{colspan}}"{{/colspan}}>
|
|
{{#value}}
|
|
<h4 class="value"><span title="{{title}}">{{value}}</span>{{#label}}<small> {{label}}</small>{{/label}}{{#max}}<br><small>Max: {{max}}</small>{{/max}}{{#min}}<br><small>Min: {{min}}</small>{{/min}}</h4>
|
|
{{/value}}
|
|
</td>
|
|
{{/cells}}
|
|
</tr>
|
|
{{/row}}
|
|
</script>
|
|
|
|
<!-- TPL Table thead -->
|
|
<script id="tpl-table-thead" type="text/template">
|
|
<tr>
|
|
{{#hasSubItems}}
|
|
<th></th>
|
|
{{/hasSubItems}}
|
|
<th>#</th>
|
|
{{#items}}
|
|
<th class="{{dataType}} {{#key}}sortable{{/key}}" data-key="{{key}}" {{#sort}}data-order="{{#asc}}asc{{/asc}}{{^asc}}desc{{/asc}}"{{/sort}}>
|
|
{{label}} <i class="fa fa-{{^sort}}sort{{/sort}}{{#sort}}{{#asc}}caret-up{{/asc}}{{^asc}}caret-down{{/asc}}{{/sort}}"></i>
|
|
</th>
|
|
{{/items}}
|
|
</tr>
|
|
</script>
|
|
|
|
<!-- TPL Panel Options DropDown -->
|
|
<script id="tpl-panel-opts" type="text/template">
|
|
<li class="dropdown-header">{{ labels.chart_opts }}</li>
|
|
<li><a href="javascript:void(0);" data-panel="{{id}}" data-chart="{{showChart}}"><i class="fa fa-{{#showChart}}check-{{/showChart}}square-o"></i> {{labels.chart}}</a></li>
|
|
|
|
{{#plot.length}}
|
|
<li class="dropdown-header">{{ labels.type }}</li>
|
|
<li><a href="javascript:void(0);" data-panel="{{id}}" data-chart-type="area-spline"><i class="fa fa-circle{{^area-spline}}-o{{/area-spline}}"></i> {{labels.area_spline}}</a></li>
|
|
<li><a href="javascript:void(0);" data-panel="{{id}}" data-chart-type="bar"><i class="fa fa-circle{{^bar}}-o{{/bar}}"></i> {{labels.bar}}</a></li>
|
|
<li class="dropdown-header">{{labels.plot_metric}}</li>
|
|
{{#plot}}
|
|
<li><a href="javascript:void(0);" data-panel="{{id}}" data-plot="{{className}}" class="panel-plot-{{className}}"><i class="fa fa-circle{{^selected}}-o{{/selected}}"></i> {{label}}</a></li>
|
|
{{/plot}}
|
|
{{/plot.length}}
|
|
|
|
<li class="dropdown-header">{{labels.table_columns}}</li>
|
|
{{#items}}
|
|
<li><a href="javascript:void(0);" data-panel="{{id}}" data-metric="{{key}}"><i class="fa fa-{{^hide}}check-{{/hide}}square-o"></i> {{label}}</a></li>
|
|
{{/items}}
|
|
</script>
|
|
|
|
<!-- TPL Table colgroup -->
|
|
<script id="tpl-table-colgroup" type="text/template">
|
|
{{#hasSubItems}}
|
|
<col style="width: 2%;"> <!-- right-caret -->
|
|
{{/hasSubItems}}
|
|
<col style="width: 3%;"> <!-- row # -->
|
|
{{#items}}
|
|
<col style="width:{{colWidth}}">
|
|
{{/items}}
|
|
</script>
|
|
|
|
<!-- TPL Panel -->
|
|
<script id="tpl-panel" type="text/template">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="form-group clearfix panel-header">
|
|
<h4 class="pull-left hidden-xs gheader" id="{{id}}">{{head}}<br><small>{{desc}}</small></h4>
|
|
<h5 class="pull-left visible-xs hidden-sm hidden-md hidden-lg gheader" id="{{id}}">{{head}}<br><small>{{desc}}</small></h5>
|
|
<div class="panel-plot-wrap">
|
|
<div class="dropdown">
|
|
<button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" data-panel="{{id}}">
|
|
<i class="fa fa-gear"></i> {{labels.panel_opts}} <span class="fa fa-caret-down"></span>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-right panel-opts-{{id}}">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{#chart}}
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div id="chart-{{id}}" class="chart-wrap"></div>
|
|
</div>
|
|
</div>
|
|
{{/chart}}
|
|
{{#table}}
|
|
<div class="row clearfix table-wrapper {{#autoHideTables}}hidden-xs{{/autoHideTables}}">
|
|
<div class="col-md-12">
|
|
<div class="table-responsive">
|
|
<table data-panel="{{id}}" class="table table-borderless table-hover table-{{id}}">
|
|
<colgroup>
|
|
</colgroup>
|
|
<thead>
|
|
</thead>
|
|
<tbody class="tbody-meta">
|
|
</tbody>
|
|
<tbody class="tbody-data">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<ul class="pagination pagination-sm pull-left">
|
|
<li class="disabled">
|
|
<a class="panel-first" href="javascript:void(0);" aria-label="{{labels.first}}" data-panel="{{id}}" title="{{labels.first}}">
|
|
<i class="fa fa-angle-double-left"></i>
|
|
</a>
|
|
</li>
|
|
<li class="disabled">
|
|
<a class="panel-prev" href="javascript:void(0);" aria-label="{{labels.previous}}" data-panel="{{id}}" title="{{labels.previous}}">
|
|
<i class="fa fa-angle-left"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="panel-next" href="javascript:void(0);" aria-label="{{labels.next}}" data-panel="{{id}}" title="{{labels.next}}">
|
|
<i class="fa fa-angle-right"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="panel-last" href="javascript:void(0);" aria-label="{{labels.last}}" data-panel="{{id}}" title="{{labels.last}}">
|
|
<i class="fa fa-angle-double-right"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{{/table}}
|
|
</script>
|
|
|
|
<!-- TPL Nav Bar wrapper -->
|
|
<script id="tpl-nav-wrap" type="text/template">
|
|
<div class="nav-bars fa fa-bars"></div>
|
|
<div class="nav-gears fa fa-cog"></div>
|
|
<div class="nav-ws-status fa fa-circle"></div>
|
|
<div class="nav-list"></div>
|
|
<div class="powered hidden-xs hidden-sm">by <a href="https://goaccess.io/">GoAccess</a> <span>v{{version}}</span> and <a href="http://gwsocket.io/">GWSocket</a></div>
|
|
</script>
|
|
|
|
<!-- TPL Nav Bar items -->
|
|
<script id="tpl-nav-menu" type="text/template">
|
|
<h3>{{labels.panels}}</h3>
|
|
<ul>
|
|
<li {{#overall}}class="active"{{/overall}}><a href="#"><i class="fa fa-bar-chart"></i> {{labels.thead}}</a></li>
|
|
{{#nav}}
|
|
<li {{#current}}class="active"{{/current}}><a href="#{{key}}"><i class="fa fa-{{icon}}"></i> {{head}}</a></li>
|
|
{{/nav}}
|
|
</ul>
|
|
</script>
|
|
|
|
<!-- TPL Nav Bar options -->
|
|
<script id="tpl-nav-opts" type="text/template">
|
|
<h3><i class="fa fa-hashtag"></i> {{labels.theme}}</h3>
|
|
<ul>
|
|
<li {{#darkGray}}class="active"{{/darkGray}}>
|
|
<a href="javascript:void(0);" class="theme-dark-gray"><i class="fa fa-circle{{^darkGray}}-o{{/darkGray}}"></i> {{labels.dark_gray}}</a>
|
|
</li>
|
|
<li {{#bright}}class="active"{{/bright}}>
|
|
<a href="javascript:void(0);" class="theme-bright"><i class="fa fa-circle{{^bright}}-o{{/bright}}"></i> {{labels.bright}}</a>
|
|
</li>
|
|
<li {{#darkBlue}}class="active"{{/darkBlue}}>
|
|
<a href="javascript:void(0);" class="theme-dark-blue"><i class="fa fa-circle{{^darkBlue}}-o{{/darkBlue}}"></i> {{labels.dark_blue}}</a>
|
|
</li>
|
|
<li {{#darkPurple}}class="active"{{/darkPurple}}>
|
|
<a href="javascript:void(0);" class="theme-dark-purple"><i class="fa fa-circle{{^darkPurple}}-o{{/darkPurple}}"></i> {{labels.dark_purple}}</a>
|
|
</li>
|
|
</ul>
|
|
<h3><i class="fa fa-list-alt"></i> {{labels.panels}}</h3>
|
|
<ul class="perpage-wrap">
|
|
<li class="dropdown-header"><i class="fa fa-list"></i> {{labels.items_per_page}}</li>
|
|
<li {{#perPage5}}class="active"{{/perPage5}}>
|
|
<a href="javascript:void(0);" data-perpage="5"><i class="fa fa-circle{{^perPage5}}-o{{/perPage5}}"></i> 5</a>
|
|
</li>
|
|
<li {{#perPage7}}class="active"{{/perPage7}}>
|
|
<a href="javascript:void(0);" data-perpage="7"><i class="fa fa-circle{{^perPage7}}-o{{/perPage7}}"></i> 7</a>
|
|
</li>
|
|
<li {{#perPage10}}class="active"{{/perPage10}}>
|
|
<a href="javascript:void(0);" data-perpage="10"><i class="fa fa-circle{{^perPage10}}-o{{/perPage10}}"></i> 10</a>
|
|
</li>
|
|
<li {{#perPage15}}class="active"{{/perPage15}}>
|
|
<a href="javascript:void(0);" data-perpage="15"><i class="fa fa-circle{{^perPage15}}-o{{/perPage15}}"></i> 15</a>
|
|
</li>
|
|
<li {{#perPage20}}class="active"{{/perPage20}}>
|
|
<a href="javascript:void(0);" data-perpage="20"><i class="fa fa-circle{{^perPage20}}-o{{/perPage20}}"></i> 20</a>
|
|
</li>
|
|
<li class="dropdown-header"><i class="fa fa-table"></i> {{labels.tables}}</li>
|
|
<li {{#showTables}}class="active"{{/showTables}}>
|
|
<a href="javascript:void(0);" data-show-tables="1"><i class="fa fa-{{#showTables}}check-{{/showTables}}square-o"></i> {{labels.display_tables}}</a>
|
|
</li>
|
|
<li {{#autoHideTables}}class="active"{{/autoHideTables}}>
|
|
<a href="javascript:void(0);" data-autohide-tables="1" title="{{labels.ah_small_title}}">
|
|
<i class="fa fa-{{#autoHideTables}}check-{{/autoHideTables}}square-o"></i> {{labels.ah_small}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<h3><i class="fa fa-th-large"></i> {{labels.layout}}</h3>
|
|
<ul>
|
|
<li {{#horizontal}}class="active"{{/horizontal}}>
|
|
<a href="javascript:void(0);" class="layout-horizontal"><i class="fa fa-circle{{^horizontal}}-o{{/horizontal}}"></i> {{labels.horizontal}}</a>
|
|
</li>
|
|
<li {{#vertical}}class="active"{{/vertical}}>
|
|
<a href="javascript:void(0);" class="layout-vertical"><i class="fa fa-circle{{^vertical}}-o{{/vertical}}"></i> {{labels.vertical}}</a>
|
|
</li>
|
|
</ul>
|
|
<h3><i class="fa fa-cog"></i> {{labels.file_opts}}</h3>
|
|
<ul>
|
|
<li><a href="javascript:void(0);" class="export-json"><i class="fa fa-code"></i> {{labels.export_json}}</a></li>
|
|
</ul>
|
|
</script>
|
|
|
|
<!-- TPL Chart tooltip -->
|
|
<script id="tpl-chart-tooltip" type="text/template">
|
|
<table class="chart-tooltip">
|
|
<tbody>
|
|
<tr>
|
|
<th colspan="2">{{data.0}}</th>
|
|
</tr>
|
|
<tr>
|
|
<td class="name"><span class="blue"></span>hits</td>
|
|
<td class="value">{{data.1}}</td>
|
|
</tr>
|
|
{{#data.2}}
|
|
<tr>
|
|
<td class="name"><span class="red"></span>visitors</td>
|
|
<td class="value">{{data.2}}</td>
|
|
</tr>
|
|
{{/data.2}}
|
|
</tbody>
|
|
</table>
|
|
</script>
|