Names: Gakuru James Reg: 2011453 Topic: Library Management System Advanced Web Programming Project Index - HTML

Names: Gakuru James
Reg: 2011453
Topic: LIBRARY MANAGEMENT SYSTEM
Advanced web programming project
Index.html
<!DOCTYPE html>
<?php
session_start();
if(ISSET($_SESSION['admin_id'])){
header('location:home.php');
?>
<html lang = "eng">
<head>
<title>Library System</title>
<meta charset = "utf-8" />
<meta name = "viewport" content = "width=device-width, initial-scale=1" />
<link rel = "stylesheet" type = "text/css" href = "css/bootstrap.css" />

</head>
<body style = "background-color:#d3d3d3;">
<nav class = "navbar navbar-default navbar-fixed-top">
<div class = "container-fluid">
<div class = "navbar-header">
<img src = "images/logo.png" width = "50px" height = "50px" />
<h4 class = "navbar-text navbar-right">Library System</h4>
</div>
</div>
</nav>
<div class = "container-fluid" style = "margin-top:70px;">
<div class = "col-lg-3 well">
<br />
<br />
<h4>Login Here..</h4>
<hr style = "border:1px solid #d3d3d3; width:100%;" />
<form enctype = "multipart/form-data" id="frm-login">
<div id = "username_warning" class = "form-group">
<label class = "control-label">Username:</label>
<input type = "text" class = "form-control" id =

"username"/>
</div>
<div id = "password_warning" class = "form-group">
<label class = "control-label">Password:</label>
<input type = "password" class = "form-control" id =

"password"/>
</div>
<br />
<div class = "form-group">

<button type = "submit" id = "login" class = "btn btn-
primary btn-block"><span class = "glyphicon glyphicon-save"></span> Login</button>
</div>
</form>
<div id = "result"></div>
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div class = "col-lg-1"></div>
<div class = "col-lg-8 well">
<img src = "images/back.jpg" height = "449px" width = "100%" />
</div>
</div>
<nav class = "navbar navbar-default navbar-fixed-bottom">
<label class = "navbar-text pull-right">Library System © All rights

reserved 2016</label>
</div>
</nav>
</body>
<script src = "js/jquery.js"></script>
<script src = "js/bootstrap.js"></script>
<script src = "js/login.js"></script>
</html>
Admin.php
<!DOCTYPE html>
<?php
require_once 'valid.php';
?>
<html lang = "eng">
<head>
<link rel = "stylesheet" type = "text/css" href = "css/jquery.dataTables.css" />
</head>
</div>
</div>
</nav>
<div class = "col-lg-2 well" style = "margin-top:60px;">
<div class = "container-fluid" style = "word-wrap:break-word;">
<img src = "images/user.png" width = "50px" height = "50px"/>
<br />
<br />
<label class = "text-muted"><?php require'account.php'; echo

$name;?></label>
</div>
<hr style = "border:1px dotted #d3d3d3;"/>
<ul id = "menu" class = "nav menu">
<li><a style = "font-size:18px; border-bottom:1px solid

#d3d3d3;" href = "home.php"><i class = "glyphicon glyphicon-home"></i> Home</a></li>

#d3d3d3;" href = ""><i class = "glyphicon glyphicon-tasks"></i> Accounts</a>
<ul style = "list-style-type:none;">
<li><a href = "admin.php" style = "font-

size:15px;"><i class = "glyphicon glyphicon-user"></i> Admin</a></li>
<li><a href = "student.php" style = "font-

size:15px;"><i class = "glyphicon glyphicon-user"></i> Student</a></li>
</ul>
</li>

#d3d3d3;" href = "book.php"><i class = "glyphicon glyphicon-book"></i> Books</a></li>

#d3d3d3;" href = ""><i class = "glyphicon glyphicon-th"></i> Transaction</a>
<li><a href = "borrowing.php" style = "font-

size:15px;"><i class = "glyphicon glyphicon-random"></i> Borrowing</a></li>
<li><a href = "returning.php" style = "font-

size:15px;"><i class = "glyphicon glyphicon-random"></i> Returning</a></li>
</ul>
</li>

#d3d3d3;" href = ""><i class = "glyphicon glyphicon-cog"></i> Settings</a>
<li><a style = "font-size:15px;" href =

"logout.php"><i class = "glyphicon glyphicon-log-out"></i> Logout</a></li>
</ul>
</li>
</ul>
</div>
<div class = "alert alert-info">Accounts / Admin</div>
<button id = "add_admin" type = "button" class = "btn btn-

primary"><span class = "glyphicon glyphicon-plus"></span> Add new</button>
<button id = "show_admin" type = "button" style =

"display:none;" class = "btn btn-success"><span class = "glyphicon glyphicon-circle-arrow-left"></span>
Back</button>
<br />
<br />
<div id = "admin_table">
<table id = "table" class = "table table-bordered">
<thead class = "alert-success">
<tr>
<th>Username</th>
<th>Password</th>
<th>Firstname</th>
<th>Middlename</th>
<th>Lastname</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$q_admin = $conn->query("SELECT *
FROM `admin`") or die(mysqli_error());
while($f_admin = $q_admin-
>fetch_array()){
?>
<tr class = "target">
<td><?php echo
$f_admin['username']?></td>
<td><?php echo
md5($f_admin['password'])?></td>
<td><?php echo
$f_admin['firstname']?></td>
<td><?php echo
$f_admin['middlename']?></td>
<td><?php echo
$f_admin['lastname']?></td>
<td><a href = "#" class = "btn

btn-danger deladmin_id" value = "<?php echo $f_admin['admin_id']?>"><span class = "glyphicon
glyphicon-remove"></span> Delete</a> <a href = "#" class = "btn btn-warning eadmin_id" value = "<?
php echo $f_admin['admin_id']?>"><span class = "glyphicon glyphicon-edit"></span> Edit</a></td>
</tr>
<?php
?>
</tbody>
</table>
</div>
<div id = "edit_form"></div>
<div id = "admin_form" style = "display:none;">
<div class = "col-lg-6">
<form method = "POST" action =

"save_admin_query.php" enctype = "multipart/form-data">
<label>Username:</label>
<input type = "text" required =

"required" name = "username" class = "form-control" />
</div>
<label>Password:</label>
<input type = "password"

maxlength = "12" name = "password" required = "required" class = "form-control" />
</div>
<label>Firstname:</label>
<input type = "text" name =

"firstname" required = "required" class = "form-control" />
</div>
<label>Middlename:</label>

"middlename" placeholder = "(Optional)" class = "form-control" />
</div>
<label>Lastname:</label>
<input type = "text" required =

"required" name = "lastname" class = "form-control" />
</div>
<button class = "btn btn-

primary" name = "save_admin"><span class = "glyphicon glyphicon-save"></span> Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<br />
<br />
<br />

</div>
</nav>
</body>
<script src = "js/sidebar.js"></script>
<script src = "js/jquery.dataTables.js"></script>
<script type = "text/javascript">
$(document).ready(function(){
$('#table').DataTable();
});
</script>
$('#add_admin').click(function(){
$(this).hide();
$('#show_admin').show();
$('#admin_table').slideUp();
$('#admin_form').slideDown();
$('#show_admin').click(function(){
$(this).hide();
$('#add_admin').show();
$('#admin_table').slideDown();
$('#admin_form').slideUp();
});
});
});
</script>
$result = $('<center><label>Deleting...</label></center>');
$('.deladmin_id').click(function(){
$admin_id = $(this).attr('value');
$(this).parents('td').empty().append($result);
$('.deladmin_id').attr('disabled', 'disabled');
$('.eadmin_id').attr('disabled', 'disabled');
setTimeout(function(){
window.location = 'delete_admin.php?admin_id=' + $admin_id;
}, 1000);
});
$('.eadmin_id').click(function(){
$admin_id = $(this).attr('value');
$('#show_admin').show();
$('#show_admin').click(function(){
$(this).hide();
$('#edit_form').empty();
$('#admin_table').show();
$('#add_admin').show();
});
$('#admin_table').fadeOut();
$('#add_admin').hide();
$('#edit_form').load('load_admin.php?admin_id=' + $admin_id);
});
});
</script>
</html>
Book.php
<!DOCTYPE html>
<?php
require_once 'valid.php';
?>
<html lang = "eng">
<head>
<link rel = "stylesheet" type = "text/css" href = "css/jquery.dataTables.css" />
</head>
</div>
</div>
</nav>
<div class = "container-fluid" style = "word-wrap:break-word;">
<img src = "images/user.png" width = "50px" height = "50px"/>
<br />
<br />
<label class = "text-muted"><?php require'account.php'; echo

$name;?></label>
</div>
<hr style = "border:1px dotted #d3d3d3;"/>
<ul id = "menu" class = "nav menu">

#d3d3d3;" href = "home.php"><i class = "glyphicon glyphicon-home"></i> Home</a></li>

#d3d3d3;" href = ""><i class = "glyphicon glyphicon-tasks"></i> Accounts</a>
<li><a href = "admin.php" style = "font-

size:15px;"><i class = "glyphicon glyphicon-user"></i> Admin</a></li>
<li><a href = "student.php" style = "font-

size:15px;"><i class = "glyphicon glyphicon-user"></i> Student</a></li>
</ul>
</li>

#d3d3d3;" href = "book.php"><i class = "glyphicon glyphicon-book"></i> Books</a></li>

#d3d3d3;" href = ""><i class = "glyphicon glyphicon-th"></i> Transaction</a>
<li><a href = "borrowing.php" style = "font-

size:15px;"><i class = "glyphicon glyphicon-random"></i> Borrowing</a></li>
<li><a href = "returning.php" style = "font-

size:15px;"><i class = "glyphicon glyphicon-random"></i> Returning</a></li>
</ul>
</li>

#d3d3d3;" href = ""><i class = "glyphicon glyphicon-cog"></i> Settings</a>
<li><a style = "font-size:15px;" href =

"logout.php"><i class = "glyphicon glyphicon-log-out"></i> Logout</a></li>
</ul>
</li>
</ul>
</div>
<div class = "alert alert-info">Book</div>
<button id = "add_book" type = "button" class = "btn btn-

primary"><span class = "glyphicon glyphicon-plus"></span> Add new</button>
<button id = "show_book" type = "button" style =

"display:none;" class = "btn btn-success"><span class = "glyphicon glyphicon-circle-arrow-left"></span>
Back</button>
<br />
<br />
<div id = "book_table">
<table id = "table" class = "table table-bordered">
<thead class = "alert-success">
<tr>
<th>Book Title</th>
<th>Category</th>
<th>Author</th>
<th>Date Published</th>
<th>Available</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$qbook = $conn-
>query("SELECT * FROM `book`") or die(mysqli_error());
while($fbook = $qbook-
>fetch_array()){
?>
<tr>
<td><?php echo
$fbook['book_title']?></td>
<td><?php echo
$fbook['book_category']?></td>
<td><?php echo
$fbook['book_author']?></td>
<td><?php echo date("m-d-Y",

strtotime($fbook['date_publish']))?></td>
<td><?php echo $fbook['qty']?

></td>
<td><a class = "btn btn-danger

delbook_id" value = "<?php echo $fbook['book_id']?>"><span class = "glyphicon glyphicon-
remove"></span> Delete</a> <a value = "<?php echo $fbook['book_id']?>" class = "btn btn-warning
ebook_id"><span class = "glyphicon glyphicon-edit"></span> Edit</a></td>
</tr>
<?php
?>
</tbody>
</table>
</div>
<div id = "edit_form"></div>
<div id = "book_form" style = "display:none;">
<div class = "col-lg-6">
<form method = "POST" action =

"save_book_query.php" enctype = "multipart/form-data">
<label>Book Title:</label>
"book_title" required = "required" class = "form-control" />
</div>
<label>Book
Description:</label>

"book_desc" class = "form-control" />
</div>
<label>Book Category:</label>

"book_category" class = "form-control" required = "required"/>
</div>
<label>Book Author:</label>

"book_author" class = "form-control" required = "required" />
</div>
<label>Date Published:</label>
<input type = "date" name =

"date_publish" required = "required" class = "form-control" />
</div>
<label>Quantity:</label>
<input type = "number" min =

"0" name = "qty" required = "required" class = "form-control" />
</div>
<button name = "save_book"

class = "btn btn-primary"><span class = "glyphicon glyphicon-save"></span> Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<br />
<br />
<br />

</div>
</nav>
</body>
<script src = "js/sidebar.js"></script>
<script src = "js/jquery.dataTables.js"></script>
$('#table').DataTable();
});
</script>
$('#add_book').click(function(){
$(this).hide();
$('#show_book').show();
$('#book_table').slideUp();
$('#book_form').slideDown();
$('#show_book').click(function(){
$(this).hide();
$('#add_book').show();
$('#book_table').slideDown();
$('#book_form').slideUp();
});
});
});
</script>
$result = $('<center><label>Deleting...</label></center>');
$('.delbook_id').click(function(){
$book_id = $(this).attr('value');
$(this).parents('td').empty().append($result);
$('.delbook_id').attr('disabled', 'disabled');
$('.ebook_id').attr('disabled', 'disabled');
setTimeout(function(){
window.location = 'delete_book.php?book_id=' + $book_id;
}, 1000);
});
$('.ebook_id').click(function(){
$book_id = $(this).attr('value');
$('#show_book').show();
$('#show_book').click(function(){
$(this).hide();
$('#edit_form').empty();
$('#book_table').show();
$('#book_admin').show();
});
$('#book_table').fadeOut();
$('#add_book').hide();
$('#edit_form').load('load_book.php?book_id=' + $book_id);
});
});
</script>
</html>

Names: Gakuru James Reg: 2011453 Topic: Library Management System Advanced Web Programming Project Index - HTML

Uploaded by

Copyright:

Available Formats

Names: Gakuru James Reg: 2011453 Topic: Library Management System Advanced Web Programming Project Index - HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Names: Gakuru James Reg: 2011453 Topic: Library Management System Advanced Web Programming Project Index - HTML

Uploaded by

Copyright:

Available Formats

Names: Gakuru James

Topic: LIBRARY MANAGEMENT SYSTEM

Advanced web programming project

<html lang = "eng">

<meta charset = "utf-8" />

<meta name = "viewport" content = "width=device-width, initial-scale=1" />

<link rel = "stylesheet" type = "text/css" href = "css/bootstrap.css" />

<body style = "background-color:#d3d3d3;">

<nav class = "navbar navbar-default navbar-fixed-top">

<div class = "container-fluid">

<div class = "navbar-header">

<img src = "images/logo.png" width = "50px" height = "50px" />

<h4 class = "navbar-text navbar-right">Library System</h4>

<div class = "container-fluid" style = "margin-top:70px;">

<div class = "col-lg-3 well">

<hr style = "border:1px solid #d3d3d3; width:100%;" />

<form enctype = "multipart/form-data" id="frm-login">

<div id = "username_warning" class = "form-group">

<label class = "control-label">Username:</label>

<input type = "text" class = "form-control" id =

<div id = "password_warning" class = "form-group">

<label class = "control-label">Password:</label>

<input type = "password" class = "form-control" id =

<div class = "form-group">

<div class = "col-lg-1"></div>

<div class = "col-lg-8 well">

<img src = "images/back.jpg" height = "449px" width = "100%" />

<nav class = "navbar navbar-default navbar-fixed-bottom">

<div class = "container-fluid">

<label class = "navbar-text pull-right">Library System &copy; All rights

<script src = "js/jquery.js"></script>

<script src = "js/bootstrap.js"></script>

<script src = "js/login.js"></script>

<html lang = "eng">

<meta charset = "utf-8" />

<meta name = "viewport" content = "width=device-width, initial-scale=1" />

<link rel = "stylesheet" type = "text/css" href = "css/bootstrap.css" />

<link rel = "stylesheet" type = "text/css" href = "css/jquery.dataTables.css" />

<body style = "background-color:#d3d3d3;">

<nav class = "navbar navbar-default navbar-fixed-top">

<div class = "container-fluid">

<div class = "navbar-header">

<img src = "images/logo.png" width = "50px" height = "50px" />

<h4 class = "navbar-text navbar-right">Library System</h4>

<div class = "container-fluid">

<div class = "col-lg-2 well" style = "margin-top:60px;">

<div class = "container-fluid" style = "word-wrap:break-word;">

<img src = "images/user.png" width = "50px" height = "50px"/>

<label class = "text-muted"><?php require'account.php'; echo

<hr style = "border:1px dotted #d3d3d3;"/>

<ul id = "menu" class = "nav menu">

<li><a style = "font-size:18px; border-bottom:1px solid

<li><a style = "font-size:18px; border-bottom:1px solid

<ul style = "list-style-type:none;">

<li><a href = "admin.php" style = "font-

<li><a href = "student.php" style = "font-

<li><a style = "font-size:18px; border-bottom:1px solid

<li><a style = "font-size:18px; border-bottom:1px solid

<ul style = "list-style-type:none;">

<label class = "navbar-text pull-right">Library System © All rights

<label class = "navbar-text pull-right">Library System © All rights