Skip to content

Instantly share code, notes, and snippets.

@nusendra

nusendra/admin.blade.php

Last active June 3, 2021 03:49
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save nusendra/8c8b04cca78932c40eea08e8d68db2df to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save nusendra/8c8b04cca78932c40eea08e8d68db2df to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. nusendra revised this gist Jun 3, 2021. 1 changed file with 78 additions and 0 deletions.
    78 changes: 78 additions & 0 deletions login.blade.php
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,78 @@
    <!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>
  2. nusendra created this gist Jun 2, 2021.
    142 changes: 142 additions & 0 deletions admin.blade.php
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,142 @@
    <!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>
    125 changes: 125 additions & 0 deletions pegawai.create.blade.php
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,125 @@
    @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
    132 changes: 132 additions & 0 deletions pegawai.edit.blade.php
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,132 @@
    @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
    117 changes: 117 additions & 0 deletions pegawai.index.blade.php
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,117 @@
    @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