forge-joniko/ldc-wenn-dann-mit-respekt
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Transalte ImageInputComponent

Browse source
This commit is contained in:
Jérémy Munsch 2023-05-10 17:22:00 +02:00
parent 77ca8b6da7
commit 05ec9be065
No known key found for this signature in database
GPG key ID: 18361AF3BFEC0FEC
3 changed files with 93 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
resources/lang/de/vue.php Normal file
View file

@ -0,0 +1,30 @@
<?php
return [
'ImageInputComponent' => [
'choose_a_file' => 'Choose a file',
'change_source_picture' => 'Modifikator für die Bildquelle',
'view_source_picture' => 'Visualisierer des Bildes',
'resize_source_picture' => 'Bildgröße anpassen',
'resized_source_picture' => 'Bild redimensioniert',
'preview_picture' => 'Vorschau des Bildes',
'change_picture_before_import' => 'MBildbearbeitung vor dem Import',
'close_window' => 'Schließe das Fenster',
'close_and_validate' => 'Überprüfen Sie den Inhalt und schließen Sie das Fenster',
'close_window_without_validation' => 'Schließen Sie das Fenster, ohne den Inhalt zu überprüfen',
'zoom_in' => 'Hineinzoomen',
'zoom_out' => 'Rauszoomen',
'move_left' => 'Geh nach links',
'move_right' => 'Nach rechts bewegen',
'move_up' => 'Bewegen Sie sich nach oben',
'move_down' => 'Sich abwärts bewegen',
'mirror_horizontal' => 'horizontaler Spiegel',
'mirror_vertical' => 'vertikaler Spiegel',
'rotation' => 'Drehen',
'rotate_rewind' => 'Rotation gegen den Uhrzeigersinn',
'rotate' => 'Drehung im Uhrzeigersinn',
'degres' => ':deg Grad',
'validate' => 'Bestätigen',
'preview' => 'Vorschau',
]
];

30
resources/lang/en/vue.php Normal file
View file

@ -0,0 +1,30 @@
<?php
return [
'ImageInputComponent' => [
'choose_a_file' => 'Choose a file',
'change_source_picture' => 'Edit Source Image',
'view_source_picture' => 'View image',
'resize_source_picture' => 'Resize image',
'resized_source_picture' => 'Image resized',
'preview_picture' => 'Image preview',
'change_picture_before_import' => 'Image modification before import',
'close_window' => 'Close the window',
'close_and_validate' => 'Validate the content and close the window',
'close_window_without_validation' => 'Close the window without validating the content',
'zoom_in' => 'Zoom in',
'zoom_out' => 'Zoom out',
'move_left' => 'Move left',
'move_right' => 'Move right',
'move_up' => 'Move up',
'move_down' => 'Move down',
'mirror_horizontal' => 'Horizontal mirror',
'mirror_vertical' => 'Vertical mirror',
'rotation' => 'Rotation',
'rotate_rewind' => 'Counter-clockwise rotation',
'rotate' => 'Clockwise rotation',
'degres' => ':deg egrees',
'validate' => 'Validate',
'preview' => 'Preview',
]
];

66
resources/ts/bo/components/ImageInputComponent.vue
View file

@ -7,7 +7,7 @@
:for="inTId"
class="col-form-label"
>
<b>{{ __("Choisir un fichier") }}</b>
<b>{{ __("vue.ImageInputComponent.choose_a_file") }}</b>
</label>
<div class="input-group">
<button
@ -15,7 +15,7 @@
class="btn btn-outline-secondary"
type="button"
data-bs-toggle="tooltip"
:title="__('Modifier l\'image source')"
:title="__('vue.ImageInputComponent.change_source_picture')"
>
<FontAwesomeIcon icon="fa-solid fa-folder-open" />
</button>
@ -42,7 +42,7 @@
:value="inTvalueFileName"
class="form-control right-aligned"
data-bs-toggle="tooltip"
:title="__('Modifier l\'image source')"
:title="__('vue.ImageInputComponent.change_source_picture')"
:aria-describedby="`Help${inTId}`"
readonly
>
@ -63,7 +63,7 @@
>
<span
data-bs-toggle="tooltip"
:title="__('Visualiser l\'image')"
:title="__('vue.ImageInputComponent.view_source_picture')"
>
<FontAwesomeIcon icon="fa-solid fa-eye" />
</span>
@ -78,7 +78,7 @@
>
<span
data-bs-toggle="tooltip"
:title="__('Redimensionner l\'image')"
:title="__('vue.ImageInputComponent.resize_source_picture')"
>
<FontAwesomeIcon icon="fa-solid fa-crop" />
</span>
@ -87,7 +87,7 @@
v-if="inThasModdedImage"
class="input-group-text text-success"
data-bs-toggle="tooltip"
:title="__('Image redimensionée')"
:title="__('vue.ImageInputComponent.resized_source_picture')"
>
<FontAwesomeIcon icon="fa-solid fa-wand-magic" />
</span>
@ -107,7 +107,7 @@
v-if="inTvalue && showLabels"
:id="`PreviewHelp${inTId}`"
class="form-text text-muted d-block"
>{{ __("Prévisualisation de l'image") }}
>{{ __("vue.ImageInputComponent.preview_picture") }}
<span
v-if="inToriginalFile"
class="fw-bold"
@ -145,15 +145,15 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
{{ __("Modification d'image avant import") }}
{{ __("vue.ImageInputComponent.change_picture_before_import") }}
</h5>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
:aria-label="__('Fermer la fenêtre')"
:aria-label="__('vue.ImageInputComponent.close_window')"
data-bs-toggle="tooltip"
:title="__('Fermer la fenêtre sans valider le contenu')"
:title="__('vue.ImageInputComponent.close_window_without_validation')"
/>
</div>
<div class="modal-body">
@ -174,7 +174,7 @@
<button
class="btn btn-primary"
data-bs-toggle="tooltip"
:title="__('Zoom avant')"
:title="__('vue.ImageInputComponent.zoom_in')"
@click.prevent="zoom(0.1)"
>
<FontAwesomeIcon icon="fa-solid fa-search-plus" />
@ -182,7 +182,7 @@
<a
class="btn btn-primary"
data-bs-toggle="tooltip"
:title="__('Zoom arrière')"
:title="__('vue.ImageInputComponent.zoom_out')"
@click.prevent="zoom(-0.1)"
>
<FontAwesomeIcon icon="fa-solid fa-search-minus" />
@ -192,7 +192,7 @@
<a
class="btn btn-primary"
data-bs-toggle="tooltip"
:title="__('Déplacer vers la gauche')"
:title="__('vue.ImageInputComponent.move_left')"
@click.prevent="move(-10, 0)"
>
<FontAwesomeIcon icon="fa-solid fa-arrow-left" />
@ -200,7 +200,7 @@
<a
class="btn btn-primary"
data-bs-toggle="tooltip"
:title="__('Déplacer vers la droite')"
:title="__('vue.ImageInputComponent.move_right')"
@click.prevent="move(10, 0)"
>
<FontAwesomeIcon icon="fa-solid fa-arrow-right" />
@ -208,7 +208,7 @@
<a
class="btn btn-primary"
data-bs-toggle="tooltip"
:title="__('Déplacer vers le haut')"
:title="__('vue.ImageInputComponent.move_up')"
@click.prevent="move(0, -10)"
>
<FontAwesomeIcon icon="fa-solid fa-arrow-up" />
@ -216,7 +216,7 @@
<a
class="btn btn-primary"
data-bs-toggle="tooltip"
:title="__('Déplacer vers le bas')"
:title="__('vue.ImageInputComponent.move_down')"
@click.prevent="move(0, 10)"
>
<FontAwesomeIcon icon="fa-solid fa-arrow-down" />
@ -226,7 +226,7 @@
<a
class="btn btn-primary"
data-bs-toggle="tooltip"
:title="__('Mirroir Horizontal')"
:title="__('vue.ImageInputComponent.mirror_horizontal')"
@click.prevent="scale(true)"
>
<FontAwesomeIcon icon="fa-solid fa-arrows-alt-h" />
@ -234,7 +234,7 @@
<a
class="btn btn-primary"
data-bs-toggle="tooltip"
:title="__('Mirroir Vertical')"
:title="__('vue.ImageInputComponent.mirror_vertical')"
@click.prevent="scale(false)"
>
<FontAwesomeIcon icon="fa-solid fa-arrows-alt-v" />
@ -246,12 +246,12 @@
<div class="col">
<div class="form-group d-flex flex-row">
<div class="rotate-button">
<span class="text-dark">{{ __("Rotation") }}&nbsp;:</span>
<span class="text-dark">{{ __("vue.ImageInputComponent.rotation") }}&nbsp;:</span>
<div class="btn-group mt-1">
<a
class="btn btn-primary"
data-bs-toggle="tooltip"
:title="__('Rotation sens anti-horaire')"
:title="__('vue.ImageInputComponent.rotate_rewind')"
@click.prevent="rotate(-45)"
>
<FontAwesomeIcon icon="fa-solid fa-undo-alt" />
@ -259,7 +259,7 @@
<a
class="btn btn-primary"
data-bs-toggle="tooltip"
:title="__('Rotation sens horaire')"
:title="__('vue.ImageInputComponent.rotate')"
@click.prevent="rotate(45)"
>
<FontAwesomeIcon icon="fa-solid fa-redo-alt" />
@ -271,7 +271,7 @@
for="range"
class="form-label me-4"
>{{
__(":deg degrès", {
__("vue.ImageInputComponent.degres", {
deg: String(inTrotationText),
})
}}
@ -322,11 +322,11 @@
type="button"
class="btn btn-secondary"
data-bs-dismiss="modal"
:aria-label="__('Fermer la fenêtre sans valider le contenu')"
:aria-label="__('vue.ImageInputComponent.close_window_without_validation')"
data-bs-toggle="tooltip"
:title="__('Fermer la fenêtre sans valider le contenu')"
:title="__('vue.ImageInputComponent.close_window_without_validation')"
>
{{ __("Fermer") }}
{{ __("vue.ImageInputComponent.close_window") }}
</button>
<button
@click.prevent="exportCropperFile"
@ -334,9 +334,9 @@
class="btn btn-primary"
data-bs-toggle="tooltip"
data-bs-dismiss="modal"
:title="__('Valider le contenu et fermer la fenêtre')"
:title="__('vue.ImageInputComponent.close_window_and_validate')"
>
{{ __("Valider") }}
{{ __("vue.ImageInputComponent.validate") }}
</button>
</div>
</div>
@ -358,15 +358,15 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
{{ __("Prévisualisation") }}
{{ __("vue.ImageInputComponent.preview") }}
</h5>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
:aria-label="__('Fermer la fenêtre')"
:aria-label="__('vue.ImageInputComponent.close_window')"
data-bs-toggle="tooltip"
:title="__('Fermer la fenêtre sans valider le contenu')"
:title="__('vue.ImageInputComponent.close_window_without_validation')"
/>
</div>
<div class="modal-body">
@ -376,7 +376,7 @@
<small
:id="`PreviewHelp${inTId}`"
class="form-text text-muted d-block"
>{{ __("Prévisualisation de l'image") }}</small>
>{{ __("vue.ImageInputComponent.preview_picture") }}</small>
<img
class="img-fluid"
:src="inTvalue"
@ -542,7 +542,7 @@ export default defineComponent({
return {
inTId: "",
inTvalue: "",
inTvalueFileName: this.__("Sélectionnez une image"),
inTvalueFileName: this.__("vue.ImageInputComponent.choose_a_file"),
inThelper: "",
inTname: "",
inTrequired: true,
@ -745,7 +745,7 @@ export default defineComponent({
removeFile() {
const actualImage = this.$refs.actualImage as HTMLInputElement;
actualImage.value = "";
this.inTvalueFileName = this.__("Sélectionnez une image");
this.inTvalueFileName = this.__("vue.ImageInputComponent.choose_a_file");
this.inTvalue = "";
this.inToriginalFileName = "";
this.inToriginalFile = null;