Mod popup for copying event
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
philipp lang
parent
4b38296687
commit
dce7c26b7e
|
|
@ -31,6 +31,12 @@
|
|||
@apply bg-yellow-500 text-yellow-100;
|
||||
}
|
||||
}
|
||||
&.btn-default {
|
||||
@apply bg-gray-700 text-gray-300;
|
||||
&:not(.disabled):hover {
|
||||
@apply bg-gray-500 text-gray-100;
|
||||
}
|
||||
}
|
||||
&.btn-info {
|
||||
@apply bg-blue-700 text-blue-300;
|
||||
&:not(.disabled):hover {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,2 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M1.225 21.225A1.678 1.678 0 0 0 2.707 22H22.28a1.68 1.68 0 0 0 1.484-.775 1.608 1.608 0 0 0 .003-1.656L13.995 1.827a1.745 1.745 0 0 0-2.969 0l-9.8 17.742a1.603 1.603 0 0 0 0 1.656zm.859-1.143l9.82-17.773A.71.71 0 0 1 12.508 2a.73.73 0 0 1 .629.342l9.751 17.708a.626.626 0 0 1 .017.662.725.725 0 0 1-.626.288H2.708a.723.723 0 0 1-.623-.286.605.605 0 0 1-.001-.632zM13 15h-1V8h1zm-1.5 2.5a1 1 0 1 1 1 1 1.002 1.002 0 0 1-1-1z"/><path fill="none" d="M0 0h24v24H0z"/></svg>
|
||||
|
After Width: | Height: | Size: 686 B |
|
|
@ -1,18 +1,17 @@
|
|||
<template>
|
||||
<div>
|
||||
<ui-popup v-for="(popup, index) in swal.popups" :key="index" :heading="popup.title">
|
||||
<div class="space-y-4 mt-4">
|
||||
<div v-text="popup.body" />
|
||||
<div class="space-x-4">
|
||||
<ui-button type="button" class="btn-danger" @click.prevent="popup.resolve(popup.id)">{{ popup.confirmButton }}</ui-button>
|
||||
<ui-button type="button" class="btn-success" @click.prevent="popup.reject(popup.id)">{{ popup.cancelButton }}</ui-button>
|
||||
</div>
|
||||
<ui-popup v-for="(popup, index) in swal.popups" :key="index" :icon="popup.icon" :heading="popup.title" @close="popup.reject(popup.id)">
|
||||
<div class="mt-4">
|
||||
<div class="text-center" v-text="popup.body" />
|
||||
<div class="flex justify-center space-x-4 mt-8">
|
||||
<ui-button type="button" class="btn-primary" @click.prevent="popup.resolve(popup.id)">{{ popup.confirmButton }}</ui-button>
|
||||
<ui-button type="button" class="btn-default" @click.prevent="popup.reject(popup.id)">{{ popup.cancelButton }}</ui-button>
|
||||
</div>
|
||||
</ui-popup>
|
||||
</div>
|
||||
</div>
|
||||
</ui-popup>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import useSwal from '@/stores/swalStore.ts';
|
||||
const swal = useSwal();
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,28 +1,14 @@
|
|||
<template>
|
||||
<a v-tooltip="tooltip" :href="href" :target="blank ? '_BLANK' : '_SELF'" class="inline-flex btn btn-sm">
|
||||
<ui-sprite :src="icon"></ui-sprite>
|
||||
<ui-sprite :src="icon" />
|
||||
</a>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
defineProps({
|
||||
tooltip: {
|
||||
required: true,
|
||||
type: String,
|
||||
},
|
||||
href: {
|
||||
type: String,
|
||||
default: () => '#',
|
||||
required: false,
|
||||
},
|
||||
blank: {
|
||||
type: Boolean,
|
||||
default: () => false,
|
||||
required: false,
|
||||
},
|
||||
icon: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
<script lang="ts" setup>
|
||||
withDefaults(defineProps<{
|
||||
tooltip: string;
|
||||
href?: string;
|
||||
blank?: boolean,
|
||||
icon: string,
|
||||
}>(), {href: '#', blank: false});
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,10 @@
|
|||
<ui-sprite src="close" class="text-zinc-400 w-6 h-6" />
|
||||
</a>
|
||||
</div>
|
||||
<h3 v-if="heading" class="font-semibold text-primary-200 text-xl" v-html="heading" />
|
||||
<div class="flex justify-center">
|
||||
<ui-sprite v-if="icon" class="text-yellow-700 size-28" :src="icon" />
|
||||
</div>
|
||||
<h3 v-if="heading" class="font-semibold text-primary-200 text-xl" :class="{'text-center mt-5': icon !== null}" v-html="heading" />
|
||||
<div class="text-primary-100 group is-popup grow flex flex-col">
|
||||
<suspense>
|
||||
<div>
|
||||
|
|
@ -24,21 +27,15 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
heading: {
|
||||
type: String,
|
||||
default: () => '',
|
||||
},
|
||||
innerWidth: {
|
||||
default: () => 'max-w-xl',
|
||||
type: String,
|
||||
},
|
||||
full: {
|
||||
type: Boolean,
|
||||
default: () => false,
|
||||
},
|
||||
},
|
||||
};
|
||||
<script lang="ts" setup>
|
||||
defineEmits<{
|
||||
close: [],
|
||||
}>();
|
||||
withDefaults(defineProps<{
|
||||
visible: boolean,
|
||||
heading?: string,
|
||||
innerWidth?: string,
|
||||
full?: boolean,
|
||||
icon?: string|null,
|
||||
}>(), {innerWidth: 'max-w-xl', full: false, heading: '', icon: null});
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@ interface Popup {
|
|||
id: string;
|
||||
title: string;
|
||||
body: string;
|
||||
icon: string|null;
|
||||
confirmButton: string;
|
||||
cancelButton: string;
|
||||
resolve: (id: string) => void;
|
||||
|
|
@ -28,6 +29,7 @@ export default defineStore('swal', {
|
|||
resolve,
|
||||
reject,
|
||||
id: uuidv4(),
|
||||
icon: 'warning-triangle-light',
|
||||
});
|
||||
}).then((id) => {
|
||||
this.remove(id);
|
||||
|
|
|
|||
|
|
@ -5,22 +5,6 @@
|
|||
<page-toolbar-button color="primary" icon="plus" @click.prevent="create">Veranstaltung erstellen</page-toolbar-button>
|
||||
</template>
|
||||
|
||||
<ui-popup v-if="deleting !== null" :heading="`Veranstaltung ${deleting.name} löschen?`" @close="deleting = null">
|
||||
<div>
|
||||
<p class="mt-4">Diese Veranstaltung löschen?</p>
|
||||
<div class="grid grid-cols-2 gap-3 mt-6">
|
||||
<a href="#"
|
||||
class="text-center btn btn-danger"
|
||||
@click.prevent="
|
||||
remove(deleting);
|
||||
deleting = null;
|
||||
"
|
||||
>Veranstaltung löschen</a>
|
||||
<a href="#" class="text-center btn btn-primary" @click.prevent="deleting = null">Abbrechen</a>
|
||||
</div>
|
||||
</div>
|
||||
</ui-popup>
|
||||
|
||||
<ui-popup v-if="single !== null && single.config === null" heading="Vorlage auswählen" @close="cancel">
|
||||
<div class="mt-3 grid gap-3 grid-cols-2">
|
||||
<a v-for="(template, index) in meta.templates" :key="index" class="py-2 px-3 border rounded bg-zinc-800 hover:bg-zinc-700 transition" href="#" @click.prevent="setTemplate(template)">
|
||||
|
|
@ -178,7 +162,7 @@
|
|||
<ui-action-button :href="form.links.frontend" target="_BLANK" tooltip="zur Anmeldeseite" class="btn-info" icon="eye" />
|
||||
<ui-action-button tooltip="Kopieren" class="btn-info" icon="copy" @click="onCopy(form)" />
|
||||
<ui-action-button :href="form.links.export" target="_BLANK" tooltip="als Tabellendokument exportieren" class="btn-info" icon="document" />
|
||||
<ui-action-button tooltip="Löschen" class="btn-danger" icon="trash" @click.prevent="deleting = form" />
|
||||
<ui-action-button tooltip="Löschen" class="btn-danger" icon="trash" @click.prevent="onDelete(form)" />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -205,7 +189,6 @@ const { meta, data, reloadPage, reload, create, single, edit, cancel, submit, re
|
|||
const axios = inject('axios');
|
||||
const toast = useToast();
|
||||
|
||||
const deleting = ref(null);
|
||||
const showing = ref(null);
|
||||
const fileSettingPopup = ref(null);
|
||||
|
||||
|
|
@ -236,6 +219,11 @@ async function onCopy(form) {
|
|||
reload(false);
|
||||
}
|
||||
|
||||
async function onDelete(form) {
|
||||
await swal.confirm('Diese Veranstaltung löschen?', `Die Veranstaltung ${form.name} wird gelöscht werden.`);
|
||||
await remove(form);
|
||||
}
|
||||
|
||||
function setTemplate(template) {
|
||||
active.value = 0;
|
||||
single.value.config = template.config;
|
||||
|
|
|
|||
Loading…
Reference in New Issue