Develop

2022-07-12 16:28:20 +07:00
parent a4de789b93
commit 2624b4e1e6
16 changed files with 423 additions and 431 deletions
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="{{ csrf_token() }}" />
+    <title>{{ config('app.name','E-SAMASA') }} {{ isset($siteTitle)?" | ".$siteTitle:"" }}</title>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
+    <link rel="stylesheet" href="/AdminLTE-3.2.0/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
+    <link rel="stylesheet" href="/AdminLTE-3.2.0/plugins/fontawesome-free/css/all.min.css">
+    <link rel="stylesheet" href="/AdminLTE-3.2.0/plugins/select2/css/select2.min.css">
+    <link rel="stylesheet" href="/AdminLTE-3.2.0/plugins/daterangepicker/daterangepicker.css">
+    <link rel="stylesheet" href="/AdminLTE-3.2.0/dist/css/adminlte.min.css">
+    <link rel="stylesheet" href="/css/app.css">
+    @yield('styles')
+</head>
+<body class="hold-transition sidebar-mini text-sm">
+  <div class="wrapper">
+    
+    @include('partials.top_menu')
+    
+    @include('partials.menu')
+
+    <div class="content-wrapper">
+      <section class="content-header">
+        <div class="container-fluid">
+          <div class="row mb-2">
+            <div class="col-sm-6">
+              <h1>{{ $siteTitle }}</h1>
+            </div>
+            <div class="col-sm-6">
+              <ol class="breadcrumb float-sm-right">
+                <x-breadcrumb :paths="$siteBreadcumb" /> 
+              </ol>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section class="content">
+        @if ($errors->any())
+          <div class="alert alert-danger">
+              <strong>Whoops!</strong> There were some problems with your input.<br><br>
+              <ul>
+                  @foreach ($errors->all() as $error)
+                      <li>{{ $error }}</li>
+                  @endforeach
+              </ul>
+          </div>
+        @endif
+
+        @hasSection('content')
+          @yield('content')
+        @endif
+          @yield('content_error')
+
+      </section>
+    </div>
+
+    <footer class="main-footer">
+      <div class="float-right d-none d-sm-block">
+        <b>Version</b> 1.0
+      </div>
+      <strong>Copyright &copy; 2022 <a href="#">Pusat Data dan Informasi BPKD Provinsi DKI Jakarta</a>.</strong> All rights reserved.
+    </footer>
+
+    <aside class="control-sidebar control-sidebar-dark"></aside>
+  </div>
+
+  <div id="modal-default" class="modal fade myModal" role="dialog" aria-hidden="true" style="display: none;">
+    <div class="modal-dialog modal-lg">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h4 class="modal-title" id="myModalLabel">Modal title</h4>
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
+          </button>
+        </div>
+        <div class="modal-body"></div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <script src="/AdminLTE-3.2.0/plugins/jquery/jquery.min.js"></script>
+  <script src="/AdminLTE-3.2.0/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
+  <script src="/AdminLTE-3.2.0/dist/js/adminlte.min.js"></script>
+  <script src="/AdminLTE-3.2.0/plugins/select2/js/select2.full.min.js"></script>
+  <script src="/js/custom.js"></script>
+  <script src="/js/app.js"></script>
+  <script src="/js/swal2.min.js"></script>
+  <script src="/js/moment.min.js"></script>
+  <script src="/js/typeahead.bundle.min.js"></script>
+  <script src="/js/daterangepicker.js"></script>
+  <script type="text/javascript">
+    $(document).ready(function(){
+      @if ($message = Session::get('success'))
+        Swal.fire('{{ $message }}', '', 'success');
+      @endif
+
+      @if ($message = Session::get('error'))
+        Swal.fire('{{ $message }}', '', 'error');
+      @endif
+
+      initailizeSelect2 = () =>{
+        $('.skpd_search').select2({
+          placeholder: 'Pilih SKPD',
+          ajax: {
+              url: '/skpd-search',
+              dataType: 'json',
+              delay: 250,
+              processResults: function (data) {
+                  return {
+                      results: $.map(data, function (item) {
+                          return {
+                              text: item.name,
+                              id: item.id
+                          }
+                      })
+                  };
+              },
+              cache: true
+          }
+        });
+      }
+
+      initailizeSelect2();
+
+      $(document).on("click",".modalButton",function (e){
+        $("#overlayLoader").removeClass("d-flex");
+        $("#overlayLoader").addClass("d-flex");
+        $('.modal-body').html("<table class='table table-striped' width='100%'><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr></table>");
+        $(".modal-dialog").removeClass("modal-xl modal-lg")
+        $(".modal-dialog").addClass($(this).attr("modal-target"));
+        $('#modal-default')
+            .modal('show')
+            .find('.modal-body')
+            .load($(this).attr('href'),function(){
+                $("#overlayLoader").removeClass("d-flex");
+                $("#overlayLoader").hide();
+            });
+        if ($(this).attr('title')!== null) {
+            $('.modal-title').html($(this).attr('title'));
+        }
+        if ($(this).attr('size')!== null){
+            $('.modal-dialog').addClass($(this).attr('size'));
+        }
+        e.preventDefault();
+      });
+    });
+  </script>
+  @yield('scripts')
+</body>
+</html>