This commit is contained in:
HANIF FEBRIANSYAH 2024-08-29 08:28:08 +07:00
parent d78b6055f8
commit 9805b5de90
5 changed files with 109 additions and 68 deletions

View File

@ -4,6 +4,9 @@
<div class="py-10">
<div class="relative overflow-x-auto shadow-md sm:rounded-lg">
<div class="flex justify-end items-center pb-4">
<a class="bg-[#4F7F81] py-2 px-4 rounded-xl" href="{{ route ('kursus.create') }}">Tambah Data</a>
</div>
<table class="w-full text-sm text-left rtl:text-right text-gray-500">
<thead class="text-xs text-gray-700 uppercase bg-gray-50">
<tr>
@ -41,7 +44,9 @@ class="font-medium text-white hover:underline py-2 px-4 bg-[#4F7F81] rounded-xl"
class="font-medium text-white hover:underline py-2 px-4 bg-[#4F7F81] rounded-xl">
Hapus
</a>
<form id="delete-form-{{ $course->id }}" action="{{ route('delete', ['id' => $course->id]) }}" method="POST" style="display: none;">
<form id="delete-form-{{ $course->id }}"
action="{{ route('delete', ['id' => $course->id]) }}" method="POST"
style="display: none;">
@csrf
@method('DELETE')
</form>

View File

@ -1,89 +1,123 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jodit@3.8.13/build/jodit.min.css">
<script src="https://cdn.jsdelivr.net/npm/jodit@3.8.13/build/jodit.min.js"></script>
<x-adminlayout>
<div class="container">
<div class="py-10">
<div class="pb-4 flex">
<a class="px-4 flex text-white text-lg justify-center items-center py-2 rounded-xl bg-[#4F7F81]" href=""><svg
class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 14 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M13 5H1m0 0 4 4M1 5l4-4" />
</svg></a>
</div>
<form action="#" method="POST" enctype="multipart/form-data">
@csrf
<div class="grid gap-6 mb-6 md:grid-cols-2">
<!-- Nama Kursus -->
<div>
<label for="nama_kursus" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Nama Kursus</label>
<label for="nama_kursus" class="block mb-2 text-sm font-medium text-gray-900 ">Nama
Kursus</label>
<input type="text" id="nama_kursus" name="nama_kursus"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 "
placeholder="Nama Kursus" required />
</div>
<!-- Gambar -->
<div>
<label for="img" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Gambar</label>
<input type="file" id="img" name="img"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
required />
<label class="block mb-2 text-sm font-medium text-gray-900 " for="file_input">Upload
file</label>
<input
class=" block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 "
id="file_input" type="file" >
</div>
<!-- Deskripsi -->
<div>
<label for="deskripsi" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Deskripsi</label>
<textarea id="deskripsi" name="deskripsi"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Deskripsi" required></textarea>
<label class="block mb-2 text-sm font-medium text-gray-900 " for="multiple_files">
Deskripsi</label>
<input type="text" id="first_name"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
placeholder="Deskripsi" required />
</div>
<!-- Paket -->
<div>
<label for="paket" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Paket</label>
<input type="text" id="paket" name="paket"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Paket" required />
<label class="block mb-2 text-sm font-medium text-gray-900 " for="multiple_files">Upload
multiple files</label>
<input
class="block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 "
id="multiple_files" type="file" multiple>
</div>
<!-- Metode -->
<div>
<label for="metode" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Metode</label>
<input type="text" id="metode" name="metode"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Metode" required />
</div>
<!-- Fasilitas -->
<div>
<label for="fasilitas" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Fasilitas</label>
<textarea id="fasilitas" name="fasilitas"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Fasilitas" required></textarea>
</div>
<!-- Lokasi -->
<div>
<label for="lokasi" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Lokasi</label>
<input type="text" id="lokasi" name="lokasi"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Lokasi" required />
</div>
<!-- Latitude -->
<div>
<label for="latitude" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Latitude</label>
<input type="text" id="latitude" name="latitude"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
<label class="block mb-2 text-sm font-medium text-gray-900 " for="multiple_files">
Latitude</label>
<input type="text" id="first_name"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
placeholder="Latitude" required />
</div>
<!-- Longitude -->
<div>
<label for="longitude" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Longitude</label>
<input type="text" id="longitude" name="longitude"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Longitude" required />
<label class="block mb-2 text-sm font-medium text-gray-900 " for="multiple_files">
Latitude</label>
<input type="text" id="first_name"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
placeholder="Latitude" required />
</div>
<div>
<label for="deskprisi" class="block mb-2 text-sm font-medium text-gray-900">Paket</label>
<textarea id="deskprisi" rows="4"
class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500"
placeholder="Write your thoughts here..."></textarea>
</div>
<div>
<label for="deskprisi" class="block mb-2 text-sm font-medium text-gray-900">Metode</label>
<textarea id="deskprisi" rows="4"
class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500"
placeholder="Write your thoughts here..."></textarea>
</div>
<div>
<label for="deskprisi" class="block mb-2 text-sm font-medium text-gray-900">Fasilitas</label>
<textarea id="deskprisi" rows="4"
class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500"
placeholder="Write your thoughts here..."></textarea>
</div>
<div>
<label for="deskprisi" class="block mb-2 text-sm font-medium text-gray-900">Lokasi</label>
<textarea id="deskprisi" rows="4"
class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500"
placeholder="Write your thoughts here..."></textarea>
</div>
<div>
<label for="deskripsi"
class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Deskripsi</label>
<textarea id="deskripsi" name="deskripsi" class="bg-gray-50 border border-gray-300 rounded-lg"></textarea>
</div>
<script>
tinymce.init({
selector: '#deskripsi',
plugins: 'advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table paste code help wordcount',
toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});
</script>
</div>
<button type="submit"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Submit</button>
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center ">Submit</button>
</form>
</div>
</div>
<script>
var editor = new Jodit('#deskripsi ', {
height: 300,
// Other configurations
});
</script>
</x-adminlayout>

View File

@ -3,3 +3,6 @@
@vite('resources/css/app.css')
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>

View File

@ -4,21 +4,20 @@
use App\Http\Controllers\AdminDashboardController;
use App\Http\Controllers\AdminDataKursusController;
use App\Http\Controllers\LoginController;
use App\Http\Controllers\PengunjungController;
Route::get('/admin/dashboard', [AdminDashboardController::class, 'index'])->name('admin.home');
Route::get('/admin/data-kursus', [AdminDataKursusController::class, 'dataKursus'])->name('admin.dataKursus');
Route::get('/admin/tambahdata', [AdminDataKursusController::class, 'create'])->name('admin.tambahDataKursus');
Route::get('/admin/tambahdata', [AdminDataKursusController::class, 'create'])->name('kursus.create');
Route::delete('/admin/delete/{id}', [AdminDataKursusController::class, 'destroy'])->name('delete');
Route::get('/admin/courses', [AdminDataKursusController::class, 'index']);
Route::get('/login', [LoginController::class, 'index'])->name('login');
Route::get('/', [AdminDataKursusController::class, 'home'])->name('home');
Route::get('/kursus', [AdminDataKursusController::class, 'kursus'])->name('user.kursus'); // Perbaikan pada rute ini
Route::get('/peta', [AdminDataKursusController::class, 'maps'])->name('user.peta');
Route::get('/', [PengunjungController::class, 'home'])->name('home');
Route::get('/kursus', [PengunjungController::class, 'kursus'])->name('user.kursus');
Route::get('/detailKursus', [AdminDataKursusController::class, 'detail'])->name('user.detailKursus');
Route::get('/peta', [PengunjungController::class, 'maps'])->name('user.peta');
Route::get('kursus/{id}/detail', [PengunjungController::class, 'detail'])->name('kursus.detail');