tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Updates Taxonomies table with current style, removes Buefy table. Adds tabs for draft and trash status on taxonomies list.

This commit is contained in:
mateuswetah 2018-05-23 21:50:43 -03:00
parent d665767a55
commit 162c3660b5
8 changed files with 3126 additions and 2720 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5035
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

549
src/admin/components/lists/categories-list.vue
View File

@ -1,102 +1,120 @@
<template> <template>
<div class="table-container"> <div
<b-field v-if="totalCategories > 0 && !isLoading"
grouped class="table-container">
group-multiline>
<button
v-if="selectedCategories.length > 0"
class="button field is-danger"
@click="deleteSelectedCategories()">
<span>{{ $i18n.get('instruction_delete_selected_categories') }} </span>
<b-icon icon="delete"/>
</button>
</b-field>
<b-table <div class="selection-control">
v-if="totalCategories > 0" <div class="field select-all is-pulled-left">
ref="categoryTable" <span>
:data="categories" <b-checkbox
:checked-rows.sync="selectedCategories" @click.native="selectAllCategoriesOnPage()"
checkable :value="allCategoriesOnPageSelected">{{ $i18n.get('label_select_all_categories_page') }}</b-checkbox>
:loading="isLoading" </span>
hoverable </div>
striped <div class="field is-pulled-right">
selectable <b-dropdown
backend-sorting> position="is-bottom-left"
v-if="categories[0].current_user_can_edit"
:disabled="!isSelectingCategories"
id="bulk-actions-dropdown">
<button
class="button is-white"
slot="trigger">
<span>{{ $i18n.get('label_bulk_actions') }}</span>
<b-icon icon="menu-down"/>
</button>
<template slot-scope="props"> <b-dropdown-item
<b-table-column id="item-delete-selected-items"
tabindex="0" @click="deleteSelectedCategories()">
:label="$i18n.get('label_name')" {{ $i18n.get('label_delete_selected_categories') }}
:aria-label="$i18n.get('label_name')" </b-dropdown-item>
field="props.row.name"> <b-dropdown-item disabled>{{ $i18n.get('label_edit_selected_categories') + ' (Not ready)' }}
<router-link </b-dropdown-item>
class="clickable-row" </b-dropdown>
tag="span" </div>
:to="{path: $routerHelper.getCategoryEditPath(props.row.id)}"> </div>
{{ props.row.name }}
</router-link>
</b-table-column>
<b-table-column <div class="table-wrapper">
tabindex="0" <table class="table">
:aria-label="$i18n.get('label_description')" <thead>
:label="$i18n.get('label_description')" <tr>
property="description" <!-- Checking list -->
show-overflow-tooltip <th>
field="props.row.description"> &nbsp;
<router-link <!-- nothing to show on header -->
class="clickable-row" </th>
tag="span" <!-- Name -->
:to="{path: $routerHelper.getCategoryEditPath(props.row.id)}"> <th>
{{ props.row.description }} <div class="th-wrap">{{ $i18n.get('label_name') }}</div>
</router-link> </th>
</b-table-column> <!-- Description -->
<th>
<b-table-column <div class="th-wrap">{{ $i18n.get('label_description') }}</div>
tabindex="0" </th>
:label="$i18n.get('label_actions')" <!-- Actions -->
width="78" <th class="actions-header">
:aria-label="$i18n.get('label_actions')"> &nbsp;
<!-- <a id="button-view" :aria-label="$i18n.get('label_button_view')" @click.prevent.stop="goToCollectionPage(props.row.id)"><b-icon icon="eye"></a> --> <!-- nothing to show on header for actions cell-->
<a </th>
id="button-edit" </tr>
:aria-label="$i18n.getFrom('categories','edit_item')" </thead>
@click.prevent.stop="goToCategoryEditPage(props.row.id)"> <tbody>
<b-icon <tr
type="is-gray" :class="{ 'selected-row': selectedCategories[index] }"
icon="pencil" /> :key="index"
</a> v-for="(category, index) of categories">
<a <!-- Checking list -->
id="button-delete" <td
:aria-label="$i18n.get('label_button_delete')" :class="{ 'is-selecting': isSelectingCategories }"
@click.prevent.stop="deleteOneCategory(props.row.id)"> class="checkbox-cell">
<b-icon <b-checkbox
type="is-gray" size="is-small"
icon="delete" /> v-model="selectedCategories[index]"/>
</a> </td>
</b-table-column> <!-- Name -->
</template> <td
class="column-default-width column-main-content"
</b-table> @click="goToCategoryEditPage(category.id)"
:label="$i18n.get('label_name')"
<div v-if="(!totalCategories || totalCategories <= 0) && !isLoading"> :aria-label="$i18n.get('label_name') + ': ' + category.name">
<section class="section"> <p>{{ category.name }}</p>
<div class="content has-text-grey has-text-centered"> </td>
<p> <!-- Description -->
<b-icon <td
icon="inbox" class="column-large-width"
size="is-large"/> @click="goToCategoryEditPage(category.id)"
</p> :label="$i18n.get('label_description')"
<p>{{ $i18n.get('info_no_category_created') }}</p> :aria-label="$i18n.get('label_description') + ': ' + category.description">
<router-link <p>{{ category.description }}</p>
tag="button" </td>
class="button is-secondary" <!-- Actions -->
:to="{ path: $routerHelper.getNewCategoryPath() }"> <td
{{ $i18n.getFrom('taxonomies', 'new_item') }} @click="goToCategoryEditPage(category.id)"
</router-link> class="actions-cell column-default-width"
</div> :label="$i18n.get('label_actions')">
</section> <div class="actions-container">
<a
id="button-edit"
:aria-label="$i18n.getFrom('categories','edit_item')"
@click="goToCategoryEditPage(category.id)">
<b-icon
type="is-secondary"
icon="pencil"/>
</a>
<a
id="button-delete"
:aria-label="$i18n.get('label_button_delete')"
@click.prevent.stop="deleteOneCategory(category.id)">
<b-icon
type="is-secondary"
icon="delete"/>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
</template> </template>
@ -106,6 +124,13 @@
export default { export default {
name: 'CategoriesList', name: 'CategoriesList',
data() {
return {
selectedCategories: [],
allCategoriesOnPageSelected: false,
isSelectingCategories: false
}
},
props: { props: {
isLoading: false, isLoading: false,
totalCategories: 0, totalCategories: 0,
@ -113,72 +138,93 @@
categoriesPerPage: 12, categoriesPerPage: 12,
categories: Array categories: Array
}, },
data() { watch: {
return { categories() {
selectedCategories: [] this.selectedCategories = [];
for (let i = 0; i < this.categories.length; i++)
this.selectedCategories.push(false);
},
selectedCategories() {
let allSelected = true;
let isSelecting = false;
for (let i = 0; i < this.selectedCategories.length; i++) {
if (this.selectedCategories[i] == false) {
allSelected = false;
} else {
isSelecting = true;
}
}
this.allCategoriesOnPageSelected = allSelected;
this.isSelectingCategories = isSelecting;
} }
}, },
methods: { methods: {
...mapActions('category', [ ...mapActions('category', [
'deleteCategory' 'deleteCategory'
]), ]),
selectAllCategoriesOnPage() {
for (let i = 0; i < this.selectedCategories.length; i++)
this.selectedCategories.splice(i, 1, !this.allCategoriesOnPageSelected);
},
deleteOneCategory(categoryId) { deleteOneCategory(categoryId) {
this.$dialog.confirm({ this.$dialog.confirm({
message: this.$i18n.get('info_warning_category_delete'), message: this.$i18n.get('info_warning_category_delete'),
onConfirm: () => { onConfirm: () => {
this.deleteCategory(categoryId) this.deleteCategory(categoryId)
.then(() => { .then(() => {
this.$toast.open({ // this.$toast.open({
duration: 3000, // duration: 3000,
message: this.$i18n.get('info_category_deleted'), // message: this.$i18n.get('info_category_deleted'),
position: 'is-bottom', // position: 'is-bottom',
type: 'is-secondary', // type: 'is-secondary',
queue: true // queue: true
}); // });
for (let i = 0; i < this.selectedCategories.length; i++) { for (let i = 0; i < this.selectedCategories.length; i++) {
if (this.selectedCategories[i].id === this.categoryId) if (this.selectedCategories[i].id === this.categoryId)
this.selectedCategories.splice(i, 1); this.selectedCategories.splice(i, 1);
} }
}) })
.catch(() => { .catch(() => {
this.$toast.open({ // this.$toast.open({
duration: 3000, // duration: 3000,
message: this.$i18n.get('info_error_deleting_category'), // message: this.$i18n.get('info_error_deleting_category'),
position: 'is-bottom', // position: 'is-bottom',
type: 'is-danger', // type: 'is-danger',
queue: true // queue: true
}); // });
}); });
} }
}); });
}, },
deleteSelectedCategories() { deleteSelectedCategories() {
this.$dialog.confirm({ this.$dialog.confirm({
message: this.$i18n.get('info_selected_categories_delete'), message: this.$i18n.get('info_warning_selected_categories_delete'),
onConfirm: () => { onConfirm: () => {
for (let category of this.selectedCategories) { for (let i = 0; i < this.categories.length; i++) {
this.deleteCategory(category.id) if (this.selectedCategories[i]) {
.then(() => { this.deleteCategory(this.categories[i].id)
this.loadCategories(); .then(() => {
this.$toast.open({ // this.loadCategories();
duration: 3000, // this.$toast.open({
message: this.$i18n.get('info_category_deleted'), // duration: 3000,
position: 'is-bottom', // message: this.$i18n.get('info_category_deleted'),
type: 'is-secondary', // position: 'is-bottom',
queue: false // type: 'is-secondary',
}) // queue: false
}).catch(() => { // })
this.$toast.open({ }).catch(() => {
duration: 3000, // this.$toast.open({
message: this.$i18n.get('info_error_deleting_category'), // duration: 3000,
position: 'is-bottom', // message: this.$i18n.get('info_error_deleting_category'),
type: 'is-danger', // position: 'is-bottom',
queue: false // type: 'is-danger',
// queue: false
// });
}); });
}); }
} }
this.selectedCategories = []; this.allCategoriesOnPageSelected = false;
} }
}); });
}, },
@ -196,18 +242,239 @@
@import "../../scss/_variables.scss"; @import "../../scss/_variables.scss";
.table-thumb { .selection-control {
max-height: 38px !important;
vertical-align: middle !important; padding: 6px 0px 0px 13px;
background: white;
height: 40px;
.select-all {
color: $gray-light;
font-size: 14px;
&:hover {
color: $gray-light;
}
}
} }
.row-creation span { .table {
color: $gray-light; width: 100%;
font-size: 0.75em; border-collapse: separate;
line-height: 1.5
th {
position: sticky;
position: -webkit-sticky;
background-color: white;
border-bottom: 1px solid $tainacan-input-background;
top: 0px;
z-index: 9;
padding: 10px;
vertical-align: bottom;
&.actions-header {
min-width: 8.333333333%;
}
}
.checkbox-cell {
min-width: 40px;
width: 40px;
padding: 0;
left: 0;
top: auto;
display: table-cell;
&::before {
box-shadow: inset 50px 0 10px -12px #222;
content: " ";
width: 50px;
height: 100%;
position: absolute;
left: 0;
top: 0;
visibility: hidden;
}
label.checkbox {
border-radius: 0px;
background-color: white;
padding: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
}
label span.control-label {
display: none;
}
&.is-selecting {
position: sticky !important;
position: -webkit-sticky !important;
&::before { visibility: visible !important; }
}
}
// Only to be used in case we can implement Column resizing
// th:not(:last-child) {
// border-right: 1px solid $tainacan-input-background !important;
// }
.thumbnail-cell {
width: 60px;
text-align: center;
}
.column-small-width {
min-width: 80px;
max-width: 80px;
p {
color: $gray-light;
font-size: 11px;
line-height: 1.5;
}
}
.column-default-width {
min-width: 80px;
max-width: 160px;
p {
color: $gray-light;
font-size: 11px;
line-height: 1.5;
}
}
.column-medium-width {
min-width: 120px;
max-width: 200px;
p {
color: $gray-light;
font-size: 11px;
line-height: 1.5;
}
}
.column-large-width {
min-width: 120px;
max-width: 240px;
p {
color: $gray-light;
font-size: 11px;
line-height: 1.5;
}
}
.column-main-content {
min-width: 120px !important;
max-width: 240px !important;
p {
font-size: 14px !important;
color: $tainacan-input-color !important;
margin: 0px !important;
}
}
.column-needed-width {
max-width: unset !important;
}
.column-align-right {
text-align: right !important;
}
tbody {
tr {
cursor: pointer;
background-color: transparent;
&.selected-row {
background-color: $primary-lighter;
.checkbox-cell .checkbox, .actions-cell .actions-container {
background-color: $primary-lighter;
}
}
td {
height: 60px;
max-height: 60px;
padding: 10px;
vertical-align: middle;
line-height: 12px;
border: none;
p {
font-size: 14px;
margin: 0px;
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap;
}
}
img.table-thumb {
max-height: 38px !important;
border-radius: 3px;
}
td.table-creation p {
color: $gray-light;
font-size: 11px;
line-height: 1.5;
}
td.actions-cell {
padding: 0px;
position: sticky !important;
position: -webkit-sticky !important;
right: 0px;
top: auto;
width: 80px;
.actions-container {
visibility: hidden;
display: flex;
position: relative;
padding: 0;
height: 100%;
width: 80px;
z-index: 9;
background-color: transparent;
float: right;
}
a {
margin: auto;
font-size: 18px !important;
}
}
&:hover {
background-color: $tainacan-input-background !important;
cursor: pointer;
.checkbox-cell {
position: sticky !important;
position: -webkit-sticky !important;
&::before { visibility: visible; }
.checkbox {
background-color: $tainacan-input-background !important;
}
}
.actions-cell {
.actions-container {
visibility: visible;
background: $tainacan-input-background !important;
}
&::after {
box-shadow: inset -97px 0 17px -21px #222;
content: " ";
width: 100px;
height: 100%;
position: absolute;
right: 0px;
top: 0;
}
}
}
}
}
} }
.clickable-row{ cursor: pointer !important; }
</style> </style>

82
src/admin/components/lists/collections-list.vue
View File

@ -91,7 +91,7 @@
</td> </td>
<!-- Name --> <!-- Name -->
<td <td
class="column-default-width" class="column-default-width column-main-content"
@click="goToCollectionPage(collection.id)" @click="goToCollectionPage(collection.id)"
:label="$i18n.get('label_name')" :label="$i18n.get('label_name')"
:aria-label="$i18n.get('label_name') + ': ' + collection.name"> :aria-label="$i18n.get('label_name') + ': ' + collection.name">
@ -99,7 +99,7 @@
</td> </td>
<!-- Description --> <!-- Description -->
<td <td
class="column-default-width" class="column-large-width"
@click="goToCollectionPage(collection.id)" @click="goToCollectionPage(collection.id)"
:label="$i18n.get('label_description')" :label="$i18n.get('label_description')"
:aria-label="$i18n.get('label_description') + ': ' + collection.description"> :aria-label="$i18n.get('label_description') + ': ' + collection.description">
@ -346,8 +346,6 @@ export default {
min-width: 40px; min-width: 40px;
width: 40px; width: 40px;
padding: 0; padding: 0;
position: sticky !important;
position: -webkit-sticky !important;
left: 0; left: 0;
top: auto; top: auto;
display: table-cell; display: table-cell;
@ -371,13 +369,13 @@ export default {
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
visibility: hidden;
} }
label span.control-label { label span.control-label {
display: none; display: none;
} }
&.is-selecting { &.is-selecting {
.checkbox { visibility: visible; } position: sticky !important;
position: -webkit-sticky !important;
&::before { visibility: visible !important; } &::before { visibility: visible !important; }
} }
} }
@ -388,6 +386,59 @@ export default {
.thumbnail-cell { .thumbnail-cell {
width: 60px; width: 60px;
text-align: center;
}
.column-small-width {
min-width: 80px;
max-width: 80px;
p {
color: $gray-light;
font-size: 11px;
line-height: 1.5;
}
}
.column-default-width {
min-width: 80px;
max-width: 160px;
p {
color: $gray-light;
font-size: 11px;
line-height: 1.5;
}
}
.column-medium-width {
min-width: 120px;
max-width: 200px;
p {
color: $gray-light;
font-size: 11px;
line-height: 1.5;
}
}
.column-large-width {
min-width: 120px;
max-width: 240px;
p {
color: $gray-light;
font-size: 11px;
line-height: 1.5;
}
}
.column-main-content {
min-width: 120px !important;
max-width: 240px !important;
p {
font-size: 14px !important;
color: $tainacan-input-color !important;
margin: 0px !important;
}
}
.column-needed-width {
max-width: unset !important;
}
.column-align-right {
text-align: right !important;
} }
tbody { tbody {
@ -409,21 +460,15 @@ export default {
line-height: 12px; line-height: 12px;
border: none; border: none;
p { p {
font-size: 14px; font-size: 14px;
margin: 0px; margin: 0px;
}
}
td.column-default-width{
max-width: 300px;
p {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow-x: hidden; overflow-x: hidden;
white-space: nowrap; white-space: nowrap;
} }
} }
img.table-thumb { img.table-thumb {
max-height: 37px !important; max-height: 38px !important;
border-radius: 3px; border-radius: 3px;
} }
@ -465,9 +510,12 @@ export default {
cursor: pointer; cursor: pointer;
.checkbox-cell { .checkbox-cell {
position: sticky !important;
position: -webkit-sticky !important;
&::before { visibility: visible; } &::before { visibility: visible; }
.checkbox {
visibility: visible; .checkbox {
background-color: $tainacan-input-background !important; background-color: $tainacan-input-background !important;
} }
} }

11
src/admin/components/lists/items-list.vue
View File

@ -356,8 +356,6 @@ export default {
min-width: 38px; min-width: 38px;
width: 38px; width: 38px;
padding: 0; padding: 0;
position: sticky !important;
position: -webkit-sticky !important;
left: 0; left: 0;
top: auto; top: auto;
display: table-cell; display: table-cell;
@ -381,13 +379,13 @@ export default {
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
visibility: hidden;
} }
label.control-label { label.control-label {
display: none; display: none;
} }
&.is-selecting { &.is-selecting {
.checkbox { visibility: visible; } position: sticky !important;
position: -webkit-sticky !important;
&::before { visibility: visible !important; } &::before { visibility: visible !important; }
} }
} }
@ -514,9 +512,12 @@ export default {
cursor: pointer; cursor: pointer;
.checkbox-cell { .checkbox-cell {
position: sticky !important;
position: -webkit-sticky !important;
&::before { visibility: visible; } &::before { visibility: visible; }
.checkbox { .checkbox {
visibility: visible;
background-color: $tainacan-input-background !important; background-color: $tainacan-input-background !important;
} }
} }

151
src/admin/pages/lists/categories-page.vue
View File

@ -4,7 +4,7 @@
<tainacan-title /> <tainacan-title />
<div <div
class="sub-header" class="sub-header"
v-if="totalCategories > 0"> v-if="checkIfUserCanEdit()">
<div class="header-item"> <div class="header-item">
<router-link <router-link
id="button-create-category" id="button-create-category"
@ -17,53 +17,90 @@
</div> </div>
<div class="above-subheader"> <div class="above-subheader">
<div class="tabs">
<categories-list <ul>
:is-loading="isLoading" <li
:total-categories="totalCategories" @click="onChangeTab('')"
:page="page" :class="{ 'is-active': status == undefined || status == ''}"><a>{{ $i18n.get('label_all_items') }}</a></li>
:categories-per-page="categoriesPerPage" <li
:categories="categories"/> @click="onChangeTab('draft')"
:class="{ 'is-active': status == 'draft'}"><a>{{ $i18n.get('label_draft_items') }}</a></li>
<!-- Footer --> <li
<div @click="onChangeTab('trash')"
class="pagination-area" :class="{ 'is-active': status == 'trash'}"><a>{{ $i18n.get('label_trash_items') }}</a></li>
v-if="totalCategories > 0"> </ul>
<div class="shown-items"> </div>
{{ <div>
$i18n.get('info_showing_categories') + <categories-list
(categoriesPerPage * (page - 1) + 1) + :is-loading="isLoading"
$i18n.get('info_to') + :total-categories="totalCategories"
getLastCategoryNumber() + :page="page"
$i18n.get('info_of') + totalCategories + '.' :categories-per-page="categoriesPerPage"
}} :categories="categories"/>
<!-- Empty state image -->
<div v-if="totalCategories <= 0 && !isLoading">
<section class="section">
<div class="content has-text-grey has-text-centered">
<p>
<b-icon
icon="inbox"
size="is-large"/>
</p>
<p v-if="status == undefined || status == ''">{{ $i18n.get('info_no_category_created') }}</p>
<p v-if="status == 'draft'">{{ $i18n.get('info_no_category_draft') }}</p>
<p v-if="status == 'trash'">{{ $i18n.get('info_no_category_trash') }}</p>
<router-link
v-if="status == undefined || status == ''"
id="button-create-category"
tag="button"
class="button is-primary"
:to="{ path: $routerHelper.getNewCategoryPath() }">
{{ $i18n.getFrom('categories', 'new_item') }}
</router-link>
</div>
</section>
</div> </div>
<div class="items-per-page"> <!-- Footer -->
<b-field <div
horizontal class="pagination-area"
:label="$i18n.get('label_categories_per_page')"> v-if="totalCategories > 0">
<b-select <div class="shown-items">
:value="categoriesPerPage" {{
@input="onChangeCategoriesPerPage" $i18n.get('info_showing_categories') +
:disabled="categories.length <= 0"> (categoriesPerPage * (page - 1) + 1) +
<option value="12">12</option> $i18n.get('info_to') +
<option value="24">24</option> getLastCategoryNumber() +
<option value="48">48</option> $i18n.get('info_of') + totalCategories + '.'
<option value="96">96</option> }}
</b-select> </div>
</b-field> <div class="items-per-page">
</div> <b-field
<div class="pagination"> horizontal
<b-pagination :label="$i18n.get('label_categories_per_page')">
@change="onPageChange" <b-select
:total="totalCategories" :value="categoriesPerPage"
:current.sync="page" @input="onChangeCategoriesPerPage"
order="is-centered" :disabled="categories.length <= 0">
size="is-small" <option value="12">12</option>
:per-page="categoriesPerPage"/> <option value="24">24</option>
<option value="48">48</option>
<option value="96">96</option>
</b-select>
</b-field>
</div>
<div class="pagination">
<b-pagination
@change="onPageChange"
:total="totalCategories"
:current.sync="page"
order="is-centered"
size="is-small"
:per-page="categoriesPerPage"/>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
@ -80,7 +117,8 @@
isLoading: false, isLoading: false,
totalCategories: 0, totalCategories: 0,
page: 1, page: 1,
categoriesPerPage: 12 categoriesPerPage: 12,
status: ''
} }
}, },
components: { components: {
@ -93,6 +131,17 @@
...mapGetters('category', [ ...mapGetters('category', [
'getCategories' 'getCategories'
]), ]),
onChangeTab(status) {
this.status = status;
this.loadCategories();
},
checkIfUserCanEdit() {
for (let capability of tainacan_plugin.user_caps) {
if (capability == 'edit_tainacan-taxonomies')
return true;
}
return false;
},
onChangeCategoriesPerPage(value) { onChangeCategoriesPerPage(value) {
let prevValue = this.categoriesPerPage; let prevValue = this.categoriesPerPage;
this.categoriesPerPage = value; this.categoriesPerPage = value;
@ -106,7 +155,7 @@
loadCategories() { loadCategories() {
this.isLoading = true; this.isLoading = true;
this.fetchCategories({ 'page': this.page, 'categoriesPerPage': this.categoriesPerPage }) this.fetchCategories({ 'page': this.page, 'categoriesPerPage': this.categoriesPerPage, 'status': this.status })
.then((res) => { .then((res) => {
this.isLoading = false; this.isLoading = false;
this.totalCategories = res.total; this.totalCategories = res.total;
@ -173,11 +222,15 @@
} }
} }
} }
.tabs {
padding-top: 20px;
margin-bottom: 20px;
padding-left: $page-side-padding;
padding-right: $page-side-padding;
}
.above-subheader { .above-subheader {
margin-bottom: 0; margin-bottom: 0;
margin-top: 0; margin-top: 0;
min-height: 100%;
height: auto; height: auto;
} }
</style> </style>

3
src/admin/pages/lists/collections-page.vue
View File

@ -29,6 +29,7 @@
</b-dropdown> </b-dropdown>
</div> </div>
</div> </div>
<div class="above-subheader"> <div class="above-subheader">
<div class="tabs"> <div class="tabs">
<ul> <ul>
@ -51,7 +52,7 @@
:collections-per-page="collectionsPerPage" :collections-per-page="collectionsPerPage"
:collections="collections"/> :collections="collections"/>
<!-- Empty state image --> <!-- Empty state image -->
<div v-if="totalCollections <= 0 && !isLoading"> <div v-if="totalCollections <= 0 && !isLoading">
<section class="section"> <section class="section">
<div class="content has-text-grey has-text-centered"> <div class="content has-text-grey has-text-centered">

6
src/admin/tainacan-admin-i18n.php
View File

@ -181,9 +181,12 @@ return [
'label_delete_selected_collections' => __( 'Delete selected collections', 'tainacan' ), 'label_delete_selected_collections' => __( 'Delete selected collections', 'tainacan' ),
'label_edit_selected_collections' => __( 'Edit selected collections', 'tainacan' ), 'label_edit_selected_collections' => __( 'Edit selected collections', 'tainacan' ),
'label_delete_selected_items' => __( 'Delete selected items', 'tainacan' ), 'label_delete_selected_items' => __( 'Delete selected items', 'tainacan' ),
'label_delete_selected_categories' => __( 'Delete selected categories', 'tainacan' ),
'label_edit_selected_items' => __( 'Edit selected items', 'tainacan' ), 'label_edit_selected_items' => __( 'Edit selected items', 'tainacan' ),
'label_edit_selected_categories' => __( 'Edit selected categories', 'tainacan' ),
'label_select_all_collections_page' => __( 'Select all collections on page', 'tainacan' ), 'label_select_all_collections_page' => __( 'Select all collections on page', 'tainacan' ),
'label_select_all_items_page' => __( 'Select all items on page', 'tainacan' ), 'label_select_all_items_page' => __( 'Select all items on page', 'tainacan' ),
'label_select_all_categories_page' => __( 'Select all categories on page', 'tainacan' ),
'label_edit_attachments' => __( 'Edit attachments', 'tainacan' ), 'label_edit_attachments' => __( 'Edit attachments', 'tainacan' ),
'label_blank_collection' => __( 'Blank collection', 'tainacan' ), 'label_blank_collection' => __( 'Blank collection', 'tainacan' ),
'label_dublin_core' => __( 'Dublin Core', 'tainacan' ), 'label_dublin_core' => __( 'Dublin Core', 'tainacan' ),
@ -216,6 +219,8 @@ return [
'info_no_collection_created' => __( 'No collection was created in this repository.', 'tainacan' ), 'info_no_collection_created' => __( 'No collection was created in this repository.', 'tainacan' ),
'info_no_collection_draft' => __( 'No draft collection found.', 'tainacan' ), 'info_no_collection_draft' => __( 'No draft collection found.', 'tainacan' ),
'info_no_collection_trash' => __( 'No collection on trash.', 'tainacan' ), 'info_no_collection_trash' => __( 'No collection on trash.', 'tainacan' ),
'info_no_category_draft' => __( 'No draft category found.', 'tainacan' ),
'info_no_category_trash' => __( 'No category on trash.', 'tainacan' ),
'info_no_category_created' => __( 'No taxonomy was created in this repository.', 'tainacan' ), 'info_no_category_created' => __( 'No taxonomy was created in this repository.', 'tainacan' ),
'info_no_item_created' => __( 'No item was created in this collection.', 'tainacan' ), 'info_no_item_created' => __( 'No item was created in this collection.', 'tainacan' ),
'info_no_item_draft' => __( 'No draft item found.', 'tainacan' ), 'info_no_item_draft' => __( 'No draft item found.', 'tainacan' ),
@ -235,6 +240,7 @@ return [
'info_warning_category_delete' => __( 'Do you really want to delete this taxonomy?', 'tainacan' ), 'info_warning_category_delete' => __( 'Do you really want to delete this taxonomy?', 'tainacan' ),
'info_warning_selected_collections_delete' => __( 'Do you really want to delete the selected collections?', 'tainacan' ), 'info_warning_selected_collections_delete' => __( 'Do you really want to delete the selected collections?', 'tainacan' ),
'info_warning_selected_items_delete' => __( 'Do you really want to delete the selected items?', 'tainacan' ), 'info_warning_selected_items_delete' => __( 'Do you really want to delete the selected items?', 'tainacan' ),
'info_warning_selected_categories_delete' => __( 'Do you really want to delete the selected categories?', 'tainacan' ),
'info_warning_collection_related' => __( 'The metadata Collection related is required', 'tainacan' ), 'info_warning_collection_related' => __( 'The metadata Collection related is required', 'tainacan' ),
'info_warning_no_fields_found' => __( 'No metadata found in this collection', 'tainacan' ), 'info_warning_no_fields_found' => __( 'No metadata found in this collection', 'tainacan' ),
'info_showing_items' => __( 'Showing items ', 'tainacan' ), 'info_showing_items' => __( 'Showing items ', 'tainacan' ),

9
src/js/store/modules/category/actions.js
View File

@ -58,9 +58,14 @@ export const updateCategory = ({ commit }, category) => {
}); });
}; };
export const fetchCategories = ({ commit }, { page, categoriesPerPage } ) => { export const fetchCategories = ({ commit }, { page, categoriesPerPage, status } ) => {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
axios.tainacan.get(`/taxonomies?paged=${page}&perpage=${categoriesPerPage}`) let endpoint = `/taxonomies?paged=${page}&perpage=${categoriesPerPage}&context=edit`;
if (status != undefined && status != '')
endpoint = endpoint + '&status=' + status;
axios.tainacan.get(endpoint)
.then(res => { .then(res => {
let categories = res.data; let categories = res.data;