mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-27 10:06:16 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(lint): linter auto fix

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-22 23:31:40 +02:00
parent 8e29a97404
commit 086d31eab5
No known key found for this signature in database
GPG key ID: DBD997E935996158
54 changed files with 1122 additions and 1503 deletions
Download patch file Download diff file Expand all files Collapse all files

162
src/tools/date-time-converter/date-time-converter.vue
View file

@ -2,11 +2,7 @@
<div>
<n-card>
<n-space justify="center">
<n-form-item
label="Use current date-time ?"
label-placement="left"
:show-feedback="false"
>
<n-form-item label="Use current date-time ?" label-placement="left" :show-feedback="false">
<n-switch v-model:value="useCurrentDate" />
</n-form-item>
</n-space>
@ -14,10 +10,10 @@
:feedback="inputInvalid ? 'Invalid date for the current format' : ''"
:validation-status="inputInvalid ? 'error' : undefined"
>
<n-input-group style="flex-grow: 1;">
<n-input-group style="flex-grow: 1">
<n-select
v-model:value="inputFormat"
style="width: 200px;"
style="width: 200px"
:options="formats.map(({ name }, i) => ({ label: name, value: i }))"
:disabled="useCurrentDate"
/>
@ -30,16 +26,10 @@
/>
</n-input-group>
</n-form-item>
<n-divider style="margin-top: 0;" />
<div
v-for="{ name, fromDate } in formats"
:key="name"
style="margin: 5px 0;"
>
<n-divider style="margin-top: 0" />
<div v-for="{ name, fromDate } in formats" :key="name" style="margin: 5px 0">
<n-input-group>
<n-input-group-label style="flex: 0 0 170px;">
{{ name }}:
</n-input-group-label>
<n-input-group-label style="flex: 0 0 170px"> {{ name }}: </n-input-group-label>
<input-copyable :value="fromDate(baseDate)" />
</n-input-group>
</div>
@ -49,80 +39,90 @@
<script setup lang="ts">
import { useRafFn } from '@vueuse/core';
import { formatISO, formatISO9075, formatRFC3339, formatRFC7231, fromUnixTime, getTime, getUnixTime, isDate, parseISO, parseJSON } from 'date-fns';
import { ref } from 'vue'
import InputCopyable from "../../components/InputCopyable.vue";
import {
formatISO,
formatISO9075,
formatRFC3339,
formatRFC7231,
fromUnixTime,
getTime,
getUnixTime,
isDate,
parseISO,
parseJSON,
} from 'date-fns';
import { ref } from 'vue';
import InputCopyable from '../../components/InputCopyable.vue';
const useCurrentDate = ref(true)
const inputDate = ref('')
const inputFormat = ref(6)
const inputInvalid = ref(false)
const baseDate = ref(new Date())
const useCurrentDate = ref(true);
const inputDate = ref('');
const inputFormat = ref(6);
const inputInvalid = ref(false);
const baseDate = ref(new Date());
useRafFn(() => {
if (useCurrentDate.value) {
baseDate.value = new Date()
}
})
if (useCurrentDate.value) {
baseDate.value = new Date();
}
});
function onDateInputChanged(value: string) {
const { toDate } = formats[inputFormat.value]
inputInvalid.value = false
const { toDate } = formats[inputFormat.value];
inputInvalid.value = false;
try {
const formatted: Date | string = toDate(value)
try {
const formatted: Date | string = toDate(value);
if (!isDate(formatted) || isNaN(formatted.getTime())) {
throw new Error('Invalid date')
}
baseDate.value = formatted
} catch (_) {
inputInvalid.value = true
if (!isDate(formatted) || isNaN(formatted.getTime())) {
throw new Error('Invalid date');
}
baseDate.value = formatted;
} catch (_) {
inputInvalid.value = true;
}
}
const formats = [
{
name: 'JS locale date string',
fromDate: (date: Date) => date.toString(),
toDate: (date: string) => new Date(date)
},
{
name: 'ISO 8601',
fromDate: (date: Date) => formatISO(date),
toDate: (date: string) => parseISO(date)
},
{
name: 'ISO 9075',
fromDate: (date: Date) => formatISO9075(date),
toDate: (date: string) => parseISO(date)
},
{
name: 'RFC 3339',
fromDate: (date: Date) => formatRFC3339(date),
toDate: (date: string) => new Date(date)
},
{
name: 'RFC 7231',
fromDate: (date: Date) => formatRFC7231(date),
toDate: (date: string) => new Date(date)
},
{
name: 'Timestamp',
fromDate: (date: Date) => String(getTime(date)),
toDate: (ms: string) => parseJSON(+ms)
},
{
name: 'Unix timestamp',
fromDate: (date: Date) => String(getUnixTime(date)),
toDate: (sec: string) => fromUnixTime(+sec)
},
{
name: 'UTC format',
fromDate: (date: Date) => date.toUTCString(),
toDate: (date: string) => new Date(date)
},
]
{
name: 'JS locale date string',
fromDate: (date: Date) => date.toString(),
toDate: (date: string) => new Date(date),
},
{
name: 'ISO 8601',
fromDate: (date: Date) => formatISO(date),
toDate: (date: string) => parseISO(date),
},
{
name: 'ISO 9075',
fromDate: (date: Date) => formatISO9075(date),
toDate: (date: string) => parseISO(date),
},
{
name: 'RFC 3339',
fromDate: (date: Date) => formatRFC3339(date),
toDate: (date: string) => new Date(date),
},
{
name: 'RFC 7231',
fromDate: (date: Date) => formatRFC7231(date),
toDate: (date: string) => new Date(date),
},
{
name: 'Timestamp',
fromDate: (date: Date) => String(getTime(date)),
toDate: (ms: string) => parseJSON(+ms),
},
{
name: 'Unix timestamp',
fromDate: (date: Date) => String(getUnixTime(date)),
toDate: (sec: string) => fromUnixTime(+sec),
},
{
name: 'UTC format',
fromDate: (date: Date) => date.toUTCString(),
toDate: (date: string) => new Date(date),
},
];
</script>