kicap/perpustakaan_qrcode
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

project done before

Browse Source
This commit is contained in:
kicap1992
2021-06-23 16:12:19 +08:00
commit 330d859d56
2390 changed files with 678303 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
application/views/home/footer.php Normal file
View File

@ -0,0 +1,43 @@
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-4">
<h2 class="footer-heading mb-4">Link Cepat</h2>
<ul class="list-unstyled">
<li><a href="<?=base_url()?>">Halaman Utama</a></li>
<li><a href="<?=base_url()?>home/login">Login</a></li>
</ul>
</div>
<div class="col-md-4">
<h2 class="footer-heading mb-4">Situs Lainnya</h2>
<ul class="list-unstyled">
<li><a href="#">Website UMPAR</a></li>
<li><a href="#">Logbook</a></li>
<li><a href="#">E-Cash</a></li>
</ul>
</div>
<div class="col-md-4">
<h2 class="footer-heading mb-4">Follow Us</h2>
<a href="#" class="pl-0 pr-3"><span class="icon-facebook"></span></a>
<a href="#" class="pl-3 pr-3"><span class="icon-twitter"></span></a>
<a href="#" class="pl-3 pr-3"><span class="icon-instagram"></span></a>
</div>
</div>
</div>
</div>
<div class="row pt-5 mt-5 text-center">
<div class="col-md-12">
<div class="border-top pt-5">
<p>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | Universitas Muhamaddiyah Parepare <i class="icon-heart" aria-hidden="true"></i> by <a href="#" >Kicap Karan</a>
</p>
</div>
</div>
</div>
</div>
</footer>

17
application/views/home/foto.php Normal file
View File

@ -0,0 +1,17 @@
<div class="site-blocks-cover inner-page-cover overlay" style="background-image: url(<?=base_url()?>assets/images/hero_1.jpg);" data-aos="fade" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row align-items-center justify-content-center text-center">
<div class="col-md-12" data-aos="fade-up" data-aos-delay="400">
<div class="row justify-content-center mb-4">
<div class="col-md-8 text-center">
<h1>Penelusuran Buku Berbasis Online</h1>
<p class="lead mb-5">Perpustakaan Universitas Muhammadiyah Parepare</p>
</div>
</div>
</div>
</div>
</div>
</div>

60
application/views/home/head.php Normal file
View File

@ -0,0 +1,60 @@
<head>
<title>Pencarian Buku - UM Parepare</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700,900" rel="stylesheet">
<link rel="stylesheet" href="<?=base_url()?>assets/fonts/icomoon/style.css">
<link rel="stylesheet" href="<?=base_url()?>assets/css/bootstrap.min.css">
<link rel="stylesheet" href="<?=base_url()?>assets/css/magnific-popup.css">
<link rel="stylesheet" href="<?=base_url()?>assets/css/jquery-ui.css">
<link rel="stylesheet" href="<?=base_url()?>assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="<?=base_url()?>assets/css/owl.theme.default.min.css">
<link rel="stylesheet" href="<?=base_url()?>assets/css/bootstrap-datepicker.css">
<link rel="stylesheet" href="<?=base_url()?>assets/fonts/flaticon/font/flaticon.css">
<link rel="stylesheet" href="<?=base_url()?>assets/css/aos.css">
<link rel="stylesheet" href="<?=base_url()?>assets/css/style.css">
<link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/js/datatables/jquery.dataTables.min.css">
<style>
body {
overflow-y: scroll;
}
.topnav {
overflow: hidden;
background-color: #444;
}
.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #333;
color: black;
}
.topnav a.active {
background-color: #111;
color: white;
}
</style>
<style type="text/css">
.swal-modal .swal-text{
text-align: center
}
</style>
</head>

28
application/views/home/header.php Normal file
View File

@ -0,0 +1,28 @@
<header class="site-navbar py-4 bg-white" role="banner">
<div class="container">
<div class="row align-items-center">
<div class="col-11 col-xl-2">
<h1 class="mb-0 site-logo"><a href="index.html" class="text-black h2 mb-0">UMPAR</a></h1>
</div>
<div class="col-12 col-md-10 d-none d-xl-block">
<nav class="site-navigation position-relative text-right" role="navigation">
<ul class="site-menu js-clone-nav mr-auto d-none d-lg-block">
<li><a href="<?=base_url()?>">Halaman Utama</a></li>
<li><a href="<?=base_url()?>home/kembali">Halaman Pengembalian</a></li>
<li><a href="<?=base_url()?>home/login">Login</a></li>
</ul>
</nav>
</div>
<div class="d-inline-block d-xl-none ml-md-0 mr-auto py-3" style="position: relative; top: 3px;"><a href="#" class="site-menu-toggle js-menu-toggle text-black"><span class="icon-menu h3"></span></a></div>
</div>
</div>
</div>
</header>

204
application/views/home/index.php Normal file
View File

@ -0,0 +1,204 @@
<!DOCTYPE html>
<html lang="en">
<?php $this->load->view('home/head'); ?>
<body>
<div class="site-wrap">
<?php $this->load->view('home/top'); ?>
<?php $this->load->view('home/header'); ?>
<?php $this->load->view('home/foto'); ?>
<section class="site-section">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<div class="topnav">
<a class="active" href="#" id="semua">Semua</a>
<a href="#" id="judul">Judul</a>
<a href="#" id="pengarang">Pengarang</a>
<a href="#" id="kategori">Kategori</a>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row form-group">
<div class="col-md-3"></div>
<div class="col-md-6" id="sini_inputan">
</div>
<div class="col-md-3"></div>
</div>
<div class="row form-group" >
<div class="col-md-12">
<center><button type="button" id="button_cari" class="btn btn-primary btn-md text-white" onclick="cari_buku()">Cari Buku</button></center>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row form-group" id="sini_html">
<table id="table1" class="table table-striped table-bordered" width="100%">
<thead>
<tr>
<th>Judul</th>
<th>Kategori</th>
<th>Pengarang</th>
<th>Tahun Terbit</th>
<th>Peletakan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Judulasdas</td>
<td>Kategoriasdasd</td>
<td>Pengarangasdsa</td>
<td>Tahun Terbitasdsa</td>
<td>Peletakanasdsd</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- sini nanti tabel buku -->
</div>
</div>
</section>
<?php $this->load->view('home/footer'); ?>
</div>
<?php $this->load->view('home/script'); ?>
<!-- <script src="<?=base_url()?>sweet-alert/block/jquery.blockUI.js"></script> -->
<script src="<?=base_url()?>assets/js/datatables/jquery.min.js"></script>
<script src="<?=base_url()?>assets/js/datatables/jquery.dataTables.min.js"></script>
<script type="text/javascript">
$(document).on("click", "#semua", function () {
$("#semua").attr('class','active');
$("#judul").removeAttr('class');
$("#pengarang").removeAttr('class');
$("#kategori").removeAttr('class');
var html = '<input type="text" id="inputannya" class="form-control" placeholder="Masukkan Judul,Pengarang,Kategori Buku">';
$("#sini_inputan").html(html);
$("#button_cari").attr('onclick',"cari_buku('semua')");
});
$(document).on("click", "#judul", function () {
$("#judul").attr('class','active');
$("#semua").removeAttr('class');
$("#pengarang").removeAttr('class');
$("#kategori").removeAttr('class');
$("#sini_inputan").html(null);
});
$(document).on("click", "#pengarang", function () {
$("#pengarang").attr('class','active');
$("#semua").removeAttr('class');
$("#judul").removeAttr('class');
$("#kategori").removeAttr('class');
$("#sini_inputan").html(null);
});
$(document).on("click", "#kategori", function () {
$("#kategori").attr('class','active');
$("#semua").removeAttr('class');
$("#judul").removeAttr('class');
$("#pengarang").removeAttr('class');
$("#sini_inputan").html(null);
});
document.getElementById("semua").click();
function cari_buku(e){
var id,kategori;
if (e == 'semua') {
id = $("#inputannya").val();
kategori = e;
// console.log(kategori);
cari_datanya(id,kategori);
}
}
function cari_datanya(a,b){
$.ajax({
url: "<?=base_url()?>home/cari",
type: 'post',
data: {proses : 'cari', id : a, kategori : b},
// dataType: 'json',
// beforeSend: function(res) {
// $.blockUI({
// message: "<h3>Pesanan Sedang Diproses</h3>",
// css: {
// border: 'none',
// padding: '15px',
// backgroundColor: '#000',
// '-webkit-border-radius': '10px',
// '-moz-border-radius': '10px',
// opacity: .5,
// color: '#fff'
// } });
// },
success: function (response) {
console.log(response);
// $.noConflict();
$("#sini_html").html(response);
// location.reload();
// jQuery.noConflict();
// $.unblockUI();
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
// console.log('gagal');
swal({
// title: "Submit Keperluan ?",
text: "Koneksi Internet Anda Mungkin Hilang Atau Terputus, Halaman Akan Terefresh Kembali",
icon: "warning",
buttons: {
cancel: false,
confirm: true,
},
// dangerMode: true,
})
.then((hehe) =>{
location.reload();
});
}
});
}
</script>
<script>
$(document).ready(function(){
//jQuery.noConflict()
// $.noConflict();
$("#tabel1").DataTable();
})
</script>
<script src="<?=base_url()?>assets/js/main.js"></script>
</body>
</html>

314
application/views/home/index2.php Normal file
View File

@ -0,0 +1,314 @@
<!DOCTYPE html>
<html lang="en">
<?php $this->load->view('home/head'); ?>
<body>
<div class="modal fade" id="sini_modalnya" aria-hidden="true" role="dialog" tabindex="-1">
<div class="modal-dialog" style="width:95%;max-width: 1121px;">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="getCroppedCanvasTitle">Peta Perpustakaan</h4>
</div>
<div class="modal-body row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div id="sini_input_edit"></div>
<div class="form-group" style="overflow-x: scroll; ">
<br><p style="display: none;">asdsad</p>
<center>
<canvas id="c" width="1050" height="950" style="border:1px solid #ccc;pointer-events:none;"></canvas>
<br><p style="display: none;">asdsad</p><br>
<input type="hidden" id="id_rak_buku_edit" name="rak_buku">
</center>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div id="sini_footer" style="display: inline;"></div>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="site-wrap">
<?php $this->load->view('home/top'); ?>
<?php $this->load->view('home/header'); ?>
<?php $this->load->view('home/foto'); ?>
<input type="hidden" id="sini_htmlnya" >
<section class="site-section">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<div class="topnav">
<a class="active" href="#" id="semua">Semua</a>
<a href="#" id="judul">Judul</a>
<a href="#" id="pengarang">Pengarang</a>
<a href="#" id="kategori">Kategori</a>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row form-group">
<div class="col-md-3"></div>
<div class="col-md-6" id="sini_inputan">
</div>
<div class="col-md-3"></div>
</div>
<div class="row form-group" >
<div class="col-md-12">
<center><button type="button" id="button_cari" class="btn btn-primary btn-md text-white" onclick="cari_buku()">Cari Buku</button></center>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-md-12 col-lg-12">
<div class="card-content" style="overflow-x: auto">
<div class="form-horizontal" id="sini_html">
</div>
</div>
</div>
</div>
<!-- sini nanti tabel buku -->
</div>
</div>
</section>
<?php $this->load->view('home/footer'); ?>
</div>
<?php $this->load->view('home/script'); ?>
<script src="<?=base_url()?>sweet-alert/toastr/toastr.min.js"></script>
<link rel="stylesheet" type="text/css" href="<?=base_url()?>sweet-alert/toastr/toastr.min.css">
<script type="text/javascript">
$(document).on("click", "#semua", function () {
$("#semua").attr('class','active');
$("#judul").removeAttr('class');
$("#pengarang").removeAttr('class');
$("#kategori").removeAttr('class');
var html = '<input type="text" id="inputannya" class="form-control" placeholder="Masukkan Judul,Pengarang,Kategori Buku">';
$("#sini_inputan").html(html);
$("#button_cari").attr('onclick',"cari_buku('semua')");
});
$(document).on("click", "#judul", function () {
$("#judul").attr('class','active');
$("#semua").removeAttr('class');
$("#pengarang").removeAttr('class');
$("#kategori").removeAttr('class');
var html = '<input type="text" id="inputannya" class="form-control" placeholder="Masukkan Judul">';
$("#sini_inputan").html(html);
$("#button_cari").attr('onclick',"cari_buku('judul')");
});
$(document).on("click", "#pengarang", function () {
$("#pengarang").attr('class','active');
$("#semua").removeAttr('class');
$("#judul").removeAttr('class');
$("#kategori").removeAttr('class');
var html = '<input type="text" id="inputannya" class="form-control" placeholder="Masukkan Nama Pengarang">';
$("#sini_inputan").html(html);
$("#button_cari").attr('onclick',"cari_buku('pengarang')");
});
$(document).on("click", "#kategori", function () {
$("#kategori").attr('class','active');
$("#semua").removeAttr('class');
$("#judul").removeAttr('class');
$("#pengarang").removeAttr('class');
$.ajax({
url: "<?=base_url()?>home/cari",
type: 'post',
data: {proses : 'cari_kategori'},
// dataType: 'json',
success: function (response) {
$("#sini_inputan").html(response);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
// console.log('gagal');
swal({
// title: "Submit Keperluan ?",
text: "Koneksi Internet Anda Mungkin Hilang Atau Terputus, Halaman Akan Terefresh Kembali",
icon: "warning",
buttons: {
cancel: false,
confirm: true,
},
// dangerMode: true,
})
.then((hehe) =>{
location.reload();
});
}
});
$("#button_cari").attr('onclick',"cari_buku('kategori')");
});
document.getElementById("semua").click();
function cari_buku(e){
var id,kategori;
id = $("#inputannya").val();
kategori = e;
// console.log(kategori);
if (id == '' || id == null) {
toastr.options = {
"closeButton": true,
"debug": false,
"progressBar": true,
"positionClass": "toast-top-right",
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
if (kategori == 'kategori') {
toastr.info("<center>Kategori Harus Terpilih</center>");
}else{
toastr.info("<center>Inputan Harus Terisi</center>");
}
$("#inputannya").focus();
}else{
cari_datanya(id,kategori);
}
}
function cari_datanya(a,b){
$.ajax({
url: "<?=base_url()?>home/cari",
type: 'post',
data: {proses : 'cari', id : a, kategori : b},
// dataType: 'json',
beforeSend: function(res) {
$("#sini_html").html('<center><h2 class="h4 text-black">Loading Data</h2></center>');
$("#button_cari").html("Loading Data");
},
success: function (response) {
$("#sini_html").html(response);
$("#button_cari").html("Cari Buku");
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
// console.log('gagal');
swal({
// title: "Submit Keperluan ?",
text: "Koneksi Internet Anda Mungkin Hilang Atau Terputus, Halaman Akan Terefresh Kembali",
icon: "warning",
buttons: {
cancel: false,
confirm: true,
},
// dangerMode: true,
})
.then((hehe) =>{
location.reload();
});
}
});
}
</script>
<script src="<?=base_url()?>assets/fabric.min.js"></script>
<script type="text/javascript">
var canvas = this.__canvas = new fabric.Canvas('c');
// create a rect object
fabric.Object.prototype.transparentCorners = true;
// fabric.Object.prototype.cornerColor = 'blue';
fabric.Object.prototype.cornerStyle = 'circle';
function cari_rak_buku(a,b,c,d,e,f,g){
var html = '<div class="form-group"><label class="text-black" for="fname">Judul</label><textarea class="form-control" style="resize: none" disabled="">'+b+'</textarea></div>';
const aa = $.ajax({
url: "<?=base_url()?>",
type: 'post',
data: {proses : "cek_foto_detail" , id : g},
async : false
});
// console.log(aa.responseText)
html += '<div class="form-group"><label class="text-black" for="fname">Foto Rak Buku</label><br>'+aa.responseText+'</div>';
html += '<div class="form-group"><label class="text-black" for="fname">Kategori</label><input class="form-control" value="'+c+'" disabled=""></div>';
html += '<div class="form-group"><label class="text-black" for="fname">Pengarang</label><textarea class="form-control" style="resize: none" disabled="">'+d+'</textarea></div>';
html += '<div class="form-group"><label class="text-black" for="fname">Tahun Terbit</label><input class="form-control" value="'+e+'" disabled=""></div>';
html += '<div class="form-group"><label class="text-black" for="fname">Tingkat Ke</label><input class="form-control" value="'+f+'" disabled=""></div>';
html += '<div class="form-group"><label class="text-black" for="fname">Peta Buku</label></div>';
$("#sini_input_edit").html(html);
$.ajax({
url: "<?=base_url()?>home/cari",
type: 'post',
data: {proses : "cari_rak_buku", rak : a},
// dataType: 'json',
// beforeSend: function(res) {
// document.getElementById("sini_html").innerHTML = "Paragraph changed!";
// $("#sini_html").html(null);
// },
success: function (response) {
// console.log(response);
$("#sini_htmlnya").html(response);
// $("#sini_html").html(null);
// location.reload();
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
// console.log('gagal');
swal({
// title: "Submit Keperluan ?",
text: "Koneksi Internet Anda Mungkin Hilang Atau Terputus, Halaman Akan Terefresh Kembali",
icon: "warning",
buttons: {
cancel: false,
confirm: true,
},
// dangerMode: true,
})
.then((hehe) =>{
location.reload();
});
}
});
}
</script>
<script src="<?=base_url()?>assets/js/main.js"></script>
</body>
</html>

219
application/views/home/kembali.php Normal file
View File

@ -0,0 +1,219 @@
<!DOCTYPE html>
<html lang="en">
<?php $this->load->view('home/head'); ?>
<body>
<div class="modal fade" id="sini_modalnya" aria-hidden="true" role="dialog" tabindex="-1">
<div class="modal-dialog" style="width:95%;max-width: 1121px;">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="getCroppedCanvasTitle">Peta Perpustakaan</h4>
</div>
<div class="modal-body row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div id="sini_input_edit"></div>
<div class="form-group" style="overflow-x: auto">
<div id="sini_dia_htmlnya"></div>
<center>
<div>
<canvas id="c" width="1050" height="950" style="border:1px solid #ccc;pointer-events:none;"></canvas>
<br><br>
</div>
</center>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div id="sini_footer" style="display: inline;"></div>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="site-wrap">
<?php $this->load->view('home/top'); ?>
<?php $this->load->view('home/header'); ?>
<?php $this->load->view('home/foto'); ?>
<input type="hidden" id="sini_htmlnya" >
<section class="site-section">
<div class="container">
<div class="row">
<div class="col-md-12">
<center>
<h2>Arahkan Qrcode buku ke kamera</h2>
<input type="hidden" name="sini_modal_cek" id="modal_berubah" value="1" onchange="cek_modalnya_berubah(value)">
<!-- <button type="button" onclick="tukar_modalnya('tutup')" id="tukar_modalnya_button"> sini tukat modal</button> -->
<!-- <select style="display: none"></select> -->
<canvas id="ini_canvas_kamera" ></canvas>
</center>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row form-group">
<div class="col-md-3"></div>
<div class="col-md-6">
<center><h2>Masukkan Kode Buku</h2>
<input type="text" class="form-control" id="kode_bukunya" placeholder="Masukkan Kode Buku" minlength="1" maxlength="3"></center>
</div>
<div class="col-md-3"></div>
</div>
<div class="row form-group" >
<div class="col-md-12">
<center><button type="button" class="btn btn-primary btn-md text-white" onclick="kode_buku()">Cari Rak Buku</button></center>
</div>
</div>
</div>
</div>
</div>
</section>
<?php $this->load->view('home/footer'); ?>
</div>
<?php $this->load->view('home/script'); ?>
<!-- <script type="text/javascript" src="<?=base_url()?>qrcode/js/jquery.js"></script> -->
<script type="text/javascript" src="<?=base_url()?>qrcode/js/qrcodelib.js"></script>
<script type="text/javascript" src="<?=base_url()?>qrcode/js/webcodecamjquery.js"></script>
<!-- <script type="text/javascript">$('#sini_modalnya').modal("show");</script> -->
<script type="text/javascript">
function setInputFilter(textbox, inputFilter) {
["input", "keydown", "keyup", "mousedown", "mouseup", "select", "contextmenu", "drop"].forEach(function(event) {
textbox.addEventListener(event, function() {
if (inputFilter(this.value)) {
this.oldValue = this.value;
this.oldSelectionStart = this.selectionStart;
this.oldSelectionEnd = this.selectionEnd;
} else if (this.hasOwnProperty("oldValue")) {
this.value = this.oldValue;
this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
} else {
this.value = "";
}
});
});
}
// Install input filters.
setInputFilter(document.getElementById("kode_bukunya"), function(value) { return /^-?\d*$/.test(value); });
function kode_buku(){
const kode = $("#kode_bukunya").val();
// console.log(kode);
cari_rak_buku(kode);
}
var arg = {
resultFunction: function(result) {
// console.log (result)
var kode = result.code;
kode = kode.split('/')[1]
if ($.isNumeric(kode) == true) {
cari_rak_buku(kode);
}else{
swal({
title: "Error",
text: "Qrcode yang discan tiada dalam sistem",
icon: "error",
button : false,
timer : 3000
})
}
// cari_rak_buku(kode.split('/')[1]);
// stopnya_p();
}
};
var decoder = $("#ini_canvas_kamera").WebCodeCamJQuery(arg).data().plugin_WebCodeCamJQuery;
decoder.play();
var source = new EventSource("<?=base_url()?>home/coba");
source.onmessage = function(event) {
if($("#sini_modalnya").is(":visible")) {
decoder.stop()
// console.log("matikan")
}else{
decoder.play()
// console.log("jalankan")
}
};
</script>
<script src="<?=base_url()?>assets/fabric.min.js"></script>
<script type="text/javascript">
var canvas = this.__canvas = new fabric.Canvas('c');
// create a rect object
fabric.Object.prototype.selectable = false;
// canvas.item(0).selectable = false;
canvas.renderAll();
fabric.Object.prototype.transparentCorners = true;
// fabric.Object.prototype.cornerColor = 'blue';
fabric.Object.prototype.cornerStyle = 'circle';
canvas.off('mouse:down', eventHandler)
function cari_rak_buku(e){
console.log(e)
$.ajax({
url: "<?=base_url()?>home/cari",
type: 'post',
data: {proses : "cari_buku_qr", id : e},
// dataType: 'json',
// beforeSend: function(res) {
// document.getElementById("sini_html").innerHTML = "Paragraph changed!";
// $("#sini_html").html(null);
// },
success: function (response) {
console.log(response);
$("#sini_htmlnya").html(response);
// $("#sini_html").html(null);
// location.reload();
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
// console.log('gagal');
swal({
// title: "Submit Keperluan ?",
text: "Koneksi Internet Anda Mungkin Hilang Atau Terputus, Halaman Akan Terefresh Kembali",
icon: "warning",
buttons: {
cancel: false,
confirm: true,
},
// dangerMode: true,
})
.then((hehe) =>{
location.reload();
});
}
});
}
</script>
<script src="<?=base_url()?>assets/js/main.js"></script>
</body>
</html>

112
application/views/home/login.php Normal file
View File

@ -0,0 +1,112 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Login Admin | Perpustakaan Universitas Muhammadiyah Parepare</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
<link rel="icon" type="image/png" href="<?=base_url()?>login_assets/images/icons/favicon.ico"/>
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="<?=base_url()?>login_assets/vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="<?=base_url()?>login_assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="<?=base_url()?>login_assets/fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="<?=base_url()?>login_assets/vendor/animate/animate.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="<?=base_url()?>login_assets/vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="<?=base_url()?>login_assets/vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="<?=base_url()?>login_assets/vendor/select2/select2.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="<?=base_url()?>login_assets/vendor/daterangepicker/daterangepicker.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="<?=base_url()?>login_assets/css/util.css">
<link rel="stylesheet" type="text/css" href="<?=base_url()?>login_assets/css/main.css">
<style type="text/css">
.swal-modal .swal-text{
text-align: center
}
</style>
<!--===============================================================================================-->
</head>
<body style="background-color: #666666;">
<div class="limiter">
<div class="container-login100">
<div class="wrap-login100">
<form class="login100-form validate-form" method="post">
<span class="login100-form-title p-b-43">
Halaman Login
</span>
<div class="wrap-input100 validate-input" data-validate = "Username Tidak Bisa Kosong">
<input class="input100" type="text" name="username">
<span class="focus-input100"></span>
<span class="label-input100">Username</span>
</div>
<div class="wrap-input100 validate-input" data-validate="Password Tidak Bisa Kosong">
<input class="input100" type="password" name="password">
<span class="focus-input100"></span>
<span class="label-input100">Password</span>
</div>
<div class="container-login100-form-btn">
<!-- <button type="button" id="button_login" class="login100-form-btn">
Login
</button> -->
<input type="submit" name="button_login" value="Login" class="login100-form-btn">
</div>
</form>
<div class="login100-more" style="background-image: url('<?=base_url()?>login_assets/images/bg-01.jpg');">
</div>
</div>
</div>
</div>
<!--===============================================================================================-->
<script src="<?=base_url()?>login_assets/vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
<script src="<?=base_url()?>login_assets/vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
<script src="<?=base_url()?>login_assets/vendor/bootstrap/js/popper.js"></script>
<script src="<?=base_url()?>login_assets/vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="<?=base_url()?>login_assets/vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
<script src="<?=base_url()?>login_assets/vendor/daterangepicker/moment.min.js"></script>
<script src="<?=base_url()?>login_assets/vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
<script src="<?=base_url()?>login_assets/vendor/countdowntime/countdowntime.js"></script>
<script src="<?=base_url()?>sweet-alert/sweetalert.js"></script>
<!--===============================================================================================-->
<script src="<?=base_url()?>login_assets/js/main.js"></script>
<?php if ($this->session->flashdata('error')): ?>
<script type="text/javascript">
swal({
title: "Login Gagal",
text: "<?=$this->session->flashdata('error')?>",
icon: "error",
showLoaderOnConfirm: true,
})
</script>
<?php endif ?>
</body>
</html>

27
application/views/home/script.php Normal file
View File

@ -0,0 +1,27 @@
<script src="<?=base_url()?>assets/js/jquery-3.3.1.min.js"></script>
<script src="<?=base_url()?>assets/js/jquery-migrate-3.0.1.min.js"></script>
<script src="<?=base_url()?>assets/js/jquery-ui.js"></script>
<script src="<?=base_url()?>assets/js/popper.min.js"></script>
<script src="<?=base_url()?>assets/js/bootstrap.min.js"></script>
<script src="<?=base_url()?>assets/js/owl.carousel.min.js"></script>
<script src="<?=base_url()?>assets/js/jquery.stellar.min.js"></script>
<script src="<?=base_url()?>assets/js/jquery.countdown.min.js"></script>
<script src="<?=base_url()?>assets/js/jquery.magnific-popup.min.js"></script>
<script src="<?=base_url()?>assets/js/bootstrap-datepicker.min.js"></script>
<script src="<?=base_url()?>assets/js/aos.js"></script>
<script src="<?=base_url()?>sweet-alert/sweetalert.js"></script>
<?php if ($this->session->flashdata('success')): ?>
<script type="text/javascript">
swal({
title: "Terima Kasih",
text: "<?=$this->session->flashdata('success')?>",
icon: "success",
showLoaderOnConfirm: true,
})
</script>
<?php endif ?>

29
application/views/home/top.php Normal file
View File

@ -0,0 +1,29 @@
<div class="site-mobile-menu">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
<div class="border-bottom top-bar py-2">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="mb-0">
<span class="mr-3"><strong>No Telpon:</strong> <a href="tel://#">+1 292 3293 4238</a></span>
<!-- <span><strong>Email:</strong> <a href="#">info@yourdomain.com</a></span> -->
</p>
</div>
<div class="col-md-6">
<ul class="social-media">
<li><a href="#" class="p-2"><span class="icon-facebook"></span></a></li>
<li><a href="#" class="p-2"><span class="icon-twitter"></span></a></li>
<li><a href="#" class="p-2"><span class="icon-instagram"></span></a></li>
<!-- <li><a href="#" class="p-2"><span class="icon-linkedin"></span></a></li> -->
</ul>
</div>
</div>
</div>
</div>