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

update tema dan topik

Browse Source
This commit is contained in:
irwan.l.cahyono
2025-06-29 23:17:13 +07:00
parent 753688e56d
commit c17c54d6ce
6 changed files with 171 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/content/themes/[id].vue
+3 -4
View File
@@ -2,20 +2,20 @@
<div>
<ul class="flex space-x-2 rtl:space-x-reverse">
<li>
<a href="javascript:;" class="text-primary hover:underline">Core</a>
<a href="javascript:;" class="text-primary hover:underline">Konten</a>
</li>
<li class="before:mr-2 before:content-['/'] rtl:before:ml-2">
<NuxtLink to="/content/themes/list" class="text-primary hover:underline">Daftar Tema Konten</NuxtLink>
</li>
<li class="before:mr-2 before:content-['/'] rtl:before:ml-2">
<span>Tambah Tema Konten</span>
<span>Edit Tema Konten</span>
</li>
</ul>
<div class="grid grid-cols-1 gap-6 pt-5">
<div class="panel">
<div class="mb-5 flex items-center justify-between">
<h5 class="text-lg font-semibold dark:text-white-light">Tambah Tema Konten</h5>
<h5 class="text-lg font-semibold dark:text-white-light">Edit Tema Konten</h5>
<NuxtLink to="/content/themes/list" class="dark:text-white-light btn btn-dark !py-1">
<icon-arrow-backward class="me-1" />
Daftar
@@ -71,7 +71,6 @@
</template>
<script lang="ts" setup>
import { reactive } from 'vue'
import { useVuelidate } from '@vuelidate/core';
import { required } from '@vuelidate/validators';
import '@/assets/css/file-upload-preview.css';
pages/content/themes/add.vue
+3 -4
View File
@@ -2,7 +2,7 @@
<div>
<ul class="flex space-x-2 rtl:space-x-reverse">
<li>
<a href="javascript:;" class="text-primary hover:underline">Core</a>
<a href="javascript:;" class="text-primary hover:underline">Konten</a>
</li>
<li class="before:mr-2 before:content-['/'] rtl:before:ml-2">
<NuxtLink to="/content/themes/list" class="text-primary hover:underline">Daftar Tema Konten</NuxtLink>
@@ -15,7 +15,7 @@
<div class="grid grid-cols-1 gap-6 pt-5">
<div class="panel">
<div class="mb-5 flex items-center justify-between">
<h5 class="text-lg font-semibold dark:text-white-light">Tambah Konten</h5>
<h5 class="text-lg font-semibold dark:text-white-light">Tambah Tema Konten</h5>
<NuxtLink to="/content/themes/list" class="dark:text-white-light btn btn-dark !py-1">
<icon-arrow-backward class="me-1" />
Daftar
@@ -71,7 +71,6 @@
</template>
<script lang="ts" setup>
import { reactive } from 'vue'
import { useVuelidate } from '@vuelidate/core';
import { required } from '@vuelidate/validators';
import '@/assets/css/file-upload-preview.css';
@@ -123,7 +122,7 @@
formData.append('featured_image', form.value.featured_image);
}
await $fetch(config.public.apiBase + 'content/themes/', {
await $fetch(`${config.public.apiBase}content/themes/`, {
method: 'POST',
body: formData
}).then(() => {
pages/content/themes/list.vue
+6 -4
View File
@@ -2,7 +2,7 @@
<div>
<ul class="flex space-x-2 rtl:space-x-reverse">
<li>
<a href="javascript:;" class="text-primary hover:underline">Core</a>
<a href="javascript:;" class="text-primary hover:underline">Konten</a>
</li>
<li class="before:mr-2 before:content-['/'] rtl:before:ml-2">
<span>Daftar Tema Konten</span>
@@ -12,7 +12,7 @@
<div class="grid grid-cols-1 gap-6 pt-5">
<div class="panel">
<div class="mb-5 flex items-center justify-between">
<h5 class="text-lg font-semibold dark:text-white-light">Daftar Provinsi</h5>
<h5 class="text-lg font-semibold dark:text-white-light">Daftar Tema Konten</h5>
<NuxtLink to="/content/themes/add" class="dark:text-white-light btn btn-primary !py-1">
<icon-plus class="me-1" />
Tambah
@@ -67,6 +67,8 @@
const router = useRouter();
const config = useRuntimeConfig();
const cols =
ref([
{ field: 'theme', title: 'Tema' },
@@ -86,7 +88,7 @@
() => {
console.log('asyncData');
console.log(params);
return $fetch('http://localhost:8000/content/themes/', {
return $fetch(`${config.public.apiBase}content/themes/`, {
params: {
page: params.current_page,
page_size: params.pagesize,
@@ -118,7 +120,7 @@
const deleteData = async (data: any) => {
//delete data with API
await $fetch(`http://localhost:8000/content/themes/${data.id}/`, {
await $fetch(`${config.public.apiBase}content/themes/${data.id}/`, {
method: 'DELETE'
});