mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-17 01:56:46 +00:00
40e413d958
* ✨ Added pinia support. Migrated community nodes module. * ✨ Added ui pinia store, moved some data from root store to it, updated modals to work with pinia stores * ✨ Added ui pinia store and migrated a part of the root store * ✨ Migrated `settings` store to pinia * ✨ Removing vuex store refs from router * ✨ Migrated `users` module to pinia store * ⚡ Fixing errors after sync with master * ⚡ One more error after merge * ⚡ Created `workflows` pinia store. Moved large part of root store to it. Started updating references. * ✨ Finished migrating workflows store to pinia * ⚡ Renaming some getters and actions to make more sense * ✨ Finished migrating the root store to pinia * ✨ Migrated ndv store to pinia * ⚡ Renaming main panel dimensions getter so it doesn't clash with data prop name * ✔️ Fixing lint errors * ✨ Migrated `templates` store to pinia * ✨ Migrated the `nodeTypes`store * ⚡ Removed unused pieces of code and oold vuex modules * ✨ Adding vuex calls to pinia store, fi xing wrong references * 💄 Removing leftover $store refs * ⚡ Added legacy getters and mutations to store to support webhooks * ⚡ Added missing front-end hooks, updated vuex state subscriptions to pinia * ✔️ Fixing linting errors * ⚡ Removing vue composition api plugin * ⚡ Fixing main sidebar state when loading node view * 🐛 Fixing an error when activating workflows * 🐛 Fixing isses with workflow settings and executions auto-refresh * 🐛 Removing duplicate listeners which cause import error * 🐛 Fixing route authentication * ⚡ Updating freshly pulled $store refs * Adding deleted const * ⚡ Updating store references in ee features. Reseting NodeView credentials update flag when resetting workspace * ⚡ Adding return type to email submission modal * ⚡ Making NodeView only react to paste event when active * 🐛 Fixing signup view errors * 👌 Addressing PR review comments * 👌 Addressing new PR comments * 👌 Updating invite id logic in signup view
76 lines
2.6 KiB
Vue
76 lines
2.6 KiB
Vue
<template>
|
|
<span :title="convertDate">
|
|
{{ format }}
|
|
</span>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { format, LocaleFunc, register } from 'timeago.js';
|
|
import { convertToHumanReadableDate } from './helpers';
|
|
import Vue from 'vue';
|
|
import { mapGetters } from 'vuex';
|
|
import { mapStores } from 'pinia';
|
|
import { useRootStore } from '@/stores/n8nRootStore';
|
|
|
|
export default Vue.extend({
|
|
name: 'TimeAgo',
|
|
props: {
|
|
date: {
|
|
type: String,
|
|
},
|
|
capitalize: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
},
|
|
beforeMount() {
|
|
register(this.defaultLocale, this.localeFunc as LocaleFunc);
|
|
},
|
|
methods: {
|
|
localeFunc(num: number, index: number, totalSec: number): [string, string] {
|
|
// number: the timeago / timein number;
|
|
// index: the index of array below;
|
|
// totalSec: total seconds between date to be formatted and today's date;
|
|
return [
|
|
[this.$locale.baseText('timeAgo.justNow'), this.$locale.baseText('timeAgo.rightNow')],
|
|
[this.$locale.baseText('timeAgo.justNow'), this.$locale.baseText('timeAgo.rightNow')], // ['%s seconds ago', 'in %s seconds'],
|
|
[this.$locale.baseText('timeAgo.oneMinuteAgo'), this.$locale.baseText('timeAgo.inOneMinute')],
|
|
[this.$locale.baseText('timeAgo.minutesAgo'), this.$locale.baseText('timeAgo.inMinutes')],
|
|
[this.$locale.baseText('timeAgo.oneHourAgo'), this.$locale.baseText('timeAgo.inOneHour')],
|
|
[this.$locale.baseText('timeAgo.hoursAgo'), this.$locale.baseText('timeAgo.inHours')],
|
|
[this.$locale.baseText('timeAgo.oneDayAgo'), this.$locale.baseText('timeAgo.inOneDay')],
|
|
[this.$locale.baseText('timeAgo.daysAgo'), this.$locale.baseText('timeAgo.inDays')],
|
|
[this.$locale.baseText('timeAgo.oneWeekAgo'), this.$locale.baseText('timeAgo.inOneWeek')],
|
|
[this.$locale.baseText('timeAgo.weeksAgo'), this.$locale.baseText('timeAgo.inWeeks')],
|
|
[this.$locale.baseText('timeAgo.oneMonthAgo'), this.$locale.baseText('timeAgo.inOneMonth')],
|
|
[this.$locale.baseText('timeAgo.monthsAgo'), this.$locale.baseText('timeAgo.inMonths')],
|
|
[this.$locale.baseText('timeAgo.oneYearAgo'), this.$locale.baseText('timeAgo.inOneYear')],
|
|
[this.$locale.baseText('timeAgo.yearsAgo'), this.$locale.baseText('timeAgo.inYears')],
|
|
][index] as [string, string];
|
|
},
|
|
},
|
|
computed: {
|
|
...mapStores(
|
|
useRootStore,
|
|
),
|
|
defaultLocale(): string {
|
|
return this.rootStore.defaultLocale;
|
|
},
|
|
format(): string {
|
|
const text = format(this.date, this.defaultLocale);
|
|
|
|
if (!this.capitalize) {
|
|
return text.toLowerCase();
|
|
}
|
|
|
|
return text;
|
|
},
|
|
convertDate(): string {
|
|
const date = new Date(this.date);
|
|
const epoch = date.getTime();
|
|
return convertToHumanReadableDate(epoch);
|
|
},
|
|
},
|
|
});
|
|
</script>
|