Skip to content

Instantly share code, notes, and snippets.

@nusendra

nusendra/admin.blade.php

Last active June 3, 2021 03:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nusendra/8c8b04cca78932c40eea08e8d68db2df to your computer and use it in GitHub Desktop.
Save nusendra/8c8b04cca78932c40eea08e8d68db2df to your computer and use it in GitHub Desktop.
Download ZIP
Pelatihan Laravel BKD Sidoarjo
Raw
admin.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name') }} | @yield('title', 'Dashboard')</title>
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" href="{{ asset('plugins/fontawesome-free/css/all.min.css') }}">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="{{ asset('plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css')}}">
<link rel="stylesheet" href="{{ asset('css/adminlte.min.css') }}">
</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">
<!-- Preloader -->
<div class="preloader flex-column justify-content-center align-items-center">
<img class="animation__shake" src="{{ asset('img/logosidoarjo.png') }}" alt="logosidoarjo" height="60" width="60">
</div>
<!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" class="nav-link">Home</a>
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" class="nav-link">Contact</a>
</li>
</ul>
<!-- Right navbar links -->
<ul class="navbar-nav ml-auto">
<li class="nav-item d-none d-sm-inline-block">
<a class="nav-link" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
Logout
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
@csrf
</form>
</li>
<li class="nav-item">
<a class="nav-link" data-widget="fullscreen" href="#" role="button">
<i class="fas fa-expand-arrows-alt"></i>
</a>
</li>
</ul>
</nav>
<!-- /.navbar -->
<!-- Main Sidebar Container -->
<aside class="main-sidebar sidebar-dark-primary elevation-4">
<!-- Brand Logo -->
<a href="#" class="brand-link">
<span class="brand-text font-weight-light">SIP</span>
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar Menu -->
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<li class="nav-item">
<a href="{{ route('pegawai.index') }}"
class="nav-link @if(request()->segment(1, 'pegawai')) active @endif">
<i class="nav-icon fas fa-users"></i>
<p>
Pegawai
</p>
</a>
</li>
</ul>
</nav>
<!-- /.sidebar-menu -->
</div>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">@yield('title', 'Dashboard')</h1>
</div><!-- /.col -->
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">@yield('title', 'Dashboard')</li>
</ol>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
<div class="container-fluid">
@yield('content')
</div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
<strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong>
All rights reserved.
<div class="float-right d-none d-sm-inline-block">
<b>Version</b> 3.1.0
</div>
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->
<!-- jQuery -->
<script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
<script src="{{ asset('plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('plugins/sweetalert2/sweetalert2.min.js') }}"></script>
<!-- AdminLTE App -->
<script src="{{ asset('js/adminlte.min.js') }}"></script>
@stack('scripts')
</body>
</html>
Raw
login.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SIP | Log in</title>
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" href="{{ asset('plugins/fontawesome-free/css/all.min.css') }}">
<!-- icheck bootstrap -->
<link rel="stylesheet" href="{{ asset('plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">
<!-- Theme style -->
<link rel="stylesheet" href="{{ asset('css/adminlte.min.css') }}">
</head>
<body class="hold-transition login-page">
<div class="login-box">
<div class="login-logo">
<a href="{{ route('login') }}" class="d-block"><b>Admin</b>SIP</a>
<img src="{{ asset('img/logosidoarjo.png') }}" alt="" height="125px">
</div>
<!-- /.login-logo -->
<div class="card">
<div class="card-body login-card-body">
<p class="login-box-msg">Masuk untuk Kelola Data</p>
@error('email')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
<form action="{{ route('login') }}" method="post">
@csrf
<div class="input-group mb-3">
<input id="email" name="email" type="email" class="form-control" placeholder="Email">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-envelope"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input id="password" name="password" type="password" class="form-control" placeholder="Password">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-8">
<div class="icheck-primary">
<input type="checkbox" id="remember">
<label for="remember">
Remember Me
</label>
</div>
</div>
<!-- /.col -->
<div class="col-4">
<button type="submit" class="btn btn-primary btn-block">Sign In</button>
</div>
<!-- /.col -->
</div>
</form>
</div>
<!-- /.login-card-body -->
</div>
</div>
<!-- /.login-box -->
<!-- jQuery -->
<script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
<!-- Bootstrap 4 -->
<script src="{{ asset('plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<!-- AdminLTE App -->
<script src="{{ asset('dist/js/adminlte.min.js') }}"></script>
</body>
</html>
Raw
pegawai.create.blade.php
@extends('layouts.admin')
@section('title')
Tamabah Data Pegawai
@endsection
@section('content')
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
Tambah Data Pegawai Baru
</div>
<form action="{{ route('pegawai.store') }}" method="POST">
<div class="card-body">
@csrf
<div class="form-group">
<label for="nama">Nama</label>
<input type="text" name="nama" class="form-control @error('nama') is-invalid @endif @error('nama') is-invalid @endif" id="nama" placeholder="Nama Pegawai" value="{{ old('nama') }}">
@error('nama')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="email">NIP</label>
<input type="text" name="nip" class="form-control @error('nip') is-invalid @endif" id="nip" placeholder="NIP Pegawai" value="{{ old('nip') }}">
@error('nip')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="email">Golongan</label>
<select name="golongan_id" id="" class="form-control @error('golongan_id') is-invalid @endif">
@foreach($golongan as $item)
<option value="{{ $item->id }}">{{ $item->nama }}</option>
@endforeach
</select>
@error('golongan_id')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" class="form-control @error('email') is-invalid @endif" id="email" placeholder="Email Pegawai" value="{{ old('email') }}">
@error('email')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="jenis_kelamin">Jenis Kelamin</label>
<select name="jenis_kelamin" id="jenis_kelamin" class="form-control @error('jenis_kelamin') is-invalid @endif">
<option value="">Pilih Salah Satu</option>
<option value="pria">Pria</option>
<option value="wanita">Wanita</option>
</select>
@error('jenis_kelamin')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="tempat-lahir">Tempat Lahir</label>
<input type="text" name="tempat_lahir" class="form-control @error('tempat_lahir') is-invalid @endif" id="tempat-lahir"
placeholder="Tempat Lahir" value="{{ old('tempat_lahir') }}">
@error('tempat_lahir')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="tanggal-lahir">Tanggal Lahir</label>
<input type="date" name="tanggal_lahir" class="form-control @error('tanggal_lahir') is-invalid @endif" id="tanggal-lahir"
placeholder="Tanggal Lahir" value="{{ old('tanggal_lahir') }}">
@error('tanggal_lahir')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="alamat">Alamat</label>
<input type="text" name="alamat" class="form-control @error('alamat') is-invalid @endif" id="alamat" placeholder="Alamat" value="{{ old('alamat') }}">
@error('alamat')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="no_telp">No Telepon</label>
<input type="text" name="no_telp" class="form-control @error('no_telp') is-invalid @endif" id="no_telp"
placeholder="No Telepon" value="{{ old('no_telp') }}">
@error('no_telp')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="card-footer">
<input type="submit" value="Tambah" class="btn btn-primary">
</div>
</form>
</div>
</div>
</div>
@endsection
Raw
pegawai.edit.blade.php
@extends('layouts.admin')
@section('title')
Edit Data Pegawai
@endsection
@section('content')
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
Tambah Data Pegawai Baru
</div>
<form action="{{ route('pegawai.update', $pegawai->id) }}" method="POST">
<div class="card-body">
@csrf
@method("PUT")
<div class="form-group">
<label for="nama">Nama</label>
<input type="text" name="nama" class="form-control @error('nama') is-invalid @endif" id="nama" placeholder="Nama Pegawai" value="{{ old('nama') ?? $pegawai->nama }}">
@error('nama')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="email">NIP</label>
<input type="text" name="nip" class="form-control @error('nip') is-invalid @endif" id="nip" placeholder="NIP Pegawai" value="{{ old('nip') ?? $pegawai->nip }}">
@error('nip')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="email">Golongan</label>
<select name="golongan_id" id="" class="form-control @error('goplongan_id') is-invalid @endif">
@foreach($golongan as $item)
<option
@if($pegawai->golongan_id === $item->id) selected="selected" @endif
value="{{ $item->id }}"
>
{{ $item->nama }}
</option>
@endforeach
</select>
@error('goplongan_id')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" class="form-control @error('email') is-invalid @endif" id="email" placeholder="Email Pegawai" value="{{ old('email') ?? $pegawai->email }}">
@error('email')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="jenis_kelamin">Jenis Kelamin</label>
<select name="jenis_kelamin" id="jenis_kelamin" class="form-control @error('jenis_kelamin') is-invalid @endif">
<option value="">Pilih Salah Satu</option>
<option value="pria" @if($pegawai->jenis_kelamin === "pria") selected="selected" @endif>Pria</option>
<option value="wanita" @if($pegawai->jenis_kelamin === "wanita") selected="selected"@endif>Wanita</option>
</select>
@error('jenis_kelamin')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="tempat-lahir">Tempat Lahir</label>
<input type="text" name="tempat_lahir" class="form-control @error('tempat_lahir') is-invalid @endif" id="tempat-lahir"
placeholder="Tempat Lahir" value="{{ old('tempat_lahir') ?? $pegawai->tempat_lahir }}">
@error('tempat_lahir')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="tanggal-lahir">Tanggal Lahir</label>
<input type="date" name="tanggal_lahir" class="form-control @error('tanggal_lahir') is-invalid @endif" id="tanggal-lahir"
placeholder="Tanggal Lahir" value="{{ old('tanggal_lahir') ?? $pegawai->tanggal_lahir->toDateString() }}">
@error('tanggal_lahir')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="alamat">Alamat</label>
<input type="text" name="alamat" class="form-control @error('alamat') is-invalid @endif" id="alamat" placeholder="Alamat" value="{{ old('alamat') ?? $pegawai->alamat }}">
@error('alamat')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label for="no_telp">No Telepon</label>
<input type="text" name="no_telp" class="form-control @error('no_telp') is-invalid @endif" id="no_telp"
placeholder="No Telepon" value="{{ old('no_telp') ?? $pegawai->no_telp }}">
@error('no_telp')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="card-footer">
<input type="submit" value="Perbarui" class="btn btn-primary">
</div>
</form>
</div>
</div>
</div>
@endsection
Raw
pegawai.index.blade.php
@extends('layouts.admin')
@section('title')
Pegawai
@endsection
@section('content')
@if(session('success'))
<div class="alert alert-success d-block">{{ session('success') }}</div>
@endif
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a href="{{ route('pegawai.create') }}" class="btn btn-primary"><i class="fa fa-plus"> Tambah Pegawai</i></a>
<a href="{{ route('export.pdf') }}" class="btn btn-danger"><i class="fa fa-file-pdf"> Export PDF</i></a>
<a href="{{ route('export.excel') }}" class="btn btn-success"><i class="fa fa-file-excel"> Export excel</i></a>
</h3>
<div class="card-tools">
<div class="input-group input-group-sm" style="width: 150px;">
<input type="text" name="table_search" class="form-control float-right"
placeholder="Search">
<div class="input-group-append">
<button type="submit" class="btn btn-default">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</div>
</div>
<!-- /.card-header -->
<div class="card-body table-responsive p-0">
<table class="table table-hover text-nowrap">
<thead>
<tr>
<th>NIP</th>
<th>Nama</th>
<th>Email</th>
<th>Golongan</th>
<th>Jenis Kelamin</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
@forelse($pegawai as $item)
<tr>
<td>{{ $item->nip }}</td>
<td>{{ $item->nama }}</td>
<td>{{ $item->email }}</td>
<td>{{ $item->golongan->nama }}</td>
<td>{{ $item->jenis_kelamin }}</td>
<td>
<a href="{{ route('pegawai.edit', $item->id) }}"
class="btn btn-warning btn-sm"><i class="fa fa-edit"></i></a>
<a id="delete" data-id="{{ $item->id }}" class="btn btn-danger btn-sm delete"><i class="fa fa-trash"></i></a>
</td>
</tr>
@empty
<tr>
<td colspan="6" class="text-center">Belum Ada Data</td>
</tr>
@endforelse
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
</div>
@endsection
@push('scripts')
<script>
$(function () {
$('.delete').click(function(e) {
e.preventDefault();
var id = $(this).data('id');
console.log(id);
Swal.fire({
title: 'Kamu yakin hapus data ini?',
text: "Data yang dihapus tidak bisa dikembalikan!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Oke, Hapus!',
cancelButtonText: 'Batalkan',
}).then((result) => {
if (result.value) {
$.ajax({
type: 'DELETE',
url: '/pegawai/'+ id,
data: {
'id': id,
'_token': "{{ csrf_token() }}"
},
success: function(response) {
console.log(response)
Swal.fire(
'Dihapus!',
'Data berhasil dihapus.',
'success'
)
location.reload(true);
},
});
}
})
})
})
</script>
@endpush
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment