admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-18 02:21:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): Move editor-ui and design-system to frontend dir (no-changelog) (#13564)

Browse Source
This commit is contained in:
Alex Grozav
2025-02-28 14:28:30 +02:00
committed by GitHub
parent 684353436d
commit f5743176e5
1635 changed files with 805 additions and 1079 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
packages/frontend/editor-ui/src/components/TimeAgo.vue Normal file
View File

@@ -0,0 +1,67 @@
<script lang="ts" setup>
import { format, register } from 'timeago.js';
import { convertToHumanReadableDate } from '@/utils/typesUtils';
import { computed, onBeforeMount } from 'vue';
import { useRootStore } from '@/stores/root.store';
import { useI18n } from '@/composables/useI18n';
type Props = {
date: string;
capitalize?: boolean;
};
const props = withDefaults(defineProps<Props>(), {
capitalize: false,
});
const rootStore = useRootStore();
const i18n = useI18n();
const defaultLocale = computed(() => rootStore.defaultLocale);
const formatted = computed(() => {
const text = format(props.date, defaultLocale.value);
if (!props.capitalize) {
return text.toLowerCase();
}
return text;
});
const convertDate = computed(() => {
const date = new Date(props.date);
const epoch = date.getTime();
return convertToHumanReadableDate(epoch);
});
onBeforeMount(() => {
register(defaultLocale.value, localeFunc);
});
function localeFunc(_: number, index: number): [string, string] {
// number: the timeago / timein number;
// index: the index of array below;
return [
[i18n.baseText('timeAgo.justNow'), i18n.baseText('timeAgo.rightNow')],
[i18n.baseText('timeAgo.justNow'), i18n.baseText('timeAgo.rightNow')], // ['%s seconds ago', 'in %s seconds'],
[i18n.baseText('timeAgo.oneMinuteAgo'), i18n.baseText('timeAgo.inOneMinute')],
[i18n.baseText('timeAgo.minutesAgo'), i18n.baseText('timeAgo.inMinutes')],
[i18n.baseText('timeAgo.oneHourAgo'), i18n.baseText('timeAgo.inOneHour')],
[i18n.baseText('timeAgo.hoursAgo'), i18n.baseText('timeAgo.inHours')],
[i18n.baseText('timeAgo.oneDayAgo'), i18n.baseText('timeAgo.inOneDay')],
[i18n.baseText('timeAgo.daysAgo'), i18n.baseText('timeAgo.inDays')],
[i18n.baseText('timeAgo.oneWeekAgo'), i18n.baseText('timeAgo.inOneWeek')],
[i18n.baseText('timeAgo.weeksAgo'), i18n.baseText('timeAgo.inWeeks')],
[i18n.baseText('timeAgo.oneMonthAgo'), i18n.baseText('timeAgo.inOneMonth')],
[i18n.baseText('timeAgo.monthsAgo'), i18n.baseText('timeAgo.inMonths')],
[i18n.baseText('timeAgo.oneYearAgo'), i18n.baseText('timeAgo.inOneYear')],
[i18n.baseText('timeAgo.yearsAgo'), i18n.baseText('timeAgo.inYears')],
][index] as [string, string];
}
</script>
<template>
<span :title="convertDate">
{{ formatted }}
</span>
</template>