Skip to content

Commit 353c37b

Browse files
dansupdansup
committed
Lint
1 parent aa44d93 commit 353c37b

File tree

5 files changed

+362
-137
lines changed

5 files changed

+362
-137
lines changed

‎resources/js/components/Status/EditModal.vue‎

Lines changed: 88 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,22 @@
11
<template>
2-
<div v-if="isOpen" class="fixed inset-0 z-50 flex items-center justify-center bg-black/90" @click.self="closeModal">
3-
<div class="bg-white dark:bg-slate-900 rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[90vh] overflow-y-auto">
4-
<div class="flex items-center justify-between p-6 border-b border-gray-200 dark:border-slate-700">
2+
<div
3+
v-if="isOpen"
4+
class="fixed inset-0 z-50 flex items-center justify-center bg-black/90"
5+
@click.self="closeModal"
6+
>
7+
<div
8+
class="bg-white dark:bg-slate-900 rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[90vh] overflow-y-auto"
9+
>
10+
<div
11+
class="flex items-center justify-between p-6 border-b border-gray-200 dark:border-slate-700"
12+
>
513
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">
614
{{ $t('post.editVideo') }}
715
</h2>
8-
<button @click="closeModal" class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300">
16+
<button
17+
@click="closeModal"
18+
class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"
19+
>
920
<XMarkIcon class="h-6 w-6" />
1021
</button>
1122
</div>
@@ -15,24 +26,40 @@
1526
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
1627
{{ $t('post.caption') }}
1728
</label>
18-
<textarea v-model="formData.caption"
29+
<textarea
30+
v-model="formData.caption"
1931
class="w-full px-3 py-2 border border-gray-300 dark:border-slate-600 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-[#F02C56] focus:border-[#F02C56] dark:bg-slate-800 dark:text-white resize-none"
20-
rows="4" :placeholder="$t('post.writeYourCaptionDotDotDot')" maxlength="500" />
32+
rows="4"
33+
:placeholder="$t('post.writeYourCaptionDotDotDot')"
34+
maxlength="500"
35+
/>
2136
<div class="text-right text-sm text-gray-500 dark:text-gray-400 mt-1">
2237
{{ formData.caption.length }}/240
2338
</div>
2439
</div>
2540

2641
<div>
27-
<AnimatedButton @click="showAltText = !showAltText" type="button" variant="light"
28-
class="flex w-full">
42+
<AnimatedButton
43+
@click="showAltText = !showAltText"
44+
type="button"
45+
variant="light"
46+
class="flex w-full"
47+
>
2948
<div class="flex items-center gap-2 text-sm font-medium">
3049
<div>
31-
<svg :class="{ 'rotate-90': showAltText }"
32-
class="h-4 w-4 transition-transform duration-200" fill="none" viewBox="0 0 24 24"
33-
stroke="currentColor">
34-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
35-
d="M9 5l7 7-7 7" />
50+
<svg
51+
:class="{ 'rotate-90': showAltText }"
52+
class="h-4 w-4 transition-transform duration-200"
53+
fill="none"
54+
viewBox="0 0 24 24"
55+
stroke="currentColor"
56+
>
57+
<path
58+
stroke-linecap="round"
59+
stroke-linejoin="round"
60+
stroke-width="2"
61+
d="M9 5l7 7-7 7"
62+
/>
3663
</svg>
3764
</div>
3865
<div>
@@ -48,9 +75,13 @@
4875
<p class="text-xs text-gray-500 dark:text-gray-400">
4976
{{ $t('studio.altTextHelp') }}
5077
</p>
51-
<textarea v-model="formData.altText"
78+
<textarea
79+
v-model="formData.altText"
5280
class="w-full px-3 py-2 border border-gray-300 dark:border-slate-600 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-[#F02C56] focus:border-[#F02C56] dark:bg-slate-800 dark:text-white resize-none"
53-
rows="3" :placeholder="$t('studio.describeYourVideoDotDotDotAltText')" maxlength="2000" />
81+
rows="3"
82+
:placeholder="$t('studio.describeYourVideoDotDotDotAltText')"
83+
maxlength="2000"
84+
/>
5485
<div class="text-right text-sm text-gray-500 dark:text-gray-400">
5586
{{ formData.altText.length }}/2000
5687
</div>
@@ -124,8 +155,10 @@
124155
{{ $t('studio.language') }}
125156
</label>
126157
<div class="relative">
127-
<select v-model="formData.lang"
128-
class="block w-full px-4 py-2 pr-8 text-gray-700 bg-white border border-gray-300 rounded-lg shadow-sm appearance-none focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors">
158+
<select
159+
v-model="formData.lang"
160+
class="block w-full px-4 py-2 pr-8 text-gray-700 bg-white border border-gray-300 rounded-lg shadow-sm appearance-none focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
161+
>
129162
<option value="" disabled selected>
130163
{{ $t('studio.selectLanguage') }}
131164
</option>
@@ -134,10 +167,21 @@
134167
{{ lang.name }}
135168
</option>
136169
</select>
137-
<div class="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none">
138-
<svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
139-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
140-
d="M19 9l-7 7-7-7" />
170+
<div
171+
class="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none"
172+
>
173+
<svg
174+
class="w-5 h-5 text-gray-400"
175+
fill="none"
176+
stroke="currentColor"
177+
viewBox="0 0 24 24"
178+
>
179+
<path
180+
stroke-linecap="round"
181+
stroke-linejoin="round"
182+
stroke-width="2"
183+
d="M19 9l-7 7-7-7"
184+
/>
141185
</svg>
142186
</div>
143187
</div>
@@ -168,7 +212,10 @@
168212
{{ $t('studio.disclosePostContentHelp') }}
169213
</p>
170214
</div>
171-
<ToggleSwitch v-model="formData.containsAds" :disabled="formData.containsAds" />
215+
<ToggleSwitch
216+
v-model="formData.containsAds"
217+
:disabled="formData.containsAds"
218+
/>
172219
</div>
173220

174221
<div class="flex items-start justify-between gap-5">
@@ -180,7 +227,10 @@
180227
{{ $t('studio.containsAlteredContentHelp') }}
181228
</p>
182229
</div>
183-
<ToggleSwitch v-model="formData.containsAiContent" :disabled="formData.containsAiContent" />
230+
<ToggleSwitch
231+
v-model="formData.containsAiContent"
232+
:disabled="formData.containsAiContent"
233+
/>
184234
</div>
185235
</div>
186236

@@ -195,8 +245,10 @@
195245
<p class="text-sm text-red-700 dark:text-red-300 mt-1">
196246
{{ $t('post.thisActionCannotBeUndone') }}
197247
</p>
198-
<button @click="confirmDelete"
199-
class="mt-3 bg-red-600 hover:bg-red-700 text-white text-sm font-medium py-2 px-4 rounded-md transition-colors duration-200">
248+
<button
249+
@click="confirmDelete"
250+
class="mt-3 bg-red-600 hover:bg-red-700 text-white text-sm font-medium py-2 px-4 rounded-md transition-colors duration-200"
251+
>
200252
{{ $t('post.deleteVideo') }}
201253
</button>
202254
</div>
@@ -206,13 +258,19 @@
206258
</div>
207259

208260
<div
209-
class="flex items-center justify-end gap-3 px-6 py-4 border-t border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 rounded-b-lg">
210-
<button @click="closeModal"
211-
class="px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-slate-700 border border-gray-300 dark:border-slate-600 rounded-md hover:bg-gray-50 dark:hover:bg-slate-600 transition-colors duration-200 cursor-pointer">
261+
class="flex items-center justify-end gap-3 px-6 py-4 border-t border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 rounded-b-lg"
262+
>
263+
<button
264+
@click="closeModal"
265+
class="px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-slate-700 border border-gray-300 dark:border-slate-600 rounded-md hover:bg-gray-50 dark:hover:bg-slate-600 transition-colors duration-200 cursor-pointer"
266+
>
212267
{{ $t('common.cancel') }}
213268
</button>
214-
<button @click="saveChanges" :disabled="isSaving"
215-
class="px-4 py-2 text-sm font-medium text-white bg-[#F02C56] hover:bg-red-600 disabled:bg-red-300 disabled:cursor-not-allowed rounded-md transition-colors duration-200 flex items-center cursor-pointer">
269+
<button
270+
@click="saveChanges"
271+
:disabled="isSaving"
272+
class="px-4 py-2 text-sm font-medium text-white bg-[#F02C56] hover:bg-red-600 disabled:bg-red-300 disabled:cursor-not-allowed rounded-md transition-colors duration-200 flex items-center cursor-pointer"
273+
>
216274
<Spinner v-if="isSaving" size="sm" class="mr-2" />
217275
{{ isSaving ? $t('common.savingDotDotDot') : $t('post.saveChanges') }}
218276
</button>

0 commit comments

Comments
 (0)