scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-21 07:26:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

Hide inventory buttons and fix css of disabled button

Browse source
This commit is contained in:
Mojca Lorber 2020-07-07 13:53:31 +02:00
parent b347fcf5c9
commit 9642e92fdc
5 changed files with 24 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/assets/javascripts/repositories/index.js
View file

@ -13,20 +13,20 @@
$('#copyRepoBtn').attr('href', '#');
switch (rowsCount) {
case 0:
$('.main-actions [data-action-mode="single"]').addClass('disabled');
$('.main-actions [data-action-mode="multiple"]').addClass('disabled');
$('.main-actions [data-action-mode="single"]').addClass('disabled hidden');
$('.main-actions [data-action-mode="multiple"]').addClass('disabled hidden');
break;
case 1:
row = $('#repositoriesList').find('tr#' + CHECKBOX_SELECTOR.selectedRows[0]);
$('.main-actions [data-action-mode="single"]').removeClass('disabled');
$('.main-actions [data-action-mode="multiple"]').removeClass('disabled');
$('.main-actions [data-action-mode="single"]').removeClass('disabled hidden');
$('.main-actions [data-action-mode="multiple"]').removeClass('disabled hidden');
$('#renameRepoBtn').attr('href', row.data('rename-modal-url'));
$('#deleteRepoBtn').attr('href', row.data('delete-modal-url'));
$('#copyRepoBtn').attr('href', row.data('copy-modal-url'));
break;
default:
$('.main-actions [data-action-mode="single"]').addClass('disabled');
$('.main-actions [data-action-mode="multiple"]').removeClass('disabled');
$('.main-actions [data-action-mode="single"]').removeClass('hidden').addClass('disabled');
$('.main-actions [data-action-mode="multiple"]').removeClass('disabled hidden');
}
}

6
app/assets/stylesheets/repository/index.scss
View file

@ -11,6 +11,12 @@
}
}
.toolbar {
.hidden {
display: none;
}
}
&[data-readonly="true"] {
.main-actions {
.toolbar {

16
app/assets/stylesheets/shared_styles/elements/buttons.scss
View file

@ -137,13 +137,17 @@
}
}
&.disabled,
&:disabled {
border: $border-tertiary;
color: $color-silver-chalice;
cursor: not-allowed;
opacity: .5;
pointer-events: auto !important;
&.btn-primary {
&.btn-primary,
&.btn-danger {
background: $color-alto;
border: $border-tertiary;
&:hover {
border: $border-tertiary;
@ -156,17 +160,9 @@
background: $color-white;
&:hover {
background: $color-white;
border: $border-tertiary;
color: $color-silver-chalice;
}
}
&.btn-danger {
&:hover {
background: $color-alto;
}
}
}
}

2
app/views/repositories/_toolbar_buttons.html.erb
View file

@ -1,4 +1,4 @@
<div id="toolbarButtonsDatatable">
<div id="toolbarButtonsDatatable" class="sci-btn-group">
<% if @repository.active? %>
<% if @repository.repository_snapshots.provisioning.any? %>
<div class='repository-provisioning-notice'>

10
app/views/repositories/index.html.erb
View file

@ -85,16 +85,16 @@
<span class="hidden-xs"><%= t('libraries.index.no_libraries.create_new_button') %></span>
</a>
<% end %>
<a id="renameRepoBtn" class="btn btn-light disabled" data-view-mode="active" href="#" data-action-mode="single" data-remote="true">
<a id="renameRepoBtn" class="btn btn-light disabled hidden" data-view-mode="active" href="#" data-action-mode="single" data-remote="true">
<span class="fas fa-pencil-alt"></span>
<%= t('libraries.index.buttons.edit') %>
</a>
<a id="copyRepoBtn" class="btn btn-light disabled" data-view-mode="active" href="#" data-action-mode="single" data-remote="true">
<a id="copyRepoBtn" class="btn btn-light disabled hidden" data-view-mode="active" href="#" data-action-mode="single" data-remote="true">
<span class="fas fa-copy"></span>
<%= t('libraries.index.buttons.duplicate') %>
</a>
<a id="archiveRepoBtn"
class="btn btn-light disabled"
class="btn btn-light disabled hidden"
data-view-mode="active"
data-action-mode="multiple"
data-archive-repositories="<%= archive_team_repositories_path(current_team) %>">
@ -102,14 +102,14 @@
<%= t('libraries.index.buttons.archive') %>
</a>
<a id="restoreRepoBtn"
class="btn btn-light disabled"
class="btn btn-light disabled hidden"
data-view-mode="archived"
data-action-mode="multiple"
data-restore-repositories="<%= restore_team_repositories_path(current_team) %>">
<span class="fas fa-undo"></span>
<%= t('libraries.index.buttons.restore') %>
</a>
<a id="deleteRepoBtn" class="btn btn-light disabled" data-view-mode="archived" href="#" data-action-mode="single" data-remote="true">
<a id="deleteRepoBtn" class="btn btn-light disabled hidden" data-view-mode="archived" href="#" data-action-mode="single" data-remote="true">
<span class="fas fa-trash"></span>
<%= t('libraries.index.buttons.delete') %>
</a>