Probindo/freekake_webapp
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

contents

Browse Source
This commit is contained in:
irwan.l.cahyono
2025-07-07 01:38:43 +07:00
parent b152b19def
commit 63219c8215
5 changed files with 217 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/content/themes/[id].vue
+7 -2
View File
@@ -26,11 +26,15 @@
<div class="grid grid-cols-1 gap-4 md:grid-cols-4 gap-2">
<div :class="{ 'has-error': $validate.form.theme.$error, 'has-success': isSubmitted && !$validate.form.theme.$error }">
<label for="theme">Tema</label>
<input id="code" type="text" class="form-input" v-model="form.theme" />
<template v-if="isSubmitted && $validate.form.code.$error">
<input id="theme" type="text" class="form-input" v-model="form.theme" />
<template v-if="isSubmitted && $validate.form.theme.$error">
<p class="text-danger mt-1">Tema konten harus diisi</p>
</template>
</div>
<div>
<label for="color">Warna Latar Belakang</label>
<input id="color" type="text" class="form-input" v-model="form.color" />
</div>
</div>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 gap-2">
<div class="md:col-span-2" :class="{ 'has-error': $validate.form.description.$error, 'has-success': isSubmitted && !$validate.form.description.$error }">
@@ -117,6 +121,7 @@
const formData = new FormData();
formData.append('theme', form.value.theme);
formData.append('description', form.value.description);
formData.append('color', form.value.color);
if (form.value.featured_image) {
formData.append('featured_image', form.value.featured_image);
pages/content/themes/add.vue
+8 -2
View File
@@ -26,11 +26,15 @@
<div class="grid grid-cols-1 gap-4 md:grid-cols-4 gap-2">
<div :class="{ 'has-error': $validate.form.theme.$error, 'has-success': isSubmitted && !$validate.form.theme.$error }">
<label for="theme">Tema</label>
<input id="code" type="text" class="form-input" v-model="form.theme" />
<template v-if="isSubmitted && $validate.form.code.$error">
<input id="theme" type="text" class="form-input" v-model="form.theme" />
<template v-if="isSubmitted && $validate.form.theme.$error">
<p class="text-danger mt-1">Tema konten harus diisi</p>
</template>
</div>
<div>
<label for="color">Warna Latar Belakang</label>
<input id="color" type="text" class="form-input" v-model="form.color" />
</div>
</div>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 gap-2">
<div class="md:col-span-2" :class="{ 'has-error': $validate.form.description.$error, 'has-success': isSubmitted && !$validate.form.description.$error }">
@@ -81,6 +85,7 @@
theme: '',
description: '',
featured_image: '',
color: '',
});
const isSubmitted = ref(false);
const rules = {
@@ -117,6 +122,7 @@
const formData = new FormData();
formData.append('theme', form.value.theme);
formData.append('description', form.value.description);
formData.append('color', form.value.color);
if (form.value.featured_image) {
formData.append('featured_image', form.value.featured_image);