diff --git a/src/tools/otp-code-generator-and-validator/token-display.vue b/src/tools/otp-code-generator-and-validator/token-display.vue
index 5313b0be..317f0831 100644
--- a/src/tools/otp-code-generator-and-validator/token-display.vue
+++ b/src/tools/otp-code-generator-and-validator/token-display.vue
@@ -11,7 +11,7 @@ const { tokens } = toRefs(props);
-
+
Previous
@@ -22,60 +22,24 @@ const { tokens } = toRefs(props);
Next
-
-
-
-
- {{ tokens.previous }}
-
-
- {{ previousCopied ? 'Copied !' : 'Copy previous OTP' }}
-
-
-
-
- {{ tokens.current }}
-
-
- {{ currentCopied ? 'Copied !' : 'Copy current OTP' }}
-
-
-
-
- {{
- tokens.next
- }}
-
-
- {{ nextCopied ? 'Copied !' : 'Copy next OTP' }}
-
-
+
+
+
+ {{ tokens.previous }}
+
+
+
+
+ {{ tokens.current }}
+
+
+
+
+ {{ tokens.next }}
+
+
+
-
-
diff --git a/src/tools/text-to-binary/index.ts b/src/tools/text-to-binary/index.ts
new file mode 100644
index 00000000..40ac93d6
--- /dev/null
+++ b/src/tools/text-to-binary/index.ts
@@ -0,0 +1,12 @@
+import { Binary } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+ name: 'Text to ASCII binary',
+ path: '/text-to-binary',
+ description: 'Convert text to its ASCII binary representation and vice versa.',
+ keywords: ['text', 'to', 'binary', 'converter', 'encode', 'decode', 'ascii'],
+ component: () => import('./text-to-binary.vue'),
+ icon: Binary,
+ createdAt: new Date('2023-10-15'),
+});
diff --git a/src/tools/text-to-binary/text-to-binary.e2e.spec.ts b/src/tools/text-to-binary/text-to-binary.e2e.spec.ts
new file mode 100644
index 00000000..2b4e4313
--- /dev/null
+++ b/src/tools/text-to-binary/text-to-binary.e2e.spec.ts
@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('Tool - Text to ASCII binary', () => {
+ test.beforeEach(async ({ page }) => {
+ await page.goto('/text-to-binary');
+ });
+
+ test('Has correct title', async ({ page }) => {
+ await expect(page).toHaveTitle('Text to ASCII binary - IT Tools');
+ });
+
+ test('Text to binary conversion', async ({ page }) => {
+ await page.getByTestId('text-to-binary-input').fill('it-tools');
+ const binary = await page.getByTestId('text-to-binary-output').inputValue();
+
+ expect(binary).toEqual('01101001 01110100 00101101 01110100 01101111 01101111 01101100 01110011');
+ });
+
+ test('Binary to text conversion', async ({ page }) => {
+ await page.getByTestId('binary-to-text-input').fill('01101001 01110100 00101101 01110100 01101111 01101111 01101100 01110011');
+ const text = await page.getByTestId('binary-to-text-output').inputValue();
+
+ expect(text).toEqual('it-tools');
+ });
+});
diff --git a/src/tools/text-to-binary/text-to-binary.models.test.ts b/src/tools/text-to-binary/text-to-binary.models.test.ts
new file mode 100644
index 00000000..e4269b50
--- /dev/null
+++ b/src/tools/text-to-binary/text-to-binary.models.test.ts
@@ -0,0 +1,32 @@
+import { describe, expect, it } from 'vitest';
+import { convertAsciiBinaryToText, convertTextToAsciiBinary } from './text-to-binary.models';
+
+describe('text-to-binary', () => {
+ describe('convertTextToAsciiBinary', () => {
+ it('a text string is converted to its ascii binary representation', () => {
+ expect(convertTextToAsciiBinary('A')).toBe('01000001');
+ expect(convertTextToAsciiBinary('hello')).toBe('01101000 01100101 01101100 01101100 01101111');
+ expect(convertTextToAsciiBinary('')).toBe('');
+ });
+ it('the separator between octets can be changed', () => {
+ expect(convertTextToAsciiBinary('hello', { separator: '' })).toBe('0110100001100101011011000110110001101111');
+ });
+ });
+
+ describe('convertAsciiBinaryToText', () => {
+ it('an ascii binary string is converted to its text representation', () => {
+ expect(convertAsciiBinaryToText('01101000 01100101 01101100 01101100 01101111')).toBe('hello');
+ expect(convertAsciiBinaryToText('01000001')).toBe('A');
+ expect(convertTextToAsciiBinary('')).toBe('');
+ });
+
+ it('the given binary string is cleaned before conversion', () => {
+ expect(convertAsciiBinaryToText(' 01000 001garbage')).toBe('A');
+ });
+
+ it('throws an error if the given binary string as no complete octet', () => {
+ expect(() => convertAsciiBinaryToText('010000011')).toThrow('Invalid binary string');
+ expect(() => convertAsciiBinaryToText('1')).toThrow('Invalid binary string');
+ });
+ });
+});
diff --git a/src/tools/text-to-binary/text-to-binary.models.ts b/src/tools/text-to-binary/text-to-binary.models.ts
new file mode 100644
index 00000000..ad9699af
--- /dev/null
+++ b/src/tools/text-to-binary/text-to-binary.models.ts
@@ -0,0 +1,22 @@
+export { convertTextToAsciiBinary, convertAsciiBinaryToText };
+
+function convertTextToAsciiBinary(text: string, { separator = ' ' }: { separator?: string } = {}): string {
+ return text
+ .split('')
+ .map(char => char.charCodeAt(0).toString(2).padStart(8, '0'))
+ .join(separator);
+}
+
+function convertAsciiBinaryToText(binary: string): string {
+ const cleanBinary = binary.replace(/[^01]/g, '');
+
+ if (cleanBinary.length % 8) {
+ throw new Error('Invalid binary string');
+ }
+
+ return cleanBinary
+ .split(/(\d{8})/)
+ .filter(Boolean)
+ .map(binary => String.fromCharCode(Number.parseInt(binary, 2)))
+ .join('');
+}
diff --git a/src/tools/text-to-binary/text-to-binary.vue b/src/tools/text-to-binary/text-to-binary.vue
new file mode 100644
index 00000000..37aa9bea
--- /dev/null
+++ b/src/tools/text-to-binary/text-to-binary.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+ Copy binary to clipboard
+
+
+
+
+
+
+
+
+
+ Copy text to clipboard
+
+
+
+
diff --git a/src/tools/user-agent-parser/user-agent-result-cards.vue b/src/tools/user-agent-parser/user-agent-result-cards.vue
index ed4724cb..77502df0 100644
--- a/src/tools/user-agent-parser/user-agent-result-cards.vue
+++ b/src/tools/user-agent-parser/user-agent-result-cards.vue
@@ -14,25 +14,18 @@ const { userAgentInfo, sections } = toRefs(props);
-
-
- {{ heading }}
-
-
-
-
-
+
+
+ {{ heading }}
+
-
-
-
- {{ getValue(userAgentInfo) }}
-
-
- {{ label }}
-
+
+
+ {{ getValue(userAgentInfo) }}
+
+
diff --git a/src/ui/c-table/c-table.demo.vue b/src/ui/c-table/c-table.demo.vue
new file mode 100644
index 00000000..b2cf8a77
--- /dev/null
+++ b/src/ui/c-table/c-table.demo.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
+ {{ value }}yo
+
+
+
diff --git a/src/ui/c-table/c-table.types.ts b/src/ui/c-table/c-table.types.ts
new file mode 100644
index 00000000..6c658f34
--- /dev/null
+++ b/src/ui/c-table/c-table.types.ts
@@ -0,0 +1,4 @@
+export type HeaderConfiguration = (string | {
+ key: string
+ label?: string
+})[] | Record
;
diff --git a/src/ui/c-table/c-table.vue b/src/ui/c-table/c-table.vue
new file mode 100644
index 00000000..9354cc9a
--- /dev/null
+++ b/src/ui/c-table/c-table.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+ |
+ {{ header.label }}
+ |
+
+
+
+
+ |
+
+ {{ row[header.key] }}
+
+ |
+
+
+
+
@@ -14,4 +18,18 @@
Hover me
+
+
+
Tooltip positions
+
+
+
+
+
+ {{ position }}
+
+
+
+
+