emprit

home

Mar 7th, 2013
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.23 KB | None | 0 0
  1. <?php
  2. session_start();
  3.     if($_SESSION['id_user'] == NULL){header('location:../index.html');}
  4.     include "../koneksi.php";
  5.  
  6.     //data biodata diri
  7.     $query = mysql_query("SELECT * FROM pegawai WHERE kode_peg='$_SESSION[kode_peg]'")or die(mysql_error());
  8.     $data  = mysql_fetch_array($query);
  9.  
  10.     //data user
  11.     $queryy = mysql_query("SELECT * FROM user") or die(mysql_error());
  12.  
  13. ?>
  14. <!DOCTYPE html>
  15. <head>
  16.     <meta charset="utf-8">
  17.     <title>Sistem Pengarsipan</title>
  18.             <!-- Bootstrap -->
  19.         <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  20.         <link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen">
  21.         <link href="css/bootstrap.min.js" rel="stylesheet" media="screen">
  22.  
  23.         <link rel="stylesheet" type="text/css" href="css/all.css" />
  24.  
  25.     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  26.     <script type="text/javascript" src="js/kirim.js"></script>
  27.     <!-- upload -->
  28.     <style>
  29.       .thumb {
  30.         height: 75px;
  31.         border: 1px solid #000;
  32.         margin: 10px 5px 0 0;
  33.       }
  34.     </style>
  35.  
  36.     <script>
  37.       function handleFileSelect(evt) {
  38.         var files = evt.target.files; // FileList object
  39.  
  40.         // Loop through the FileList and render image files as thumbnails.
  41.         for (var i = 0, f; f = files[i]; i++) {
  42.  
  43.           // Only process image files.
  44.           if (!f.type.match('image.*')) {
  45.             continue;
  46.           }
  47.  
  48.           var reader = new FileReader();
  49.  
  50.           // Closure to capture the file information.
  51.           reader.onload = (function(theFile) {
  52.             return function(e) {
  53.               // Render thumbnail.
  54.               var span = document.createElement('span');
  55.               span.innerHTML = ['<img class="thumb" src="', e.target.result,
  56.                                 '" title="', escape(theFile.name), '"/>'].join('');
  57.               document.getElementById('list').insertBefore(span, null);
  58.             };
  59.           })(f);
  60.  
  61.           // Read in the image file as a data URL.
  62.           reader.readAsDataURL(f);
  63.         }
  64.       }
  65.  
  66.       document.getElementById('files').addEventListener('change', handleFileSelect, false);
  67.     </script>
  68.  
  69.     <script type="text/javascript">
  70.     //load
  71.     var ajax_load = "<img class='loading' src='images/load.gif' alt='loading...' />";
  72.     var loadUrl = "kirim_masuk.php";
  73.     $("#post").click(function(){
  74.         $("#tab-3").html("<center>"+ajax_load+"</center>");
  75.         $.post(
  76.             loadUrl,
  77.             {language: "php", version: 5},
  78.             function(responseText){
  79.                 $("#tab-3").html(responseText);
  80.             },
  81.             "html"
  82.         );
  83.     });
  84.  
  85.     //tanggal
  86.     $(function() {
  87.         $(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});
  88.     });
  89.     </script>
  90.  
  91.     <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="js/jquery-1.7.2.min.js"><\/script>');</script>
  92.     <script type="text/javascript" src="js/jquery.main.js"></script>
  93.     <!-- <script type="text/javascript" src="js/upload.js"></script> -->
  94.     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  95.     <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  96.     <!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="css/ie.css" /><![endif]-->
  97. </head>
  98. <body>
  99.     <div id="wrapper">
  100.         <div id="content">
  101.             <div class="c1">
  102.                 <div class="controls">
  103.                     <nav class="links">
  104.                        
  105.                     </nav>
  106.                     <div class="profile-box">
  107.                         <span class="profile">
  108.                             <a href="#" class="section">
  109.                                 <img class="image" src="images/img1.png" alt="image description" width="26" height="26" />
  110.                                 <span class="text-box">
  111.                                     Welcome
  112.                                     <strong class="name"><?php echo $_SESSION['username'];?></strong>
  113.                                 </span>
  114.                             </a>
  115.                         </span>
  116.                         <a href="logout.php" class="btn-on">On</a>
  117.                     </div>
  118.                 </div>
  119.                 <div class="tabs">
  120.                     <div id="tab-1" class="tab">
  121.                         <article>
  122.                             <div class="text-section">
  123.                                 <h1>Dashboard</h1>
  124.                                 <p>This is a quick overview of some features</p>
  125.                             </div>
  126.                             <ul class="states">
  127.                                 <li class="error">Error : This is an error placed text message.</li>
  128.                                 <li class="warning">Warning: This is a warning placed text message.</li>
  129.                                 <li class="succes">Succes : This is a succes placed text message.</li>
  130.                             </ul>
  131.                         </article>
  132.                     </div>
  133.                    
  134.                     <div id="tab-3" class="tab">
  135.                         <article>
  136.                             <div class="text-section">
  137.                                 <h1>Input Surat Masuk</h1>
  138.                                 <p>Silahkan Input Data Surat Masuk di Form ini.</p>
  139.                             </div>
  140.  
  141.                             <div id='contact_form'>
  142.                             <form class="form-horizontal" method="POST" action="" id="form" enctype='multipart/form-data'>
  143.                                     <div class="control-group">
  144.                                         <label class="control-label" for="inputEmail">Nomer Surat</label> &nbsp;&nbsp;&nbsp;
  145.                                         <input type="text" placeholder="Nomer Surat" name="no">
  146.                                     </div>     
  147.                                     <div class="control-group">
  148.                                         <label class="control-label" for="inputPassword">Tanggal Masuk</label> &nbsp;&nbsp;&nbsp;
  149.                                         <input type="text" class="datepicker" placeholder="Tanggal" name="tanggal">
  150.                                     </div>
  151.                                     <div class="control-group">
  152.                                         <label class="control-label" for="inputEmail">Perihal</label> &nbsp;&nbsp;&nbsp;
  153.                                         <input type="text" placeholder="Perihal" name="perihal">
  154.                                     </div>
  155.                                     <div class="control-group">
  156.                                         <label class="control-label" for="inputPassword">Tujuan</label> &nbsp;&nbsp;&nbsp;
  157.                                         <input type="text" placeholder="Tujuan" name="tujuan">
  158.                                     </div>
  159.                                     <div class="control-group">
  160.                                         <label class="control-label" for="inputPassword">Scan Surat</label> &nbsp;&nbsp;&nbsp;
  161.                                             <div style="position:relative;">
  162.                                                 <a class='btn' href='javascript:;'>
  163.                                                 Choose File...
  164.                                                 <input type="file" style='position:absolute;z-index:2;top:0;left:0;
  165.                                                         filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  166.                                                         opacity:0;background-color:transparent;color:transparent;' name="file_source"
  167.                                                         size="40" onchange='$("#upload-file-info").html($(this).val());'>
  168.                                                 </a>
  169.                                                 &nbsp;
  170.                                                 <span class='label label-info' id="upload-file-info"></span>
  171.                                             </div>
  172.                                     </div>
  173.                                     <div class="control-group">
  174.                                         <label class="control-label" for="inputPassword"></label>
  175.                                             <button type="submit" class="btn btn-primary" id="post">Input Data</button>
  176.                                             <button type="button" class="btn">Cancel</button>
  177.                                     </div>
  178.                                 </form>
  179.                             </div>
  180.                         </article>
  181.                     </div>
  182.  
  183.                     <div id="tab-4" class="tab">
  184.                         <article>
  185.                             <div class="text-section">
  186.                                 <h1>Input Surat Keluar</h1>
  187.                                 <p>Silahkan Input Data Surat Keluar di Form ini.</p>
  188.                             </div>
  189.                             <form class="form-horizontal" method="POST" enctype='multipart/form-data' action="kirim_keluar.php">
  190.                                     <div class="control-group">
  191.                                         <label class="control-label" for="inputEmail">Nomer Surat</label> &nbsp;&nbsp;&nbsp;
  192.                                         <input type="text" placeholder="Nomer Surat" name="no">
  193.                                     </div>     
  194.                                     <div class="control-group">
  195.                                         <label class="control-label" for="inputPassword">Tanggal Masuk</label> &nbsp;&nbsp;&nbsp;
  196.                                         <input type="text" class="datepicker" placeholder="Tanggal" name="tanggal">
  197.                                     </div>
  198.                                     <div class="control-group">
  199.                                         <label class="control-label" for="inputEmail">Perihal</label> &nbsp;&nbsp;&nbsp;
  200.                                         <input type="text" placeholder="Perihal" name="perihal">
  201.                                     </div>
  202.                                     <div class="control-group">
  203.                                         <label class="control-label" for="inputPassword">Tujuan</label> &nbsp;&nbsp;&nbsp;
  204.                                         <input type="text" placeholder="Tujuan" name="tujuan">
  205.                                     </div>
  206.                                     <div class="control-group">
  207.                                         <label class="control-label" for="inputPassword">Scan Surat</label> &nbsp;&nbsp;&nbsp;
  208.                                         <input type="file" name="files">
  209.                                     </div>
  210.                                     <div class="control-group">
  211.                                         <label class="control-label" for="inputPassword"></label>
  212.                                             <button type="submit" class="btn btn-primary">Input Data</button>
  213.                                             <button type="button" class="btn">Cancel</button>
  214.                                     </div>
  215.                                 </form>
  216.                         </article>
  217.                     </div>
  218.  
  219.                     <div id="tab-5" class="tab">
  220.                         <article>
  221.                             <div class="text-section">
  222.                                 <h1>Laporan Surat Bulanan</h1>
  223.                                 <p>Disini Fiture untuk cetak laporan surat masuk maupun keluar dalam satu bulan.</p>
  224.                             </div>
  225.                             <form class="form-horizontal" method="POST" action="surat_masuk.php">
  226.  
  227.                                     <div class="control-group">
  228.                                         <label class="control-label" for="inputEmail">Jenis Surat</label> &nbsp;&nbsp;&nbsp;
  229.                                         <select name="type">
  230.                                             <option value="0">-- Jenis Surat --</option>
  231.                                             <option value="masuk">Surat Masuk</option>
  232.                                             <option value="keluar">Surat Keluar</option>
  233.                                         </select>
  234.                                     </div> 
  235.  
  236.                                     <div class="control-group">
  237.                                         <label class="control-label" for="inputEmail">Bulan</label> &nbsp;&nbsp;&nbsp;
  238.                                         <select name="type">
  239.                                             <option value="0">-- Pilih Bulan --</option>
  240.                                             <option value="01">Januari</option>
  241.                                             <option value="02">Februari</option>
  242.                                             <option value="03">Maret</option>
  243.                                             <option value="04">April</option>
  244.                                             <option value="05">Mei</option>
  245.                                             <option value="06">Juni</option>
  246.                                             <option value="07">Juli</option>
  247.                                             <option value="08">Agustus</option>
  248.                                             <option value="09">September</option>
  249.                                             <option value="10">Oktober</option>
  250.                                             <option value="11">November</option>
  251.                                             <option value="12">Desember</option>
  252.                                         </select>
  253.                                     </div>
  254.                                    
  255.                                     <div class="control-group">
  256.                                         <label class="control-label" for="inputPassword"></label>
  257.                                         <button type="submit" class="btn btn-primary">Cetak Data</button>
  258.                                     </div>
  259.                             </form>
  260.                         </article>
  261.                     </div>
  262.                    
  263.                     <div id="tab-7" class="tab">
  264.                         <article>
  265.                             <div class="text-section">
  266.                                 <h1>User</h1>
  267.                                 <p>Daftar User</p>
  268.                             </div>
  269.                             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  270.                             <button type="submit" class="btn btn-primary">Input Data</button>
  271.                             <table class="table table-striped" width="50px">
  272.                                 <thead>
  273.                                 <tr>
  274.                                     <th>No.</th>
  275.                                     <th>Kode Pegawai</th>
  276.                                     <th>Nama</th>
  277.                                     <th>Username</th>
  278.                                     <th>Jabatan</th>
  279.                                     <th>Alamat</th>
  280.                                     <th>Status</th>
  281.                                 </tr>
  282.                                 </thead>   
  283.                                 <tbody>
  284.                                     <?php
  285.                                         $no=1;
  286.                                         while($user=mysql_fetch_array($queryy)){
  287.                                             $a = mysql_query("SELECT * FROM pegawai WHERE kode_peg='$user[kode_peg]'");
  288.                                             $e = mysql_fetch_array($a);
  289.  
  290.                                             if ($user['status']=='0') {
  291.                                                 $status = 'Active';
  292.                                             }else{
  293.                                                 $status = 'Non Active';
  294.                                             }
  295.                                     ?>
  296.                                         <tr>
  297.                                             <td><?php echo $no;?></td>
  298.                                             <td><?php echo $user['kode_peg'];?></td>
  299.                                             <td><?php echo $e['nama'];?></td>
  300.                                             <td><?php echo $user['username'];?></td>
  301.                                             <td><?php echo $e['jabatan'];?></td>
  302.                                             <td><?php echo $e['alamat'];?></td>
  303.                                             <td><?php echo "Active";?></td>
  304.                                         </tr>
  305.                                     <?php
  306.                                         $no++;
  307.                                         }
  308.                                     ?>
  309.                                 </tbody>
  310.                             </table>
  311.                         </article>
  312.                     </div>
  313.  
  314.                     <div id="tab-8" class="tab">
  315.                         <article>
  316.                             <div class="text-section">
  317.                                 <h1>Edit Biodata Diri</h1>
  318.                                 <p>Halaman ini untuk mengedit biodata diri anda.</p>
  319.                             </div>
  320.                            
  321.                             <form class="form-horizontal" method="POST" action="keluar.php">
  322.                                     <div class="control-group">
  323.                                         <label class="control-label" for="inputEmail">Kode Pegawai</label> &nbsp;&nbsp;&nbsp;
  324.                                         <input type="text" placeholder="Nomer Surat" name="no" value="<?php echo $data['kode_peg'];?>">
  325.                                     </div>     
  326.                                     <div class="control-group">
  327.                                         <label class="control-label" for="inputEmail">Nama</label> &nbsp;&nbsp;&nbsp;
  328.                                         <input type="text" placeholder="Perihal" name="perihal" value="<?php echo $data['nama'];?>">
  329.                                     </div>
  330.                                     <div class="control-group">
  331.                                         <label class="control-label" for="inputPassword">Alamat</label> &nbsp;&nbsp;&nbsp;
  332.                                         <textarea name="tujuan" row="3"><?php echo $data['alamat'];?></textarea>
  333.                                     </div>
  334.                                     <div class="control-group">
  335.                                         <label class="control-label">Tanggal SK Kepegawaian</label> &nbsp;&nbsp;&nbsp;
  336.                                         <input type="text" class="datepicker" placeholder="Tanggal" name="tanggal_sk" value="<?php echo $data['tgl_masuk'];?>">
  337.                                     </div>
  338.                                     <div class="control-group">
  339.                                         <label class="control-label" for="inputPassword"></label>
  340.                                         <button type="submit" class="btn btn-primary">Update Data</button>
  341.                                     </div>
  342.                             </form>
  343.                         </article>
  344.                     </div>
  345.                 </div>
  346.             </div>
  347.         </div>
  348.         <aside id="sidebar">
  349.             <strong class="logo"><a href="#">Re</a></strong>
  350.             <ul class="tabset buttons">
  351.                 <li class="active">
  352.                     <a href="#tab-1" class="ico1"><span>Dashboard</span><em></em></a>
  353.                     <span class="tooltipi"><span>Dashboard</span></span>
  354.                 </li>
  355.                
  356.                 <li>
  357.                     <a href="#tab-3" class="ico3"><span>Input Surat Masuk</span><em></em></a>
  358.                     <span class="tooltipi"><span>Surat Masuk</span></span>
  359.                 </li>
  360.                 <li>
  361.                     <a href="#tab-4" class="ico4"><span>Input Surat Keluar</span><em></em></a>
  362.                     <span class="tooltipi"><span>Surat Keluar</span></span>
  363.                 </li>
  364.                 <li>
  365.                     <a href="#tab-5" class="ico5"><span>Laporan Arsip</span><em></em></a>
  366.                     <span class="tooltipi"><span>Laporan</span></span>
  367.                 </li>
  368.                
  369.                 <li>
  370.                     <a href="#tab-7" class="ico7"><span>Tambah User</span><em></em></a>
  371.                     <span class="tooltipi"><span>User</span></span>
  372.                 </li>
  373.                
  374.                 <li>
  375.                     <a href="#tab-8" class="ico8"><span>Edit Profile</span><em></em></a>
  376.                     <span class="tooltipi"><span>Profile</span></span>
  377.                 </li>
  378.             </ul>
  379.             <span class="shadow"></span>
  380.         </aside>
  381.     </div>
  382. </body>
  383. </html>
Advertisement
Add Comment
Please, Sign In to add comment