ami/tl-vikunja
1
0
Fork 0
Code Activity

Move all create views to better looking popups (#383)

Browse Source 
Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/383
Co-authored-by: konrad <konrad@kola-entertainments.de>
Co-committed-by: konrad <konrad@kola-entertainments.de>
This commit is contained in:
konrad
2021-01-21 22:33:16 +00:00
parent 0d34d01689
commit ddadd89c64
16 changed files with 278 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/misc/card.vue
View File

@ -1,12 +1,12 @@
<template>
<div class="card">
<div class="card" :class="{'has-no-shadow': !shadow}">
<header class="card-header" v-if="title !== ''">
<p class="card-header-title">
{{ title }}
</p>
<a @click="$emit('close')" class="card-header-icon" v-if="hasClose">
<span class="icon">
<icon icon="angle-right"/>
<icon :icon="closeIcon"/>
</span>
</a>
</header>
@ -34,6 +34,14 @@ export default {
type: Boolean,
default: false,
},
closeIcon: {
type: String,
default: 'angle-right',
},
shadow: {
type: Boolean,
default: true,
},
},
}
</script>

55
src/components/misc/create.vue Normal file
View File

@ -0,0 +1,55 @@
<template>
<modal @close="$router.back()" :overflow="true">
<card
:title="title"
:shadow="false"
:padding="false"
class="has-text-left has-overflow"
:has-close="true"
close-icon="times"
@close="$router.back()"
>
<div class="p-4">
<slot></slot>
</div>
<footer class="modal-card-foot is-flex is-justify-content-flex-end">
<x-button
:shadow="false"
type="secondary"
@click.prevent.stop="$router.back()"
>
Cancel
</x-button>
<x-button
:shadow="false"
type="primary"
@click.prevent.stop="$emit('create')"
icon="plus"
:disabled="createDisabled"
>
{{ createLabel }}
</x-button>
</footer>
</card>
</modal>
</template>
<script>
export default {
name: 'create',
props: {
title: {
type: String,
default: '',
},
createLabel: {
type: String,
default: 'Create',
},
createDisabled: {
type: Boolean,
default: false,
},
},
}
</script>