update
ilhamwara
parent
f049cb2897
commit
7b8684cf2d
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 |
|
|
@ -16,38 +16,43 @@
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="https://banksampah.jakarta.go.id/images/logo-dinas.ico">
|
<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="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')}}">
|
<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>
|
</head>
|
||||||
<body>
|
<body class="bg-login">
|
||||||
<div class="page-wrapper">
|
<div class="page-wrapper d-flex align-items-center justify-content-center min-vh-100">
|
||||||
<div class="page-inner bg-brand-gradient">
|
<div class="container py-4 py-lg-5 px-4 px-sm-0">
|
||||||
<div class="page-content-wrapper bg-transparent m-0">
|
<div class="row justify-content-center">
|
||||||
<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="col-sm-12 col-md-12 col-lg-8 col-xl-8">
|
||||||
<div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">
|
|
||||||
<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.
|
|
||||||
</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">
|
<div class="card p-4 rounded-plus bg-faded">
|
||||||
@include('include.alert')
|
@include('include.alert')
|
||||||
<form id="js-login" validate="" method="POST" action="{{url('login')}}">
|
<div class="row">
|
||||||
|
<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-md-5">
|
||||||
|
<h1 class="text-left mb-3">Login</h1>
|
||||||
|
<br>
|
||||||
|
<form id="js-login" method="POST" action="{{url('login')}}">
|
||||||
{{csrf_field()}}
|
{{csrf_field()}}
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Email</label>
|
<label class="form-label">Email</label>
|
||||||
<input type="text" required name="email" class="form-control" placeholder="Masukan Email/NPSN anda" value="" required>
|
<input type="text" required name="email" class="form-control" placeholder="Masukan Email/NPSN anda">
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Password</label>
|
<label class="form-label">Password</label>
|
||||||
|
|
@ -66,21 +71,22 @@
|
||||||
OR
|
OR
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-12 pl-lg-1 my-2">
|
<div class="col-lg-12 pl-lg-1 my-2">
|
||||||
<a href="{{url('register')}}" class="btn btn-danger btn-block">Registrasi Sekolah</a>
|
<a href="{{url('register')}}" class="btn btn-success btn-block">Registrasi Sekolah</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-black">
|
<div class="text-center mt-3 text-black">
|
||||||
{{date('Y')}} © Sekolah Adiwiyata by Dinas Lingkungan Hidup Provinsi DKI Jakarta
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
|
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
|
||||||
<script src="{{asset('assets/js/app.bundle.js')}}"></script>
|
<script src="{{asset('assets/js/app.bundle.js')}}"></script>
|
||||||
<script>
|
<script>
|
||||||
|
|
|
||||||
|
|
@ -22,36 +22,64 @@
|
||||||
<!-- Optional: page related CSS-->
|
<!-- Optional: page related CSS-->
|
||||||
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.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')}}">
|
<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>
|
</head>
|
||||||
<body>
|
<body class="bg-login">
|
||||||
<div class="page-wrapper">
|
<div class="page-wrapper d-flex align-items-center justify-content-center min-vh-100">
|
||||||
<div class="page-inner bg-brand-gradient">
|
<div class="container py-4 py-lg-5 px-4 px-sm-0">
|
||||||
<div class="page-content-wrapper bg-transparent m-0">
|
<div class="row justify-content-center">
|
||||||
<div class="flex-1" style="background: url('assets/img/background.png') no-repeat center bottom fixed; background-size: cover;">
|
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
|
||||||
<div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">
|
|
||||||
<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>
|
|
||||||
<div class="col-xl-6 ml-auto mr-auto">
|
|
||||||
<div class="card p-4 rounded-plus bg-faded">
|
<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')
|
@include('include.alert')
|
||||||
|
<div class="row">
|
||||||
|
<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-md-5">
|
||||||
|
<h1 class="text-left mb-3">Registrasi</h1>
|
||||||
|
<br>
|
||||||
<form method="POST" action="{{url('register')}}">
|
<form method="POST" action="{{url('register')}}">
|
||||||
{{csrf_field()}}
|
{{csrf_field()}}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
|
||||||
<div id="loading-spinner" style="display: none; text-align: center;">
|
<div id="loading-spinner" style="display: none; text-align: center;">
|
||||||
<img src="{{ asset('assets/spinner.gif') }}" alt="Loading..." width="20">
|
<img src="{{ asset('assets/spinner.gif') }}" alt="Loading..." width="20">
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-md-12 d-none">
|
||||||
<div class="form-group row d-none">
|
<div class="form-group row d-none">
|
||||||
<label class="col-xl-12 form-label" for="fname">Provinsi</label>
|
<label class="col-xl-12 form-label" for="fname">Provinsi</label>
|
||||||
<div class="col-12 pr-1">
|
<div class="col-12 pr-1">
|
||||||
|
|
@ -82,27 +110,8 @@
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<style type="text/css">
|
</div>
|
||||||
#result {
|
<div class="col-md-6">
|
||||||
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">
|
<div class="form-group row">
|
||||||
<label class="col-xl-12 form-label">Tingkat Sekolah</label>
|
<label class="col-xl-12 form-label">Tingkat Sekolah</label>
|
||||||
<div class="col-12 pr-1">
|
<div class="col-12 pr-1">
|
||||||
|
|
@ -125,6 +134,27 @@
|
||||||
@enderror
|
@enderror
|
||||||
</div>
|
</div>
|
||||||
</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">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">
|
<div class="form-group row">
|
||||||
<label class="col-xl-12 form-label" for="fname">NPSN</label>
|
<label class="col-xl-12 form-label" for="fname">NPSN</label>
|
||||||
<div class="col-12 pr-1">
|
<div class="col-12 pr-1">
|
||||||
|
|
@ -135,14 +165,7 @@
|
||||||
@enderror
|
@enderror
|
||||||
</div>
|
</div>
|
||||||
</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">
|
<div class="form-group d-none row">
|
||||||
<label class="col-xl-12 form-label" for="fname">Status Sekolah</label>
|
<label class="col-xl-12 form-label" for="fname">Status Sekolah</label>
|
||||||
<div class="col-12 pr-1">
|
<div class="col-12 pr-1">
|
||||||
|
|
@ -156,16 +179,6 @@
|
||||||
@enderror
|
@enderror
|
||||||
</div>
|
</div>
|
||||||
</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">
|
<div class="form-group">
|
||||||
<label class="form-label" for="emailverify">Alamat Sekolah</label>
|
<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>
|
<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>
|
||||||
|
|
@ -173,13 +186,7 @@
|
||||||
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
|
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
|
||||||
@enderror
|
@enderror
|
||||||
</div>
|
</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 class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label" for="emailverify">Telp/WA</label>
|
<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>
|
<input type="text" value="{{old('telp')}}" name="telp" class="form-control @error('telp') is-invalid @enderror numberInput" maxlength="16" placeholder="Masukan Telp/WA" required>
|
||||||
|
|
@ -187,6 +194,13 @@
|
||||||
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
|
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
|
||||||
@enderror
|
@enderror
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-12">
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label" for="emailverify">Email</label>
|
<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>
|
<input type="email" name="email" id="emailverify" class="form-control @error('email') is-invalid @enderror" placeholder="Masukan Email Aktif" required>
|
||||||
|
|
@ -195,6 +209,7 @@
|
||||||
@enderror
|
@enderror
|
||||||
<small class="text-primary">* Pastikan email benar dan aktif, akses aplikasi akan dikirim ke email yang didaftarkan.</small>
|
<small class="text-primary">* Pastikan email benar dan aktif, akses aplikasi akan dikirim ke email yang didaftarkan.</small>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Password</label>
|
<label class="form-label">Password</label>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
|
|
@ -210,6 +225,7 @@
|
||||||
Kata Sandi harus mengandung Minimal 8 karakter, maksimal 15 karakter, <br>setidaknya 1 huruf kecil dan huruf besar, angka dan simbol
|
Kata Sandi harus mengandung Minimal 8 karakter, maksimal 15 karakter, <br>setidaknya 1 huruf kecil dan huruf besar, angka dan simbol
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<input type="checkbox" name="check" required> Dengan ini menyatakan bahwa isian registrasi diatas sudah benar.
|
<input type="checkbox" name="check" required> Dengan ini menyatakan bahwa isian registrasi diatas sudah benar.
|
||||||
@error('check')
|
@error('check')
|
||||||
|
|
@ -226,21 +242,23 @@
|
||||||
Sudah punya akun? <a href="{{url('login')}}">Login</a>
|
Sudah punya akun? <a href="{{url('login')}}">Login</a>
|
||||||
</span>
|
</span>
|
||||||
</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>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-black">
|
|
||||||
{{date('Y')}} © Sekolah Adiwiyata by Dinas Lingkungan Hidup Provinsi DKI Jakarta
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue