ami/tl-vikunja
1
0
Fork 0
Code Activity

Move buttons to separate component (#380)

Browse Source 
Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/380
Co-authored-by: konrad <konrad@kola-entertainments.de>
Co-committed-by: konrad <konrad@kola-entertainments.de>
This commit is contained in:
konrad
2021-01-17 17:57:57 +00:00
parent f3e0b79b26
commit 2aceca54ca
61 changed files with 2315 additions and 1825 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
src/views/labels/ListLabels.vue
View File

@ -1,17 +1,23 @@
<template>
<div :class="{ 'is-loading': labelService.loading}" class="loader-container content">
<router-link :to="{name:'labels.create'}" class="button is-primary button-right">
<span class="icon is-small">
<icon icon="plus"/>
</span>
<div :class="{ 'is-loading': labelService.loading}" class="loader-container">
<x-button
:to="{name:'labels.create'}"
class="is-pulled-right"
icon="plus"
>
New label
</router-link>
<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.
</p>
</x-button>
<div class="content">
<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.
</p>
</div>
<div class="columns">
<div class="labels-list column">
<span
@ -35,66 +41,55 @@
</span>
</div>
<div class="column is-4" v-if="isLabelEdit">
<div class="card">
<header class="card-header">
<span class="card-header-title">
Edit Label
</span>
<a @click="isLabelEdit = false" class="card-header-icon">
<span class="icon">
<icon icon="times"/>
</span>
</a>
</header>
<div class="card-content">
<form @submit.prevent="editLabelSubmit()">
<div class="field">
<label class="label">Title</label>
<div class="control">
<input
class="input"
placeholder="Label title"
type="text"
v-model="labelEditLabel.title"/>
</div>
<card title="Edit Label" :has-close="true" @close="() => isLabelEdit = false">
<form @submit.prevent="editLabelSubmit()">
<div class="field">
<label class="label">Title</label>
<div class="control">
<input
class="input"
placeholder="Label title"
type="text"
v-model="labelEditLabel.title"/>
</div>
<div class="field">
<label class="label">Description</label>
<div class="control">
<editor
:preview-is-default="false"
placeholder="Label description"
v-if="editorActive"
v-model="labelEditLabel.description"
/>
</div>
</div>
<div class="field">
<label class="label">Description</label>
<div class="control">
<editor
:preview-is-default="false"
placeholder="Label description"
v-if="editorActive"
v-model="labelEditLabel.description"
/>
</div>
<div class="field">
<label class="label">Color</label>
<div class="control">
<color-picker v-model="labelEditLabel.hexColor"/>
</div>
</div>
<div class="field">
<label class="label">Color</label>
<div class="control">
<color-picker v-model="labelEditLabel.hexColor"/>
</div>
<div class="field has-addons">
<div class="control is-expanded">
<button :class="{ 'is-loading': labelService.loading}" class="button is-fullwidth is-primary"
type="submit">
Save
</button>
</div>
<div class="control">
<a
@click="() => {deleteLabel(labelEditLabel);isLabelEdit = false}"
class="button has-icon is-danger">
<span class="icon">
<icon icon="trash-alt"/>
</span>
</a>
</div>
</div>
<div class="field has-addons">
<div class="control is-expanded">
<x-button
:loading="labelService.loading"
class="is-fullwidth"
@click="editLabelSubmit()"
>
Save
</x-button>
</div>
</form>
</div>
</div>
<div class="control">
<x-button
@click="() => {deleteLabel(labelEditLabel);isLabelEdit = false}"
icon="trash-alt"
class="is-danger"
/>
</div>
</div>
</form>
</card>
</div>
</div>
</div>

11
src/views/labels/NewLabel.vue
View File

@ -15,12 +15,13 @@
v-model="label.title"/>
</p>
<p class="control">
<button class="button is-primary has-no-shadow" type="submit">
<span class="icon is-small">
<icon icon="plus"/>
</span>
<x-button
:shadow="false"
icon="plus"
@click="newlabel"
>
Add
</button>
</x-button>
</p>
</div>
<p class="help is-danger" v-if="showError && label.title === ''">