Fix not all labels being shown
This commit is contained in:
parent
40721e7a74
commit
183f1411f9
1 changed files with 44 additions and 16 deletions
|
@ -3,7 +3,8 @@
|
||||||
<h1>Manage labels</h1>
|
<h1>Manage labels</h1>
|
||||||
<p>
|
<p>
|
||||||
Click on a label to edit it.
|
Click on a label to edit it.
|
||||||
You can edit all labels you created, you can use all labels which are associated with a task to whose list you have access.
|
You can edit all labels you created, you can use all labels which are associated with a task to whose list
|
||||||
|
you have access.
|
||||||
</p>
|
</p>
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="labels-list column">
|
<div class="labels-list column">
|
||||||
|
@ -44,13 +45,20 @@
|
||||||
<div class="field">
|
<div class="field">
|
||||||
<label class="label">Title</label>
|
<label class="label">Title</label>
|
||||||
<div class="control">
|
<div class="control">
|
||||||
<input class="input" type="text" placeholder="Label title" v-model="labelEditLabel.title"/>
|
<input
|
||||||
|
class="input"
|
||||||
|
type="text"
|
||||||
|
placeholder="Label title"
|
||||||
|
v-model="labelEditLabel.title"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="field">
|
<div class="field">
|
||||||
<label class="label">Description</label>
|
<label class="label">Description</label>
|
||||||
<div class="control">
|
<div class="control">
|
||||||
<textarea class="textarea" placeholder="Label description" v-model="labelEditLabel.description"></textarea>
|
<textarea
|
||||||
|
class="textarea"
|
||||||
|
placeholder="Label description"
|
||||||
|
v-model="labelEditLabel.description"></textarea>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="field">
|
<div class="field">
|
||||||
|
@ -68,12 +76,15 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="field has-addons">
|
<div class="field has-addons">
|
||||||
<div class="control is-expanded">
|
<div class="control is-expanded">
|
||||||
<button type="submit" class="button is-fullwidth is-success" :class="{ 'is-loading': labelService.loading}">
|
<button type="submit" class="button is-fullwidth is-success"
|
||||||
|
:class="{ 'is-loading': labelService.loading}">
|
||||||
Save
|
Save
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="control">
|
<div class="control">
|
||||||
<a class="button has-icon is-danger" @click="deleteLabel(labelEditLabel);isLabelEdit = false;">
|
<a
|
||||||
|
class="button has-icon is-danger"
|
||||||
|
@click="() => {deleteLabel(labelEditLabel);isLabelEdit = false}">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<icon icon="trash-alt"/>
|
<icon icon="trash-alt"/>
|
||||||
</span>
|
</span>
|
||||||
|
@ -117,7 +128,24 @@
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
loadLabels() {
|
loadLabels() {
|
||||||
this.labelService.getAll()
|
const getAllLabels = (page = 1) => {
|
||||||
|
return this.labelService.getAll({}, {}, page)
|
||||||
|
.then(labels => {
|
||||||
|
if(page < this.labelService.totalPages) {
|
||||||
|
return getAllLabels(page + 1)
|
||||||
|
.then(nextLabels => {
|
||||||
|
return labels.concat(nextLabels)
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
return labels
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(e => {
|
||||||
|
return Promise.reject(e)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
getAllLabels()
|
||||||
.then(r => {
|
.then(r => {
|
||||||
this.$set(this, 'labels', r)
|
this.$set(this, 'labels', r)
|
||||||
})
|
})
|
||||||
|
@ -155,7 +183,7 @@
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
editLabel(label) {
|
editLabel(label) {
|
||||||
if(label.createdBy.id !== this.user.infos.id) {
|
if (label.createdBy.id !== this.user.infos.id) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
this.labelEditLabel = label
|
this.labelEditLabel = label
|
||||||
|
|
Loading…
Reference in a new issue