Skip to content

H
HIMATIF_WEB
Commit 9836f851 by Layla Hafni Ainun Hutasuhut
Options

index

parent cf969e25
Showing with 175 additions and 467 deletions
index.php
<!DOCTYPE html>
<?php
session_start();
//koneksi ke database
$koneksi = new mysqli("localhost","root","","himatif1");
if(!isset($_SESSION['mahasiswa']))
{
echo "<script>alert('anda harus login');</script>";
echo "<script>location='login.php';</script>";
header('location:login.php');
exit();
}
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
......@@ -25,494 +40,187 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Binary admin</a>
<a class="navbar-brand" href="index.html">H I M A T I F</a>
</div>
<div style="color: white;
padding: 15px 50px 5px 50px;
float: right;
font-size: 16px;"> Last access : 30 May 2014 &nbsp; <a href="#" class="btn btn-danger square-btn-adjust">Logout</a> </div>
font-size: 16px;"><?php echo $_SESSION['mahasiswa']['nama']; ?> &nbsp<a href="index.php?halaman=logout" class="btn btn-danger square-btn-adjust">Logout</a> </div>
</nav>
<!-- /. NAV TOP -->
<nav class="navbar-default navbar-side" role="navigation">
<div class="sidebar-collapse">
<ul class="nav" id="main-menu">
<li class="text-center">
<img src="assets/img/find_user.png" class="user-image img-responsive"/>
<img src="assets/img/himatif.png" class="user-image img-responsive"/>
</li>
<li>
<a class="active-menu" href="index.html"><i class="fa fa-dashboard fa-3x"></i> Dashboard</a>
</li>
<li>
<a href="ui.html"><i class="fa fa-desktop fa-3x"></i> UI Elements</a>
</li>
<li>
<a href="tab-panel.html"><i class="fa fa-qrcode fa-3x"></i> Tabs & Panels</a>
</li>
<li >
<a href="chart.html"><i class="fa fa-bar-chart-o fa-3x"></i> Morris Charts</a>
</li>
<li >
<a href="table.html"><i class="fa fa-table fa-3x"></i> Table Examples</a>
</li>
<li >
<a href="form.html"><i class="fa fa-edit fa-3x"></i> Forms </a>
</li>
<li>
<a href="#"><i class="fa fa-sitemap fa-3x"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link<span class="fa arrow"></span></a>
<ul class="nav nav-third-level">
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
<li><a href="index.php"><i class="glyphicon glyphicon-home fa-2x"></i>Home</a></li>
<li><a href="index.php?halaman=kegiatan"><i class="fa fa-rocket fa-2x"></i> Kegiatan</a></li>
<li><a href="index.php?halaman=dash_kuisioner"><i class="glyphicon glyphicon-list-alt fa-2x"></i> Kuisioner</a></li>
<li><a href="index.php?halaman=uangkas"><i class="glyphicon glyphicon-usd fa-2x"></i> Uang Kas</a></li>
<li><a href="index.php?halaman=pengumuman"><i class="glyphicon glyphicon-paperclip fa-2x"></i>Pengumuman</a></li>
<li><a href="index.php?halaman=periode"><i class="glyphicon glyphicon-stats fa-2x"></i> Periode</a></li>
<li><a href="index.php?halaman=mahasiswa"><i class="glyphicon glyphicon-user fa-2x"></i>Mahasiswa</a></li>
</ul>
</li>
</ul>
</li>
<li >
<a href="blank.html"><i class="fa fa-square-o fa-3x"></i> Blank Page</a>
</li>
</ul>
</div>
</nav>
<!-- /. NAV SIDE -->
<div id="page-wrapper" >
<div id="page-inner">
<div class="row">
<div class="col-md-12">
<h2>Admin Dashboard</h2>
<h5>Welcome Jhon Deo , Love to see you back. </h5>
</div>
</div>
<!-- /. ROW -->
<hr />
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="panel panel-back noti-box">
<span class="icon-box bg-color-red set-icon">
<i class="fa fa-envelope-o"></i>
</span>
<div class="text-box" >
<p class="main-text">120 New</p>
<p class="text-muted">Messages</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="panel panel-back noti-box">
<span class="icon-box bg-color-green set-icon">
<i class="fa fa-bars"></i>
</span>
<div class="text-box" >
<p class="main-text">30 Tasks</p>
<p class="text-muted">Remaining</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="panel panel-back noti-box">
<span class="icon-box bg-color-blue set-icon">
<i class="fa fa-bell-o"></i>
</span>
<div class="text-box" >
<p class="main-text">240 New</p>
<p class="text-muted">Notifications</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="panel panel-back noti-box">
<span class="icon-box bg-color-brown set-icon">
<i class="fa fa-rocket"></i>
</span>
<div class="text-box" >
<p class="main-text">3 Orders</p>
<p class="text-muted">Pending</p>
</div>
</div>
</div>
</div>
<!-- /. ROW -->
<hr />
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="panel panel-back noti-box">
<span class="icon-box bg-color-blue">
<i class="fa fa-warning"></i>
</span>
<div class="text-box" >
<p class="main-text">52 Important Issues to Fix </p>
<p class="text-muted">Please fix these issues to work smooth</p>
<p class="text-muted">Time Left: 30 mins</p>
<hr />
<p class="text-muted">
<span class="text-muted color-bottom-txt"><i class="fa fa-edit"></i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit gthn.
Lorem ipsum dolor sit amet, consectetur adipiscing elit gthn.
</span>
</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-12 col-xs-12">
<div class="panel back-dash">
<i class="fa fa-dashboard fa-3x"></i><strong> &nbsp; SPEED</strong>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing sit ametsit amet elit ftr. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>
</div>
<div class="col-md-3 col-sm-12 col-xs-12 ">
<div class="panel ">
<div class="main-temp-back">
<div class="panel-body">
<div class="row">
<div class="col-xs-6"> <i class="fa fa-cloud fa-3x"></i> Newyork City </div>
<div class="col-xs-6">
<div class="text-temp"> 10° </div>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-back noti-box">
<span class="icon-box bg-color-green set-icon">
<i class="fa fa-desktop"></i>
</span>
<div class="text-box" >
<p class="main-text">Display</p>
<p class="text-muted">Looking Good</p>
</div>
</div>
</div>
</div>
<!-- /. ROW -->
<div class="row">
<div class="col-md-9 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
Bar Chart Example
</div>
<div class="panel-body">
<div id="morris-bar-chart"></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-12 col-xs-12">
<div class="panel panel-primary text-center no-boder bg-color-green">
<div class="panel-body">
<i class="fa fa-bar-chart-o fa-5x"></i>
<h3>120 GB </h3>
</div>
<div class="panel-footer back-footer-green">
Disk Space Available
</div>
</div>
<div class="panel panel-primary text-center no-boder bg-color-red">
<div class="panel-body">
<i class="fa fa-edit fa-5x"></i>
<h3>20,000 </h3>
</div>
<div class="panel-footer back-footer-red">
Articles Pending
</div>
</div>
</div>
</div>
<!-- /. ROW -->
<div class="row" >
<div class="col-md-3 col-sm-12 col-xs-12">
<div class="panel panel-primary text-center no-boder bg-color-green">
<div class="panel-body">
<i class="fa fa-comments-o fa-5x"></i>
<h4>200 New Comments </h4>
<h4>See All Comments </h4>
</div>
<div class="panel-footer back-footer-green">
<i class="fa fa-rocket fa-5x"></i>
Lorem ipsum dolor sit amet sit sit, consectetur adipiscing elitsit sit gthn ipsum dolor sit amet ipsum dolor sit amet
</div>
</div>
</div>
<div class="col-md-9 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
Responsive Table Example
</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
<th>User No.</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td>100090</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
<td>100090</td>
</tr>
<tr>
<td>3</td>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
<td>100090</td>
</tr>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td>100090</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
<td>100090</td>
</tr>
<tr>
<td>3</td>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
<td>100090</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- /. ROW -->
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="chat-panel panel panel-default chat-boder chat-panel-head" >
<div class="panel-heading">
<i class="fa fa-comments fa-fw"></i>
Chat Box
<div class="btn-group pull-right">
<button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-chevron-down"></i>
</button>
<ul class="dropdown-menu slidedown">
<li>
<a href="#">
<i class="fa fa-refresh fa-fw"></i>Refresh
</a>
</li>
<li>
<a href="#">
<i class="fa fa-check-circle fa-fw"></i>Available
</a>
</li>
<li>
<a href="#">
<i class="fa fa-times fa-fw"></i>Busy
</a>
</li>
<li>
<a href="#">
<i class="fa fa-clock-o fa-fw"></i>Away
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<i class="fa fa-sign-out fa-fw"></i>Sign Out
</a>
</li>
</ul>
</div>
</div>
<div class="panel-body">
<ul class="chat-box">
<li class="left clearfix">
<span class="chat-img pull-left">
<img src="assets/img/1.png" alt="User" class="img-circle" />
</span>
<div class="chat-body">
<strong >Jack Sparrow</strong>
<small class="pull-right text-muted">
<i class="fa fa-clock-o fa-fw"></i>12 mins ago
</small>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales.
</p>
</div>
</li>
<li class="right clearfix">
<span class="chat-img pull-right">
<img src="assets/img/2.png" alt="User" class="img-circle" />
</span>
<div class="chat-body clearfix">
<small class=" text-muted">
<i class="fa fa-clock-o fa-fw"></i>13 mins ago</small>
<strong class="pull-right">Jhonson Deed</strong>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales.
</p>
</div>
</li>
<li class="left clearfix">
<span class="chat-img pull-left">
<img src="assets/img/3.png" alt="User" class="img-circle" />
</span>
<div class="chat-body clearfix">
<strong >Jack Sparrow</strong>
<small class="pull-right text-muted">
<i class="fa fa-clock-o fa-fw"></i>14 mins ago</small>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales.
</p>
</div>
</li>
<li class="right clearfix">
<span class="chat-img pull-right">
<img src="assets/img/4.png" alt="User" class="img-circle" />
</span>
<div class="chat-body clearfix">
<small class=" text-muted">
<i class="fa fa-clock-o fa-fw"></i>15 mins ago</small>
<strong class="pull-right">Jhonson Deed</strong>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales.
</p>
</div>
</li>
<li class="left clearfix">
<span class="chat-img pull-left">
<img src="assets/img/1.png" alt="User" class="img-circle" />
</span>
<div class="chat-body">
<strong >Jack Sparrow</strong>
<small class="pull-right text-muted">
<i class="fa fa-clock-o fa-fw"></i>12 mins ago
</small>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales.
</p>
</div>
</li>
<li class="right clearfix">
<span class="chat-img pull-right">
<img src="assets/img/2.png" alt="User" class="img-circle" />
</span>
<div class="chat-body clearfix">
<small class=" text-muted">
<i class="fa fa-clock-o fa-fw"></i>13 mins ago</small>
<strong class="pull-right">Jhonson Deed</strong>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales.
</p>
</div>
</li>
</ul>
</div>
<div class="panel-footer">
<div class="input-group">
<input id="btn-input" type="text" class="form-control input-sm" placeholder="Type your message to send..." />
<span class="input-group-btn">
<button class="btn btn-warning btn-sm" id="btn-chat">
Send
</button>
</span>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
Label Examples
</div>
<div class="panel-body">
<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
Donut Chart Example
</div>
<div class="panel-body">
<div id="morris-donut-chart"></div>
</div>
</div>
</div>
</div>
<!-- /. ROW -->
<?php
if (isset($_GET['halaman']))
{
if ($_GET['halaman']=="kegiatan")
{
include 'kegiatan.php';
}
elseif ($_GET['halaman']=="kuisioner")
{
include 'kuisioner.php';
}
elseif ($_GET['halaman']=="uangkas")
{
include 'uangkas.php';
}
elseif ($_GET['halaman']=="tambahkegiatan")
{
include 'tambahkegiatan.php';
}
elseif ($_GET['halaman']=="pengumuman")
{
include 'pengumuman.php';
}
elseif ($_GET['halaman']=="hapuspengumuman")
{
include 'hapuspengumuman.php';
}
elseif ($_GET['halaman']=="ubahpengumuman")
{
include 'ubahpengumuman.php';
}
elseif ($_GET['halaman']=="tambahpengumuman")
{
include 'tambahpengumuman.php';
}
elseif ($_GET['halaman']=="hapuskegiatan")
{
include 'hapuskegiatan.php';
}
elseif ($_GET['halaman']=="ubahkegiatan")
{
include 'ubahkegiatan.php';
}
elseif ($_GET['halaman']=="viewkegiatan")
{
include 'viewkegiatan.php';
}
elseif ($_GET['halaman']=="hapuskuisioner")
{
include 'hapuskuisioner.php';
}
elseif ($_GET['halaman']=="tambahkuisioner")
{
include 'tambahkuisioner.php';
}
elseif ($_GET['halaman']=="ubahkuisioner")
{
include 'ubahkuisioner.php';
}
elseif ($_GET['halaman']=="logout")
{
include 'logout.php';
}
elseif ($_GET['halaman']=="periode")
{
include 'periode.php';
}
elseif ($_GET['halaman']=="mahasiswa")
{
include 'mahasiswa.php';
}
elseif ($_GET['halaman']=="ubahperiode")
{
include 'ubahperiode.php';
}
elseif ($_GET['halaman']=="hapusperiode")
{
include 'hapusperiode.php';
}
elseif ($_GET['halaman']=="tambahperiode")
{
include 'tambahperiode.php';
}
elseif ($_GET['halaman']=="tambahmahasiswa")
{
include 'tambahmahasiswa.php';
}
elseif ($_GET['halaman']=="ubahmahasiswa")
{
include 'ubahmahasiswa.php';
}
elseif ($_GET['halaman']=="viewmahasiswa")
{
include 'viewmahasiswa.php';
}
elseif ($_GET['halaman']=="hapusmahasiswa")
{
include 'hapusmahasiswa.php';
}
elseif ($_GET['halaman']=="detailkuisioner")
{
include 'detailkuisioner.php';
}
elseif ($_GET['halaman']=="dash_kuisioner")
{
include 'dash_kuisioner.php';
}
elseif ($_GET['halaman']=="hapusuangkas")
{
include 'hapusuangkas.php';
}
elseif ($_GET['halaman']=="ubahuangkas")
{
include 'ubahuangkas.php';
}
elseif ($_GET['halaman']=="tambahuangkas")
{
include 'tambahuangkas.php';
}
elseif ($_GET['halaman']=="pencarian")
{
include 'pencarian.php';
}
elseif ($_GET['halaman']=="detailuang")
{
include 'detailuang.php';
}
elseif ($_GET['halaman']=="carikegiatan")
{
include 'carikegiatan.php';
}
elseif ($_GET['halaman']=="viewpengumuman")
{
include 'viewpengumuman.php';
}
elseif ($_GET['halaman']=="viewPeriode")
{
include 'viewPeriode.php';
}
}
else
{
// include 'home.php';
}
?>
</div>
<!-- /. PAGE INNER -->
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment