a213a1dba0
Some checks failed
Build & Push Monica Image to Gitea Registry / build-and-push (push) Failing after 9s
62 lines
1.4 KiB
Vue
62 lines
1.4 KiB
Vue
<template>
|
|
<div>
|
|
<div class="ph4 pv3 mb3 mb0-ns bb b--gray-monica">
|
|
<label for="event-name" class="mr2">
|
|
{{ $t('people.life_event_create_default_title') }}
|
|
</label>
|
|
<input id="event-name" v-model="defaultEvent.name" autofocus class="br2 f5 w-100 ba b--black-40 pa2 outline-0" @input="broadcastContentChange" />
|
|
</div>
|
|
|
|
<div class="ph4 pv3 mb3 mb0-ns bb b--gray-monica">
|
|
<label for="description" class="mr2">
|
|
{{ $t('people.life_event_create_default_story') }}
|
|
</label>
|
|
<form-textarea
|
|
id="description"
|
|
v-model="defaultEvent.note"
|
|
:required="false"
|
|
:no-label="true"
|
|
:rows="4"
|
|
:placeholder="$t('people.life_event_create_default_description')"
|
|
@input="broadcastContentChange"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import moment from 'moment';
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
defaultEvent: {
|
|
name: '',
|
|
note: '',
|
|
specific_information: '',
|
|
},
|
|
};
|
|
},
|
|
|
|
computed: {
|
|
dirltr() {
|
|
return this.$root.htmldir === 'ltr';
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
this.prepareComponent();
|
|
},
|
|
|
|
methods: {
|
|
prepareComponent() {
|
|
this.defaultEvent.happened_at = moment().format('YYYY-MM-DD');
|
|
},
|
|
|
|
broadcastContentChange() {
|
|
this.$emit('contentChange', this.defaultEvent);
|
|
},
|
|
}
|
|
};
|
|
</script>
|