scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-10-11 06:16:32 +08:00
Code Issues Projects Releases Packages Wiki Activity

Add empty state for protocol actions toolbar [SCI-8077]

Browse source
This commit is contained in:
Anton 2023-03-07 11:44:03 +01:00
parent b9193748fa
commit ece09ee9a5
4 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/protocols/index.js
View file

@ -695,6 +695,8 @@ var ProtocolsIndex = (function() {
actionToolbar.find('.btn').removeClass('btn-primary').addClass('btn-light');
actionToolbar.find('.btn:visible').first().addClass('btn-primary').removeClass('btn-light');
actionToolbar.find('.btn').removeClass('notransition');
actionToolbar.find('.emptyPlaceholder').toggleClass('hidden', actionToolbar.find('.btn:visible').length > 0);
}
/*

5
app/assets/stylesheets/shared/datatable.scss
View file

@ -56,6 +56,11 @@
top: 0;
width: 100%;
.emptyPlaceholder {
color: $color-volcano;
margin-left: 12px;
}
.btn {
margin-right: .25em;
}

3
app/views/protocols/index/_action_toolbar.html.erb
View file

@ -23,4 +23,7 @@
<i class="fas fa-undo"></i>
<span class="button-text"><%= t("protocols.index.action_toolbar.restore") %></span>
</button>
<div class="emptyPlaceholder hidden">
<%= t("protocols.index.action_toolbar.empty_placeholder") %>
</div>
</template>

1
config/locales/en.yml
View file

@ -2720,6 +2720,7 @@ en:
export: "Export"
archive: "Archive"
restore: "Restore"
empty_placeholder: "There is no action available"
public_description: "Team protocols are visible and can be used by everyone from the team."
private_description: "My protocols are only visible to you."
create_new: "New protocol"