github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 22:43:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 15

fix: Use Prettier formatter

Browse source
This commit is contained in:
SkepticMystic 2025-06-28 10:43:28 +00:00
commit 08621c86c2
1 changed files with 28 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

40
frontend/pages/g/[groupSlug]/r/create/image.vue
View file

@ -3,15 +3,23 @@
<v-form ref="domUrlForm" @submit.prevent="createRecipe"> <v-form ref="domUrlForm" @submit.prevent="createRecipe">
<div> <div>
<v-card-title class="headline"> <v-card-title class="headline">
{{ $t('recipe.create-recipe-from-an-image') }} {{ $t("recipe.create-recipe-from-an-image") }}
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
<p>{{ $t('recipe.create-recipe-from-an-image-description') }}</p> <p>{{ $t("recipe.create-recipe-from-an-image-description") }}</p>
<v-container class="pa-0"> <v-container class="pa-0">
<v-row> <v-row>
<v-col cols="auto" align-self="center"> <v-col cols="auto" align-self="center">
<AppButtonUpload class="ml-auto" url="none" file-name="images" accept="image/*" <AppButtonUpload
:text="$t('recipe.upload-image')" :text-btn="false" :post="false" @uploaded="uploadImage" /> class="ml-auto"
url="none"
file-name="images"
accept="image/*"
:text="$t('recipe.upload-image')"
:text-btn="false"
:post="false"
@uploaded="uploadImage"
/>
</v-col> </v-col>
<v-spacer /> <v-spacer />
</v-row> </v-row>
@ -21,24 +29,28 @@
<v-col cols="12" class="pb-0"> <v-col cols="12" class="pb-0">
<v-card-text class="pa-0"> <v-card-text class="pa-0">
<p class="mb-0"> <p class="mb-0">
{{ $t('recipe.crop-and-rotate-the-image') }} {{ $t("recipe.crop-and-rotate-the-image") }}
</p> </p>
</v-card-text> </v-card-text>
</v-col> </v-col>
</v-row> </v-row>
<v-row style="max-width: 600px;"> <v-row style="max-width: 600px">
<v-spacer /> <v-spacer />
<v-col v-for="(imageUrl, index) in uploadedImagesPreviewUrls" :key="index" cols="12"> <v-col v-for="(imageUrl, index) in uploadedImagesPreviewUrls" :key="index" cols="12">
<v-row> <v-row>
<v-col cols="auto" align-self="center"> <v-col cols="auto" align-self="center">
<ImageCropper :img="imageUrl" cropper-height="100%" cropper-width="100%" <ImageCropper
@save="(croppedImage) => updateUploadedImage(index, croppedImage)" /> :img="imageUrl"
cropper-height="100%"
cropper-width="100%"
@save="(croppedImage) => updateUploadedImage(index, croppedImage)"
/>
<v-btn color="error" @click="() => clearImage(index)"> <v-btn color="error" @click="() => clearImage(index)">
<v-icon start> <v-icon start>
{{ $globals.icons.close }} {{ $globals.icons.close }}
</v-icon> </v-icon>
{{ $t('recipe.remove-image') }} {{ $t("recipe.remove-image") }}
</v-btn> </v-btn>
</v-col> </v-col>
</v-row> </v-row>
@ -54,11 +66,15 @@
<BaseButton rounded block type="submit" :loading="loading" /> <BaseButton rounded block type="submit" :loading="loading" />
</p> </p>
<p> <p>
<v-checkbox v-model="shouldTranslate" hide-details :label="$t('recipe.should-translate-description')" <v-checkbox
:disabled="loading" /> v-model="shouldTranslate"
hide-details
:label="$t('recipe.should-translate-description')"
:disabled="loading"
/>
</p> </p>
<p v-if="loading" class="mb-0"> <p v-if="loading" class="mb-0">
{{ $t('recipe.please-wait-image-procesing') }} {{ $t("recipe.please-wait-image-procesing") }}
</p> </p>
</div> </div>
</v-card-actions> </v-card-actions>