summaryrefslogtreecommitdiffstats
path: root/modules-available/statistics_reporting/templates
diff options
context:
space:
mode:
Diffstat (limited to 'modules-available/statistics_reporting/templates')
-rw-r--r--modules-available/statistics_reporting/templates/columnChooser.html49
1 files changed, 32 insertions, 17 deletions
diff --git a/modules-available/statistics_reporting/templates/columnChooser.html b/modules-available/statistics_reporting/templates/columnChooser.html
index 62e20a4a..ccc82a50 100644
--- a/modules-available/statistics_reporting/templates/columnChooser.html
+++ b/modules-available/statistics_reporting/templates/columnChooser.html
@@ -1,21 +1,21 @@
<div class="container-fluid">
<div class="row top-row form-inline">
- <div class="col-md-12 ">
- <select id="select-table" onchange="chooseTable(this.value)" class="form-control" style="width:160px">
+ <div class="col-md-2">
+ <select id="select-table" onchange="chooseTable(this.value)" class="form-control">
<option value="total" selected="selected">{{lang_total}}</option>
<option value="perlocation">{{lang_perlocation}}</option>
<option value="perclient">{{lang_perclient}}</option>
<option value="peruser">{{lang_peruser}}</option>
<option value="pervm">{{lang_pervm}}</option>
</select>
- <div class="btn-group">
- <button id="button-totaltime" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('totaltime')">{{lang_totalTime}}</button>
- <button id="button-avgtime" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('avgtime')">{{lang_avgSessionLength}}</button>
- <button id="button-logincount" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('logincount')">{{lang_totalLogins}}</button>
- <button id="button-timeoffline" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('timeoffline')">{{lang_totalOffTime}}</button>
- <button id="button-lastlogout" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('lastlogout')">{{lang_clientLogout}}</button>
- <button id="button-laststart" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('laststart')">{{lang_clientStart}}</button>
- </div>
+ </div>
+ <div class="col-md-10 buttonbar">
+ <button id="button-totaltime" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('totaltime')">{{lang_totalTime}}</button>
+ <button id="button-avgtime" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('avgtime')">{{lang_avgSessionLength}}</button>
+ <button id="button-logincount" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('logincount')">{{lang_totalLogins}}</button>
+ <button id="button-timeoffline" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('timeoffline')">{{lang_totalOffTime}}</button>
+ <button id="button-lastlogout" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('lastlogout')">{{lang_clientLogout}}</button>
+ <button id="button-laststart" type="button" class="column-toggle btn btn-primary" onclick="toggleButton('laststart')">{{lang_clientStart}}</button>
</div>
</div>
</div>
@@ -24,23 +24,38 @@
<script type="application/javascript">
document.addEventListener("DOMContentLoaded", function () {
chooseTable($('#select-table').val());
- $("table").stupidtable();
+ toggleButton('lastlogout');
+ toggleButton('laststart');
+ var table = $("table").stupidtable();
+ table.on("aftertablesort", function (event, data) {
+ var th = $(this).find("th");
+ th.find(".arrow").remove();
+ var dir = $.fn.stupidtable.dir;
+ var arrow = data.direction === dir.ASC ? "down" : "up";
+ th.eq(data.column).append(' <span class="arrow glyphicon glyphicon-chevron-'+arrow+'"></span>');
+ });
});
function chooseTable(v) {
$("[id^=table-]").hide();
$('#table-'+v).show();
+ $("[id^=button-]").hide();
+ var re = /column-(\w+)/g;
+ var match;
+ while (match = re.exec($('thead', '#table-'+v).html())) {
+ $('#button-'+match[1]).show();
+ }
}
function toggleButton(v) {
- $button = $('#button-'+v);
- if($button.hasClass('btn-default')) {
- $button.removeClass('btn-default');
- $button.addClass('btn-primary');
+ var button = $('#button-'+v);
+ if(button.hasClass('btn-default')) {
+ button.removeClass('btn-default');
+ button.addClass('btn-primary');
$('.column-'+v).show()
} else {
- $button.removeClass('btn-primary');
- $button.addClass('btn-default');
+ button.removeClass('btn-primary');
+ button.addClass('btn-default');
$('.column-'+v).hide()
}
}