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

exposed experiment ids on card view page / other styling updates [SCI-7176]

Browse source
This commit is contained in:
Giga Chubinidze 2022-10-28 15:16:02 +04:00
parent b1296adeb3
commit a9287df1a0
3 changed files with 28 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/projects/show.js
View file

@ -51,7 +51,7 @@
}); });
$(experimentsPage).attr('data-toolbar-visible', toolbarVisible); $(experimentsPage).attr('data-toolbar-visible', toolbarVisible);
} }
console.log(12)
function initProjectsViewModeSwitch() { function initProjectsViewModeSwitch() {
$(experimentsPage) $(experimentsPage)
.on('ajax:success', '.change-experiments-view-type-form', function(ev, data) { .on('ajax:success', '.change-experiments-view-type-form', function(ev, data) {

21
app/assets/stylesheets/experiments.scss
View file

@ -542,18 +542,33 @@
} }
} }
} }
.cards-wrapper.last-page.cards { .cards-wrapper.last-page.cards {
.experiment-card { .experiment-card {
// background-color: red;
.experiment-name-cell { .experiment-name-cell {
right: 28px; right: 28px;
top: 20px; top: -11px;
}
.data-row {
.card-label {
color: $color-silver-chalice;
}
} }
.modified-date-cell { .modified-date-cell {
color: $color-silver-chalice; color: $color-silver-chalice;
position: relative;
top: -2px;
left: 80px;
margin-left: auto;
margin-right: 114px;
}
.experiment-code-cell {
position: relative;
top: 5px;
left: 20px;
} }
} }
} }

6
app/views/projects/show/_experiment_card.html.erb
View file

@ -10,13 +10,16 @@
</div> </div>
<% end %> <% end %>
</div> </div>
<div class="experiment-code-cell table-cell"> <div class="experiment-code-cell table-cell">
<span><%= experiment.code %></span> <span><%= experiment.code %></span>
</div> </div>
<div class="data-row modified-date-cell table-cell"> <div class="data-row modified-date-cell table-cell">
<span class="card-label" cards-render="true"><%= t('experiments.card.modified_date') %></span> <span class="card-label" cards-render="true"><%= t('experiments.card.modified_date') %></span>
<span class="card-value"><%= l(experiment.updated_at, format: :full_date) %></span> <span class="card-value"><%= l(experiment.updated_at, format: :full_date) %></span>
</div> </div>
<div class="experiment-name-cell table-cell"> <div class="experiment-name-cell table-cell">
<div class="workflow-img-wrapper" list-render="true"> <div class="workflow-img-wrapper" list-render="true">
<%= render partial: 'projects/show/experiment_workflow_image_container', locals: { experiment: experiment } %> <%= render partial: 'projects/show/experiment_workflow_image_container', locals: { experiment: experiment } %>
@ -27,9 +30,6 @@
<%= link_to experiment.name, canvas_experiment_path(experiment), title: experiment.name, class: 'name-link' %> <%= link_to experiment.name, canvas_experiment_path(experiment), title: experiment.name, class: 'name-link' %>
<% end %> <% end %>
</div> </div>
<div class="actions actions-cell table-cell"> <div class="actions actions-cell table-cell">
<div class="dropdown dropdown-async experiment-actions-menu" data-dropdown-url="<%= actions_dropdown_experiment_path(experiment) %>"> <div class="dropdown dropdown-async experiment-actions-menu" data-dropdown-url="<%= actions_dropdown_experiment_path(experiment) %>">
<button class="btn btn-light dropdown-toggle icon-btn" type="button" id="experimentActionsDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <button class="btn btn-light dropdown-toggle icon-btn" type="button" id="experimentActionsDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">