Aligns pagination in tables. Prevents two edition forms to be opened side by side in Terms Lit.

This commit is contained in:
Mateus Machado Luna 2018-07-18 12:52:39 -03:00
parent ce3f72c219
commit 6d09fb9d4e
2 changed files with 18 additions and 3 deletions

View File

@ -32,7 +32,8 @@
<a <a
class="is-medium" class="is-medium"
type="button" type="button"
@click="addNewChildTerm(term, index)"> @click="addNewChildTerm(term, index)"
:disabled="isEditingTerm">
<b-icon icon="plus-circle"/> <b-icon icon="plus-circle"/>
</a> </a>
<span <span
@ -144,6 +145,12 @@ export default {
this.loadTerms(); this.loadTerms();
}, },
addNewTerm() { addNewTerm() {
if (this.isEditingTerm) {
let editingTermIndex = this.orderedTermsList.findIndex(anEditingTerm => anEditingTerm.opened == true);
if (editingTermIndex >= 0)
this.onTermEditionCanceled(this.orderedTermsList[editingTermIndex]);
}
let newTerm = { let newTerm = {
taxonomyId: this.taxonomyId, taxonomyId: this.taxonomyId,
name: this.$i18n.get('label_term_without_name'), name: this.$i18n.get('label_term_without_name'),
@ -157,6 +164,12 @@ export default {
this.editTerm(newTerm, this.orderedTermsList.length - 1); this.editTerm(newTerm, this.orderedTermsList.length - 1);
}, },
addNewChildTerm(parent, parentIndex) { addNewChildTerm(parent, parentIndex) {
if (this.isEditingTerm) {
let editingTermIndex = this.orderedTermsList.findIndex(anEditingTerm => anEditingTerm.opened == true);
if (editingTermIndex >= 0)
this.onTermEditionCanceled(this.orderedTermsList[editingTermIndex]);
}
let newTerm = { let newTerm = {
taxonomyId: this.taxonomyId, taxonomyId: this.taxonomyId,
name: this.$i18n.get('label_term_without_name'), name: this.$i18n.get('label_term_without_name'),

View File

@ -7,8 +7,10 @@
border-top: 1px solid $gray; border-top: 1px solid $gray;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
padding-left: $page-side-padding; margin-left: $page-side-padding;
padding-right: $page-side-padding; margin-right: $page-side-padding;
padding-left: 0.75rem;
padding-right: 0.75rem;
color: $gray-light; color: $gray-light;
.shown-items { .shown-items {