scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-11-10 08:21:37 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #6714 from aignatov-bio/ai-sci-9741-fix-datetime-field

Browse source 
Fix view mode
This commit is contained in:
Martin Artnik 2023-11-27 10:03:11 +01:00 • committed by GitHub
commit 3cde57df48
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 48 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
app/javascript/vue/repository_item_sidebar/repository_values/date_time_component.vue
View file

@ -1,9 +1,34 @@
<template> <template>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<DateTimePicker :defaultValue="defaultStartDate" @closed="update" @change="updateStartDate" :mode="mode" :placeholder="placeholder" :clearable="true"/> <template v-if="!canEdit">
<div v-if="range" class="w-0.5 h-3 bg-sn-grey mx-auto"></div> <!-- divider --> <span v-if="range">
<DateTimePicker :defaultValue="defaultEndDate" @closed="update" v-if="range" @change="updateEndDate" :placeholder="placeholder" :mode="mode" :clearable="true"/> <template v-if="colVal.start_time && colVal.end_time">
<div class="text-xs text-sn-delete-red" v-if="error">{{ error }}</div> {{ colVal.start_time.formatted }} - {{ colVal.end_time.formatted }}
</template>
<template v-else>
{{ viewPlaceholder }}
</template>
</span>
<span v-else >
<template v-if="colVal.datetime">
{{ colVal.datetime.formatted }}
</template>
<template v-else>
{{ viewPlaceholder }}
</template>
</span>
</template>
<template v-else>
<div>
<span class="text-xs capitalize" v-if="range">{{ i18n.t('general.from') }}</span>
<DateTimePicker :defaultValue="defaultStartDate" @closed="update" @change="updateStartDate" :mode="mode" :placeholder="placeholder" :clearable="true"/>
</div>
<div>
<span class="text-xs capitalize" v-if="range">{{ i18n.t('general.to') }}</span>
<DateTimePicker :defaultValue="defaultEndDate" @closed="update" v-if="range" @change="updateEndDate" :placeholder="placeholder" :mode="mode" :clearable="true"/>
</div>
<div class="text-xs text-sn-delete-red" v-if="error">{{ error }}</div>
</template>
</div> </div>
</template> </template>
@ -71,6 +96,25 @@
case 'datetime': case 'datetime':
return this.i18n.t('repositories.item_card.repository_date_time_value.placeholder'); return this.i18n.t('repositories.item_card.repository_date_time_value.placeholder');
} }
},
viewPlaceholder() {
switch (this.mode) {
case 'date':
if (this.range) {
return this.i18n.t('repositories.item_card.repository_date_range_value.no_date_range');
}
return this.i18n.t('repositories.item_card.repository_date_value.no_date');
case 'time':
if (this.range) {
return this.i18n.t('repositories.item_card.repository_time_range_value.no_time_range');
}
return this.i18n.t('repositories.item_card.repository_time_value.no_time');
case 'datetime':
if (this.range) {
return this.i18n.t('repositories.item_card.repository_date_time_range_value.no_date_time_range');
}
return this.i18n.t('repositories.item_card.repository_date_time_value.no_date_time');
}
} }
}, },
methods: { methods: {