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

Add empty state for barcode printers [SCI-5935] ()

Browse source
This commit is contained in:
aignatov-bio 2021-07-28 11:12:46 +02:00 • committed by GitHub
parent 8d033274e4
commit a54f36a486
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 55 additions and 26 deletions
app
assets
images/printers
no_available_printers.png
stylesheets/repository
repository_print_label_modal.scss
controllers
repository_rows_controller.rb
views/repositories
_print_label_modal.html.erb
config/locales
en.yml

BIN
app/assets/images/printers/no_available_printers.png Normal file
View file

Binary file not shown.
Side by side

After

(image error) Size: 16 KiB

10
app/assets/stylesheets/repository/repository_print_label_modal.scss
View file

@ -18,4 +18,14 @@
.modal-footer { .modal-footer {
text-align: center; text-align: center;
} }
.no-printers-container {
padding: 2em;
text-align: center;
.no-printer-title {
@include font-h3;
margin-top: 1em;
}
}
} }

2
app/controllers/repository_rows_controller.rb
View file

@ -73,7 +73,7 @@ class RepositoryRowsController < ApplicationController
def print_modal def print_modal
@repository_rows = @repository.repository_rows.where(id: params[:rows]) @repository_rows = @repository.repository_rows.where(id: params[:rows])
@printers = ['test1', 'test2', 'test3'] @printers = []
respond_to do |format| respond_to do |format|
format.json do format.json do
render json: { render json: {

65
app/views/repositories/_print_label_modal.html.erb
View file

@ -1,33 +1,48 @@
<div class="modal fade" id="modal-print-repository-row-label" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal fade" id="modal-print-repository-row-label" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">
<% if @repository_rows.size == 1 %>
<%= t('repository_row.modal_print_label.head_title', repository_row: @repository_rows.first.name) %>
<span class="id-label">
<%= t('repository_row.modal_print_label.id_label', repository_row_id: @repository_rows.first.id) %>
</span>
<% else %>
<%= t('repository_row.modal_print_label.head_title_multiple', repository_rows: @repository_rows.size) %>
<% end %>
</h4>
</div> <% if @printers.size > 0 %>
<div class="modal-body"> <div class="modal-header">
<div class=printers-container> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<label><%= t('repository_row.modal_print_label.printer') %></label> <h4 class="modal-title">
<%= select_tag "printers", options_for_select(@printers) %> <% if @repository_rows.size == 1 %>
<%= t('repository_row.modal_print_label.head_title', repository_row: @repository_rows.first.name) %>
<span class="id-label">
<%= t('repository_row.modal_print_label.id_label', repository_row_id: @repository_rows.first.id) %>
</span>
<% else %>
<%= t('repository_row.modal_print_label.head_title_multiple', repository_rows: @repository_rows.size) %>
<% end %>
</h4>
</div> </div>
<p class="sci-input-container"> <div class="modal-body">
<label><%= t('repository_row.modal_print_label.number_of_copies') %></label> <div class=printers-container>
<%= number_field_tag :copies, 1, min: 1, class: 'sci-input-field print-copies-input' %> <label><%= t('repository_row.modal_print_label.printer') %></label>
</p> <%= select_tag "printers", options_for_select(@printers) %>
</div> </div>
<div class="modal-footer"> <p class="sci-input-container">
<button type="button" class="btn btn-primary" data-dismiss="modal"><%= t('repository_row.modal_print_label.print_label') %></button> <label><%= t('repository_row.modal_print_label.number_of_copies') %></label>
</div> <%= number_field_tag :copies, 1, min: 1, class: 'sci-input-field print-copies-input' %>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal"><%= t('repository_row.modal_print_label.print_label') %></button>
</div>
<% else %>
<div class="modal-body no-printers-container">
<%= image_tag 'printers/no_available_printers' %>
<p class="no-printer-title">
<%= t('repository_row.modal_print_label.no_printers.title') %>
</p>
<p class="no-printer-body">
<%= t('repository_row.modal_print_label.no_printers.description') %>
</p>
</div>
<div class="modal-footer">
<%= link_to t('repository_row.modal_print_label.no_printers.visit_blog'), '', class: "btn btn-primary" %>
</div>
<% end %>
</div> </div>
</div> </div>
</div> </div>

4
config/locales/en.yml
View file

@ -1626,6 +1626,10 @@ en:
printer: "Printer" printer: "Printer"
number_of_copies: "Number of copies" number_of_copies: "Number of copies"
print_label: "Print label" print_label: "Print label"
no_printers:
title: "There seems to be no printer available"
description: "To learn more about printing labels and label printers please visit our blog."
visit_blog: "Visit blog"
activities: activities:
index: index:
global_activities_title: "Global activities" global_activities_title: "Global activities"