From b3d48c0bf5268813b9bf23c0855ad8e50b29c91e Mon Sep 17 00:00:00 2001 From: sharevb Date: Wed, 1 May 2024 14:55:25 +0200 Subject: [PATCH] feat(new tool): TTL Calculator Fix #828 --- components.d.ts | 9 ++-- src/tools/index.ts | 7 ++- src/tools/ttl-calculator/index.ts | 12 +++++ src/tools/ttl-calculator/ttl-calculator.vue | 52 +++++++++++++++++++++ 4 files changed, 73 insertions(+), 7 deletions(-) create mode 100644 src/tools/ttl-calculator/index.ts create mode 100644 src/tools/ttl-calculator/ttl-calculator.vue diff --git a/components.d.ts b/components.d.ts index e31119b3..5f1c86f2 100644 --- a/components.d.ts +++ b/components.d.ts @@ -127,24 +127,19 @@ declare module '@vue/runtime-core' { MetaTagGenerator: typeof import('./src/tools/meta-tag-generator/meta-tag-generator.vue')['default'] MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default'] NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default'] - NCode: typeof import('naive-ui')['NCode'] NCollapseTransition: typeof import('naive-ui')['NCollapseTransition'] NConfigProvider: typeof import('naive-ui')['NConfigProvider'] NDivider: typeof import('naive-ui')['NDivider'] NEllipsis: typeof import('naive-ui')['NEllipsis'] NFormItem: typeof import('naive-ui')['NFormItem'] - NGi: typeof import('naive-ui')['NGi'] - NGrid: typeof import('naive-ui')['NGrid'] NH1: typeof import('naive-ui')['NH1'] NH3: typeof import('naive-ui')['NH3'] NIcon: typeof import('naive-ui')['NIcon'] NInputNumber: typeof import('naive-ui')['NInputNumber'] - NLabel: typeof import('naive-ui')['NLabel'] NLayout: typeof import('naive-ui')['NLayout'] NLayoutSider: typeof import('naive-ui')['NLayoutSider'] NMenu: typeof import('naive-ui')['NMenu'] - NScrollbar: typeof import('naive-ui')['NScrollbar'] - NSpin: typeof import('naive-ui')['NSpin'] + NSpace: typeof import('naive-ui')['NSpace'] NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default'] OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default'] PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default'] @@ -159,6 +154,7 @@ declare module '@vue/runtime-core' { RouterLink: typeof import('vue-router')['RouterLink'] RouterView: typeof import('vue-router')['RouterView'] RsaKeyPairGenerator: typeof import('./src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue')['default'] + SafelinkDecoder: typeof import('./src/tools/safelink-decoder/safelink-decoder.vue')['default'] SlugifyString: typeof import('./src/tools/slugify-string/slugify-string.vue')['default'] SpanCopyable: typeof import('./src/components/SpanCopyable.vue')['default'] SqlPrettify: typeof import('./src/tools/sql-prettify/sql-prettify.vue')['default'] @@ -177,6 +173,7 @@ declare module '@vue/runtime-core' { TomlToYaml: typeof import('./src/tools/toml-to-yaml/toml-to-yaml.vue')['default'] 'Tool.layout': typeof import('./src/layouts/tool.layout.vue')['default'] ToolCard: typeof import('./src/components/ToolCard.vue')['default'] + TtlCalculator: typeof import('./src/tools/ttl-calculator/ttl-calculator.vue')['default'] UlidGenerator: typeof import('./src/tools/ulid-generator/ulid-generator.vue')['default'] UrlEncoder: typeof import('./src/tools/url-encoder/url-encoder.vue')['default'] UrlParser: typeof import('./src/tools/url-parser/url-parser.vue')['default'] diff --git a/src/tools/index.ts b/src/tools/index.ts index aa861c93..31585248 100644 --- a/src/tools/index.ts +++ b/src/tools/index.ts @@ -6,6 +6,7 @@ import { tool as asciiTextDrawer } from './ascii-text-drawer'; import { tool as textToUnicode } from './text-to-unicode'; import { tool as safelinkDecoder } from './safelink-decoder'; +import { tool as ttlCalculator } from './ttl-calculator'; import { tool as pdfSignatureChecker } from './pdf-signature-checker'; import { tool as numeronymGenerator } from './numeronym-generator'; import { tool as macAddressGenerator } from './mac-address-generator'; @@ -156,7 +157,11 @@ export const toolsByCategory: ToolCategory[] = [ }, { name: 'Math', - components: [mathEvaluator, etaCalculator, percentageCalculator], + components: [ + mathEvaluator, + etaCalculator, + ttlCalculator, + percentageCalculator], }, { name: 'Measurement', diff --git a/src/tools/ttl-calculator/index.ts b/src/tools/ttl-calculator/index.ts new file mode 100644 index 00000000..baafa1e7 --- /dev/null +++ b/src/tools/ttl-calculator/index.ts @@ -0,0 +1,12 @@ +import { CalendarTime } from '@vicons/tabler'; +import { defineTool } from '../tool'; + +export const tool = defineTool({ + name: 'TTL calculator', + path: '/ttl-calculator', + description: 'TTL to Time converter', + keywords: ['ttl', 'dns', 'calculator', 'time', 'live', 'duration'], + component: () => import('./ttl-calculator.vue'), + icon: CalendarTime, + createdAt: new Date('2024-04-20'), +}); diff --git a/src/tools/ttl-calculator/ttl-calculator.vue b/src/tools/ttl-calculator/ttl-calculator.vue new file mode 100644 index 00000000..a104c777 --- /dev/null +++ b/src/tools/ttl-calculator/ttl-calculator.vue @@ -0,0 +1,52 @@ + + +