mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-12 23:35:58 +00:00
refactor style
This commit is contained in:
parent
7d3d25fc7c
commit
909a8f29fd
@ -65,12 +65,13 @@
|
||||
name="eventStart"
|
||||
v-model="formData.eventStart"
|
||||
type="datetime"
|
||||
:hour-options="hours"
|
||||
value-type="format"
|
||||
:minute-step="15"
|
||||
formmat="DD-MM-YYYY HH:mm"
|
||||
style="z-index: 20"
|
||||
:placeholder="$t('post.viewEvent.eventStart')"
|
||||
:disabled-date="notBeforeToday"
|
||||
:show-second="false"
|
||||
></date-picker>
|
||||
</div>
|
||||
<div class="chipbox" style="margin-top: 10px">
|
||||
@ -86,11 +87,12 @@
|
||||
v-model="formData.eventEnd"
|
||||
type="datetime"
|
||||
:minute-step="15"
|
||||
:hour-options="hours"
|
||||
:seconds-step="0"
|
||||
formmat="DD MM YYYY HH:mm"
|
||||
:placeholder="$t('post.viewEvent.eventEnd')"
|
||||
style="font-size: larger"
|
||||
:disabled-date="notBeforeToday"
|
||||
:show-second="false"
|
||||
></date-picker>
|
||||
</ds-grid-item>
|
||||
</ds-grid>
|
||||
@ -232,7 +234,6 @@ export default {
|
||||
return {
|
||||
categoriesActive: this.$env.CATEGORIES_ACTIVE,
|
||||
links,
|
||||
hours: Array.from({ length: 10 }).map((_, i) => i + 8),
|
||||
formData: {
|
||||
title: title || '',
|
||||
content: content || '',
|
||||
@ -262,7 +263,7 @@ export default {
|
||||
return []
|
||||
},
|
||||
},
|
||||
eventStart: { required: !!this.creatEvent },
|
||||
eventStart: { required: !this.creatEvent },
|
||||
eventVenue: { required: !!this.creatEvent, min: 3, max: 100 },
|
||||
eventLocationName: { required: !!this.creatEvent, min: 3, max: 100 },
|
||||
},
|
||||
@ -279,9 +280,6 @@ export default {
|
||||
...mapGetters({
|
||||
currentUser: 'auth/user',
|
||||
}),
|
||||
notBeforeToday(date) {
|
||||
return date < new Date(new Date().setHours(0, 0, 0, 0));
|
||||
},
|
||||
eventInput() {
|
||||
if (this.creatEvent) {
|
||||
return {
|
||||
@ -311,6 +309,9 @@ export default {
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
notBeforeToday(date) {
|
||||
return date < new Date(new Date().setHours(0, 0, 0, 0));
|
||||
},
|
||||
submit() {
|
||||
let image = null
|
||||
|
||||
|
||||
@ -1,31 +1,31 @@
|
||||
<template>
|
||||
<div>
|
||||
<ds-space margin="small">
|
||||
<ds-flex :width="{ base: '100%' }" gutter="base">
|
||||
|
||||
<ds-flex :width="{ base: '100%' }" >
|
||||
<ds-flex-item :width="{ base: '100%', md: 5 }">
|
||||
<ds-flex gutter="base" :width="{ base: '100%', sm: 1 }">
|
||||
<ds-flex-item>
|
||||
<ds-card header="" :primary="!creatEvent" centered>
|
||||
<template slot="footer">
|
||||
<ds-heading v-if="!creatEvent" tag="h2">
|
||||
{{ $t('post.createNewPost.title') }}
|
||||
</ds-heading>
|
||||
<ds-button v-if="!!creatEvent" @click="creatEvent = !creatEvent">
|
||||
<ds-card :primary="!creatEvent" centered>
|
||||
<div>
|
||||
<ds-button v-if="!creatEvent" ghost fullwidth size="x-large" style="background-color: #ff000000; color: whitesmoke">
|
||||
{{ $t('post.createNewPost.title') }}
|
||||
</ds-button>
|
||||
</template>
|
||||
<ds-button v-else ghost fullwidth size="x-large" @click="creatEvent = !creatEvent">
|
||||
{{ $t('post.createNewPost.title') }}
|
||||
</ds-button>
|
||||
</div>
|
||||
</ds-card>
|
||||
</ds-flex-item>
|
||||
<ds-flex-item>
|
||||
<ds-card header="" :primary="!!creatEvent" centered>
|
||||
<template slot="footer">
|
||||
<ds-heading v-if="creatEvent" tag="h2">
|
||||
<ds-card :primary="!!creatEvent" centered>
|
||||
<div >
|
||||
<ds-button ghost fullwidth size="x-large" v-if="creatEvent" hover="false" style="background-color: #ff000000; color: whitesmoke">
|
||||
{{ $t('post.createNewEvent.title') }}
|
||||
</ds-heading>
|
||||
<ds-button v-if="!creatEvent" @click="creatEvent = !creatEvent">
|
||||
</ds-button>
|
||||
<ds-button ghost fullwidth size="x-large" v-else @click="creatEvent = !creatEvent">
|
||||
{{ $t('post.createNewEvent.title') }}
|
||||
</ds-button>
|
||||
</template>
|
||||
</ds-button>
|
||||
</div>
|
||||
</ds-card>
|
||||
</ds-flex-item>
|
||||
</ds-flex>
|
||||
@ -35,8 +35,7 @@
|
||||
</ds-flex-item>
|
||||
<ds-flex-item :width="{ base: '100%', md: 1 }"> </ds-flex-item>
|
||||
</ds-flex>
|
||||
</ds-space>
|
||||
<ds-space margin="small" />
|
||||
|
||||
<ds-flex :width="{ base: '100%' }" gutter="base">
|
||||
<ds-flex-item :width="{ base: '100%', md: 5 }">
|
||||
<contribution-form :group="group" :creatEvent="creatEvent" />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user