Scribd
Upload
28 views27 pages

Listing Program Capil

The document is a dashboard for an application that manages application submissions. The dashboard displays statistics on total submissions, new submissions, submissions in process, and completed submissions. Users can see available application forms and requirements and submit new applications. The navigation menu includes options for managing master data, submissions, user profiles and more.

Uploaded by

Anha Usmanova
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
28 views27 pages

Listing Program Capil

The document is a dashboard for an application that manages application submissions. The dashboard displays statistics on total submissions, new submissions, submissions in process, and completed submissions. Users can see available application forms and requirements and submit new applications. The navigation menu includes options for managing master data, submissions, user profiles and more.

Uploaded by

Anha Usmanova
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 27

Listing Program

=========================== Dashboard =========================


<script>
// File type validation
</script>
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
</div>
<?php if(__session('level')=='admin'): ?>
<!-- Content Row -->
<div class="row">

<!-- Earnings (Monthly) Card Example -->


<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-primary text-uppercase mb-
1">
Total Pengajuan</div>
<div class="h5 mb-0 font-weight-bold text-gray-800"><?=
count_ajuan() ?></div>
</div>
<div class="col-auto">
<i class="fas fa-list fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>

<!-- Earnings (Monthly) Card Example -->


<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-left-success shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-success text-uppercase mb-
1">
Pengajuan Baru</div>
<div class="h5 mb-0 font-weight-bold text-gray-800"><?=
count_ajuan('Pengajuan') ?></div>
</div>
<div class="col-auto">
<i class="fas fa-plus fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>

<!-- Earnings (Monthly) Card Example -->


<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-left-info shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">
Pengajuan Dalam Proses</div>
<div class="h5 mb-0 font-weight-bold text-gray-800"><?=
count_ajuan('Proses'); ?></div>
</div>
<div class="col-auto">
<i class="fas fa-spinner fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>

<!-- Pending Requests Card Example -->


<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-left-warning shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-warning text-uppercase mb-
1">
Pengajuan Selesai</div>
<div class="h5 mb-0 font-weight-bold text-gray-800"><?=
count_ajuan('Selesai'); ?></div>
</div>
<div class="col-auto">
<i class="fas fa-check fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<!-- Content Row -->
<div class="row">
<?php foreach(list_surat() as $row): ?>
<div class="col-md-6">
<div class="card mb-4 py-3 border-bottom-info">
<form action="<?=base_url('pengajuan/create_ajuan');?>" method="post">
<div class="card-body">
<h4><?= $row['nama_surat']; ?></h4>
<p><?= $row['keterangan']; ?></p>
<button class="btn btn-info btn-sm" type="button" data-toggle="collapse"
data-target="#syarat<?=$row['idsurat'];?>" aria-expanded="false"
aria-controls="syarat<?=$row['idsurat'];?>"><i class="fas fa-list"></i>
Lihat
Syarat</button>
<div class="collapse mt-2 mb-4" id="syarat<?=$row['idsurat'];?>">
<div class="card card-body">
<ol>
<?php foreach(syarat_by_surat($row['idsurat']) as $syarat): ?>
<li><?= $syarat['nama_syarat']; ?></li>
<?php endforeach; ?>
</ol>
</div>
</div>
<input type="hidden" name="surat_id" value="<?=$row['idsurat'];?>">
<button type="submit" class="btn btn-primary btn-sm float-right"
name="buat_ajuan"><i
class="fas fa-plus"></i>
Buat Ajuan</button>
</div>
</form>
</div>
</div>
<?php endforeach; ?>
</div>
================================== Index =========================
<!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, shrink-to-
fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>Sistem Informasi Pelayanan Masyarakat</title>

<!-- Custom fonts for this template-->


<link href="<?=base_url();?>assets/vendor/fontawesome-free/css/all.min.css"
rel="stylesheet" type="text/css">
<link
href="https://fonts.googleapis.com/css?
family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">

<!-- Custom styles for this template-->


<link href="<?=base_url();?>assets/css/sb-admin-2.min.css" rel="stylesheet">
<link href="<?=base_url();?>assets/vendor/select2/css/select2.min.css"
rel="stylesheet" />
<!-- Custom styles for this page -->
<link
href="<?=base_url();?>assets/vendor/datatables/dataTables.bootstrap4.min.css"
rel="stylesheet">

</head>

<body id="page-top">

<!-- Page Wrapper -->


<div id="wrapper">

<!-- Sidebar -->


<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion"
id="accordionSidebar">

<!-- Sidebar - Brand -->


<a class="sidebar-brand d-flex align-items-center justify-content-center"
href="<?=base_url('dashboard');?>">
<div class="sidebar-brand-icon rotate-n-15">
<i class="fas fa-laugh-wink"></i>
</div>
<div class="sidebar-brand-text mx-3">SIP Capil</div>
</a>

<!-- Divider -->


<hr class="sidebar-divider my-0">

<!-- Nav Item - Dashboard -->


<li class="nav-item <?=isset($dashboard)?'active':'';?>">
<a class="nav-link" href="<?=base_url('dashboard');?>">
<i class="fas fa-fw fa-tachometer-alt"></i>
<span>Dashboard</span></a>
</li>

<!-- Divider -->


<hr class="sidebar-divider">

<?php if(__session('level')=='admin'): ?>


<!-- Heading -->
<div class="sidebar-heading">
Menu Utama
</div>

<!-- Nav Item - Pages Collapse Menu -->


<li class="nav-item <?=isset($master)?'active':'';?>">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-
target="#collapseTwo"
aria-expanded="true" aria-controls="collapseTwo">
<i class="fas fa-fw fa-folder"></i>
<span>Master</span>
</a>
<div id="collapseTwo" class="collapse show" aria-
labelledby="headingTwo"
data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<a class="collapse-item <?=isset($surat)?'active':'';?>"
href="<?=site_url('master/surat');?>">Surat</a>
<a class="collapse-item <?=isset($persyaratan)?'active':'';?>"
href="<?=site_url('master/persyaratan');?>">Persyaratan</a>
<a class="collapse-item <?=isset($pengguna)?'active':'';?>"
href="<?=site_url('master/pengguna');?>">Pengguna</a>
</div>
</div>
</li>

<!-- Nav Item - Charts -->


<li class="nav-item <?=isset($pengajuan_surat)?'active':'';?>">
<a class="nav-link" href="<?=base_url('pengajuan');?>">
<i class="fas fa-fw fa-edit"></i>
<span>Pengajuan Surat</span></a>
</li>
<?php endif; ?>
<!-- Nav Item - Charts -->
<li class="nav-item <?=isset($pengajuan_saya)?'active':'';?>">
<a class="nav-link" href="<?=base_url('pengajuan_saya');?>">
<i class="fas fa-fw fa-edit"></i>
<span>Pengajuan Saya</span></a>
</li>
<!-- Nav Item - Tables -->
<li class="nav-item <?=isset($profil_saya)?'active':'';?>">
<a class="nav-link" href="<?=base_url('dashboard/profil_saya');?>">
<i class="fas fa-fw fa-user"></i>
<span>Profil Saya</span></a>
</li>

<!-- Divider -->


<hr class="sidebar-divider d-none d-md-block">

<!-- Sidebar Toggler (Sidebar) -->


<div class="text-center d-none d-md-inline">
<button class="rounded-circle border-0" id="sidebarToggle"></button>
</div>

</ul>
<!-- End of Sidebar -->

<!-- Content Wrapper -->


<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->


<div id="content">

<!-- Topbar -->


<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4
static-top shadow">

<!-- Sidebar Toggle (Topbar) -->


<button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-
circle mr-3">
<i class="fa fa-bars"></i>
</button>

<!-- Topbar Navbar -->


<ul class="navbar-nav ml-auto">

<div class="topbar-divider d-none d-sm-block"></div>

<!-- Nav Item - User Information -->


<li class="nav-item dropdown no-arrow">
<a class="nav-link dropdown-toggle" href="#" id="userDropdown"
role="button"
data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
<span
class="mr-2 d-lg-inline text-gray-600 small"><?=
strtoupper(__session('username')); ?></span>
</a>
<!-- Dropdown - User Information -->
<div class="dropdown-menu dropdown-menu-right shadow
animated--grow-in"
aria-labelledby="userDropdown">
<a class="dropdown-item"
href="<?=base_url('dashboard/profil_saya');?>">
<i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
Profil Saya
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-toggle="modal" data-
target="#logoutModal">
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-
400"></i>
Logout
</a>
</div>
</li>

</ul>

</nav>
<!-- End of Topbar -->

<!-- Begin Page Content -->


<div class="container-fluid">
<div class="flash-data-berhasil" data-berhasil="<?=$this->session-
>flashdata('success');?>"></div>
<div class="flash-data-gagal" data-gagal="<?=$this->session-
>flashdata('error');?>"></div>
<?php $this->load->view($content); ?>
</div>
<!-- /.container-fluid -->

</div>
<!-- End of Main Content -->

<!-- Footer -->


<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; Sistem Informasi Pelayanan Masyarakat <?
= date('Y'); ?> | Repost by <a href='http://capilmateng.hi-projek.com/' title='Capil
Mateng' target='_blank'>Capil Mateng</a>
</span>
</div>
</div>
</footer>
<!-- End of Footer -->

</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->


<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Logout Modal-->


<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-
labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Konfirmasi Keluar ?
</h5>
<button class="close" type="button" data-dismiss="modal" aria-
label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">Anda yakin ingin keluar dari aplikasi ini.</div>
<div class="modal-footer">
<button class="btn btn-secondary btn-sm" type="button" data-
dismiss="modal"><i
class="fas fa-times"></i> Tidak</button>
<a class="btn btn-danger btn-sm" href="<?=base_url('auth/logout');?
>"><i
class="fas fa-sign-out-alt"></i> Iya,
Keluar</a>
</div>
</div>
</div>
</div>

<!-- Bootstrap core JavaScript-->


<script src="<?=base_url();?>assets/vendor/jquery/jquery.min.js"></script>
<script
src="<?=base_url();?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->


<script
src="<?=base_url();?>assets/vendor/jquery-easing/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->


<script src="<?=base_url();?>assets/js/sb-admin-2.min.js"></script>

<!-- Page level plugins -->


<script
src="<?=base_url();?>assets/vendor/datatables/jquery.dataTables.min.js"></script>
<script
src="<?=base_url();?>assets/vendor/datatables/dataTables.bootstrap4.min.js"></
script>
<script src="<?=base_url();?>assets/vendor/sweet-alert/sweetalert2.all.min.js"></
script>
<script src="<?=base_url();?>assets/vendor/select2/js/select2.min.js"></script>

<!-- Page level custom scripts -->


<script src="<?=base_url();?>assets/js/demo/datatables-demo.js"></script>
<script src="<?=base_url();?>assets/js/demo/sweet-alert.js"></script>
<script>
$(function() {
$('.select2').select2({
theme: "classic"
});
$('[data-toggle="tooltip"]').tooltip()

});
</script>

</body>

</html>
=============================== Login ========================
<!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, shrink-to-
fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>Sistem Informasi Pelayanan Masyarakat</title>

<!-- Custom fonts for this template-->


<link href="<?=base_url();?>assets/vendor/fontawesome-free/css/all.min.css"
rel="stylesheet" type="text/css">
<link
href="https://fonts.googleapis.com/css?
family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">

<!-- Custom styles for this template-->


<link href="<?=base_url();?>assets/css/sb-admin-2.min.css" rel="stylesheet">
</head>
<style>
body{
background-image:url(../assets/img/capil.jpg);
background-size:cover;
background-attachment:fixed;
height: 100%;
}
</style>

<div class="container">

<!-- Outer Row -->


<div class="row justify-content-center mt-5">

<div class="col-xl-10 col-lg-12 col-md-9">

<div class="card o-hidden border-0 shadow-lg my-5">


<div class="card-body p-0">
<div class="flash-data-berhasil" data-berhasil="<?=$this->session-
>flashdata('success');?>">
</div>
<div class="flash-data-gagal" data-gagal="<?=$this->session-
>flashdata('error');?>"></div>
<!-- Nested Row within Card Body -->
<?php if($login): ?>
<div class="row">
<div class="col-lg-6 d-none d-lg-block">
<img src="<?=base_url('assets/img/login.png');?>" alt="Logo"
width="400" height="400">
</div>
<div class="col-lg-6">
<div class="p-5">
<div class="text-center">
<h1 class="h4 text-gray-900 mb-4">Silahkan Login</h1>
</div>
<form class="user" action="<?=base_url('auth/check_login');?
>" method="post">
<div class="form-group">
<input type="text" name="username" class="form-control
form-control-user"
placeholder="Username">
</div>
<div class="form-group">
<input type="password" name="password"
class="form-control form-control-user"
placeholder="Password">
</div>
<button type="submit" class="btn btn-primary btn-user btn-
block">
Masuk
</button>
</form>
<hr>
<div class="text-center">
Belum punya akun ? <a class="small" href="<?
=base_url('auth/register');?>">Buat
akun</a>
</div>
<br><center><p>Repost by <a href='http://capilmateng.hi-
projek.com/' title='Capil Mateng' target='_blank'>Capil Mateng</a></p></center>

</div>
</div>
</div>
<?php else: ?>
<div class="row">
<div class="col-lg-6 d-none d-lg-block">
<img src="<?=base_url('assets/img/register.jpg');?>" alt="Logo"
width="450"
height="400">
</div>
<div class="col-lg-6">
<div class="p-5">
<div class="text-center">
<h1 class="h4 text-gray-900 mb-4">Silahkan
Mendaftar</h1>
</div>
<form class="user" action="<?=base_url('auth/create');?>"
method="post">
<div class="form-group">
<input type="number" name="username" class="form-
control form-control-user"
placeholder="Nomor Induk Kependudukan (NIK) /
Nomor HP" min="0" required>
</div>
<div class="form-group">
<input type="password" name="password"
class="form-control form-control-user"
placeholder="Password"
minlength="6" required>
</div>
<button type="submit" class="btn btn-primary btn-user btn-
block">
Buat Akun
</button>
</form>
<hr>
<div class="text-center">
Sudah punya akun ? <a class="small" href="<?
=base_url('auth');?>">Masuk
sekarang</a>
</div>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>

</div>

</div>

</div>

<!-- Bootstrap core JavaScript-->


<script src="<?=base_url();?>assets/vendor/jquery/jquery.min.js"></script>
<script
src="<?=base_url();?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->


<script
src="<?=base_url();?>assets/vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="<?=base_url();?>assets/vendor/sweet-alert/sweetalert2.all.min.js"></
script>

<!-- Custom scripts for all pages-->


<script src="<?=base_url();?>assets/js/sb-admin-2.min.js"></script>
<script src="<?=base_url();?>assets/js/demo/sweet-alert.js"></script>

</body>

</html>
============================= Pengajuan ======================
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Data Pengajuan</h1>
</div>

<!-- DataTales Example -->


<div class="card shadow mb-4">
<!-- <div class="card-header py-3">
<a href="#" class="btn btn-primary btn-icon-split btn-sm float-right">
<span class="icon text-white-50">
<i class="fas fa-print"></i>
</span>
<span class="text">Cetak</span>
</a>
</div> -->
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="dataTable" width="100%"
cellspacing="0">
<thead>
<tr>
<th width="50">NO</th>
<th>NIK</th>
<th>NAMA LENGKAP</th>
<th>NAMA SURAT</th>
<th>STATUS</th>
<th width="50">AKSI</th>
</tr>
</thead>
<tbody>
<?php $n=1; foreach($pengajuan_all as $row): ?>
<tr>
<td><?= $n++; ?></td>
<td><?= $row['nik']; ?></td>
<td><?= $row['nama_lengkap']; ?></td>
<td><?= $row['nama_surat']; ?></td>
<td>
<?php if($row['status']=='Buat'): ?>
<span class="badge badge-dark"><?= $row['status']; ?></span>
<?php elseif($row['status']=='Pengajuan'): ?>
<span class="badge badge-info"><?= $row['status']; ?></span>
<?php elseif($row['status']=='Proses'): ?>
<span class="badge badge-primary"><?= $row['status']; ?></span>
<?php else: ?>
<span class="badge badge-success"><?= $row['status'];
?></span>
<?php endif; ?>
</td>
<td>
<a href="<?=base_url('pengajuan/ubah/').
$row['idpengajuansurat'];?>"
class="btn btn-sm btn-info btn-circle" data-toggle="tooltip" data-
placement="top"
title="Ubah"><i class="fas fa-edit"></i></a>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
</div>
============================ Profil ===========================
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Profil Saya</h1>
</div>

<!-- DataTales Example -->


<div class="card shadow mb-4">
<div class="card-body">
<form action="<?=base_url('dashboard/update_profil');?>" method="post">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="nik">NIK</label>
<input type="hidden" name="idprofil" value="<?
=$profil['iduser_profile'];?>">
<input type="hidden" name="iduser" value="<?=$profil['idusers'];?>">
<input type="text" class="form-control" name="nik" id="nik" value="<?
=$profil['nik'];?>"
readonly>
</div>
</div>
<div class="col-md-8">
<div class="form-group">
<label for="nama_lengkap">Nama Lengkap</label>
<input type="text" class="form-control" name="nama_lengkap"
id="nama_lengkap"
value="<?=$profil['nama_lengkap'];?>">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="tempat_lahir">Tempat Lahir</label>
<input type="text" class="form-control" name="tempat_lahir"
id="tempat_lahir"
value="<?=$profil['tempat_lahir'];?>">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="tanggal_lahir">Tanggal Lahir</label>
<input type="date" class="form-control" name="tanggal_lahir"
id="tanggal_lahir"
value="<?=$profil['tanggal_lahir'];?>">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="jenis_kelamin">Jenis Kelamin</label>
<select name="jenis_kelamin" id="jenis_kelamin" class="form-
control">
<option value="Pria" <?
=$profil['jenis_kelamin']=='Pria'?'selected':'';?>>Laki-Laki</option>
<option value="Wanita" <?
=$profil['jenis_kelamin']=='Wanita'?'selected':'';?>>Perempuan
</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="agama">Agama</label>
<select name="agama" id="agama" class="form-control">
<option value="Islam" <?=$profil['agama']=='Islam'?'selected':'';?
>>Islam</option>
<option value="Kristen Protestan" <?=$profil['agama']=='Kristen
Protestan'?'selected':'';?>>
Kristen Protestan</option>
<option value="Kristen Katholik" <?=$profil['agama']=='Kristen
Katholik'?'selected':'';?>>
Kristen Katholik</option>
<option value="Hindu" <?=$profil['agama']=='Hindu'?'selected':'';?
>>Hindu</option>
<option value="Budha" <?=$profil['agama']=='Budha'?'selected':'';?
>>Budha</option>
<option value="Konghucu" <?
=$profil['agama']=='Konghucu'?'selected':'';?>>Konghucu</option>
</select>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label for="alamat">Alamat Lengkap</label>
<textarea name="alamat" id="alamat" cols="30" rows="5"
class="form-control"><?=$profil['alamat'];?></textarea>
</div>
</div>
<hr>
<div class="col-md-6">
<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" name="username"
id="username"
value="<?=$profil['username'];?>" readonly>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" name="password"
id="password" minlength="6">
<span class="text-danger" style="font-size:10pt;">Biarkan kosong jika
tidak ingin merubah
password</span>
</div>
</div>
<div class="p-3 float-right">
<button type="submit" class="btn btn-success"><i class="fas fa-
save"></i> Simpan
Perubahan</button>
</div>
</div>
</form>
</div>
</div>
============================= Upload Berkas =====================
<script>
function upload(id) {
// alert(id);
$("#form" + id).on('submit', function(e) {
e.preventDefault();
$.ajax({
type: 'POST',
url: '<?=base_url('pengajuan/berkas');?>',
data: new FormData(this),
dataType: 'json',
contentType: false,
cache: false,
processData: false,
success: function(response) {
Swal.fire({
title: 'Berhasil',
text: response,
icon: 'success',
allowOutsideClick: false
});
$('#berkas' + id).prop('disabled', true);
$('#' + id).hide();
}
});
});
}
</script>
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Unggah Berkas Persyaratan</h1>
</div>

<!-- DataTales Example -->


<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">Daftar Perysaratan <?=
$surat_byid['nama_surat']; ?></h6>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" width="100%" cellspacing="0">
<thead>
<tr>
<th width="50">NO</th>
<th>PERSYARATAN</th>
<th width="400"></th>
<th width="120">AKSI</th>
</tr>
</thead>
<tbody>
<?php $n=1; foreach(syarat_by_surat($surat_byid['surat_id']) as
$row): ?>
<tr>
<form method="post" enctype="multipart/form-data" id="form<?
=$row['idsurat_syarat'];?>">
<td><?= $n++; ?></td>
<td><?= $row['nama_syarat']; ?></td>
<td>
<input type="hidden" name="pengajuan_surat_id" value="<?
=$this->uri->segment(3);?>">
<input type="hidden" name="surat_syarat_id" value="<?
=$row['idsurat_syarat'];?>">
<input type="file" name="berkas" class="form-control"
id="berkas<?=$row['idsurat_syarat'];?>"
accept="image/png, image/jpg, image/jpeg, application/pdf"
<?= (check_file($this->uri->segment(3),
$row['idsurat_syarat'])==0)?'':'disabled'; ?>
required>
<span class="text-danger" style="font-size:10pt;">Format file
<b>.pdf .jpg .jpeg
.png</b>,ukuran maksimal <b>2 MB</b></span>
</td>
<td>
<?php if(check_file($this->uri->segment(3),
$row['idsurat_syarat'])==0): ?>
<button type="submit" class="btn btn-sm btn-primary" id="<?
=$row['idsurat_syarat'];?>"
onclick="upload(this.id)"><i class="fas fa-upload"></i>
Unggah</button>
<?php endif; ?>
</td>
</form>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<form action="<?=base_url('pengajuan/send_ajuan');?>" method="post">
<input type="hidden" name="pengajuan_surat_id" value="<?=$this->uri-
>segment(3);?>">
<button type="submit" class="btn btn-success float-right"><i class="fas fa-
paper-plane"></i> Kirim
Pengajuan</button>
</form>
</div>
</div>
</div>

You might also like