hide empty changes
This commit is contained in:
parent
ae7ef48dfb
commit
1f9ae66df8
2 changed files with 17 additions and 4 deletions
2
dist/base.html
vendored
2
dist/base.html
vendored
|
@ -7,13 +7,11 @@
|
|||
<link rel="stylesheet" href="/static/css/vue-material.min.css">
|
||||
<link rel="stylesheet" href="/static/css/themes/default.css">
|
||||
<link rel="stylesheet" href="/static/css/diff2html.css">
|
||||
<script type="text/javascript" src="/static/js/jquery-3.3.1.min.js"></script>
|
||||
<script src="/static/js/lodash.min.js"></script>
|
||||
<script src="/static/js/vue.js"></script>
|
||||
<script src="/static/js/vue-material.min.js"></script>
|
||||
<script src="/static/js/axios.min.js"></script>
|
||||
<script src="/static/js/diff2html.js"></script>
|
||||
<script type="text/javascript" src="/static/js/diff2html-ui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
{% block body %}{% end %}
|
||||
|
|
19
dist/history.html
vendored
19
dist/history.html
vendored
|
@ -15,9 +15,9 @@
|
|||
</md-card-header>
|
||||
|
||||
<md-card-content>
|
||||
<md-table id="history-table" v-model="history">
|
||||
<md-table id="history-table" v-model="filtered_history">
|
||||
<md-table-toolbar>
|
||||
<h1 class="md-title">History</h1>
|
||||
<md-switch v-model="show_empty" @change="toggleShowEmpty">show entries with no changes</md-switch>
|
||||
</md-table-toolbar>
|
||||
<md-table-row slot="md-table-row" slot-scope="{item}">
|
||||
<md-table-cell>
|
||||
|
@ -44,8 +44,10 @@ var app = new Vue({
|
|||
el: '#app',
|
||||
delimiters: ['${', '}'],
|
||||
data: {
|
||||
show_empty: false,
|
||||
schedule: {},
|
||||
history: [],
|
||||
filtered_history: [],
|
||||
oldid: null,
|
||||
diff: null,
|
||||
lasstid: null,
|
||||
|
@ -63,9 +65,22 @@ var app = new Vue({
|
|||
self = this;
|
||||
var data = axios.get('/api/history/' + this.id).then(function(response) {
|
||||
self.history = response.data.history;
|
||||
self.updateFilter();
|
||||
self.schedule = response.data.schedule;
|
||||
self.lastid = response.data.lastid;
|
||||
});
|
||||
},
|
||||
updateFilter: function() {
|
||||
self = this;
|
||||
this.filtered_history = _.filter(self.history, function(o) {
|
||||
if (self.show_empty) {
|
||||
return true;
|
||||
}
|
||||
return o.changes;
|
||||
});
|
||||
},
|
||||
toggleShowEmpty: function() {
|
||||
this.updateFilter();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
Loading…
Reference in a new issue