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="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">
|
||||
<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">
|
||||
<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')
|
||||
<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()}}
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -66,21 +71,22 @@
|
|||
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>
|
||||
<a href="{{url('register')}}" class="btn btn-success btn-block">Registrasi Sekolah</a>
|
||||
</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 Dinas Lingkungan Hidup Provinsi DKI Jakarta
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -22,36 +22,64 @@
|
|||
<!-- 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">
|
||||
<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">
|
||||
<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">
|
||||
<div class="alert alert-primary text-center text-dark" role="alert">
|
||||
<h4>Registrasi Sekolah</h4>
|
||||
</div>
|
||||
@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')}}">
|
||||
{{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="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">
|
||||
|
|
@ -82,27 +110,8 @@
|
|||
</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>
|
||||
<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">
|
||||
|
|
@ -125,6 +134,27 @@
|
|||
@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">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">
|
||||
|
|
@ -135,14 +165,7 @@
|
|||
@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">
|
||||
|
|
@ -156,16 +179,6 @@
|
|||
@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>
|
||||
|
|
@ -173,13 +186,7 @@
|
|||
<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>
|
||||
@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>
|
||||
|
|
@ -187,6 +194,13 @@
|
|||
<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>
|
||||
|
|
@ -195,6 +209,7 @@
|
|||
@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">
|
||||
|
|
@ -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
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<input type="checkbox" name="check" required> Dengan ini menyatakan bahwa isian registrasi diatas sudah benar.
|
||||
@error('check')
|
||||
|
|
@ -226,21 +242,23 @@
|
|||
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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
</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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue