UI fixes
This commit is contained in:
parent
603ed1a779
commit
e40ffc1308
|
@ -53,7 +53,7 @@
|
||||||
</template>
|
</template>
|
||||||
<template v-if="note.event!.metadata.isAccessibleForFree">
|
<template v-if="note.event!.metadata.isAccessibleForFree">
|
||||||
<dt :class="$style.key">{{ i18n.ts._event.isFree }}</dt>
|
<dt :class="$style.key">{{ i18n.ts._event.isFree }}</dt>
|
||||||
<dd :class="$style.value">{{ "Yes" }}</dd>
|
<dd :class="$style.value">{{ i18n.ts.yes }}</dd>
|
||||||
</template>
|
</template>
|
||||||
<template v-if="note.event!.metadata.offers?.price">
|
<template v-if="note.event!.metadata.offers?.price">
|
||||||
<dt :class="$style.key">{{ i18n.ts._event.price }}</dt>
|
<dt :class="$style.key">{{ i18n.ts._event.price }}</dt>
|
||||||
|
|
|
@ -36,9 +36,12 @@
|
||||||
</MkInput>
|
</MkInput>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
<br/>
|
<div>
|
||||||
<MkFoldableSection>
|
<section>
|
||||||
<template #header>{{ i18n.ts.advanced }}</template>
|
<MkSwitch v-model="showAdvanced" :disabled="false" class="input">{{ i18n.ts.advanced }}</MkSwitch>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div v-show="showAdvanced">
|
||||||
<section>
|
<section>
|
||||||
<MkInput v-model="doorTime" small type="time" class="input">
|
<MkInput v-model="doorTime" small type="time" class="input">
|
||||||
<template #label>{{ i18n.ts._event.doorTime }}</template>
|
<template #label>{{ i18n.ts._event.doorTime }}</template>
|
||||||
|
@ -104,7 +107,7 @@
|
||||||
<template #label>{{ i18n.ts._event.keywords }}</template>
|
<template #label>{{ i18n.ts._event.keywords }}</template>
|
||||||
</MkInput>
|
</MkInput>
|
||||||
</section>
|
</section>
|
||||||
</MkFoldableSection>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -136,6 +139,7 @@ const endDate = ref('');
|
||||||
const endTime = ref('');
|
const endTime = ref('');
|
||||||
const location = ref(props.modelValue?.metadata.location ?? null);
|
const location = ref(props.modelValue?.metadata.location ?? null);
|
||||||
const url = ref(props.modelValue?.metadata.url ?? null);
|
const url = ref(props.modelValue?.metadata.url ?? null);
|
||||||
|
const showAdvanced = ref(false);
|
||||||
const doorTime = ref(props.modelValue?.metadata.doorTime ?? null);
|
const doorTime = ref(props.modelValue?.metadata.doorTime ?? null);
|
||||||
const organizer = ref(props.modelValue?.metadata.organizer?.name ?? null);
|
const organizer = ref(props.modelValue?.metadata.organizer?.name ?? null);
|
||||||
const organizerLink = ref(props.modelValue?.metadata.organizer?.sameAs ?? null);
|
const organizerLink = ref(props.modelValue?.metadata.organizer?.sameAs ?? null);
|
||||||
|
@ -178,6 +182,7 @@ function get(): misskey.entities.Note['event'] {
|
||||||
} : undefined,
|
} : undefined,
|
||||||
inLanguage: language.value ?? undefined,
|
inLanguage: language.value ?? undefined,
|
||||||
typicalAgeRange: ageRange.value ?? undefined,
|
typicalAgeRange: ageRange.value ?? undefined,
|
||||||
|
isAccessibleForFree: isFree,
|
||||||
offers: ticketsUrl.value || price.value ? {
|
offers: ticketsUrl.value || price.value ? {
|
||||||
price: price.value ?? undefined,
|
price: price.value ?? undefined,
|
||||||
priceCurrency: undefined,
|
priceCurrency: undefined,
|
||||||
|
@ -233,11 +238,6 @@ watch([title, startDate, startTime, endDate, endTime, location, url, doorTime, o
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
>.add {
|
|
||||||
margin: 8px 0;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
>section {
|
>section {
|
||||||
margin: 16px 0 0 0;
|
margin: 16px 0 0 0;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue