Fix buttons visability on reports page according to new styleguide

This commit is contained in:
Mojca Lorber 2020-09-03 16:19:02 +02:00
parent 4c1e120f23
commit 1f0d9f3ad7
2 changed files with 8 additions and 8 deletions

View file

@ -114,14 +114,14 @@
var editReportButton = $('#edit-report-btn'); var editReportButton = $('#edit-report-btn');
var deleteReportsButton = $('#delete-reports-btn'); var deleteReportsButton = $('#delete-reports-btn');
if (CHECKED_REPORTS.length === 0) { if (CHECKED_REPORTS.length === 0) {
editReportButton.addClass("disabled"); editReportButton.addClass("disabled hidden");
deleteReportsButton.addClass("disabled"); deleteReportsButton.addClass("disabled hidden");
} else if (CHECKED_REPORTS.length === 1) { } else if (CHECKED_REPORTS.length === 1) {
editReportButton.removeClass("disabled"); editReportButton.removeClass("disabled hidden");
deleteReportsButton.removeClass("disabled"); deleteReportsButton.removeClass("disabled hidden");
} else { } else {
editReportButton.addClass("disabled"); editReportButton.removeClass('hidden').addClass('disabled');
deleteReportsButton.removeClass("disabled"); deleteReportsButton.removeClass("disabled hidden");
} }
} }

View file

@ -14,11 +14,11 @@
<span class="fas fa-plus" aria-hidden="true"></span> <span class="fas fa-plus" aria-hidden="true"></span>
<span class="hidden-xs"><%=t "projects.reports.index.new" %></span> <span class="hidden-xs"><%=t "projects.reports.index.new" %></span>
<% end %> <% end %>
<%= link_to "", remote: true, class: "btn btn-secondary", id: "edit-report-btn" do %> <%= link_to "", remote: true, class: "btn btn-light disabled hidden", id: "edit-report-btn" do %>
<span class="fas fa-pencil-alt" aria-hidden="true"></span> <span class="fas fa-pencil-alt" aria-hidden="true"></span>
<span class="hidden-xs"><%=t "projects.reports.index.edit" %></span> <span class="hidden-xs"><%=t "projects.reports.index.edit" %></span>
<% end %> <% end %>
<%= link_to "", remote: true, class: "btn btn-secondary", id: "delete-reports-btn" do %> <%= link_to "", remote: true, class: "btn btn-light disabled hidden", id: "delete-reports-btn" do %>
<span class="fas fa-times" aria-hidden="true"></span> <span class="fas fa-times" aria-hidden="true"></span>
<span class="hidden-xs"><%=t "projects.reports.index.delete" %></span> <span class="hidden-xs"><%=t "projects.reports.index.delete" %></span>
<% end %> <% end %>