var makeFilter = function() {
var pass = [];
- $(".toggle-filter").each(function(i, e) {
+ $(".toggle-filter, .radio-filter").each(function(i, e) {
if (e.checked) {
pass.push(e.id.substr(5));
}
<% logcollection = Collection.find @object.log %>
<% if logcollection %>
$.ajax('<%=j url_for logcollection %>/<%=j logcollection.files[0][1] %>').
- done(function(data, status, jqxhr) {
- logViewer.filter();
- addToLogViewer(logViewer, data.split("\n"), taskState);
- logViewer.filter(makeFilter());
- generateJobOverview("#log-viewer-overview", logViewer, taskState);
- $("#logloadspinner").detach();
- }).
- fail(function(jqxhr, status, error) {
- $("#logloadspinner").detach();
- });
+ done(function(data, status, jqxhr) {
+ logViewer.filter();
+ addToLogViewer(logViewer, data.split("\n"), taskState);
+ logViewer.filter(makeFilter());
+ generateJobOverview("#log-viewer-overview", logViewer, taskState);
+ $("#log-viewer .spinner").detach();
+ }).
+ fail(function(jqxhr, status, error) {
+ $("#log-viewer .spinner").detach();
+ });
<% end %>
<% else %>
<%# Live log loading not implemented yet. %>
<% end %>
-$(".toggle-filter").on("change", function() {
+$(".toggle-filter, .radio-filter").on("change", function() {
logViewer.filter(makeFilter());
});
$("#filter-none").on("click", function() {
$(".toggle-filter").each(function(i, f) { f.checked = false; console.log(f); });
- $("#show-all-tasks").prop("checked", true);
logViewer.filter(makeFilter());
});
<div>
<div class="radio-inline log-viewer-button" style="margin-left: 10px">
- <label><input id="show-all-tasks" type="radio" name="show-tasks-group" checked="true" class="toggle-filter"> Show all tasks</label>
+ <label><input id="show-all-tasks" type="radio" name="show-tasks-group" checked="true" class="radio-filter"> Show all tasks</label>
</div>
<div class="radio-inline log-viewer-button">
- <label><input id="show-successful-tasks" type="radio" name="show-tasks-group" class="toggle-filter"> Only successful tasks</label>
+ <label><input id="show-successful-tasks" type="radio" name="show-tasks-group" class="radio-filter"> Only successful tasks</label>
</div>
<div class="radio-inline log-viewer-button">
- <label><input id="show-failed-tasks" type="radio" name="show-tasks-group" class="toggle-filter"> Only failed tasks</label>
+ <label><input id="show-failed-tasks" type="radio" name="show-tasks-group" class="radio-filter"> Only failed tasks</label>
</div>
</div>
</table>
<% if @object.log and logcollection %>
- <%= image_tag 'ajax-loader.gif', id: "logloadspinner" %>
+ <div class="spinner spinner-32px"></div>
<% end %>
</div>