add kelola admin views including crud modal
This commit is contained in:
parent
09f3e2af7a
commit
f130fcd2a5
|
|
@ -0,0 +1,60 @@
|
|||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Kelola Admin')
|
||||
|
||||
@section('content')
|
||||
<section class="section">
|
||||
<div class="buttons pb-3">
|
||||
<a href="#" class="btn-add-custom" data-bs-toggle="modal" data-bs-target="#create">
|
||||
<i class="bi bi-plus fs-5"></i>
|
||||
Tambah Admin
|
||||
</a>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<table class="table table-striped" id="table1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No.</th>
|
||||
<th>Nama Lengkap</th>
|
||||
<th>Nomor WA</th>
|
||||
<th>Email</th>
|
||||
<th>Peran</th>
|
||||
<th class="text-center">Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Graiden</td>
|
||||
<td>076 4820 8838</td>
|
||||
<td>Offenburg</td>
|
||||
<td>Offenburg</td>
|
||||
<td>
|
||||
<span class="badge bg-success-subtle rounded-pill px-3 py-2">Selesai</span>
|
||||
</td>
|
||||
<td class="col-auto text-center">
|
||||
<a href="#" class="btn icon btn-primary btn-action" data-bs-toggle="modal"
|
||||
data-bs-target="#show">
|
||||
<i class="bi bi-eye"></i>
|
||||
</a>
|
||||
<a href="#" class="btn icon btn-warning btn-action" data-bs-toggle="modal"
|
||||
data-bs-target="#edit">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</a>
|
||||
<a href="#" class="btn icon btn-danger btn-action" data-bs-toggle="modal"
|
||||
data-bs-target="#delete">
|
||||
<i class="bi bi-trash"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
@include('admin.kelola-admin.partials.modal-create')
|
||||
@include('admin.kelola-admin.partials.modal-show')
|
||||
@include('admin.kelola-admin.partials.modal-edit')
|
||||
@include('admin.kelola-admin.partials.modal-delete')
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<div class="modal fade" id="create" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
||||
<div class="modal-content">
|
||||
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Tambah Admin</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"
|
||||
aria-label="Close"></button>
|
||||
</div>
|
||||
|
||||
<form action="#" method="POST" enctype="multipart/form-data">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-12">
|
||||
<div class="row gx-1">
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Nama Lengkap</label>
|
||||
<input type="text" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Nama Lengkap">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Username</label>
|
||||
<input type="text" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Username">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gx-1">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Nomor WA</label>
|
||||
<input type="number" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Nomor WA">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Email</label>
|
||||
<input type="email" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Email">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Peran</label>
|
||||
|
||||
<fieldset class="form-group">
|
||||
<select class="form-select" id="basicSelect" style="font-size: 13px">
|
||||
<option>Admin Foto</option>
|
||||
<option>Admin Buket</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Alamat</label>
|
||||
<input type="text" class="form-control"style="font-size: 13px;"
|
||||
placeholder="Masukkan Alamat Lengkap">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer justify-content-end border-top-0 pt-0">
|
||||
<button type="submit" class="btn btn-primary rounded-pill terima px-3 py-2">
|
||||
Simpan
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<div class="modal fade" id="delete" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered ">
|
||||
<div class="modal-content">
|
||||
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Hapus Admin</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"
|
||||
aria-label="Close"></button>
|
||||
</div>
|
||||
|
||||
<form action="#" method="POST" enctype="multipart/form-data">
|
||||
<div class="modal-body">
|
||||
<p>Apakah anda yakin ingin menghapus nama admin?</p>
|
||||
</div>
|
||||
<div class="modal-footer justify-content-end border-top-0 pt-0">
|
||||
<button type="submit" class="btn btn-danger rounded-pill tolak px-3 py-2">
|
||||
Hapus
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<div class="modal fade" id="edit" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
||||
<div class="modal-content">
|
||||
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Edit Admin</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"
|
||||
aria-label="Close"></button>
|
||||
</div>
|
||||
|
||||
<form action="#" method="POST" enctype="multipart/form-data">
|
||||
<div class="modal-body">
|
||||
<div class="row gx-3">
|
||||
|
||||
<div class="col-12">
|
||||
<div class="row gx-1">
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Nama Lengkap</label>
|
||||
<input type="text" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Nama Lengkap">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Username</label>
|
||||
<input type="text" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Username">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gx-1">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Nomor WA</label>
|
||||
<input type="number" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Nomor WA">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Email</label>
|
||||
<input type="email" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Email">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Peran</label>
|
||||
|
||||
<fieldset class="form-group">
|
||||
<select class="form-select" id="basicSelect" style="font-size: 13px">
|
||||
<option>Admin Foto</option>
|
||||
<option>Admin Buket</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Alamat</label>
|
||||
<input type="text" class="form-control"style="font-size: 13px;"
|
||||
placeholder="Masukkan Alamat Lengkap">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer justify-content-end border-top-0 pt-0">
|
||||
<button type="submit" class="btn btn-primary rounded-pill terima px-3 py-2">
|
||||
Simpan
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
<div class="modal fade" id="show" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
||||
<div class="modal-content">
|
||||
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Detail Admin</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"
|
||||
aria-label="Close"></button>
|
||||
</div>
|
||||
|
||||
<form action="#" method="POST" enctype="multipart/form-data">
|
||||
<div class="modal-body">
|
||||
<div class="row gx-3">
|
||||
|
||||
<div class="col-12">
|
||||
<div class="row gx-1">
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Nama Lengkap</label>
|
||||
<input type="text" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Nama Lengkap" disabled>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Username</label>
|
||||
<input type="text" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Username" disabled>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gx-1">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Nomor WA</label>
|
||||
<input type="number" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Nomor WA" disabled>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Email</label>
|
||||
<input type="email" class="form-control"
|
||||
style="font-size: 13px;"placeholder="Masukkan Email" disabled>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Peran</label>
|
||||
|
||||
<fieldset class="form-group">
|
||||
<select class="form-select" id="basicSelect" style="font-size: 13px"
|
||||
disabled>
|
||||
<option>Admin Foto</option>
|
||||
<option>Admin Buket</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Alamat</label>
|
||||
<input type="text" class="form-control"style="font-size: 13px;"
|
||||
placeholder="Masukkan Alamat Lengkap" disabled>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer justify-content-end border-top-0 pt-0">
|
||||
<button type="submit" class="btn btn-primary rounded-pill terima px-3 py-2">
|
||||
Simpan
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in New Issue