Update repository index page

This commit is contained in:
Urban Rotnik 2019-07-29 16:39:23 +02:00
parent 3c1f28ec06
commit 466b05a5bc
8 changed files with 131 additions and 39 deletions

View file

@ -55,7 +55,7 @@ var RepositoryDatatable = (function(global) {
originalHeader = $(TABLE_ID + ' thead').children().clone();
viewAssigned = 'assigned';
TABLE = $(TABLE_ID).DataTable({
dom: "R<'row'<'col-sm-9-custom toolbar'l><'col-sm-3-custom'f>><'row'<'col-sm-12't>><'row'<'col-sm-7'i><'col-sm-5'p>>",
dom: "R<'row'<'col-sm-6 toolbar'l><'col-sm-6'f>><'row'<'col-sm-12't>><'row'<'col-sm-7'i><'col-sm-5'p>>",
stateSave: true,
processing: true,
serverSide: true,
@ -252,8 +252,8 @@ var RepositoryDatatable = (function(global) {
TABLE.columns.adjust();
// Append button to inner toolbar in table
$('div.toolbarButtons').appendTo('div.toolbar');
$('div.toolbarButtons').show();
$('div.toolbarButtonsDatatable').appendTo('div.toolbar');
$('div.toolbarButtonsDatatable').show();
}, 10);
return TABLE;

View file

@ -117,3 +117,9 @@
float: none;
position: relative;
}
.btn {
.fas {
margin-right: 5px;
}
}

View file

@ -10,9 +10,18 @@
.repository-table {
margin-top: 20px;
.btn {
border: 0;
}
// Datatables generated name
.dataTables_length {
display: inline-block;
float: right;
margin-left: 10px;
}
.dataTables_filter {
float: right;
}
// hack only for firefox
@ -28,7 +37,6 @@
.repository-cog {
display: inline-block;
float: right;
padding-bottom: 15px;
padding-left: 4px;
}
@ -41,3 +49,53 @@
background-color: $color-concrete;
margin-bottom: 15px;
}
#repository-toolbar {
display: flex;
.repository-title {
align-items: center;
display: flex;
flex-grow: 1;
font-size: 18px;
font-weight: 500;
margin-right: 20px;
overflow: hidden;
span {
white-space: nowrap;
}
.repository-label {
flex-shrink: 0;
margin-right: 5px;
opacity: .8;
}
.repository-share-icon {
flex-shrink: 0;
margin-left: 5px;
}
.repository-name {
display: inline-block;
overflow: hidden;
}
}
.datatables-buttons {
flex-shrink: 0;
}
}
.sidebar-button {
span {
display: inline-block !important;
padding: 0 !important;
}
.fas {
margin-right: 5px;
}
}

View file

@ -1200,7 +1200,7 @@ table.dataTable {
thead > tr > th,
thead > tr > td {
padding: 6px;
padding: 8px;
}
tbody > tr.selected,

View file

@ -3,7 +3,7 @@
data-tooltipcontent="<%= I18n.t('tooltips.text.inventory.visibility') %>">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
<span class="fas fa-eye"></span>
<span class="hidden-xs"><%= t('repositories.index.visibility') %></span>
<span class="hidden-xs"><%= t('repositories.index.columns') %></span>
</button>
<ul class="dropdown-menu dropdown-menu-right smart-dropdown" id="repository-columns-list">
<li class="repository-columns-list-template hide">

View file

@ -14,15 +14,26 @@
<% end %>
<% if repository.shared_with?(current_team) %>
<% if repository.team_repositories.where(team: current_team).take[:permission_level] == 'write' %>
<% if repository.team_repositories.where(team: current_team).take.write? %>
<%= draw_custom_icon('shared-edit') %>
<% elsif repository.team_repositories.where(team: current_team).take[:permission_level] == 'read' %>
<% else %>
<%= draw_custom_icon('shared-read') %>
<% end %>
<% end %>
</span>
</li>
<% end %>
<% if can_create_repositories?(current_team) %>
<li>
<span class="tree-link link-wrap no-indent">
<a class="sidebar-button" id="create-new-repository" data-remote="true"
href="<%= create_modal_team_repositories_path(@repository.team) %>">
<span class="fas fa-plus"></span>
<%= t('libraries.index.no_libraries.create_new_button') %>
</a>
</span>
</li>
<% end %>
</ul>
</div>
</div>

View file

@ -11,16 +11,34 @@
<div class="content-pane">
<div id="repository-toolbar">
<div class="repository-title">
<span class="repository-label"><%= t('repositories.index.title_label') %> </span>
<span class="repository-name" title="<%= @repository.name %>"><%= @repository.name %></span>
<span class="repository-share-icon">
<% if @repository.shared_with?(current_team) %>
<% if @repository.team_repositories.where(team: current_team).first.write? %>
<%= draw_custom_icon('shared-edit') %>
<% else %>
<%= draw_custom_icon('shared-read') %>
<% end %>
<% end %>
</span>
</div>
<% if can_create_repository_rows?(@repository) %>
<button type="button" class="btn btn-primary editAdd help_tooltips"
id="addRepositoryRecord" onclick="onClickAddRecord()"
data-tooltiplink="<%= I18n.t('tooltips.link.inventory.new') %>"
data-tooltipcontent="<%= I18n.t('tooltips.text.inventory.new') %>">
<span class="fas fa-plus"></span>
<span class="hidden-xs"><%= t("repositories.add_new_record") %></span>
</button>
<% end %>
<div id="datatables-buttons" class="datatables-buttons" style="display: inline;">
<div class="new-repository-button">
<% if can_manage_repository?(@repository) %>
<a class="btn btn-default"
id="share-repository"
data-remote="true"
href="#">
<span class="fas fa-user-plus"></span>
<span class="hidden-xs"><%= t('repositories.index.share_inventory') %></span>
</a>
<% end %>
</div>
<%= render partial: "columns_reorder_dropdown", formats: :html %>
</div>
<div class="repository-cog dropdown">
<button id="repository-acitons-dropdown"
@ -30,8 +48,8 @@
aria-haspopup="true"
aria-expanded="true"
<%= "disabled" unless can_perform_repository_actions(@repository) %>>
<span class="fas fa-ellipsis-v"></span>
<span class="hidden-xs"><%= t('repositories.index.advanced') %></span>
<span class="fas fa-pencil-alt"></span>
<span class="hidden-xs"><%= t('repositories.index.edit_inventory') %></span>
<span class="caret"></span>
</button>
@ -88,24 +106,10 @@
</ul>
<% end %>
</div>
<div id="datatables-buttons" style="display: inline;">
<div class="new-repository-button">
<% if can_create_repositories?(@repository.team) %>
<a class="btn btn-default"
id="create-new-repository"
data-remote="true"
href="<%= create_modal_team_repositories_path(@repository.team) %>">
<span class="fas fa-plus"></span>
<span class="hidden-xs"><%= t('libraries.index.no_libraries.create_new_button') %></span>
</a>
<% end %>
</div>
<%= render partial: "columns_reorder_dropdown", formats: :html %>
</div>
</div>
<hr/>
<div class="btn-group inline" id="saveCancel" data-toggle="buttons" style="display:none">
<button type="button" class="btn btn-success" id="saveRecord" onclick="onClickSave()">
<span class="fas fa-save"></span>
@ -118,7 +122,18 @@
</div>
<!-- These buttons are appended to table in javascript, after table initialization -->
<div class="toolbarButtons" style="display:none">
<div class="toolbarButtonsDatatable" style="display:none">
<% if can_create_repository_rows?(@repository) %>
<button type="button" class="btn btn-primary editAdd help_tooltips"
id="addRepositoryRecord" onclick="onClickAddRecord()"
data-tooltiplink="<%= I18n.t('tooltips.link.inventory.new') %>"
data-tooltipcontent="<%= I18n.t('tooltips.text.inventory.new') %>">
<span class="fas fa-plus"></span>
<span class="hidden-xs"><%= t("repositories.add_new_record") %></span>
</button>
<% end %>
<% if can_manage_repository_rows?(@repository) %>
<button type="button" class="btn btn-default editAdd" id="editRepositoryRecord" onclick="onClickEdit()" disabled>
<span class="fas fa-pencil-alt"></span>
@ -126,7 +141,7 @@
</button>
<button type="button" class="btn btn-default"
id="deleteRepositoryRecordsButton" onclick="onClickDelete()" disabled>
<span class="fas fa-trash-alt"></span>
<span class="fas fa-trash"></span>
<span class="hidden-xs-custom"><%= t'repositories.delete_record' %></span>
<%= submit_tag I18n.t('repositories.delete_record'), :class => "hidden
delete_repository_records_submit" %>

View file

@ -983,8 +983,10 @@ en:
delete_flash: "\"%{name}\" inventory was successfully deleted!"
rename_flash: "\"%{old_name}\" inventory was successfully renamed to \"%{new_name}\"!"
copy_flash: "\"%{new}\" inventory was successfully copied from \"%{old}\"!"
visibility: "Visibility"
advanced: "Advanced"
columns: "Columns"
edit_inventory: "Edit Inventory"
share_inventory: "Share"
title_label: "Inventory:"
options_dropdown:
header: "Edit inventory"
manage_columns: 'Manage columns'