realms-wiki/realms/templates/wiki/history.html

115 lines
3.3 KiB
HTML
Raw Normal View History

2013-10-02 04:50:48 +03:00
{% extends 'layout.html' %}
{% block body %}
2014-09-05 00:35:28 +03:00
<h2>History for <strong>{{ name }}</strong></h2>
<p>
<a class="btn btn-default btn-sm compare-revisions">Compare Revisions</a>
</p>
2013-10-03 17:58:07 +03:00
2016-07-10 01:26:55 +03:00
<table class="table table-bordered revision-tbl dataTable DTTT_selectable">
2013-10-03 17:58:07 +03:00
<thead>
<tr>
2014-09-05 00:35:28 +03:00
<th>Name</th>
<th>Revision Message</th>
<th>Date</th>
2013-10-03 17:58:07 +03:00
</tr>
</thead>
<tbody>
<tr><td colspan="3" style="text-align: center">Loading file history...</td></tr>
</tbody>
2014-09-05 00:35:28 +03:00
</table>
<p>
<a class="btn btn-default btn-sm compare-revisions">Compare Revisions</a>
</p>
2013-10-03 17:58:07 +03:00
{% endblock %}
2016-07-10 01:26:55 +03:00
{% block css %}
<style type="text/css">
table.dataTable td {
transition: background-color 0.5s linear, color 0.5s linear;
transition-delay: 0.1s;
}
table.dataTable tr.active td {
transition: background-color 0.1s linear, color 0.1s linear;
transition-delay: 0s
}
table.dataTable tbody tr:hover {
background-color: #d8d8d8 !important;
}
</style>
{% endblock %}
2013-10-03 17:58:07 +03:00
{% block js %}
2014-09-05 00:35:28 +03:00
<script>
$(document).ready(function() {
2016-07-10 01:26:55 +03:00
var selected = [];
var selected_pos = [];
$('.dataTable').dataTable({
serverSide: true,
ajax: {
url: '{{ url_for('.history_data', name=name) }}',
dataSrc: function (data) {
$('.dataTable').data('fully_loaded', data.fully_loaded);
return data.data
}
},
ordering: false,
bFilter: false,
columns: [
2016-07-10 03:02:53 +03:00
{ "data": null,
"render": function(data) {
return '<img src="' + data.gravatar + '?s=20" class="avatar" /> ' + data.author
}
},
{ "data": "message" },
{ "data": "date" }
2016-07-10 01:26:55 +03:00
],
rowCallback: function( row, data, index ) {
index += $('.dataTable').DataTable().page.info().start;
$(row).data('index', index);
if ( $.inArray(data.DT_RowId, selected) !== -1 ) {
$(row).addClass('active');
}
},
infoCallback: function( settings, start, end, max, total, pre ) {
if (!$('.dataTable').data('fully_loaded')) {
total += "+"
}
return "Showing " + start +" to "+ end + " of " + total + " revisions.";
2013-10-03 17:58:07 +03:00
}
2014-09-05 00:35:28 +03:00
});
2013-10-02 04:50:48 +03:00
2016-07-10 01:26:55 +03:00
$('.dataTable tbody').on('click', 'tr', function () {
var id = this.id;
var selected_index = $.inArray(id, selected);
if ( selected_index === -1 ) {
selected.push( id );
selected_pos.push( $(this).data('index') );
if ( selected.length > 2) {
// Only 2 selected at once
var shifted = selected.shift();
selected_pos.shift();
$('#' + shifted).removeClass('active');
}
} else {
selected.splice( selected_index, 1 );
selected_pos.splice( selected_index, 1);
}
$(this).toggleClass('active');
});
2014-09-05 00:35:28 +03:00
$(".compare-revisions").click(function(){
2016-07-10 01:26:55 +03:00
if (selected.length != 2) return;
if (selected_pos[1] > selected_pos[0]) {
selected.reverse()
}
revs = selected.join("..");
location.href = "{{ config.RELATIVE_PATH }}/_compare/{{ name }}/" + revs;
2014-09-05 00:35:28 +03:00
});
2013-10-03 17:58:07 +03:00
});
2014-09-05 00:35:28 +03:00
</script>
2015-12-16 07:30:33 +02:00
{% endblock %}