Magang-2025/Undangan
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[feat] slug

Browse Source
This commit is contained in:
Baghaztra 2025-10-09 10:20:05 +07:00
parent 47ad559659
commit 0110d6275f
4 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
backend-baru/app/Http/Controllers/Api/TemplateApiController.php
View File

@ -16,6 +16,7 @@ class TemplateApiController extends Controller
return [ return [
'id' => $template->id, 'id' => $template->id,
'nama_template' => $template->nama_template, 'nama_template' => $template->nama_template,
'slug' => $template->slug,
'harga' => $template->harga, 'harga' => $template->harga,
'paket' => $template->paket, 'paket' => $template->paket,
'kategori' => $template->kategori ? $template->kategori->nama : null, 'kategori' => $template->kategori ? $template->kategori->nama : null,

7
backend-baru/app/Models/Template.php
View File

@ -4,6 +4,7 @@ namespace App\Models;
use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model; use Illuminate\Database\Eloquent\Model;
use Illuminate\Support\Str;
class Template extends Model class Template extends Model
{ {
@ -36,4 +37,10 @@ class Template extends Model
{ {
return $this->hasMany(Pelanggan::class, 'template_id'); return $this->hasMany(Pelanggan::class, 'template_id');
} }
// Accessor untuk slug berdasarkan nama_template
public function getSlugAttribute()
{
return Str::slug($this->nama_template);
}
} }

6
proyek-frontend/app/components/landing-page/featuredtemplates.vue
View File

@ -2,7 +2,7 @@
import { ref, computed } from 'vue' import { ref, computed } from 'vue'
// ID template yang mau ditampilkan // ID template yang mau ditampilkan
const selectedIds = [3, 4, 5, 6, 7, 8, 9] const selectedIds = [1, 3, 4, 5, 6, 7, 8, 9]
// State dropdown // State dropdown
const openDropdownId = ref(null) const openDropdownId = ref(null)
@ -79,7 +79,7 @@ const templates = computed(() =>
paket: paketData[index % paketData.length].paket, paket: paketData[index % paketData.length].paket,
fiturs: paketData[index % paketData.length].fiturs.map((f, i) => ({ id: i + 1, deskripsi: f })), fiturs: paketData[index % paketData.length].fiturs.map((f, i) => ({ id: i + 1, deskripsi: f })),
kategori: t.kategori, kategori: t.kategori,
formPath: formMapping[t.nama_template] || '/form/lainny' // 🔥 ambil path dari mapping formPath: t.slug
} }
}) })
) )
@ -144,7 +144,7 @@ const templates = computed(() =>
class="w-full bg-white border border-gray-300 text-gray-800 font-semibold py-2 px-4 rounded-lg hover:bg-gray-100 transition-colors"> class="w-full bg-white border border-gray-300 text-gray-800 font-semibold py-2 px-4 rounded-lg hover:bg-gray-100 transition-colors">
Preview Preview
</button> </button>
<NuxtLink :to="`${t.formPath}?template_id=${t.id}`" <NuxtLink :to="`form/${t.formPath}`"
class="w-full bg-blue-600 text-white font-semibold py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors text-center"> class="w-full bg-blue-600 text-white font-semibold py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors text-center">
Order Order
</NuxtLink> </NuxtLink>

8
proyek-frontend/app/pages/form/undangan-minimalis.vue Normal file
View File

@ -0,0 +1,8 @@
<template>
<div>
bla
</div>
</template>
<script>
</script>