Files
2026-04-23 15:08:42 +02:00

61 lines
1.3 KiB
JavaScript

import BsConfirm from '../../Bootstrap/Confirm.js';
export default {
props: {
dashboard_id: Number,
dashboard_kurzbz: String,
beschreibung: String
},
emits: [
"change",
"delete"
],
data() {
return {
kurzbz: this.dashboard_kurzbz,
desc: this.beschreibung
}
},
methods: {
sendDelete() {
BsConfirm
.popup(this.$p.t('ui', 'confirm_delete') + " " + this.$p.t('ui', 'deleteInfo'))
.then(() => this.$emit('delete', this.dashboard_id))
.catch();
}
},
template: /* html */`
<div class="dashboard-admin-edit px-3">
<div class="mb-3">
<label for="dashboard-admin-edit-kurzbz">{{ $p.t('dashboard/kurzbz') }}</label>
<input
id="dashboard-admin-edit-kurzbz"
v-model="kurzbz"
type="text"
class="form-control"
>
</div>
<div class="mb-3">
<label for="dashboard-admin-edit-beschreibung">{{ $p.t('global/beschreibung') }}</label>
<textarea
id="dashboard-admin-edit-beschreibung"
v-model="desc"
class="form-control"
></textarea>
</div>
<div>
<button class="btn btn-danger" @click="sendDelete">
{{ this.$p.t('ui', 'loeschen') }}
</button>
<button
class="btn btn-primary"
@click="$emit('change', {
dashboard_id,
dashboard_kurzbz: kurzbz,
beschreibung: desc
})"
>{{ this.$p.t('ui', 'btnAktualisieren') }}</button>
</div>
</div>`
}