Fix not all labels being shown

src/components/labels/ListLabels.vue

@@ -3,7 +3,8 @@
 		<h1>Manage labels</h1>
 		<p>
 			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>
 		<div class="columns">
 			<div class="labels-list column">
@@ -44,13 +45,20 @@
 							<div class="field">
 								<label class="label">Title</label>
 								<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 class="field">
 								<label class="label">Description</label>
 								<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 class="field">
@@ -68,12 +76,15 @@
 							</div>
 							<div class="field has-addons">
 								<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
 									</button>
 								</div>
 								<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">
 											<icon icon="trash-alt"/>
 										</span>
@@ -117,7 +128,24 @@
 		},
 		methods: {
 			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 => {
 						this.$set(this, 'labels', r)
 					})