From 8feca5a231661d5ed7ce4306d882c814ce864fca Mon Sep 17 00:00:00 2001 From: alex <alexander.sukono@gmail.com> Date: Fri, 13 May 2016 17:38:58 +0700 Subject: [PATCH] update permohonan page & add upload file functionality --- bdgwebkit/editPermohonan.php | 526 ---------------------------------- bdgwebkit/formpermohonan.php | 11 +- bdgwebkit/permohonan.php | 69 ++++- bdgwebkit/staffPermohonan.php | 33 ++- 4 files changed, 82 insertions(+), 557 deletions(-) delete mode 100644 bdgwebkit/editPermohonan.php diff --git a/bdgwebkit/editPermohonan.php b/bdgwebkit/editPermohonan.php deleted file mode 100644 index 7226205..0000000 --- a/bdgwebkit/editPermohonan.php +++ /dev/null @@ -1,526 +0,0 @@ -<!DOCTYPE html> -<html lang="en" class=""> -<head> - <meta charset="utf-8" /> - <title>Bandung Web Kit | BDGWEBKIT</title> - <meta name="description" content="Bandung Web Kit" /> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> - <link rel="stylesheet" href="../libs/assets/animate.css/animate.css" type="text/css" /> - <link rel="stylesheet" href="../libs/assets/font-awesome/css/font-awesome.min.css" type="text/css" /> - <link rel="stylesheet" href="../libs/assets/simple-line-icons/css/simple-line-icons.css" type="text/css" /> - <link rel="stylesheet" href="../libs/jquery/bootstrap/dist/css/bootstrap.css" type="text/css" /> - - <link rel="stylesheet" href="css/font.css" type="text/css" /> - <link rel="stylesheet" href="css/style.css" type="text/css" /> - - -</head> -<body> -<div class="app app-header-fixed "> - - - <!-- header --> - <header id="header" class="app-header navbar" role="menu"> - <!-- navbar header --> - <div class="navbar-header bg-info"> - <button class="pull-right visible-xs dk" ui-toggle-class="show" target=".navbar-collapse"> - <i class="glyphicon glyphicon-cog"></i> - </button> - <button class="pull-right visible-xs" ui-toggle-class="off-screen" target=".app-aside" ui-scroll="app"> - <i class="glyphicon glyphicon-align-justify"></i> - </button> - <!-- brand --> - <a href="#/" class="navbar-brand text-lt"> - <img src="img/logo-small.png" alt="." class="small-logo hide"> - <img src="img/logo.png" alt="." class="large-logo"> - </a> - <!-- / brand --> - </div> - <!-- / navbar header --> - - <!-- navbar collapse --> - <div class="collapse pos-rlt navbar-collapse bg-info"> - <!-- buttons --> - <div class="nav navbar-nav hidden-xs"> - - </div> - <!-- / buttons --> - - <!-- link and dropdown --> - <ul class="nav navbar-nav hidden-sm"> - <li> - <a href="index.html">HOME</a> - </li> - <li class="dropdown"> - <a href="#" data-toggle="dropdown" class="dropdown-toggle"> - <i class="fa fa-fw fa-plus visible-xs-inline-block"></i> - <span>PAGES</span> <span class="caret"></span> - </a> - <ul class="dropdown-menu" role="menu"> - - <li> - <a href="#"> - <span class="badge bg-danger pull-right">5</span> - <span>Form Elements</span> - </a> - </li> - - <li> - <a href="#"> - <span class="badge bg-info pull-right">15</span> - <span>Form Validation</span> - </a> - </li> - - <li> - <a href="#"> - <span>Form Wizard</span> - </a> - </li> - - </ul> - </li> - <li> - <a href="#">PROJECT</a> - </li> - </ul> - <!-- / link and dropdown --> - - <!-- nabar right --> - <ul class="nav navbar-nav navbar-right"> - <li class="dropdown"> - <a href="#" data-toggle="dropdown" class="dropdown-toggle"> - <i class="icon-bdg_alert text14"></i> - <span class="visible-xs-inline">Notifikasi</span> - <span class="badge badge-sm up bg-danger pull-right-xs">2</span> - </a> - <!-- dropdown --> - <div class="dropdown-menu w-xl animated fadeIn"> - <div class="panel bg-white"> - <div class="panel-heading b-light bg-light"> - <strong>Kamu Punya <span>2</span> Notifikasi</strong> - </div> - <div class="list-group"> - <a href class="list-group-item"> - <span class="pull-left m-r thumb-sm"> - <img src="img/01.jpg" alt="..." class="img-circle"> - </span> - <span class="clear block m-b-none"> - Pembangunan Taman daerah Bandung Barat<br> - <small class="text-muted">10 minutes ago</small> - </span> - </a> - <a href class="list-group-item"> - <span class="clear block m-b-none"> - Revitalisasi Sungai Cikapundung<br> - <small class="text-muted">1 hour ago</small> - </span> - </a> - </div> - <div class="panel-footer text-sm"> - <a href class="pull-right"><i class="icon-bdg_setting3"></i></a> - <a href="#notes" data-toggle="class:show animated fadeInRight">Lihat Semua Notifikasi</a> - </div> - </div> - </div> - <!-- / dropdown --> - </li> - <li class="dropdown"> - <a href="#" data-toggle="dropdown" class="dropdown-toggle"> - <i class="icon-bdg_search text14"></i> - </a> - <!-- dropdown --> - <div class="search_wrapper pull-right w-xl animated fadeIn"> - <form action=""> - <i class="pull-left glyphicon glyphicon-search"></i> - <input type="text" class="pull-left" placeholder="Type Here"> - <a href="#" class="remove-search"><i class="pull-right icon-bdg_cross"></i></a> - </form> - </div> - <!-- / dropdown --> - </li> - <li class="dropdown"> - <a href="#" data-toggle="dropdown" class="bg-blue profile-header dropdown-toggle clear" data-toggle="dropdown"> - <span class="thumb-sm avatar pull-left m-t-n-sm m-b-n-sm m-r-sm"> - <img src="img/01.jpg" alt="..."> - </span> - <span class="hidden-sm hidden-md m-r-xl">Ridwan Kamil</span> <i class="text14 icon-bdg_setting3 pull-right"></i> - </a> - <!-- dropdown --> - <ul class="dropdown-menu animated fadeIn w-ml"> - <li> - <a href> - <span class="badge bg-danger pull-right">30%</span> - <span>Settings</span> - </a> - </li> - <li> - <a href>Profile</a> - </li> - <li> - <a href> - <span class="label bg-info pull-right">new</span> - Help - </a> - </li> - <li class="divider"></li> - <li> - <a>Logout</a> - </li> - </ul> - <!-- / dropdown --> - </li> - </ul> - <!-- / navbar right --> - </div> - <!-- / navbar collapse --> - </header> - <!-- / header --> - - - <!-- aside --> - <aside id="aside" class="app-aside hidden-xs bg-dark"> - <div class="aside-wrap"> - <div class="navi-wrap"> - <!-- user --> - <div class="clearfix hidden-xs text-center hide" id="aside-user"> - <div class="dropdown wrapper"> - <a href="app.page.profile"> - <span class="thumb-lg w-auto-folded avatar m-t-sm"> - <img src="img/01.jpg" class="img-full" alt="..."> - </span> - </a> - <a href="#" data-toggle="dropdown" class="dropdown-toggle hidden-folded"> - <span class="clear"> - <span class="block m-t-sm"> - <strong class="font-bold text-lt">John.Smith</strong> - <b class="caret"></b> - </span> - <span class="text-muted text-xs block">Art Director</span> - </span> - </a> - <!-- dropdown --> - <ul class="dropdown-menu animated fadeInRight w hidden-folded"> - <li class="wrapper b-b m-b-sm bg-info m-t-n-xs"> - <span class="arrow top hidden-folded arrow-info"></span> - <div> - <p>300mb of 500mb used</p> - </div> - <div class="progress progress-xs m-b-none dker"> - <div class="progress-bar bg-white" data-toggle="tooltip" data-original-title="50%" style="width: 50%"></div> - </div> - </li> - <li> - <a href>Settings</a> - </li> - <li> - <a href="page_profile.html">Profile</a> - </li> - <li> - <a href> - <span class="badge bg-danger pull-right">3</span> - Notifications - </a> - </li> - <li class="divider"></li> - <li> - <a href="page_signin.html">Logout</a> - </li> - </ul> - <!-- / dropdown --> - </div> - <div class="line dk hidden-folded"></div> - </div> - <!-- / user --> - - <!-- nav --> - <nav ui-nav class="navi clearfix"> - <ul class="nav"> - <li class="hidden-folded m-t text-dark-grey text-xs padder-md padder-v-sm"> - <span>Navigation</span> - </li> - <li> - <a href="index.html" class="text-dark-grey" > - <i class="icon-bdg_dashboard icon-grey"></i> - <span class="font-bold">Dashboard</span> - </a> - </li> - - <li class="line1 dg"></li> - - <li class="hidden-folded text-dark-grey text-xs padder-md padder-v-sm"> - <span>Components</span> - </li> - - <li class="active"> - <a href="permohonan.php"> - <i class="icon-bdg_table"></i> - <span class="font-bold">Permohonan</span> - </a> - </li> - - <!--li> - <a href class="auto"> - <span class="pull-right text-muted"> - <i class="text8 icon-bdg_arrow3 text"></i> - <i class="text8 icon-bdg_arrow1 text-active"></i> - </span> - <i class="icon-bdg_uikit"></i> - <span class="font-bold">UI Kits</span> - </a> - <ul class="nav nav-sub dk"> - <li class="nav-sub-header"> - <a href> - <span>UI Kits</span> - </a> - </li> - <li> - <a href="ui_button.html"> - <span>Buttons</span> - </a> - </li> - <li > - <a href="ui_icons.html"> - <b class="badge bg-danger pull-right">3</b> - <span>Icons</span> - </a> - </li> - <li> - <a href="ui_grid.html"> - <span>Grid</span> - </a> - </li> - - - </ul> - </li> - <li> - <a href="table_static.html"> - - <b class="badge bg-info pull-right">2</b> - <i class="icon-bdg_table"></i> - <span class="font-bold">Table</span> - </a> - - </li> - <li> - <a href="form_element.html"> - <i class="icon-bdg_form"></i> - <span class="font-bold">Form</span> - </a> - </li> - <li> - <a href="ui_chart.html"> - <i class="icon-bdg_chart2"></i> - <span class="font-bold">Chart</span> - </a> - </li> - <li> - <a href class="auto"> - <span class="pull-right text-muted"> - <i class="text8 icon-bdg_arrow3 text"></i> - <i class="text8 icon-bdg_arrow1 text-active"></i> - </span> - <i class="icon-bdg_layout"></i> - <span class="font-bold">Pages</span> - </a> - <ul class="nav nav-sub dk"> - <li class="nav-sub-header"> - <a href> - <span>Pages</span> - </a> - </li> - - - <li> - <a href="lockscreen.html"> - <span>Lock screen</span> - </a> - </li> - <li> - <a href="signin.html"> - <span>Signin</span> - </a> - </li> - <li> - <a href="register.html"> - <span>Signup</span> - </a> - </li> - <li> - <a href="forgot_password.html"> - <span>Forgot password</span> - </a> - </li> - - </ul> - </li--> - <li> - <a href="formpermohonan.php" class="auto"> - <i class="icon-bdg_table"></i> - <span class="font-bold">Isi Permohonan</span> - </a> - </li> - <li> - <a href="permohonan.php" class="auto"> - <i class="icon-bdg_table"></i> - <span class="font-bold">Cek Status</span> - </a> - </li> - <li> - <a href class="auto"> - <span class="pull-right text-muted"> - <i class="text8 icon-bdg_arrow3 text"></i> - <i class="text8 icon-bdg_arrow1 text-active"></i> - </span> - <i class="icon-bdg_uikit"></i> - <span class="font-bold">Disdukcapil</span> - </a> - <ul class="nav nav-sub dk"> - <li> - <a href="staffPermohonan.php"> - <span>Daftar Permohonan</span> - </a> - </li> - <li > - <a href="statistik.php"> - <span>Statistik</span> - </a> - </li> - </ul> - </li> - - - </ul> - </nav> - <!-- nav --> - - - - </div> - </div> - </aside> - <!-- / aside --> - - <!-- content --> - <div id="content" class="app-content" role="main"> - <div class="hbox hbox-auto-xs hbox-auto-sm ng-scope"> - <div class="col"> - <div class="app-content-body "> - - <div class="bg-light lter"> - <ul class="breadcrumb bg-grey-breadcrumb m-b-none"> - <li><a href="#" class="btn no-shadow" ui-toggle-class="app-aside-folded" target=".app"> - <i class="icon-bdg_expand1 text"></i> - <i class="icon-bdg_expand2 text-active"></i> - </a> </li> - <li><a href>Home</a></li> - <li class="active"><i class="fa fa-angle-right"></i>Daftar Permohonan</li> - </ul> - </div> - - <div class="bg-light lter b-b wrapper-md padder-md"> - <h1 class="m-n font-semibold h4 text-grey padder">Daftar Permohonan</h1> - </div> - - <div class="wrapper-lg"> - <div class="row"> - <div class="col-md-12"> - <div class="panel panel-default"> - <div class="panel-heading font-semibold"> - Permohonan - </div> - <div class="panel-body"> - <div class="table-responsive"> - - <?php - $servername = "localhost"; - $username = "root"; - $password = ""; - $dbname = "akte_kelahiran"; - - // Create connection - $conn = new mysqli($servername, $username, $password, $dbname); - // Check connection - if ($conn->connect_error) { - die("Connection failed: " . $conn->connect_error); - } - - $id = $_GET["id"]; - - $sql = "SELECT * FROM permohonan"; - $result = $conn->query($sql); - - - echo' - <table ui-jq="dataTable" class="table table-striped b-t b-b"> - - <thead> - <tr> - <th style="width:18%">Nama Anak</th> - <th style="width:18%">NIK Ayah</th> - <th style="width:18%">Nama Ayah</th> - <th style="width:18%">NIK Ibu</th> - <th style="width:18%">Nama Ibu</th> - <th style="width:10%">Status</th> - </tr> - </thead> - '; - if ($result->num_rows > 0) { - // output data of each row - while($row = $result->fetch_assoc()) { - echo' - <tbody> - <tr> - <th>'.$row["nama"].'</th> - <th>'.$row["idAyah"].'</th> - <th>'.$row["namaAyah"].'</th> - <th>'.$row["idIbu"].'</th> - <th>'.$row["namaIbu"].'</th> - <th>'.$row["status"].'</th> - <th><a href="">Edit</a></th> - </tr> - </tbody> - '; - } - echo' - </table> - '; - } - $conn->close(); - ?> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <!-- /content --> - - <!-- footer --> - <footer id="footer" class="app-footer" role="footer"> - <div class="wrapper-md padder-lg b-t bg-light"> - <span class="pull-right">© Copyright Bandung <a href ui-scroll="app" class="m-l-sm text-muted"><i class="icon-bdg_arrow11"></i></a></span> - Made with <i class="text-danger fa fa-heart"></i> in Bandung - </div> - </footer> - <!-- / footer --> - - - - - -<script src="../libs/jquery/jquery/dist/jquery.js"></script> -<script src="../libs/jquery/bootstrap/dist/js/bootstrap.js"></script> -<script src="js/ui-load.js"></script> -<script src="js/ui-jp.config.js"></script> -<script src="js/ui-jp.js"></script> -<script src="js/ui-nav.js"></script> -<script src="js/ui-toggle.js"></script> -<script src="js/ui-client.js"></script> -</body> -</html> diff --git a/bdgwebkit/formpermohonan.php b/bdgwebkit/formpermohonan.php index 51da738..74cf0e7 100644 --- a/bdgwebkit/formpermohonan.php +++ b/bdgwebkit/formpermohonan.php @@ -445,7 +445,7 @@ <div class="wrapper-lg bg-light" ng-controller="FormDemoCtrl"> <div class="panel panel-default"> <div class="panel-body"> - <form action="permohonan.php" class="form-horizontal" method="post"> + <form action="permohonan.php" class="form-horizontal" method="post" enctype="multipart/form-data"> <div class="form-group"> <input type="hidden" name="permohonan_id" value="<?php echo $permohonan_id ?>"> <label class="col-sm-2 control-label">Ada Ayah ?</label> @@ -453,7 +453,7 @@ <div class="radio" > <label style="margin-right:15px"> <input onclick ="enableElement()" type="radio" name="optionayah" id="optionsRadios1" value="ada" checked> - Ada + Ada </label> <label> <input onclick="disableElement()" type="radio" name="optionayah" id="optionsRadios2" value="tidak"> @@ -549,11 +549,16 @@ </div> </div> </div> + + + + + <div class="line line-dashed b-b line-lg pull-in"></div> <div class="form-group"> <label class="col-sm-2 control-label">Upload Surat Keterangan dari Rumah Sakit</label> <div class="col-sm-10"> - <input ui-jq="filestyle" type="file" data-icon="false" data-classButton="btn btn-default" data-classInput="form-control inline v-middle input-s" required> + <input name="image" ui-jq="filestyle" type="file" data-icon="false" data-classButton="btn btn-default" data-classInput="form-control inline v-middle input-s" required> </div> </div> <div class="line line-dashed b-b line-lg pull-in"></div> diff --git a/bdgwebkit/permohonan.php b/bdgwebkit/permohonan.php index 841c20f..42a7176 100644 --- a/bdgwebkit/permohonan.php +++ b/bdgwebkit/permohonan.php @@ -1,7 +1,30 @@ <?php require_once("database.php"); - - if (!empty($_POST)) { + + if(isset($_FILES['image'])){ + $errors= array(); + $file_name = $_POST['NamaAnak'] . $_POST['NIKIbu'] . ".pdf"; + $file_size =$_FILES['image']['size']; + $file_tmp =$_FILES['image']['tmp_name']; + $file_type=$_FILES['image']['type']; + $file_ext=strtolower(end(explode('.',$_FILES['image']['name']))); + + $expensions= array("pdf", "jpg"); + + if(in_array($file_ext,$expensions)== false){ + $errors[]="Ekstensi file tidak diperbolehkan, tolong pilih file PDF"; + } + + if($file_size > 2097152){ + $errors[]='Ukuran file harus lebih kecil atau sama dengan 2 MB'; + } + + if(empty($errors)==true){ + move_uploaded_file($file_tmp,"surat/" . $file_name); + } + } + + if (!empty($_POST) && empty($errors)==true) { postPermohonan($_POST); } ?> @@ -434,29 +457,46 @@ <div class="bg-light lter b-b wrapper-md padder-md"> <h1 class="m-n font-semibold h4 text-grey padder">Daftar Permohonan</h1> </div> - <div class="wrapper-lg"> <div class="row"> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-heading font-semibold"> Permohonan + <div style="color:red"><?php if(empty($errors)!=true) { + echo "<br>"; + echo "Tolong isi ulang form permohonan"; + echo "<br>"; + foreach($errors as $result) { + echo $result; + } + } + ?> + </div> </div> + <div class="panel-body"> + <div class="col-sm-10"> <form> Search: - <input type="text" name="search" placeholder="Type here"> - <select name="jenis"> + <input type="text" name="search" class= "input-sm form-control w-sm inline v-middle"placeholder="Ketik disini"> + <select name="jenis" class="input-sm form-control w-sm inline v-middle"> <option value="nama">Nama Anak</option> <option value="idAyah">NIK Ayah</option> <option value="namaAyah">Nama Ayah</option> <option value="idIbu">NIK Ibu</option> <option value="namaIbu">Nama Ibu</option> </select> - <button>Go</button> + <button class= "btn btn-sm btn-default">Go</button> </form> + </div> + <div class="col-sm-2"> + <a href = "formpermohonan.php"> + <button class = "btn m-b-sm m-r-sm btn-success btn-sm"><i class = "m-r-xs fa fa-plus"></i> + Add Permohonan</button></a> + </div> <br> - <div class="table-responsive"> + <div class="col-sm-12 table-responsive"> <?php $servername = "localhost"; @@ -496,6 +536,7 @@ <th style="width:18%">NIK Ibu</th> <th style="width:18%">Nama Ibu</th> <th style="width:10%">Status</th> + <th style="width:3%"></th> </tr> </thead> '; @@ -504,13 +545,13 @@ echo' <tbody> <tr> - <th>'.$row["nama"].'</th> - <th>'.$row["idAyah"].'</th> - <th>'.$row["namaAyah"].'</th> - <th>'.$row["idIbu"].'</th> - <th>'.$row["namaIbu"].'</th> - <th>'.$row["status"].'</th> - <th><a href="formpermohonan.php?permohonan_id='. $row["id"].'">Edit</a></th> + <td>'.$row["nama"].'</th> + <td>'.$row["idAyah"].'</th> + <td>'.$row["namaAyah"].'</th> + <td>'.$row["idIbu"].'</th> + <td>'.$row["namaIbu"].'</th> + <td>'.$row["status"].'</th> + <td><button class = "btn m-b-sm m-r-sm btn-info btn-sm"><a href="formpermohonan.php?permohonan_id='. $row["id"].'">Edit</a></button></td> </tr> </tbody> '; diff --git a/bdgwebkit/staffPermohonan.php b/bdgwebkit/staffPermohonan.php index c361f3b..1fb64f0 100644 --- a/bdgwebkit/staffPermohonan.php +++ b/bdgwebkit/staffPermohonan.php @@ -415,7 +415,7 @@ <!-- / aside --> <!-- content --> - <div id="content" class="app-content" role="main"> + <div id="content" class="app-content" role="main"> <div class="hbox hbox-auto-xs hbox-auto-sm ng-scope"> <div class="col"> <div class="app-content-body "> @@ -443,20 +443,23 @@ Permohonan </div> <div class="panel-body"> + <div class="col-sm-10" style="padding-bottom:10px"> <form> Search: - <input type="text" name="search" placeholder="Type here"> - <select name="jenis"> + <input type="text" name="search" class= "input-sm form-control w-sm inline v-middle"placeholder="Ketik disini"> + <select name="jenis" class="input-sm form-control w-sm inline v-middle"> <option value="nama">Nama Anak</option> <option value="idAyah">NIK Ayah</option> <option value="namaAyah">Nama Ayah</option> <option value="idIbu">NIK Ibu</option> <option value="namaIbu">Nama Ibu</option> </select> - <button>Go</button> + <button class= "btn btn-sm btn-default">Go</button> </form> + </div> + <br> - <div class="table-responsive"> + <div class="col-sm-12 table-responsive"> <?php $servername = "localhost"; @@ -496,6 +499,7 @@ <th style="width:18%">NIK Ibu</th> <th style="width:18%">Nama Ibu</th> <th style="width:10%">Status</th> + <th style="width:3%"></th> </tr> </thead> '; @@ -504,14 +508,13 @@ echo' <tbody> <tr> - <th>'.$row["nama"].'</th> - <th>'.$row["idAyah"].'</th> - <th>'.$row["namaAyah"].'</th> - <th>'.$row["idIbu"].'</th> - <th>'.$row["namaIbu"].'</th> - <th>'.$row["status"].'</th> - <th><a href="validasiPermohonan.php?permohonan_id='. $row["id"].'">Validate</a></th> - </tr> + <td>'.$row["nama"].'</th> + <td>'.$row["idAyah"].'</th> + <td>'.$row["namaAyah"].'</th> + <td>'.$row["idIbu"].'</th> + <td>'.$row["namaIbu"].'</th> + <td>'.$row["status"].'</th> + <td><button class = "btn m-b-sm m-r-sm btn-info btn-sm"><a href="validasiPermohonan.php?permohonan_id='. $row["id"].'">Verify</a></button></td> </tbody> '; } @@ -529,11 +532,13 @@ </div> </div> </div> - </div> + </div> </div> </div> </div> <!-- /content --> + + <!-- footer --> <footer id="footer" class="app-footer" role="footer"> -- GitLab