main
ilhamwara 2025-04-24 18:58:09 +07:00
parent f049cb2897
commit 7b8684cf2d
5 changed files with 1553 additions and 248 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 308 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 314 KiB

View File

@ -16,71 +16,77 @@
<link rel="icon" type="image/png" sizes="32x32" href="https://banksampah.jakarta.go.id/images/logo-dinas.ico">
<link rel="mask-icon" href="https://banksampah.jakarta.go.id/images/logo-dinas.ico" color="#5bbad5">
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
<style type="text/css">
.bg-login{
background-image: url("{{('assets/bg-login.png')}}");
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<div class="page-wrapper">
<div class="page-inner bg-brand-gradient">
<div class="page-content-wrapper bg-transparent m-0">
<div class="flex-1" style="background: url('{{asset("assets/img/background.png")}}') no-repeat center center; min-height: 100vh;width: 100%; background-size: cover; background-color: #f5f5f5; ">
<div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">
<body class="bg-login">
<div class="page-wrapper d-flex align-items-center justify-content-center min-vh-100">
<div class="container py-4 py-lg-5 px-4 px-sm-0">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
<div class="card p-4 rounded-plus bg-faded">
@include('include.alert')
<div class="row">
<div class="col col-md-6 col-lg-7 hidden-sm-down mt-5 d-none">
<h2 style="font-size: 50px!important;" class="fw-900 mt-4">
Sekolah Adiwiyata
<small class="h3 fw-500 mt-3 mb-5 opacity-60">
Dinas Lingkungan Hidup Provinsi DKI Jakarta
</small>
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="col-md-7 d-flex flex-column text-center">
<div class="text-center">
<img src="https://banksampah.jakarta.go.id/images/logo-dinas.ico" width="50">
<br>
<h3 class="text-center mt-2">Sistem Informasi Adiwiyata</h3>
<br>
<img src="{{asset('assets/login1.svg')}}" class="img-fluid" width="70%">
</div>
<p class="text-muted mt-auto text-center mb-0 pt-3">
{{date('Y')}} © Sekolah Adiwiyata by Dinas Lingkungan Hidup Provinsi DKI Jakarta
</p>
</div>
<div class="col-sm-12 col-md-6 col-lg-5 col-xl-4 ml-auto">
<div class="card p-4 rounded-plus bg-faded">
@include('include.alert')
<form id="js-login" validate="" method="POST" action="{{url('login')}}">
{{csrf_field()}}
<div class="form-group">
<label class="form-label">Email</label>
<input type="text" required name="email" class="form-control" placeholder="Masukan Email/NPSN anda" value="" required>
</div>
<div class="form-group">
<label class="form-label">Password</label>
<div class="input-group">
<input type="password" required id="password" name="password" class="form-control" placeholder="Masukan Password">
<div class="input-group-append">
<button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button>
</div>
<div class="col-md-5">
<h1 class="text-left mb-3">Login</h1>
<br>
<form id="js-login" method="POST" action="{{url('login')}}">
{{csrf_field()}}
<div class="form-group">
<label class="form-label">Email</label>
<input type="text" required name="email" class="form-control" placeholder="Masukan Email/NPSN anda">
</div>
<div class="form-group">
<label class="form-label">Password</label>
<div class="input-group">
<input type="password" required id="password" name="password" class="form-control" placeholder="Masukan Password">
<div class="input-group-append">
<button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-12 pr-lg-1 my-2">
<button type="submit" class="btn btn-info btn-block">Masuk</button>
</div>
<div class="col-lg-12 pl-lg-1 my-2 text-center">
OR
</div>
<div class="col-lg-12 pl-lg-1 my-2">
<a href="{{url('register')}}" class="btn btn-danger btn-block">Registrasi Sekolah</a>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-12 pr-lg-1 my-2">
<button type="submit" class="btn btn-info btn-block">Masuk</button>
</div>
</form>
</div>
<div class="col-lg-12 pl-lg-1 my-2 text-center">
OR
</div>
<div class="col-lg-12 pl-lg-1 my-2">
<a href="{{url('register')}}" class="btn btn-success btn-block">Registrasi Sekolah</a>
</div>
</div>
</form>
</div>
</div>
<div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-black">
{{date('Y')}} © Sekolah Adiwiyata by&nbsp;Dinas Lingkungan Hidup Provinsi DKI Jakarta
</div>
</div>
<div class="text-center mt-3 text-black">
</div>
</div>
</div>
</div>
</div>
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
<script src="{{asset('assets/js/app.bundle.js')}}"></script>
<script>

View File

@ -22,224 +22,242 @@
<!-- Optional: page related CSS-->
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/formplugins/select2/select2.bundle.css')}}">
<style type="text/css">
.bg-login{
background-image: url("{{('assets/bg-login.png')}}");
background-repeat: no-repeat;
background-size: cover;
}
#result {
border: 1px solid #ccc;
display: none;
max-height: 200px;
overflow-y: auto;
background: #fff;
position: absolute;
width: 80%;
z-index: 999;
padding-left: 0px;
}
#result li {
padding: 10px;
list-style: none;
cursor: pointer;
}
#result li:hover {
background: #f0f0f0;
}
</style>
</head>
<body>
<div class="page-wrapper">
<div class="page-inner bg-brand-gradient">
<div class="page-content-wrapper bg-transparent m-0">
<div class="flex-1" style="background: url('assets/img/background.png') no-repeat center bottom fixed; background-size: cover;">
<div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">
<body class="bg-login">
<div class="page-wrapper d-flex align-items-center justify-content-center min-vh-100">
<div class="container py-4 py-lg-5 px-4 px-sm-0">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
<div class="card p-4 rounded-plus bg-faded">
@include('include.alert')
<div class="row">
<div class="col-xl-12">
<h2 style="font-size: 40px!important;" class="fw-900 mt-4 text-center">
Sekolah Adiwiyata
<small class=" fw-500 mt-3 mb-5 opacity-60 hidden-sm-down">
Your registration is free for a limited time. Enjoy SmartAdmin on your mobile, desktop or tablet.
<br>It is ready to go wherever you go!
</small>
</h2>
<div class="col-md-7 d-flex flex-column text-center">
<div class="text-center">
<img src="https://banksampah.jakarta.go.id/images/logo-dinas.ico" width="50">
<br>
<h3 class="text-center mt-2">Sistem Informasi Adiwiyata</h3>
<br>
<img src="{{asset('assets/login2.svg')}}" class="img-fluid" width="100%">
</div>
<p class="text-muted mt-auto text-center mb-0 pt-3">
{{date('Y')}} © Sekolah Adiwiyata by Dinas Lingkungan Hidup Provinsi DKI Jakarta
</p>
</div>
<div class="col-xl-6 ml-auto mr-auto">
<div class="card p-4 rounded-plus bg-faded">
<div class="alert alert-primary text-center text-dark" role="alert">
<h4>Registrasi Sekolah</h4>
</div>
@include('include.alert')
<form method="POST" action="{{url('register')}}">
{{csrf_field()}}
<div class="row">
<div class="col-md-12">
<div id="loading-spinner" style="display: none; text-align: center;">
<img src="{{ asset('assets/spinner.gif') }}" alt="Loading..." width="20">
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Provinsi</label>
<div class="col-12 pr-1">
<select name="provinsi" class="form-control select2 @error('provinsi') provinsi is-invalid @enderror" id="provinsi">
<option value="0">- PILIH PROVINSI -</option>
@foreach($provinsi as $datProv)
<option value="{{encode_id($datProv->MsProvinsiId)}}">{{$datProv->name}}</option>
@endforeach
</select>
@error('provinsi')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Kabupaten</label>
<div class="col-12 pr-1">
<select name="kabupaten" class="form-control select2 @error('kabupaten') kabupaten is-invalid @enderror" id="kabupaten" required>
<option value="0">- PILIH KABUPATEN/KOTA -</option>
</select>
</div>
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Kecamatan</label>
<div class="col-12 pr-1">
<select name="kecamatan" class="form-control select2 @error('kecamatan') kecamatan is-invalid @enderror" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
</select>
</div>
</div>
<style type="text/css">
#result {
border: 1px solid #ccc;
display: none;
max-height: 200px;
overflow-y: auto;
background: #fff;
position: absolute;
width: 80%;
z-index: 999;
padding-left: 0px;
}
#result li {
padding: 10px;
list-style: none;
cursor: pointer;
}
#result li:hover {
background: #f0f0f0;
}
</style>
<div class="form-group row">
<label class="col-xl-12 form-label">Tingkat Sekolah</label>
<div class="col-12 pr-1">
<select name="tingkat_sekolah" class="form-control tingkat_sekolah select2 @error('tingkat_sekolah') is-invalid @enderror">
<option value="">-Pilih Tingkat Sekolah-</option>
<option value="1">SD</option>
<option value="2">SMP</option>
<option value="3">SMA</option>
<option value="4">SMK</option>
<option value="5">MI</option>
<option value="6">MTs</option>
<option value="7">MA</option>
<option value="8">SD LB</option>
<option value="9">SMP LB</option>
<option value="10">SMA LM</option>
<option value="11">SLB Khusus</option>
</select>
@error('tingkat_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="form-group row">
<label class="col-xl-12 form-label" for="fname">NPSN</label>
<div class="col-12 pr-1">
<input maxlength="8" autocomplete="off" type="text" value="{{old('npsn')}}" name="npsn" class="form-control @error('npsn') is-invalid @enderror numberInput npsn" placeholder="Masukan NPSN">
<ul id="result"></ul>
@error('npsn')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Sekolah</label>
<div class="col-12 pr-1">
<select name="sekolah" class="form-control select2 @error('sekolah') sekolah is-invalid @enderror" id="sekolah" required>
<option value="0">- PILIH SEKOLAH -</option>
</select>
</div>
</div>
<div class="form-group d-none row">
<label class="col-xl-12 form-label" for="fname">Status Sekolah</label>
<div class="col-12 pr-1">
<select name="status_sekolah" class="form-control @error('status_sekolah') is-invalid @enderror">
<option value="" data-select2-id="3">-Pilih Status Sekolah-</option>
<option value="Negeri">Negeri</option>
<option value="Swasta">Swasta</option>
</select>
@error('status_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="form-group row">
<label class="col-xl-12 form-label" for="fname">Nama Sekolah</label>
<div class="col-12 pr-1">
<input type="text" readonly value="{{old('name')}}" name="name" class="form-control nama_sekolah @error('name') is-invalid @enderror" placeholder="Masukan Nama Sekolah">
@error('name')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="form-group">
<label class="form-label" for="emailverify">Alamat Sekolah</label>
<input type="text" value="{{old('alamat_sekolah')}}" name="alamat_sekolah" class="form-control @error('alamat_sekolah') is-invalid @enderror" placeholder="Masukan Alamat Sekolah, Nama Jalan / Dusun / RT-RW" required>
@error('alamat_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
<div class="col-md-5">
<h1 class="text-left mb-3">Registrasi</h1>
<br>
<form method="POST" action="{{url('register')}}">
{{csrf_field()}}
<div class="row">
<div id="loading-spinner" style="display: none; text-align: center;">
<img src="{{ asset('assets/spinner.gif') }}" alt="Loading..." width="20">
</div>
<div class="col-md-12 d-none">
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Provinsi</label>
<div class="col-12 pr-1">
<select name="provinsi" class="form-control select2 @error('provinsi') provinsi is-invalid @enderror" id="provinsi">
<option value="0">- PILIH PROVINSI -</option>
@foreach($provinsi as $datProv)
<option value="{{encode_id($datProv->MsProvinsiId)}}">{{$datProv->name}}</option>
@endforeach
</select>
@error('provinsi')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
<div class="form-group">
<label class="form-label" for="emailverify">Kontak Person</label>
<input type="text" value="{{old('kontak_person')}}" name="kontak_person" class="form-control @error('kontak_person') is-invalid @enderror" placeholder="Masukan Kontak Person" required>
@error('kontak_person')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Kabupaten</label>
<div class="col-12 pr-1">
<select name="kabupaten" class="form-control select2 @error('kabupaten') kabupaten is-invalid @enderror" id="kabupaten" required>
<option value="0">- PILIH KABUPATEN/KOTA -</option>
</select>
</div>
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Kecamatan</label>
<div class="col-12 pr-1">
<select name="kecamatan" class="form-control select2 @error('kecamatan') kecamatan is-invalid @enderror" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
</select>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group row">
<label class="col-xl-12 form-label">Tingkat Sekolah</label>
<div class="col-12 pr-1">
<select name="tingkat_sekolah" class="form-control tingkat_sekolah select2 @error('tingkat_sekolah') is-invalid @enderror">
<option value="">-Pilih Tingkat Sekolah-</option>
<option value="1">SD</option>
<option value="2">SMP</option>
<option value="3">SMA</option>
<option value="4">SMK</option>
<option value="5">MI</option>
<option value="6">MTs</option>
<option value="7">MA</option>
<option value="8">SD LB</option>
<option value="9">SMP LB</option>
<option value="10">SMA LM</option>
<option value="11">SLB Khusus</option>
</select>
@error('tingkat_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
<div class="form-group">
<label class="form-label" for="emailverify">Telp/WA</label>
<input type="text" value="{{old('telp')}}" name="telp" class="form-control @error('telp') is-invalid @enderror numberInput" maxlength="16" placeholder="Masukan Telp/WA" required>
@error('telp')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
</div>
<div class="form-group row">
<label class="col-xl-12 form-label" for="fname">Nama Sekolah</label>
<div class="col-12 pr-1">
<input type="text" readonly value="{{old('name')}}" name="name" class="form-control nama_sekolah @error('name') is-invalid @enderror" placeholder="Masukan Nama Sekolah">
@error('name')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
<div class="form-group">
<label class="form-label" for="emailverify">Email</label>
<input type="email" name="email" id="emailverify" class="form-control @error('email') is-invalid @enderror" placeholder="Masukan Email Aktif" required>
@error('email')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
</div>
<div class="form-group">
<label class="form-label" for="emailverify">Kontak Person</label>
<input type="text" value="{{old('kontak_person')}}" name="kontak_person" class="form-control @error('kontak_person') is-invalid @enderror" placeholder="Masukan Kontak Person" required>
@error('kontak_person')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="form-group row">
<label class="col-xl-12 form-label" for="fname">NPSN</label>
<div class="col-12 pr-1">
<input maxlength="8" autocomplete="off" type="text" value="{{old('npsn')}}" name="npsn" class="form-control @error('npsn') is-invalid @enderror numberInput npsn" placeholder="Masukan NPSN">
<ul id="result"></ul>
@error('npsn')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
<small class="text-primary">* Pastikan email benar dan aktif, akses aplikasi akan dikirim ke email yang didaftarkan.</small>
</div>
<div class="form-group">
<label class="form-label">Password</label>
<div class="input-group">
<input type="password" id="password" name="password" class="form-control @error('password') is-invalid @enderror" placeholder="Masukan Password Minimm 8 characters" required>
<div class="input-group-append">
<button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button>
</div>
</div>
@error('password')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
</div>
<div class="form-group d-none row">
<label class="col-xl-12 form-label" for="fname">Status Sekolah</label>
<div class="col-12 pr-1">
<select name="status_sekolah" class="form-control @error('status_sekolah') is-invalid @enderror">
<option value="" data-select2-id="3">-Pilih Status Sekolah-</option>
<option value="Negeri">Negeri</option>
<option value="Swasta">Swasta</option>
</select>
@error('status_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
<div class="help-block">
Kata Sandi harus mengandung Minimal 8 karakter, maksimal 15 karakter, <br>setidaknya 1 huruf kecil dan huruf besar, angka dan simbol
</div>
</div>
<div class="form-group">
<label class="form-label" for="emailverify">Alamat Sekolah</label>
<input type="text" value="{{old('alamat_sekolah')}}" name="alamat_sekolah" class="form-control @error('alamat_sekolah') is-invalid @enderror" placeholder="Masukan Alamat Sekolah, Nama Jalan / Dusun / RT-RW" required>
@error('alamat_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
<div class="form-group">
<label class="form-label" for="emailverify">Telp/WA</label>
<input type="text" value="{{old('telp')}}" name="telp" class="form-control @error('telp') is-invalid @enderror numberInput" maxlength="16" placeholder="Masukan Telp/WA" required>
@error('telp')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="form-label" for="emailverify">Email</label>
<input type="email" name="email" id="emailverify" class="form-control @error('email') is-invalid @enderror" placeholder="Masukan Email Aktif" required>
@error('email')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
<small class="text-primary">* Pastikan email benar dan aktif, akses aplikasi akan dikirim ke email yang didaftarkan.</small>
</div>
<div class="form-group">
<label class="form-label">Password</label>
<div class="input-group">
<input type="password" id="password" name="password" class="form-control @error('password') is-invalid @enderror" placeholder="Masukan Password Minimm 8 characters" required>
<div class="input-group-append">
<button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button>
</div>
</div>
<div class="form-group">
<input type="checkbox" name="check" required> Dengan ini menyatakan bahwa isian registrasi diatas sudah benar.
@error('check')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
<div class="row no-gutters">
<div class="col-md-12 ml-auto text-right">
<button id="js-login-btn" type="submit" class="btn btn-block btn-primary btn-lg mt-3">Registrasi</button>
</div>
</div>
<div class="form-group text-center mt-3">
<span class="">
Sudah punya akun? <a href="{{url('login')}}">Login</a>
</span>
@error('password')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
<div class="help-block">
Kata Sandi harus mengandung Minimal 8 karakter, maksimal 15 karakter, <br>setidaknya 1 huruf kecil dan huruf besar, angka dan simbol
</div>
</div>
<div class="form-group">
<input type="checkbox" name="check" required> Dengan ini menyatakan bahwa isian registrasi diatas sudah benar.
@error('check')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
<div class="row no-gutters">
<div class="col-md-12 ml-auto text-right">
<button id="js-login-btn" type="submit" class="btn btn-block btn-primary btn-lg mt-3">Registrasi</button>
</div>
</div>
<div class="form-group text-center mt-3">
<span class="">
Sudah punya akun? <a href="{{url('login')}}">Login</a>
</span>
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Sekolah</label>
<div class="col-12 pr-1">
<select name="sekolah" class="form-control select2 @error('sekolah') sekolah is-invalid @enderror" id="sekolah" required>
<option value="0">- PILIH SEKOLAH -</option>
</select>
</div>
</div>
</div>
</form>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-black">
{{date('Y')}} © Sekolah Adiwiyata by&nbsp;Dinas Lingkungan Hidup Provinsi DKI Jakarta
</div>
</div>
</div>
</div>