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

ascii-texts

Browse source
This commit is contained in:
steffenrapp 2024-09-05 16:12:26 +00:00
parent 8e4a2206a7
commit 0a72a2b24b
3 changed files with 22 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
locales/de.yml
View file

@ -477,6 +477,13 @@ tools:
ascii-text-drawer: ascii-text-drawer:
title: ASCII-Art-Text-Generator title: ASCII-Art-Text-Generator
description: ASCII-Art-Text mit vielen Schriftarten und Stilen erstellen. description: ASCII-Art-Text mit vielen Schriftarten und Stilen erstellen.
text: 'Dein Text:'
placeholder: Dein zu zeichnender Text
font: 'Schriftart:'
width: 'Breite:'
loading: Schriftart wird geladen...
error: Die aktuellen Einstellungen führten zu einem Fehler.
output: 'ASCII-Art-Text:'
json-to-xml: json-to-xml:
title: JSON zu XML title: JSON zu XML
description: JSON in XML konvertieren description: JSON in XML konvertieren

7
locales/en.yml
View file

@ -446,6 +446,13 @@ tools:
ascii-text-drawer: ascii-text-drawer:
title: ASCII Art Text Generator title: ASCII Art Text Generator
description: Create ASCII art text with many fonts and styles. description: Create ASCII art text with many fonts and styles.
text: 'Your text:'
placeholder: Your text to draw
output: 'Ascii Art text:'
font: 'Font:'
width: 'Width:'
loading: Loading font...
error: Current settings resulted in error.
json-to-xml: json-to-xml:
title: JSON to XML title: JSON to XML
description: Convert JSON to XML description: Convert JSON to XML

15
src/tools/ascii-text-drawer/ascii-text-drawer.vue
View file

@ -8,6 +8,7 @@ const width = useStorage('ascii-text-drawer:width', 80);
const output = ref(''); const output = ref('');
const errored = ref(false); const errored = ref(false);
const processing = ref(false); const processing = ref(false);
const { t } = useI18n();
figlet.defaults({ fontPath: '//unpkg.com/figlet@1.6.0/fonts/' }); figlet.defaults({ fontPath: '//unpkg.com/figlet@1.6.0/fonts/' });
@ -44,8 +45,8 @@ const fonts = ['1Row', '3-D', '3D Diagonal', '3D-ASCII', '3x5', '4Max', '5 Line
<c-card style="max-width: 600px;"> <c-card style="max-width: 600px;">
<c-input-text <c-input-text
v-model:value="input" v-model:value="input"
label="Your text:" :label="t('tools.ascii-text-drawer.text')"
placeholder="Your text to draw" :placeholder="t('tools.ascii-text-drawer.placeholder')"
raw-text raw-text
multiline multiline
rows="4" rows="4"
@ -58,14 +59,14 @@ const fonts = ['1Row', '3-D', '3D Diagonal', '3D-ASCII', '3x5', '4Max', '5 Line
<c-select <c-select
v-model:value="font" v-model:value="font"
label-position="top" label-position="top"
label="Font:" :label="t('tools.ascii-text-drawer.font')"
:options="fonts" :options="fonts"
searchable="true" searchable="true"
placeholder="Select font to use" placeholder="Select font to use"
/> />
</n-gi> </n-gi>
<n-gi span="2"> <n-gi span="2">
<n-form-item label="Width:" label-placement="top" label-width="100" :show-feedback="false"> <n-form-item :label="t('tools.ascii-text-drawer.width')" label-placement="top" label-width="100" :show-feedback="false">
<n-input-number v-model:value="width" min="0" max="10000" w-full placeholder="Width of the text" /> <n-input-number v-model:value="width" min="0" max="10000" w-full placeholder="Width of the text" />
</n-form-item> </n-form-item>
</n-gi> </n-gi>
@ -75,14 +76,14 @@ const fonts = ['1Row', '3-D', '3D Diagonal', '3D-ASCII', '3x5', '4Max', '5 Line
<div v-if="processing" flex items-center justify-center> <div v-if="processing" flex items-center justify-center>
<n-spin size="medium" /> <n-spin size="medium" />
<span class="ml-2">Loading font...</span> <span class="ml-2">{{ t('tools.ascii-text-drawer.loading') }}</span>
</div> </div>
<c-alert v-if="errored" mt-1 text-center type="error"> <c-alert v-if="errored" mt-1 text-center type="error">
Current settings resulted in error. {{ t('tools.ascii-text-drawer.error') }}
</c-alert> </c-alert>
<n-form-item v-if="!processing && !errored" label="Ascii Art text:"> <n-form-item v-if="!processing && !errored" :label="t('tools.ascii-text-drawer.output')">
<TextareaCopyable <TextareaCopyable
:value="output" :value="output"
mb-1 mt-1 mb-1 mt-1