Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php
- session_start();
- if($_SESSION['id_user'] == NULL){header('location:../index.html');}
- include "../koneksi.php";
- //data biodata diri
- $query = mysql_query("SELECT * FROM pegawai WHERE kode_peg='$_SESSION[kode_peg]'")or die(mysql_error());
- $data = mysql_fetch_array($query);
- //data user
- $queryy = mysql_query("SELECT * FROM user") or die(mysql_error());
- ?>
- <!DOCTYPE html>
- <head>
- <meta charset="utf-8">
- <title>Sistem Pengarsipan</title>
- <!-- Bootstrap -->
- <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
- <link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen">
- <link href="css/bootstrap.min.js" rel="stylesheet" media="screen">
- <link rel="stylesheet" type="text/css" href="css/all.css" />
- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script type="text/javascript" src="js/kirim.js"></script>
- <!-- upload -->
- <style>
- .thumb {
- height: 75px;
- border: 1px solid #000;
- margin: 10px 5px 0 0;
- }
- </style>
- <script>
- function handleFileSelect(evt) {
- var files = evt.target.files; // FileList object
- // Loop through the FileList and render image files as thumbnails.
- for (var i = 0, f; f = files[i]; i++) {
- // Only process image files.
- if (!f.type.match('image.*')) {
- continue;
- }
- var reader = new FileReader();
- // Closure to capture the file information.
- reader.onload = (function(theFile) {
- return function(e) {
- // Render thumbnail.
- var span = document.createElement('span');
- span.innerHTML = ['<img class="thumb" src="', e.target.result,
- '" title="', escape(theFile.name), '"/>'].join('');
- document.getElementById('list').insertBefore(span, null);
- };
- })(f);
- // Read in the image file as a data URL.
- reader.readAsDataURL(f);
- }
- }
- document.getElementById('files').addEventListener('change', handleFileSelect, false);
- </script>
- <script type="text/javascript">
- //load
- var ajax_load = "<img class='loading' src='images/load.gif' alt='loading...' />";
- var loadUrl = "kirim_masuk.php";
- $("#post").click(function(){
- $("#tab-3").html("<center>"+ajax_load+"</center>");
- $.post(
- loadUrl,
- {language: "php", version: 5},
- function(responseText){
- $("#tab-3").html(responseText);
- },
- "html"
- );
- });
- //tanggal
- $(function() {
- $(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});
- });
- </script>
- <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="js/jquery-1.7.2.min.js"><\/script>');</script>
- <script type="text/javascript" src="js/jquery.main.js"></script>
- <!-- <script type="text/javascript" src="js/upload.js"></script> -->
- <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
- <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
- <!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="css/ie.css" /><![endif]-->
- </head>
- <body>
- <div id="wrapper">
- <div id="content">
- <div class="c1">
- <div class="controls">
- <nav class="links">
- </nav>
- <div class="profile-box">
- <span class="profile">
- <a href="#" class="section">
- <img class="image" src="images/img1.png" alt="image description" width="26" height="26" />
- <span class="text-box">
- Welcome
- <strong class="name"><?php echo $_SESSION['username'];?></strong>
- </span>
- </a>
- </span>
- <a href="logout.php" class="btn-on">On</a>
- </div>
- </div>
- <div class="tabs">
- <div id="tab-1" class="tab">
- <article>
- <div class="text-section">
- <h1>Dashboard</h1>
- <p>This is a quick overview of some features</p>
- </div>
- <ul class="states">
- <li class="error">Error : This is an error placed text message.</li>
- <li class="warning">Warning: This is a warning placed text message.</li>
- <li class="succes">Succes : This is a succes placed text message.</li>
- </ul>
- </article>
- </div>
- <div id="tab-3" class="tab">
- <article>
- <div class="text-section">
- <h1>Input Surat Masuk</h1>
- <p>Silahkan Input Data Surat Masuk di Form ini.</p>
- </div>
- <div id='contact_form'>
- <form class="form-horizontal" method="POST" action="" id="form" enctype='multipart/form-data'>
- <div class="control-group">
- <label class="control-label" for="inputEmail">Nomer Surat</label>
- <input type="text" placeholder="Nomer Surat" name="no">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputPassword">Tanggal Masuk</label>
- <input type="text" class="datepicker" placeholder="Tanggal" name="tanggal">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputEmail">Perihal</label>
- <input type="text" placeholder="Perihal" name="perihal">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputPassword">Tujuan</label>
- <input type="text" placeholder="Tujuan" name="tujuan">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputPassword">Scan Surat</label>
- <div style="position:relative;">
- <a class='btn' href='javascript:;'>
- Choose File...
- <input type="file" style='position:absolute;z-index:2;top:0;left:0;
- filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
- opacity:0;background-color:transparent;color:transparent;' name="file_source"
- size="40" onchange='$("#upload-file-info").html($(this).val());'>
- </a>
-
- <span class='label label-info' id="upload-file-info"></span>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="inputPassword"></label>
- <button type="submit" class="btn btn-primary" id="post">Input Data</button>
- <button type="button" class="btn">Cancel</button>
- </div>
- </form>
- </div>
- </article>
- </div>
- <div id="tab-4" class="tab">
- <article>
- <div class="text-section">
- <h1>Input Surat Keluar</h1>
- <p>Silahkan Input Data Surat Keluar di Form ini.</p>
- </div>
- <form class="form-horizontal" method="POST" enctype='multipart/form-data' action="kirim_keluar.php">
- <div class="control-group">
- <label class="control-label" for="inputEmail">Nomer Surat</label>
- <input type="text" placeholder="Nomer Surat" name="no">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputPassword">Tanggal Masuk</label>
- <input type="text" class="datepicker" placeholder="Tanggal" name="tanggal">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputEmail">Perihal</label>
- <input type="text" placeholder="Perihal" name="perihal">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputPassword">Tujuan</label>
- <input type="text" placeholder="Tujuan" name="tujuan">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputPassword">Scan Surat</label>
- <input type="file" name="files">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputPassword"></label>
- <button type="submit" class="btn btn-primary">Input Data</button>
- <button type="button" class="btn">Cancel</button>
- </div>
- </form>
- </article>
- </div>
- <div id="tab-5" class="tab">
- <article>
- <div class="text-section">
- <h1>Laporan Surat Bulanan</h1>
- <p>Disini Fiture untuk cetak laporan surat masuk maupun keluar dalam satu bulan.</p>
- </div>
- <form class="form-horizontal" method="POST" action="surat_masuk.php">
- <div class="control-group">
- <label class="control-label" for="inputEmail">Jenis Surat</label>
- <select name="type">
- <option value="0">-- Jenis Surat --</option>
- <option value="masuk">Surat Masuk</option>
- <option value="keluar">Surat Keluar</option>
- </select>
- </div>
- <div class="control-group">
- <label class="control-label" for="inputEmail">Bulan</label>
- <select name="type">
- <option value="0">-- Pilih Bulan --</option>
- <option value="01">Januari</option>
- <option value="02">Februari</option>
- <option value="03">Maret</option>
- <option value="04">April</option>
- <option value="05">Mei</option>
- <option value="06">Juni</option>
- <option value="07">Juli</option>
- <option value="08">Agustus</option>
- <option value="09">September</option>
- <option value="10">Oktober</option>
- <option value="11">November</option>
- <option value="12">Desember</option>
- </select>
- </div>
- <div class="control-group">
- <label class="control-label" for="inputPassword"></label>
- <button type="submit" class="btn btn-primary">Cetak Data</button>
- </div>
- </form>
- </article>
- </div>
- <div id="tab-7" class="tab">
- <article>
- <div class="text-section">
- <h1>User</h1>
- <p>Daftar User</p>
- </div>
-
- <button type="submit" class="btn btn-primary">Input Data</button>
- <table class="table table-striped" width="50px">
- <thead>
- <tr>
- <th>No.</th>
- <th>Kode Pegawai</th>
- <th>Nama</th>
- <th>Username</th>
- <th>Jabatan</th>
- <th>Alamat</th>
- <th>Status</th>
- </tr>
- </thead>
- <tbody>
- <?php
- $no=1;
- while($user=mysql_fetch_array($queryy)){
- $a = mysql_query("SELECT * FROM pegawai WHERE kode_peg='$user[kode_peg]'");
- $e = mysql_fetch_array($a);
- if ($user['status']=='0') {
- $status = 'Active';
- }else{
- $status = 'Non Active';
- }
- ?>
- <tr>
- <td><?php echo $no;?></td>
- <td><?php echo $user['kode_peg'];?></td>
- <td><?php echo $e['nama'];?></td>
- <td><?php echo $user['username'];?></td>
- <td><?php echo $e['jabatan'];?></td>
- <td><?php echo $e['alamat'];?></td>
- <td><?php echo "Active";?></td>
- </tr>
- <?php
- $no++;
- }
- ?>
- </tbody>
- </table>
- </article>
- </div>
- <div id="tab-8" class="tab">
- <article>
- <div class="text-section">
- <h1>Edit Biodata Diri</h1>
- <p>Halaman ini untuk mengedit biodata diri anda.</p>
- </div>
- <form class="form-horizontal" method="POST" action="keluar.php">
- <div class="control-group">
- <label class="control-label" for="inputEmail">Kode Pegawai</label>
- <input type="text" placeholder="Nomer Surat" name="no" value="<?php echo $data['kode_peg'];?>">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputEmail">Nama</label>
- <input type="text" placeholder="Perihal" name="perihal" value="<?php echo $data['nama'];?>">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputPassword">Alamat</label>
- <textarea name="tujuan" row="3"><?php echo $data['alamat'];?></textarea>
- </div>
- <div class="control-group">
- <label class="control-label">Tanggal SK Kepegawaian</label>
- <input type="text" class="datepicker" placeholder="Tanggal" name="tanggal_sk" value="<?php echo $data['tgl_masuk'];?>">
- </div>
- <div class="control-group">
- <label class="control-label" for="inputPassword"></label>
- <button type="submit" class="btn btn-primary">Update Data</button>
- </div>
- </form>
- </article>
- </div>
- </div>
- </div>
- </div>
- <aside id="sidebar">
- <strong class="logo"><a href="#">Re</a></strong>
- <ul class="tabset buttons">
- <li class="active">
- <a href="#tab-1" class="ico1"><span>Dashboard</span><em></em></a>
- <span class="tooltipi"><span>Dashboard</span></span>
- </li>
- <li>
- <a href="#tab-3" class="ico3"><span>Input Surat Masuk</span><em></em></a>
- <span class="tooltipi"><span>Surat Masuk</span></span>
- </li>
- <li>
- <a href="#tab-4" class="ico4"><span>Input Surat Keluar</span><em></em></a>
- <span class="tooltipi"><span>Surat Keluar</span></span>
- </li>
- <li>
- <a href="#tab-5" class="ico5"><span>Laporan Arsip</span><em></em></a>
- <span class="tooltipi"><span>Laporan</span></span>
- </li>
- <li>
- <a href="#tab-7" class="ico7"><span>Tambah User</span><em></em></a>
- <span class="tooltipi"><span>User</span></span>
- </li>
- <li>
- <a href="#tab-8" class="ico8"><span>Edit Profile</span><em></em></a>
- <span class="tooltipi"><span>Profile</span></span>
- </li>
- </ul>
- <span class="shadow"></span>
- </aside>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment