deploy awal
This commit is contained in:
atuy
@@ -0,0 +1,143 @@
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/app/css/style.css">
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-ban"></i> Error</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class='col-xs-12'>
|
||||
<div class='box box-primary'>
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Edit Data Barang</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<?php echo form_open_multipart('Barang/edit', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator")); ?>
|
||||
<div class="form-group">
|
||||
<label for="nama_barang" class="control-label">Nama Barang</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="nama_barang" id="nama_barang" value="<?php echo $record['nama_barang'] ?>" data-error="Nama Barang harus diisi" placeholder="nama barang" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="kategori" class="control-label">Kategori</label>
|
||||
<div class="input-group">
|
||||
<select name="kategori" class="form-control">
|
||||
<?php
|
||||
foreach ($kategori as $k) {
|
||||
if ($record['id_kategori'] == $k->id_kategori) {
|
||||
echo "<option value='$k->id_kategori' selected='selected'>$k->nama_kategori</option>";
|
||||
} else {
|
||||
echo "<option value=' $k->id_kategoi'>$k->nama_kategori</option>";
|
||||
}
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-list"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="ukuran" class="control-label">Ukuran</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="ukuran">
|
||||
<?php
|
||||
foreach ($ukuran as $u) {
|
||||
if ($record['ukuran'] == $u->id_ukuran) {
|
||||
echo "<option value='$u->id_ukuran' selected='selected'>$u->nama_ukuran</option>";
|
||||
} else {
|
||||
echo "<option value=' $u->id_ukuran'>$u->nama_ukuran</option>";
|
||||
}
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-expand"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="harga" class="control-label">Harga Beli</label>
|
||||
<div class="input-group">
|
||||
<input type="text" name="harga_beli" id="harga_beli" data-error="harga harus di isi" class="form-control" value="<?php echo $record['harga_beli'] ?>" placeholder="Harga Beli Barang" required>
|
||||
<span class="input-group-addon">
|
||||
<span class="fas fa-money">
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="harga" class="control-label">Harga Jual</label>
|
||||
<div class="input-group">
|
||||
<input type="text" name="harga" id="harga" data-error="harga harus di isi" class="form-control" value="<?php echo $record['harga'] ?>" placeholder="Harga Jual Barang" required>
|
||||
<span class="input-group-addon">
|
||||
<span class="fas fa-money">
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="foto" class="control-label">Foto</label>
|
||||
<div class="input-group">
|
||||
<input type="file" name="foto" class="form-control">
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-photo">
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="box-footer">
|
||||
<input type="hidden" name="id" value="<?php echo $record['id_barang'] ?>">
|
||||
<button type="submit" name="submit" class="btn btn-primary ">Simpan</button>
|
||||
<a href="<?php echo base_url() ?>barang" class="btn btn-default ">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /.box -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script>
|
||||
function removeNonNumericChars(input) {
|
||||
return input.replace(/\D/g, '');
|
||||
}
|
||||
|
||||
// Fungsi untuk mengubah format input harga
|
||||
function formatHarga(input) {
|
||||
var num = removeNonNumericChars(input.value);
|
||||
var formattedNum = new Intl.NumberFormat('id-ID').format(num);
|
||||
input.value = formattedNum;
|
||||
}
|
||||
|
||||
// Fungsi untuk menghapus format input harga sebelum disubmit
|
||||
function unformatHarga(input) {
|
||||
input.value = removeNonNumericChars(input.value);
|
||||
}
|
||||
|
||||
// Mengaitkan fungsi formatHarga dengan event onkeyup untuk input harga
|
||||
document.getElementById('harga_beli').addEventListener('keyup', function() {
|
||||
formatHarga(this);
|
||||
});
|
||||
document.getElementById('harga').addEventListener('keyup', function() {
|
||||
formatHarga(this);
|
||||
});
|
||||
|
||||
// Mengaitkan fungsi unformatHarga dengan event onsubmit untuk form
|
||||
document.getElementById('form').addEventListener('submit', function() {
|
||||
unformatHarga(document.getElementById('harga_beli'));
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,150 @@
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/app/css/style.css">
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-ban"></i> Error</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class='col-xs-12'>
|
||||
<div class='box box-primary'>
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Tambah Data Barang</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<?php echo form_open_multipart('Barang/post', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator")); ?>
|
||||
<div class="form-group">
|
||||
<label for="nama_barang" class="control-label">Nama Barang</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="nama_barang" id="nama_barang" data-error="Nama Barang harus diisi" placeholder="nama barang" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="suplier" class="control-label">Supplier</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="suplier">
|
||||
<?php
|
||||
foreach ($suplier as $k) {
|
||||
echo "<option value=' $k->id_suplier'>$k->nama_perusahaan</option>";
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-list"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="kategori" class="control-label">Kategori</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="kategori">
|
||||
<?php
|
||||
foreach ($kategori as $k) {
|
||||
echo "<option value=' $k->id_kategori'>$k->nama_kategori</option>";
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-list"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="ukuran" class="control-label">Tingkat</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="ukuran">
|
||||
<?php
|
||||
foreach ($ukuran as $u) {
|
||||
echo "<option value=' $u->id_ukuran'>$u->nama_ukuran</option>";
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-expand"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="harga" class="control-label">Harga Beli</label>
|
||||
<div class="input-group">
|
||||
<input type="text" name="harga_beli" id="harga_beli" data-error="harga beli harus di isi" class="form-control" placeholder="Harga Beli Barang" required>
|
||||
<span class="input-group-addon">
|
||||
<span class="fas fa-money">
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="harga" class="control-label">Harga Jual</label>
|
||||
<div class="input-group">
|
||||
<input type="text" name="harga" id="harga" data-error="harga jual harus di isi" class="form-control" placeholder="Harga Jual Barang" required>
|
||||
<span class="input-group-addon">
|
||||
<span class="fas fa-money">
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="foto" class="control-label">Foto</label>
|
||||
<div class="input-group">
|
||||
<input type="file" name="foto" class="form-control">
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-photo">
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="box-footer">
|
||||
<button type="submit" name="submit" class="btn btn-primary ">Simpan</button>
|
||||
<a href="<?php echo base_url() ?>barang" class="btn btn-default ">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /.box -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
function removeNonNumericChars(input) {
|
||||
return input.replace(/\D/g, '');
|
||||
}
|
||||
|
||||
// Fungsi untuk mengubah format input harga
|
||||
function formatHarga(input) {
|
||||
var num = removeNonNumericChars(input.value);
|
||||
var formattedNum = new Intl.NumberFormat('id-ID').format(num);
|
||||
input.value = formattedNum;
|
||||
}
|
||||
|
||||
// Fungsi untuk menghapus format input harga sebelum disubmit
|
||||
function unformatHarga(input) {
|
||||
input.value = removeNonNumericChars(input.value);
|
||||
}
|
||||
|
||||
// Mengaitkan fungsi formatHarga dengan event onkeyup untuk input harga
|
||||
document.getElementById('harga_beli').addEventListener('keyup', function() {
|
||||
formatHarga(this);
|
||||
});
|
||||
document.getElementById('harga').addEventListener('keyup', function() {
|
||||
formatHarga(this);
|
||||
});
|
||||
|
||||
// Mengaitkan fungsi unformatHarga dengan event onsubmit untuk form
|
||||
document.getElementById('form').addEventListener('submit', function() {
|
||||
unformatHarga(document.getElementById('harga_beli'));
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,158 @@
|
||||
<style type="text/css">
|
||||
table,
|
||||
th,
|
||||
tr,
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swal2-popup {
|
||||
font-family: inherit;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.btn-group,
|
||||
.btn-group-vertical {
|
||||
position: relative;
|
||||
display: initial;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
</style>
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-success">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-check"></i>Berhasil</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-info">
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Data Barang</h3>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
echo anchor('barang/post', 'Tambah data', array('class' => 'btn btn-success'))
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<table id="myTable" class="table table-bordered table-hover ">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No.</th>
|
||||
<th>Supllier</th>
|
||||
<th>Nama Barang</th>
|
||||
<th>Kategori Barang</th>
|
||||
<th>Tingkat</th>
|
||||
<th>Harga Beli</th>
|
||||
<th>Harga Jual</th>
|
||||
<th>Foto</th>
|
||||
<th>Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php $no = 0;
|
||||
foreach ($record as $r) { ?>
|
||||
<tr>
|
||||
<td><?php echo ++$no; ?></td>
|
||||
<td><?php echo $r->nama_perusahaan; ?></td>
|
||||
<td><?php echo $r->nama_barang; ?></td>
|
||||
<td><?php echo $r->nama_kategori; ?></td>
|
||||
<td><?php echo $r->nama_ukuran; ?></td>
|
||||
<td>Rp. <?php echo number_format($r->harga_beli); ?></td>
|
||||
<td>Rp. <?php echo number_format($r->harga); ?></td>
|
||||
<td>
|
||||
<a href="<?php echo (site_url('uploads/' . $r->foto)); ?>" class="image-link">
|
||||
<img src="<?php echo (site_url('uploads/' . $r->foto)); ?>" alt="" style="width:30px;height:30px">
|
||||
</a>
|
||||
</td>
|
||||
<td><?php
|
||||
echo anchor(site_url('barang/edit/' . $r->id_barang), '<i class="fa fa-pencil-square-o fa-lg"></i> Edit', array('title' => 'edit', 'class' => 'btn btn-sm btn-warning'));
|
||||
echo ' ';
|
||||
echo anchor(site_url('barang/hapus/' . $r->id_barang), '<i class="fa fa-trash fa-lg"></i> Hapus', 'title="delete" class="btn btn-sm btn-danger "');
|
||||
?>
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="<?php echo base_url() ?>assets/app/js/alert.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#myTable').DataTable({
|
||||
|
||||
"dom": '<"top row"<"col-md-4" l ><"col-md-4" B ><"col-md-4" and f>>rt<"bottom row"<"col-md-6" i> <"col-md-6" p>>',
|
||||
|
||||
buttons: [{
|
||||
extend: 'csvHtml5',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'excelHtml5',
|
||||
title: 'DATA BARANG',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'copyHtml5',
|
||||
title: 'Data Barang',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'pdfHtml5',
|
||||
oriented: 'portrait',
|
||||
pageSize: 'legal',
|
||||
title: 'Data Barang',
|
||||
download: 'open',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6],
|
||||
},
|
||||
customize: function(doc) {
|
||||
doc.content[1].table.widths = Array(doc.content[1].table.body[0].length + 1).join('*').split('');
|
||||
doc.styles.tableBodyEven.alignment = 'center';
|
||||
doc.styles.tableBodyOdd.alignment = 'center';
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'print',
|
||||
oriented: 'portrait',
|
||||
pageSize: 'A4',
|
||||
title: 'Data Barang',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6],
|
||||
},
|
||||
},
|
||||
],
|
||||
"fnDrawCallback": function() {
|
||||
$('.image-link').magnificPopup({
|
||||
type: 'image',
|
||||
closeOnContentClick: true,
|
||||
closeBtnInside: false,
|
||||
fixedContentPos: true,
|
||||
image: {
|
||||
verticalFit: true
|
||||
},
|
||||
zoom: {
|
||||
enabled: true,
|
||||
duration: 300 // don't foget to change the duration also in CSS
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,73 @@
|
||||
<style>
|
||||
.image {
|
||||
cursor: crosshair;
|
||||
}
|
||||
</style>
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
</div>
|
||||
<div class="modal-body modal-spa">
|
||||
<div class="col-md-12 span-2">
|
||||
<div class="image-container">
|
||||
<div class="image detail-view" style="background-image: url(<?php echo base_url('uploads/') . $detail->foto; ?>);no-repeat" class="img-responsive" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
// Get all images with the `detail-view` class
|
||||
var zoomBoxes = document.querySelectorAll('.detail-view');
|
||||
|
||||
// Extract the URL
|
||||
zoomBoxes.forEach(function(image) {
|
||||
var imageCss = window.getComputedStyle(image, false),
|
||||
imageUrl = imageCss.backgroundImage
|
||||
.slice(4, -1).replace(/['"]/g, '');
|
||||
|
||||
// Get the original source image
|
||||
var imageSrc = new Image();
|
||||
imageSrc.onload = function() {
|
||||
var imageWidth = imageSrc.naturalWidth,
|
||||
imageHeight = imageSrc.naturalHeight,
|
||||
ratio = imageHeight / imageWidth;
|
||||
|
||||
// Adjust the box to fit the image and to adapt responsively
|
||||
var percentage = ratio * 100 + '%';
|
||||
image.style.paddingBottom = percentage;
|
||||
|
||||
// Zoom and scan on mousemove
|
||||
image.onmousemove = function(e) {
|
||||
// Get the width of the thumbnail
|
||||
var boxWidth = image.clientWidth,
|
||||
// Get the cursor position, minus element offset
|
||||
x = e.pageX - this.offsetLeft,
|
||||
y = e.pageY - this.offsetTop,
|
||||
// Convert coordinates to % of elem. width & height
|
||||
xPercent = x / (boxWidth / 100) + '%',
|
||||
yPercent = y / (boxWidth * ratio / 100) + '%';
|
||||
|
||||
// Update styles w/actual size
|
||||
Object.assign(image.style, {
|
||||
backgroundPosition: xPercent + ' ' + yPercent,
|
||||
backgroundSize: imageWidth + 'px'
|
||||
});
|
||||
};
|
||||
|
||||
// Reset when mouse leaves
|
||||
image.onmouseleave = function(e) {
|
||||
Object.assign(image.style, {
|
||||
backgroundPosition: 'center',
|
||||
backgroundSize: 'cover'
|
||||
});
|
||||
};
|
||||
}
|
||||
imageSrc.src = imageUrl;
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
@@ -0,0 +1,406 @@
|
||||
<style>
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
#chartdiv2 {
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
#chartdiv3 {
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.widget-user .widget-user-image>img {
|
||||
width: 90px;
|
||||
height: auto;
|
||||
border: none;
|
||||
}
|
||||
</style>
|
||||
<section class="content">
|
||||
<?php if ($this->session->userdata('akses') == 1) : ?>
|
||||
<div class="row">
|
||||
<?php foreach ($box as $info_box) : ?>
|
||||
<div class="col-lg-3 col-xs-6">
|
||||
<div class="small-box bg-<?= $info_box->box ?>">
|
||||
<div class="inner">
|
||||
<h3 class="count"><?= $info_box->total; ?></h3>
|
||||
<p><?= $info_box->title; ?></p>
|
||||
</div>
|
||||
<div class="icon">
|
||||
<i class="fa fa-<?= $info_box->icon ?>"></i>
|
||||
</div>
|
||||
<a href="<?= base_url() . strtolower($info_box->link); ?>" class="small-box-footer">
|
||||
More info
|
||||
<i class="fa fa-arrow-circle-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="box box-default">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Total Barang Berdasarkan Kategori</h3>
|
||||
<div class="box-tools pull-right">
|
||||
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div id="chartdiv2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="box box-default">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Top 5 Barang Terjual Bulan Ini</h3>
|
||||
<div class="box-tools pull-right">
|
||||
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div id="chartdiv3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-default">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Grafik Total Stok Barang</h3>
|
||||
<div class="box-tools pull-right">
|
||||
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div id="chartdiv"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php else : ?>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-widget widget-user">
|
||||
<div class="widget-user-header bg-green-active">
|
||||
<p style="text-align: center;"><br>
|
||||
<span style="font-family: georgia, palatino; font-size: 15pt;">Selamat Datang di Aplikasi POS Buku Dharma Al Muhtadin Depok</span>
|
||||
</p>
|
||||
<h3 class="widget-user-username"></h3>
|
||||
<h5 class="widget-user-desc"></h5>
|
||||
</div>
|
||||
<!-- <div class="widget-user-image">
|
||||
<img class="img-circle" src="<?php echo base_url(); ?>assets/dist/img/logo.png">
|
||||
</div>
|
||||
<div class="box-footer">
|
||||
<div class="row">
|
||||
<div class="col-sm-4 border-right">
|
||||
<div class="description-block">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 border-right">
|
||||
<div class="description-block">
|
||||
<h5 class="description-header">Alamat : Jl. Raya Cipayung No. 1 Cipayung - Depok</h5>
|
||||
<span >No. Telp : 021-77882517 - Website : www.smk-almuhtadin.sch.id</span>
|
||||
</div>
|
||||
<center>
|
||||
<i>--Sistem Stok dan Penjualan Buku--</i><br>
|
||||
</center>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="description-block">
|
||||
<h5 class="description-header"></h5>
|
||||
<span class="description-text"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="box box-default">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Total Barang Berdasarkan Kategori</h3>
|
||||
<div class="box-tools pull-right">
|
||||
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div id="chartdiv2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="box box-default">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Top 5 Barang Terjual Bulan Ini</h3>
|
||||
<div class="box-tools pull-right">
|
||||
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div id="chartdiv3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-default">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Grafik Total Stok Barang</h3>
|
||||
<div class="box-tools pull-right">
|
||||
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div id="chartdiv"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</section>
|
||||
<!-- Styles -->
|
||||
|
||||
|
||||
<!-- Resources -->
|
||||
<script src="<?php echo base_url() ?>assets/plugins/amchart4/core.js"></script>
|
||||
<script src="<?php echo base_url() ?>assets/plugins/amchart4/charts.js"></script>
|
||||
<script src="<?php echo base_url() ?>assets/plugins/amchart4/themes/dataviz.js"></script>
|
||||
<script src="<?php echo base_url() ?>assets/plugins/amchart4/themes/material.js"></script>
|
||||
<script src="<?php echo base_url() ?>assets/plugins/amchart4/themes/animated.js"></script>
|
||||
|
||||
<!-- Chart code -->
|
||||
<script>
|
||||
am4core.ready(function() {
|
||||
let url = '<?= base_url() ?>';
|
||||
// Themes begin
|
||||
am4core.useTheme(am4themes_dataviz);
|
||||
am4core.useTheme(am4themes_animated);
|
||||
am4core.options.minPolylineStep = 5;
|
||||
am4core.options.queue = true;
|
||||
am4core.options.onlyShowOnViewport = true;
|
||||
|
||||
// Themes end
|
||||
|
||||
// Create chart instance
|
||||
var chart = am4core.create("chartdiv", am4charts.XYChart);
|
||||
|
||||
// Add data
|
||||
chart.data = [
|
||||
|
||||
<?php foreach ($graph as $row) : ?> {
|
||||
"barang": "<?php echo $row->nama_barang; ?>",
|
||||
"total": <?php echo $row->total; ?>
|
||||
},
|
||||
<?php endforeach; ?>
|
||||
];
|
||||
|
||||
// Create axes
|
||||
|
||||
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
|
||||
categoryAxis.dataFields.category = "barang";
|
||||
categoryAxis.renderer.grid.template.location = 0;
|
||||
categoryAxis.renderer.minGridDistance = 30;
|
||||
|
||||
categoryAxis.renderer.labels.template.adapter.add("dy", function(dy, target) {
|
||||
if (target.dataItem && target.dataItem.index & 2 == 2) {
|
||||
return dy + 25;
|
||||
}
|
||||
return dy;
|
||||
});
|
||||
|
||||
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
|
||||
// Create series
|
||||
var series = chart.series.push(new am4charts.ColumnSeries());
|
||||
series.dataFields.valueY = "total";
|
||||
series.dataFields.categoryX = "barang";
|
||||
series.name = "total";
|
||||
series.columns.template.tooltipText = "{categoryX}: [bold]{valueY}[/]";
|
||||
series.columns.template.fillOpacity = .8;
|
||||
series.minBulletDistance = 20;
|
||||
|
||||
var columnTemplate = series.columns.template;
|
||||
columnTemplate.strokeWidth = 2;
|
||||
columnTemplate.strokeOpacity = 1;
|
||||
|
||||
|
||||
|
||||
// Create chart instance
|
||||
var chart = am4core.create("chartdiv2", am4charts.PieChart);
|
||||
|
||||
// Add data
|
||||
chart.data = [
|
||||
<?php foreach ($kategori as $row) : ?> {
|
||||
"barang": "<?php echo $row->nama_kategori ?>",
|
||||
"total": <?php echo $row->total ?>,
|
||||
"color": getRandomColor(),
|
||||
},
|
||||
<?php endforeach; ?>
|
||||
];
|
||||
// Add and configure Series
|
||||
var pieSeries = chart.series.push(new am4charts.PieSeries());
|
||||
pieSeries.dataFields.value = "total";
|
||||
pieSeries.dataFields.category = "barang";
|
||||
pieSeries.hiddenState.properties.endAngle = -90;
|
||||
pieSeries.ticks.template.disabled = true;
|
||||
pieSeries.alignLabels = false;
|
||||
pieSeries.labels.template.text = "{value.percent.formatNumber('#.0')}%";
|
||||
pieSeries.labels.template.radius = am4core.percent(-40);
|
||||
pieSeries.labels.template.fill = am4core.color("white");
|
||||
pieSeries.labels.template.relativeRotation = 90;
|
||||
chart.responsive.useDefault = false
|
||||
chart.responsive.enabled = true;
|
||||
|
||||
chart.color = [
|
||||
<?php foreach ($kategori as $row) : ?>
|
||||
getRandomColor(),
|
||||
<?php endforeach; ?>
|
||||
];
|
||||
|
||||
var colorSet = new am4core.ColorSet();
|
||||
colorSet.list = chart.color.map(function(color) {
|
||||
return new am4core.color(color);
|
||||
});
|
||||
pieSeries.colors = colorSet;
|
||||
|
||||
function getRandomColor() {
|
||||
var letters = '0123456789ABCDEF';
|
||||
var color = '#';
|
||||
for (var i = 0; i < 6; i++) {
|
||||
color += letters[Math.floor(Math.random() * 16)];
|
||||
}
|
||||
return color;
|
||||
}
|
||||
|
||||
chart.responsive.useDefault = false
|
||||
chart.responsive.enabled = true;
|
||||
chart.responsive.rules.push({
|
||||
relevant: function(target) {
|
||||
return false;
|
||||
},
|
||||
state: function(target, stateId) {
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
var chart = am4core.create("chartdiv3", am4charts.XYChart);
|
||||
chart.hiddenState.properties.opacity = 0; // this creates initial fade-in
|
||||
|
||||
chart.paddingRight = 30;
|
||||
|
||||
|
||||
chart.data = [
|
||||
<?php foreach ($laris as $row) : ?> {
|
||||
"barang": "<?php echo $row->nama_barang; ?>",
|
||||
"total": <?php echo $row->total; ?>,
|
||||
"href": url + "uploads/<?php echo $row->foto; ?>"
|
||||
},
|
||||
<?php endforeach; ?>
|
||||
];
|
||||
|
||||
var categoryAxis = chart.yAxes.push(new am4charts.CategoryAxis());
|
||||
categoryAxis.dataFields.category = "barang";
|
||||
categoryAxis.renderer.grid.template.strokeOpacity = 0;
|
||||
categoryAxis.renderer.minGridDistance = 10;
|
||||
categoryAxis.renderer.labels.template.dx = -40;
|
||||
categoryAxis.renderer.minWidth = 120;
|
||||
categoryAxis.renderer.tooltip.dx = -40;
|
||||
|
||||
var valueAxis = chart.xAxes.push(new am4charts.ValueAxis());
|
||||
valueAxis.renderer.inside = true;
|
||||
valueAxis.renderer.labels.template.fillOpacity = 0.3;
|
||||
valueAxis.renderer.grid.template.strokeOpacity = 0;
|
||||
valueAxis.min = 0;
|
||||
valueAxis.cursorTooltipEnabled = false;
|
||||
valueAxis.renderer.baseGrid.strokeOpacity = 0;
|
||||
valueAxis.renderer.labels.template.dy = 20;
|
||||
|
||||
var series = chart.series.push(new am4charts.ColumnSeries);
|
||||
series.dataFields.valueX = "total";
|
||||
series.dataFields.categoryY = "barang";
|
||||
series.tooltipText = "{valueX.value}";
|
||||
series.tooltip.pointerOrientation = "vertical";
|
||||
series.tooltip.dy = -30;
|
||||
series.columnsContainer.zIndex = 100;
|
||||
series.minBulletDistance = 20;
|
||||
|
||||
|
||||
var columnTemplate = series.columns.template;
|
||||
columnTemplate.height = am4core.percent(50);
|
||||
columnTemplate.maxHeight = 30;
|
||||
columnTemplate.column.cornerRadius(60, 10, 60, 10);
|
||||
columnTemplate.strokeOpacity = 0;
|
||||
|
||||
series.heatRules.push({
|
||||
target: columnTemplate,
|
||||
property: "fill",
|
||||
dataField: "valueX",
|
||||
min: am4core.color("#e5dc36"),
|
||||
max: am4core.color("#5faa46")
|
||||
});
|
||||
series.mainContainer.mask = undefined;
|
||||
|
||||
var cursor = new am4charts.XYCursor();
|
||||
chart.cursor = cursor;
|
||||
cursor.lineX.disabled = true;
|
||||
cursor.lineY.disabled = true;
|
||||
cursor.behavior = "none";
|
||||
|
||||
var bullet = columnTemplate.createChild(am4charts.CircleBullet);
|
||||
bullet.circle.radius = 10;
|
||||
bullet.valign = "middle";
|
||||
bullet.align = "left";
|
||||
bullet.isMeasured = true;
|
||||
bullet.interactionsEnabled = false;
|
||||
bullet.horizontalCenter = "right";
|
||||
bullet.interactionsEnabled = false;
|
||||
|
||||
var hoverState = bullet.states.create("hover");
|
||||
var outlineCircle = bullet.createChild(am4core.Circle);
|
||||
outlineCircle.adapter.add("radius", function(radius, target) {
|
||||
var circleBullet = target.parent;
|
||||
return circleBullet.circle.pixelRadius + 10;
|
||||
})
|
||||
|
||||
var image = bullet.createChild(am4core.Image);
|
||||
image.width = 30;
|
||||
image.height = 30;
|
||||
image.horizontalCenter = "middle";
|
||||
image.verticalCenter = "middle";
|
||||
image.propertyFields.href = "href";
|
||||
image.adapter.add("mask", function(mask, target) {
|
||||
var circleBullet = target.parent;
|
||||
return circleBullet.circle;
|
||||
})
|
||||
var previousBullet;
|
||||
chart.cursor.events.on("cursorpositionchanged", function(event) {
|
||||
var dataItem = series.tooltipDataItem;
|
||||
if (dataItem.column) {
|
||||
var bullet = dataItem.column.children.getIndex(1);
|
||||
if (previousBullet && previousBullet != bullet) {
|
||||
previousBullet.isHover = false;
|
||||
}
|
||||
if (previousBullet != bullet) {
|
||||
var hs = bullet.states.getKey("hover");
|
||||
hs.properties.dx = dataItem.column.pixelWidth;
|
||||
bullet.isHover = true;
|
||||
previousBullet = bullet;
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
}); // end am4core.ready()
|
||||
</script>
|
||||
|
||||
<!-- HTML -->
|
||||
@@ -0,0 +1,38 @@
|
||||
<style type="text/css">
|
||||
table,
|
||||
th,
|
||||
tr,
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class='col-xs-12'>
|
||||
<div class="box box-info">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title"> Edit Data Kategori</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<?php
|
||||
echo form_open('kategori/post', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator"));
|
||||
?>
|
||||
<div class="form-group">
|
||||
<label for="kategori" class="control-label">Nama Kategori</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="kategori" id="kategori" data-error="Nama Kategori harus diisi" placeholder="Nama Kategori" value="<?php echo $record['nama_kategori']; ?>" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-info" name="submit"> Simpan </button>
|
||||
<a href="<?php echo base_url() ?>kategori" class="btn btn-default ">Cancel</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,38 @@
|
||||
<style type="text/css">
|
||||
table,
|
||||
th,
|
||||
tr,
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class='col-xs-12'>
|
||||
<div class="box box-info">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title"> Tambah Data Kategori</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<?php
|
||||
echo form_open('kategori/post', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator"));
|
||||
?>
|
||||
<div class="form-group">
|
||||
<label for="kategori" class="control-label">Nama Kategori</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="kategori" id="kategori" data-error="Nama Kategori harus diisi" placeholder="Nama Kategori" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-info" name="submit"> Simpan </button>
|
||||
<a href="<?php echo base_url() ?>kategori" class="btn btn-default ">Cancel</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,64 @@
|
||||
<style type="text/css">
|
||||
table,
|
||||
th,
|
||||
tr,
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swal2-popup {
|
||||
font-family: inherit;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
</style>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-info">
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Kategori Barang</h3>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
echo anchor('kategori/post', 'Tambah Data', array('class' => 'btn btn-success'));
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<table id="myTable" class="table table-bordered table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No.</th>
|
||||
<th>Nama Kategori</th>
|
||||
<th>Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$no = 0;
|
||||
foreach ($record as $a) { ?>
|
||||
<tr>
|
||||
<td><?php echo ++$no; ?></td>
|
||||
<td><?php echo $a->nama_kategori; ?></td>
|
||||
<td><?php
|
||||
echo anchor(site_url('kategori/edit/' . $a->id_kategori), '<i class="fa fa-pencil-square-o fa-lg"></i> Edit', array('title' => 'edit', 'class' => 'btn btn-sm btn-warning'));
|
||||
echo ' ';
|
||||
echo anchor(site_url('kategori/hapus/' . $a->id_kategori), '<i class="fa fa-trash fa-lg"></i> Hapus', 'title="delete" class="btn btn-sm btn-danger "');
|
||||
?>
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<script src="<?php echo base_url() ?>assets/app/js/alert.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#myTable').DataTable();
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,142 @@
|
||||
<style type="text/css">
|
||||
table {
|
||||
border: 15px solid #25BAE4;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
border: 1px solid #e2e0e0;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
th {
|
||||
height: 50px;
|
||||
padding-bottom: 8px;
|
||||
background: #25BAE4;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.prev_sign a,
|
||||
.next_sign a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
tr.week_name {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: red;
|
||||
width: 10px;
|
||||
background-color: #efe8e8;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
background-color: #25BAE4;
|
||||
color: white;
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
.calender .days td {
|
||||
width: 2000px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.calender .hightlight {
|
||||
font-weight: 600px;
|
||||
}
|
||||
|
||||
.calender .days td:hover {
|
||||
background-color: #DEF;
|
||||
}
|
||||
|
||||
.content {
|
||||
min-height: 0px;
|
||||
}
|
||||
</style>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-info">
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Laporan Penjualan Bulanan</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div class="row">
|
||||
<?php foreach ($cards as $info_cards) : ?>
|
||||
<div class="col-md-3 col-sm-6 col-xs-12">
|
||||
<div class="info-box bg-<?= $info_cards->box ?>">
|
||||
<span class="info-box-icon"><i class="fa fa-<?= $info_cards->icon ?>"></i></span>
|
||||
<div class="info-box-content">
|
||||
<span class="info-box-text"><?= $info_cards->title; ?></span>
|
||||
<span class="info-box-number"><?= $info_cards->total; ?></span>
|
||||
<div class="progress">
|
||||
<div style="width: 100%" class="progress-bar"></div>
|
||||
</div>
|
||||
<span class="progress-description">
|
||||
<?= $info_cards->description; ?>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<div class="col-md-12">
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<?php
|
||||
$next = intval($tahun) + 1;
|
||||
$prev = intval($tahun) - 1;
|
||||
?>
|
||||
<th>
|
||||
<a href="<?php echo base_url('index.php/lapbulanan/index/' . $prev) ?>"><<</a>
|
||||
</th>
|
||||
<th><?php if ($tahun) {
|
||||
echo $tahun;
|
||||
} ?></th>
|
||||
<th>
|
||||
<a href="<?php echo base_url('index.php/lapbulanan/index/' . $next) ?>">>></a>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<?php foreach ($bulanan as $row) : ?>
|
||||
<th>
|
||||
<?php
|
||||
$bulan = $this->fungsi->bulan($row->tgl_trf);
|
||||
echo $bulan ?>
|
||||
</th>
|
||||
<?php endforeach; ?>
|
||||
</tr>
|
||||
<tr>
|
||||
<?php foreach ($bulanan as $row) : ?>
|
||||
<td>
|
||||
<?php
|
||||
$bulan = $row->tgl_trf;
|
||||
$mnow = date('m');
|
||||
$bulanskrng = substr($bulan,6,1);
|
||||
if ($bulanskrng == $mnow){
|
||||
echo '<span class="highlight">Rp'.number_format($row->gtotal).'</span>';
|
||||
}
|
||||
else{
|
||||
echo 'Rp'.number_format($row->gtotal);
|
||||
}
|
||||
?>
|
||||
|
||||
</td>
|
||||
<?php endforeach; ?>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,223 @@
|
||||
<style type="text/css">
|
||||
table,
|
||||
th,
|
||||
tr,
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swal2-popup {
|
||||
font-family: inherit;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.btn-group,
|
||||
.btn-group-vertical {
|
||||
position: relative;
|
||||
display: initial;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-info">
|
||||
<div class='box-header with-border'>
|
||||
<h1 class='box-title'>Data Laporan Detail</h1>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<?php echo form_open('laporandetail', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator")); ?>
|
||||
<div class="col-md-3">
|
||||
<div class="input-daterange">
|
||||
<div class="form-group">
|
||||
<label for="start_date" class="control-label">Tanggal Awal</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="start_date" id="start_date" data-error="Tanggal Awal harus diisi" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-calendar"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="input-daterange">
|
||||
<div class="form-group">
|
||||
<label for="end_date" class="control-label">Tanggal Akhir</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="end_date" id="end_date" data-error="Tanggal Akhir harus diisi" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-calendar"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label for="metode" class="control-label">Metode</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="metode" id="metode">
|
||||
<option value="">Pilih Semua</option>
|
||||
<?php
|
||||
foreach ($metode as $m) {
|
||||
echo "<option value=' $m->id_byr'>$m->metode</option>";
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-list"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2" style="padding-top:25px;">
|
||||
<button type="submit" name="search" id="search" value="Search" class="btn btn-info"> Search</button>
|
||||
<a href="#" id="print" class="btn btn-info">Print PDF</a>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<table id="myTable" class="table table-bordered table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No.</th>
|
||||
<th>Tgl. Transaksi</th>
|
||||
<th>No. Transaksi</th>
|
||||
<th>NIS</th>
|
||||
<th>Nama Siswa</th>
|
||||
<th>Kelas</th>
|
||||
<th>Status</th>
|
||||
<th>Nama Barang</th>
|
||||
<th>Qty</th>
|
||||
<th>Harga beli</th>
|
||||
<th>Harga jual</th>
|
||||
<th>Diskon</th>
|
||||
<th>Total</th>
|
||||
<th>Petugas</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php $no = 0;
|
||||
$total = 0; // Inisialisasi total
|
||||
$hitung = 0;
|
||||
foreach ($laporan as $row) {
|
||||
$diskon= ($row->diskon / 100) * $row->sub_total;
|
||||
$totalnya = $row->sub_total - $diskon;
|
||||
$total += $totalnya;
|
||||
?>
|
||||
<tr>
|
||||
<td><?php echo ++$no; ?></td>
|
||||
<td><?php echo $row->tgl_trf; ?></td>
|
||||
<td><?php echo $row->no_trf; ?></td>
|
||||
<td><?php echo $row->nis_siswa; ?></td>
|
||||
<td><?php echo $row->nama_siswa; ?></td>
|
||||
<td><?php echo $row->kelas; ?></td>
|
||||
<td><?php echo $row->status; ?></td>
|
||||
<td><?php echo $row->nama_barang; ?></td>
|
||||
<td><?php echo $row->jumlah_stok; ?></td>
|
||||
<td><?php echo number_format($row->harga_beli); ?></td>
|
||||
<td><?php echo number_format($row->harga); ?></td>
|
||||
<td><?php echo $row->diskon; ?>%</td>
|
||||
<td><?php echo number_format($totalnya); ?></td>
|
||||
<td><?php echo $row->operator; ?></td>
|
||||
|
||||
</tr>
|
||||
<?php } ?>
|
||||
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="12" style="text-align: right;"><b>Grand Total :</b></td>
|
||||
<td><b><?php echo number_format($total); ?></b></td>
|
||||
<td></td> <!-- Kolom operator tidak ada total -->
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="<?php echo base_url() ?>assets/app/js/alert.js"></script>
|
||||
<script>
|
||||
var total = <?php echo $total; ?>;
|
||||
var beli = <?php echo $beli; ?>;
|
||||
</script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.input-daterange').datepicker({
|
||||
todayBtn: 'linked',
|
||||
format: "yyyy-mm-dd",
|
||||
autoclose: true
|
||||
});
|
||||
$('#myTable').DataTable({
|
||||
"dom": '<"top row"<"col-md-4" l ><"col-md-4" B ><"col-md-4" and f>>rt<"bottom row"<"col-md-6" i> <"col-md-6" p>>',
|
||||
|
||||
|
||||
buttons: [{
|
||||
extend: 'csvHtml5',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'excelHtml5',
|
||||
title: 'LAPORAN PENJUALAN',
|
||||
messageTop: 'KOPERASI DHARMA AL MUHTADIN DEPOK',
|
||||
customize: function(xlsx) {
|
||||
// Menambahkan baris kosong di awal
|
||||
var sheet = xlsx.xl.worksheets['sheet1.xml'];
|
||||
var data = '<row><c></c></row>'; // Baris kosong
|
||||
$('sheetData', sheet).prepend(data); // Menambahkan baris kosong ke awal sheet
|
||||
},
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'copyHtml5',
|
||||
title: 'LAPORAN PENJUALAN',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
extend: 'print',
|
||||
oriented: 'portrait',
|
||||
pageSize: 'A4',
|
||||
title: 'LAPORAN PENJUALAN',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
|
||||
},
|
||||
},
|
||||
],
|
||||
columnDefs: [
|
||||
{ width: 'auto', targets: '_all' }
|
||||
]
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#print').on('click', function(e) {
|
||||
e.preventDefault(); // Mencegah tindakan default dari anchor
|
||||
|
||||
var startDate = $('#start_date').val(); // Mendapatkan tanggal awal
|
||||
var endDate = $('#end_date').val(); // Mendapatkan tanggal akhir
|
||||
var metode = $('#metode').val(); // Mendapatkan metode
|
||||
var url = '<?php echo base_url('laporandetail/print_pdf'); ?>?start_date=' + startDate + '&end_date=' + endDate + '&metode=' + metode; // URL untuk cetak PDF
|
||||
window.open(url, '_blank'); // Membuka PDF dalam tab baru
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,100 @@
|
||||
<style type="text/css">
|
||||
table {
|
||||
border: 15px solid #25BAE4;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
border: 1px solid #e2e0e0;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
th {
|
||||
height: 50px;
|
||||
padding-bottom: 8px;
|
||||
background: #25BAE4;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.prev_sign a,
|
||||
.next_sign a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
tr.week_name {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: red;
|
||||
width: 10px;
|
||||
background-color: #efe8e8;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
background-color: #25BAE4;
|
||||
color: white;
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
.calender .days td {
|
||||
width: 2000px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.calender .hightlight {
|
||||
font-weight: 600px;
|
||||
}
|
||||
|
||||
.calender .days td:hover {
|
||||
background-color: #DEF;
|
||||
}
|
||||
|
||||
.content {
|
||||
min-height: 0px;
|
||||
/* padding: 15px; */
|
||||
/* margin-right: auto; */
|
||||
/* margin-left: auto; */
|
||||
/* padding-left: 15px; */
|
||||
/* padding-right: 15px; */
|
||||
}
|
||||
</style>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-info">
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Laporan Penjualan Harian</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div class="row">
|
||||
<?php foreach ($cards as $info_cards) : ?>
|
||||
<div class="col-md-3 col-sm-6 col-xs-12">
|
||||
<div class="info-box bg-<?= $info_cards->box ?>">
|
||||
<span class="info-box-icon"><i class="fa fa-<?= $info_cards->icon ?>"></i></span>
|
||||
<div class="info-box-content">
|
||||
<span class="info-box-text"><?= $info_cards->title; ?></span>
|
||||
<span class="info-box-number"><?= $info_cards->total; ?></span>
|
||||
<div class="progress">
|
||||
<div style="width: 100%" class="progress-bar"></div>
|
||||
</div>
|
||||
<span class="progress-description">
|
||||
<?= $info_cards->description; ?>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<div class="col-md-12">
|
||||
<?php echo $calender; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,182 @@
|
||||
<style type="text/css">
|
||||
table,
|
||||
th,
|
||||
tr,
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swal2-popup {
|
||||
font-family: inherit;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.btn-group,
|
||||
.btn-group-vertical {
|
||||
position: relative;
|
||||
display: initial;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-info">
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Data Laporan Pembayaran</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<?php echo form_open('laporan', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator")); ?>
|
||||
<div class="col-md-3">
|
||||
<div class="input-daterange">
|
||||
<div class="form-group">
|
||||
<label for="start_date" class="control-label">Tanggal Awal</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="start_date" id="start_date" data-error="Tanggal Awal harus diisi" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-calendar"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="input-daterange">
|
||||
<div class="form-group">
|
||||
<label for="end_date" class="control-label">Tanggal Akhir</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="end_date" id="end_date" data-error="Tanggal Akhir harus diisi" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-calendar"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label for="metode" class="control-label">Metode</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="metode">
|
||||
<option value="">Pilih Semua</option>
|
||||
<?php
|
||||
foreach ($metode as $m) {
|
||||
echo "<option value=' $m->id_byr'>$m->metode</option>";
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-list"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2" style="padding-top:25px;">
|
||||
<button type="submit" name="search" id="search" value="Search" class="btn btn-info"> Search</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<table id="myTable" class="table table-bordered table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No.</th>
|
||||
<th>No. Transaksi</th>
|
||||
<th>Nama Siswa</th>
|
||||
<th>Kelas</th>
|
||||
<th>Tgl. Transaksi</th>
|
||||
<th>Jam Transaksi</th>
|
||||
<th>Pembayaran</th>
|
||||
<th>Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php $no = 0;
|
||||
foreach ($laporan as $row) { ?>
|
||||
<tr>
|
||||
<td><?php echo ++$no; ?></td>
|
||||
<td><?php echo $row->no_trf; ?></td>
|
||||
<td><?php echo $row->nama_siswa; ?></td>
|
||||
<td><?php echo $row->kelas; ?></td>
|
||||
<td><?php echo $row->tgl_trf; ?></td>
|
||||
<td><?php echo $row->jam_trf; ?></td>
|
||||
<td><?php echo $row->metode; ?></td>
|
||||
<td><?php
|
||||
echo anchor(site_url('penjualan/struk/' . $row->id), '<i class="fa fa-eye"></i> Detail', array('title' => 'edit', 'class' => 'btn btn-sm btn-info'));
|
||||
echo ' ';
|
||||
echo anchor(site_url('laporan/hapus/' . $row->id), '<i class="fa fa-trash fa-lg"></i> Hapus', 'title="delete" class="btn btn-sm btn-danger "');
|
||||
?>
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="<?php echo base_url() ?>assets/app/js/alert.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.input-daterange').datepicker({
|
||||
todayBtn: 'linked',
|
||||
format: "yyyy-mm-dd",
|
||||
autoclose: true
|
||||
});
|
||||
$('#myTable').DataTable({
|
||||
"dom": '<"top row"<"col-md-4" l ><"col-md-4" B ><"col-md-4" and f>>rt<"bottom row"<"col-md-6" i> <"col-md-6" p>>',
|
||||
|
||||
buttons: [{
|
||||
extend: 'csvHtml5',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6 ],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'excelHtml5',
|
||||
title: 'LAPORAN PENJUALAN',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'copyHtml5',
|
||||
title: 'LAPORAN PENJUALAN',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'pdfHtml5',
|
||||
oriented: 'portrait',
|
||||
pageSize: 'legal',
|
||||
title: 'LAPORAN PENJUALAN',
|
||||
download: 'open',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6],
|
||||
},
|
||||
customize: function(doc) {
|
||||
doc.content[1].table.widths = Array(doc.content[1].table.body[0].length + 1).join('*').split('');
|
||||
doc.styles.tableBodyEven.alignment = 'center';
|
||||
doc.styles.tableBodyOdd.alignment = 'center';
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'print',
|
||||
oriented: 'portrait',
|
||||
pageSize: 'A4',
|
||||
title: 'LAPORAN PENJUALAN',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6],
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,123 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Laporan Detail</title>
|
||||
<style>
|
||||
@page {
|
||||
size: landscape;
|
||||
}
|
||||
|
||||
body {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
table th,
|
||||
table td {
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
table th {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(even) {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
tfoot {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
tfoot:last-child {
|
||||
display: table-footer-group;
|
||||
}
|
||||
|
||||
.additional-info {
|
||||
text-align: right;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body onload="window.print()">
|
||||
<h1>LAPORAN DETAIL</h1>
|
||||
<h2>KOPERASI DHARMA AL MUHTADIN DEPOK</h2>
|
||||
<p><b>Dari tanggal : <?php echo date("d-n-Y", strtotime($start)); ?> s/d tanggal : <?php echo date("d-n-Y", strtotime($end)); ?></b></p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No.</th>
|
||||
<th>Tgl. Transaksi</th>
|
||||
<th>No. Transaksi</th>
|
||||
<th>NIS</th>
|
||||
<th>Nama Siswa</th>
|
||||
<th>Kelas</th>
|
||||
<th>Status</th>
|
||||
<th>Nama Barang</th>
|
||||
<th>Qty</th>
|
||||
<th>Harga Beli</th>
|
||||
<th>Harga Jual</th>
|
||||
<th>Diskon</th>
|
||||
<th>Total</th>
|
||||
<th>Petugas</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$no = 0;
|
||||
$total = 0; // Inisialisasi total
|
||||
foreach ($laporan as $row) {
|
||||
$diskon= ($row->diskon / 100) * $row->sub_total;
|
||||
$totalnya = $row->sub_total - $diskon;
|
||||
$total += $totalnya;
|
||||
?>
|
||||
<tr>
|
||||
<td><?php echo ++$no; ?>.</td>
|
||||
<td><?php echo $row->tgl_trf; ?></td>
|
||||
<td><?php echo $row->no_trf; ?></td>
|
||||
<td><?php echo $row->nis_siswa; ?></td>
|
||||
<td><?php echo $row->nama_siswa; ?></td>
|
||||
<td><?php echo $row->kelas; ?></td>
|
||||
<td><?php echo $row->status; ?></td>
|
||||
<td><?php echo $row->nama_barang; ?></td>
|
||||
<td><?php echo $row->jumlah_stok; ?></td>
|
||||
<td>Rp. <?php echo number_format($row->harga_beli); ?></td>
|
||||
<td>Rp. <?php echo number_format($row->harga); ?></td>
|
||||
<td><?php echo $row->diskon; ?>%</td>
|
||||
<td align="right">Rp. <?php echo number_format($totalnya); ?></td>
|
||||
<td><?php echo $row->operator; ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
<tr>
|
||||
<td colspan="12" style="text-align: right;"><b>Grand Total :</b></td>
|
||||
<td colspan="2" style="text-align: left;"><b>Rp. <?php echo number_format($total); ?></b></td>
|
||||
<!-- <td></td> Kolom operator tidak ada total -->
|
||||
</tr>
|
||||
|
||||
|
||||
</table>
|
||||
<table>
|
||||
<tfoot>
|
||||
|
||||
</tfoot>
|
||||
</table>
|
||||
<div class="additional-info">
|
||||
<p>Depok, <?php echo date("d-n-Y"); ?></p>
|
||||
<p>Petugas Print : <?= $this->session->userdata['nama'] ?></p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,80 @@
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/app/css/style.css">
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-ban"></i> Error</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class='col-xs-12'>
|
||||
<div class='box box-primary'>
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Edit Data Operator</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<?php echo form_open_multipart('operator/edit', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator")); ?>
|
||||
<div class="form-group">
|
||||
<label for="operator" class="control-label">Nama Operator</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="operator" id="operator" data-error="Nama Operator harus diisi" placeholder="Nama Operator" value="<?php echo $record['nama_operator'] ?>" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-user"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="username" class="control-label">Nama Username</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="username" id="username" data-error="Nama Username harus diisi" placeholder="Nama Username" value="<?php echo $record['username'] ?>" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-id-badge"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="akses" class="control-label">akses</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="akses">
|
||||
<?php
|
||||
foreach ($akses as $a) {
|
||||
if ($record['id_akses'] == $a->id_akses) {
|
||||
echo "<option value='$a->id_akses' selected='selected'>$a->nama_akses</option>";
|
||||
} else {
|
||||
echo "<option value=' $a->id_akses'>$a->nama_akses</option>";
|
||||
}
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-user-circle"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="foto" class="control-label">Foto</label>
|
||||
<div class="input-group">
|
||||
<input type="file" name="foto" class="form-control">
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-photo"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="box-footer">
|
||||
<input type="hidden" name="id" value="<?php echo $record['id_operator']; ?>">
|
||||
<button type="submit" name="submit" class="btn btn-primary ">Simpan</button>
|
||||
<a href="<?php echo base_url() ?>operator" class="btn btn-default ">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /.box -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,86 @@
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/app/css/style.css">
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-ban"></i> Error</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class='col-xs-12'>
|
||||
<div class='box box-primary'>
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Tambah Data Operator</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<?php echo form_open_multipart('operator/post', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator")); ?>
|
||||
<div class="form-group">
|
||||
<label for="operator" class="control-label">Nama Operator</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="operator" id="operator" data-error="Nama Operator harus diisi" placeholder="Nama Operator" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-user"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="username" class="control-label">Nama Username</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="username" id="username" data-error="Nama Username harus diisi" placeholder="Nama Username" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-id-badge"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="password" class="control-label">Password</label>
|
||||
<div class="input-group">
|
||||
<input type="password" class="form-control" name="password" id="password" data-error="Password harus diisi" placeholder="Password" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-key"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="akses" class="control-label">akses</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="akses">
|
||||
<?php
|
||||
foreach ($akses as $a) {
|
||||
echo "<option value=' $a->id_akses'>$a->nama_akses</option>";
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-user-circle"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="foto" class="control-label">Foto</label>
|
||||
<div class="input-group">
|
||||
<input type="file" name="foto" class="form-control">
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-photo"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="box-footer">
|
||||
<button type="submit" name="submit" class="btn btn-primary ">Simpan</button>
|
||||
<a href="<?php echo base_url() ?>operator" class="btn btn-default ">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /.box -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -0,0 +1,92 @@
|
||||
<style type="text/css">
|
||||
table,
|
||||
th,
|
||||
tr,
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swal2-popup {
|
||||
font-family: inherit;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
</style>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-info">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Data Operator</h3>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
echo anchor('operator/post', 'Tambah Data', array('class' => 'btn btn-success'));
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<table id="myTable" class="table table-bordered table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No.</th>
|
||||
<th>Nama Operator</th>
|
||||
<th>Username </th>
|
||||
<th>Akses</th>
|
||||
<th>Foto</th>
|
||||
<th>Operasi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$no = 0;
|
||||
foreach ($record as $operator) { ?>
|
||||
<tr>
|
||||
<td><?php echo ++$no; ?></td>
|
||||
<td><?php echo $operator->nama_operator ?></td>
|
||||
<td><?php echo $operator->username ?></td>
|
||||
<td><?php echo $operator->nama_akses ?></td>
|
||||
<td>
|
||||
<a href="<?php echo (site_url('uploads/operator/' . $operator->foto)); ?>" class="image-link">
|
||||
<img src="<?php echo (site_url('uploads/operator/' . $operator->foto)); ?>" alt="" style="width:30px;height:30px">
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<?php
|
||||
echo anchor(site_url('operator/edit/' . $operator->id_operator), '<i class="fa fa-pencil-square-o fa-lg"></i> Edit', array('title' => 'edit', 'class' => 'btn btn-sm btn-warning'));
|
||||
echo ' ';
|
||||
echo anchor(site_url('operator/hapus/' . $operator->id_operator), '<i class="fa fa-trash fa-lg"></i> Hapus', 'title="delete" class="btn btn-sm btn-danger "');
|
||||
?>
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="<?php echo base_url() ?>assets/app/js/alert.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
|
||||
var table = $('#myTable').dataTable({
|
||||
"fnDrawCallback": function() {
|
||||
$('.image-link').magnificPopup({
|
||||
type: 'image',
|
||||
closeOnContentClick: true,
|
||||
closeBtnInside: false,
|
||||
fixedContentPos: true,
|
||||
|
||||
image: {
|
||||
verticalFit: true
|
||||
},
|
||||
zoom: {
|
||||
enabled: true,
|
||||
duration: 300 // don't foget to change the duration also in CSS
|
||||
},
|
||||
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,73 @@
|
||||
<style>
|
||||
.image {
|
||||
cursor: crosshair;
|
||||
}
|
||||
</style>
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
</div>
|
||||
<div class="modal-body modal-spa">
|
||||
<div class="col-md-12 span-2">
|
||||
<div class="image-container">
|
||||
<div class="image detail-view" style="background-image: url(<?php echo base_url('uploads/operator/') . $detail->foto; ?>);" class="img-responsive" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
// Get all images with the `detail-view` class
|
||||
var zoomBoxes = document.querySelectorAll('.detail-view');
|
||||
|
||||
// Extract the URL
|
||||
zoomBoxes.forEach(function(image) {
|
||||
var imageCss = window.getComputedStyle(image, false),
|
||||
imageUrl = imageCss.backgroundImage
|
||||
.slice(4, -1).replace(/['"]/g, '');
|
||||
|
||||
// Get the original source image
|
||||
var imageSrc = new Image();
|
||||
imageSrc.onload = function() {
|
||||
var imageWidth = imageSrc.naturalWidth,
|
||||
imageHeight = imageSrc.naturalHeight,
|
||||
ratio = imageHeight / imageWidth;
|
||||
|
||||
// Adjust the box to fit the image and to adapt responsively
|
||||
var percentage = ratio * 100 + '%';
|
||||
image.style.paddingBottom = percentage;
|
||||
|
||||
// Zoom and scan on mousemove
|
||||
image.onmousemove = function(e) {
|
||||
// Get the width of the thumbnail
|
||||
var boxWidth = image.clientWidth,
|
||||
// Get the cursor position, minus element offset
|
||||
x = e.pageX - this.offsetLeft,
|
||||
y = e.pageY - this.offsetTop,
|
||||
// Convert coordinates to % of elem. width & height
|
||||
xPercent = x / (boxWidth / 100) + '%',
|
||||
yPercent = y / (boxWidth * ratio / 100) + '%';
|
||||
|
||||
// Update styles w/actual size
|
||||
Object.assign(image.style, {
|
||||
backgroundPosition: xPercent + ' ' + yPercent,
|
||||
backgroundSize: imageWidth + 'px'
|
||||
});
|
||||
};
|
||||
|
||||
// Reset when mouse leaves
|
||||
image.onmouseleave = function(e) {
|
||||
Object.assign(image.style, {
|
||||
backgroundPosition: 'center',
|
||||
backgroundSize: 'cover'
|
||||
});
|
||||
};
|
||||
}
|
||||
imageSrc.src = imageUrl;
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
@@ -0,0 +1,86 @@
|
||||
<style>
|
||||
.image {
|
||||
cursor: crosshair;
|
||||
}
|
||||
</style>
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
</div>
|
||||
<div class="modal-body modal-spa">
|
||||
<div class="col-md-5 span-2">
|
||||
<div class="image-container">
|
||||
<div class="image detail-view" style="background-image: url(<?php echo base_url('uploads/') . $detail->foto; ?>);no-repeat" class="img-responsive" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-7 span-1 ">
|
||||
<h3><?php echo $detail->nama_barang; ?>(<?php echo $detail->stok_barang; ?>pcs)</h3>
|
||||
<p class="in-para"> There are many variations of passages of Lorem Ipsum.</p>
|
||||
<div class="price_single">
|
||||
<span class="reducedfrom ">Rp <?php echo number_format($detail->harga); ?></span>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<h4 class="quick">Quick Overview:</h4>
|
||||
<p class="quick_desc"> Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; es</p>
|
||||
<div class="add-to">
|
||||
<a href="<?php echo base_url() . 'index.php/penjualan/tambah_barang/' . $detail->id_barang . '/1' ?>" type="button" class="btn btn-danger my-cart-btn my-cart-btn1">Add to Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
// Get all images with the `detail-view` class
|
||||
var zoomBoxes = document.querySelectorAll('.detail-view');
|
||||
|
||||
// Extract the URL
|
||||
zoomBoxes.forEach(function(image) {
|
||||
var imageCss = window.getComputedStyle(image, false),
|
||||
imageUrl = imageCss.backgroundImage
|
||||
.slice(4, -1).replace(/['"]/g, '');
|
||||
|
||||
// Get the original source image
|
||||
var imageSrc = new Image();
|
||||
imageSrc.onload = function() {
|
||||
var imageWidth = imageSrc.naturalWidth,
|
||||
imageHeight = imageSrc.naturalHeight,
|
||||
ratio = imageHeight / imageWidth;
|
||||
|
||||
// Adjust the box to fit the image and to adapt responsively
|
||||
var percentage = ratio * 100 + '%';
|
||||
image.style.paddingBottom = percentage;
|
||||
|
||||
// Zoom and scan on mousemove
|
||||
image.onmousemove = function(e) {
|
||||
// Get the width of the thumbnail
|
||||
var boxWidth = image.clientWidth,
|
||||
// Get the cursor position, minus element offset
|
||||
x = e.pageX - this.offsetLeft,
|
||||
y = e.pageY - this.offsetTop,
|
||||
// Convert coordinates to % of elem. width & height
|
||||
xPercent = x / (boxWidth / 100) + '%',
|
||||
yPercent = y / (boxWidth * ratio / 100) + '%';
|
||||
|
||||
// Update styles w/actual size
|
||||
Object.assign(image.style, {
|
||||
backgroundPosition: xPercent + ' ' + yPercent,
|
||||
backgroundSize: imageWidth + 'px'
|
||||
});
|
||||
};
|
||||
|
||||
// Reset when mouse leaves
|
||||
image.onmouseleave = function(e) {
|
||||
Object.assign(image.style, {
|
||||
backgroundPosition: 'center',
|
||||
backgroundSize: 'cover'
|
||||
});
|
||||
};
|
||||
}
|
||||
imageSrc.src = imageUrl;
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
@@ -0,0 +1,699 @@
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/app/css/style.css">
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-ban"></i> Error</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<div class="box box-warning kasir">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Kasir</h3>
|
||||
<div class="box-tools pull-right">
|
||||
<span><i class="fa fa-shopping-cart"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div style="width: 475px;" class="cart">
|
||||
<div id="pos">
|
||||
<div class="well well-sm" id="leftdiv">
|
||||
<!---cari siswa---->
|
||||
<div class="form-group" style="margin-bottom:5px;">
|
||||
<p align="right"><a href="#" title="Cari Barang"><i class="fa fa-search"></i></a> Cari Siswa</p>
|
||||
<div class="input-group">
|
||||
<select name="nis" id="nis" onchange="buka()" class="form-control select22" >
|
||||
<option selected="selected">-- Pilih Siswa --</option>
|
||||
<?php
|
||||
foreach ($record as $siswa) {
|
||||
echo "<option value='$siswa->nis'>$siswa->nis | $siswa->nama | $siswa->kelas</option>";
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cubes"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="list-table-div">
|
||||
<div class="fixed-table-header">
|
||||
<table id="siswa-table" class="table table-striped list-table" style="margin:0;">
|
||||
<thead>
|
||||
<tr class="info">
|
||||
<th>Nama Siswa</th>
|
||||
<th style="width: 30%;text-align:center;">Kelas</th>
|
||||
<th style="width: 30%;text-align:center;">Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<div>
|
||||
<div class="card card-body bg-light">
|
||||
<tbody>
|
||||
|
||||
</tbody>
|
||||
</div>
|
||||
</div>
|
||||
</table>
|
||||
</div>
|
||||
</div><br>
|
||||
|
||||
<!---cari barang---->
|
||||
<div id="lefttop" style="margin-bottom:5px;">
|
||||
<div class="form-group" style="margin-bottom:5px;">
|
||||
<p align="right"><a href="#" title="Cari Barang"><i class="fa fa-search"></i></a> Cari Barang</p>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input class="form-control" name="idbarang" type="text" onkeyup="showResult(this.value)" placeholder="Ketik Nama Barang">
|
||||
<div id="hasilcari"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div id="list-table-div">
|
||||
<div class="fixed-table-header">
|
||||
<table class="table table-striped list-table" style="margin:0;">
|
||||
<thead>
|
||||
<tr class="info">
|
||||
<th>Nama Barang</th>
|
||||
<th style="width: 15%;text-align:center;">Harga</th>
|
||||
<th style="width: 15%;text-align:center;">Qty</th>
|
||||
<th style="width: 20%;text-align:center;">Subtotal</th>
|
||||
<th style="width: 20px;" class="satu absorbing-column"><i class="fa fa-trash-o"></i></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<div>
|
||||
<div class="card card-body bg-light">
|
||||
<tbody>
|
||||
<?php
|
||||
if (!empty($this->cart->contents())) {
|
||||
foreach ($this->cart->contents() as $items) { ?>
|
||||
<tr>
|
||||
<td>
|
||||
<?php if ($items['size'] == 1) : ?>
|
||||
<a href="#" class="btn bg-green btn-block btn-xs">
|
||||
<span class="sname">
|
||||
<?= $items['name']; ?> (<?= $items['namesize'] ?>)
|
||||
</span>
|
||||
</a>
|
||||
<?php elseif ($items['size'] == 2) : ?>
|
||||
<a href="#" class="btn bg-blue btn-block btn-xs">
|
||||
<span class="sname">
|
||||
<?= $items['name']; ?> (<?= $items['namesize'] ?>)
|
||||
</span>
|
||||
</a>
|
||||
<?php elseif ($items['size'] == 3) : ?>
|
||||
<a href="#" class="btn bg-yellow btn-block btn-xs">
|
||||
<span class="sname">
|
||||
<?= $items['name']; ?> (<?= $items['namesize'] ?>)
|
||||
</span>
|
||||
</a>
|
||||
<?php elseif ($items['size'] == 4) : ?>
|
||||
<a href="#" class="btn bg-purple btn-block btn-xs">
|
||||
<span class="sname">
|
||||
<?= $items['name']; ?> (<?= $items['namesize'] ?>)
|
||||
</span>
|
||||
</a>
|
||||
<?php elseif ($items['size'] == 5) : ?>
|
||||
<a href="#" class="btn bg-red btn-block btn-xs">
|
||||
<span class="sname">
|
||||
<?= $items['name']; ?> (<?= $items['namesize'] ?>)
|
||||
</span>
|
||||
</a>
|
||||
<?php else : ?>
|
||||
<a href="#" class="btn bg-black btn-block btn-xs">
|
||||
<span class="sname">
|
||||
<?= $items['name']; ?> (<?= $items['namesize'] ?>)
|
||||
</span>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td align="right">Rp.<?= $this->fungsi->rupiah($items['price']); ?></td>
|
||||
<td style="text-align:center;">
|
||||
<form action="<?= base_url('index.php/ubah_qty'); ?>" method="POST">
|
||||
<input type="hidden" id="idbrg" name="idbarang" value="<?= $items['id_barang']; ?>">
|
||||
<input type="hidden" name="rowid" value="<?= $items['rowid']; ?>">
|
||||
<input type="number" class="total" max="500" min="0" value="<?= $items['qty']; ?>" name="qty" size="5">
|
||||
<button class="btn btn-primary btn-sm fa fa-check" style="display:none;" title="Simpan">
|
||||
</button>
|
||||
</form>
|
||||
</td>
|
||||
<td align="center">
|
||||
Rp.<?= $this->fungsi->rupiah($items['subtotal']); ?>
|
||||
</td>
|
||||
<td align="center">
|
||||
<a onclick="location.href = '<?= base_url(); ?>index.php/hapus_cart/<?= $items['rowid']; ?>';" title="Batalkan">
|
||||
<i class="fa fa-trash-o tip pointer posdel"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<?php }
|
||||
} else { ?>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
</div>
|
||||
</div>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
<table id="totaltbl" class="table table-condensed totals" style="margin-bottom:10px;">
|
||||
<tr class="info">
|
||||
<td width="25%">Total Barang</td>
|
||||
<td class="text-center" style="padding-right:10px;"><span id="count"><?= $this->cart->total_items(); ?></span></td>
|
||||
<td width="25%" style="font-weight:bold;">Grand Total</td>
|
||||
<td class="text-right" style="font-weight:bold;" colspan="2"><span id="total"><span id="count">Rp.<?= $this->fungsi->rupiah($this->cart->total()); ?>
|
||||
<input readonly type="hidden" name="total" id="total' onfocus=" startCalculate()" onblur="stopCalc()" value="<?= $this->cart->total(); ?>" required="">
|
||||
</span></span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div id="botbuttons" class="col-xs-12 text-center">
|
||||
<div class="row">
|
||||
<div class="col-xs-6" style="padding: 0;">
|
||||
<div class="btn-group-vertical btn-block">
|
||||
<a href="<?php echo base_url() ?>index.php/cancel" class="btn btn-danger btn-block btn-flat" id="reset" onclick="hapusDataSiswa()">Cancel</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6" style="padding: 0;">
|
||||
<a href="#" onclick="payment()" class="btn btn-success btn-block btn-flat" id="pembayaran">Pembayaran</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="box box-info ">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title" id="ReciverName_txt">List Stok Barang</h3>
|
||||
<div class="cold-md-3 push-1">
|
||||
<a href="#" onclick="sort()" class="btn btn-default btn-sm toggle_form pull-right">Tampilkan/Sembunyikan Filter</a>
|
||||
</div>
|
||||
<div class="box-tools pull-right">
|
||||
<span data-toggle="tooltip">
|
||||
<i class="fa fa-cubes"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contents" id="right-col">
|
||||
<div class="box-body" style="height:670px;overflow-y: scroll;">
|
||||
<div class="listitem with-border">
|
||||
<div id="sort">
|
||||
<?php echo form_open('penjualan/store'); ?>
|
||||
<div class="col-xs-6">
|
||||
<div class="form-group">
|
||||
<label for="kategori" class="control-label">Kategori</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="kategori">
|
||||
<option value="">Pilih Semua</option>
|
||||
<?php
|
||||
foreach ($kategori as $k) {
|
||||
echo "<option value=' $k->id_kategori'>$k->nama_kategori</option>";
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-list"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<div class="form-group">
|
||||
<label for="ukuran" class="control-label">Kelas</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="ukuran">
|
||||
<option value=""">Pilih Semua</option>
|
||||
<?php
|
||||
foreach ($ukuran as $u) {
|
||||
echo "<option value=' $u->id_ukuran'>$u->nama_ukuran</option>";
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-expand"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-2" style="padding-top:25px;">
|
||||
<div class="input-group">
|
||||
<button type="submit" name="filter" class="btn btn-primary ">Filter</button>
|
||||
</div>
|
||||
</div>
|
||||
<?= form_close() ?>
|
||||
</div>
|
||||
<div id="item-list">
|
||||
<div class="items">
|
||||
<?php foreach ($result as $row) { ?>
|
||||
<div class="col-md-3 pro-1">
|
||||
<div class="col-m" style="padding:0.5em;">
|
||||
<a href="#" onclick="detailCart('<?php echo $row->id_barang ?>')" class="offer-img">
|
||||
<div class="img1">
|
||||
<center><img src="<?php echo base_url('uploads/') . $row->foto; ?>" style="width: 110px; height: 100px;" class="img-responsive" alt="<?php echo $row->nama_barang; ?>"></center>
|
||||
</div>
|
||||
<?php if ($row->ukuran == 1) : ?>
|
||||
<div class="offerg">
|
||||
<p>
|
||||
<span><?php echo $row->nama_ukuran; ?></span>
|
||||
</p>
|
||||
</div>
|
||||
<?php elseif ($row->ukuran == 2) : ?>
|
||||
<div class="offerb">
|
||||
<p>
|
||||
<span><?php echo $row->nama_ukuran; ?></span>
|
||||
</p>
|
||||
</div>
|
||||
<?php elseif ($row->ukuran == 3) : ?>
|
||||
<div class="offery">
|
||||
<p>
|
||||
<span><?php echo $row->nama_ukuran; ?></span>
|
||||
</p>
|
||||
</div>
|
||||
<?php elseif ($row->ukuran == 4) : ?>
|
||||
<div class="offerprp">
|
||||
<p>
|
||||
<span><?php echo $row->nama_ukuran; ?></span>
|
||||
</p>
|
||||
</div>
|
||||
<?php elseif ($row->ukuran == 5) : ?>
|
||||
<div class="offerrd">
|
||||
<p>
|
||||
<span><?php echo $row->nama_ukuran; ?></span>
|
||||
</p>
|
||||
</div>
|
||||
<?php else : ?>
|
||||
<div class="offerd">
|
||||
<p>
|
||||
<span><?php echo $row->nama_ukuran; ?></span>
|
||||
</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
<div class="mid-1">
|
||||
<div class="women">
|
||||
<h6 align="center" s><a href="single.html"><?php echo $row->nama_barang; ?></a>
|
||||
<br>(<?php echo $row->stok_barang ?>pcs)
|
||||
</h6>
|
||||
</div>
|
||||
<div class="mid-2">
|
||||
<p align="center"><label>Rp.<?= $this->fungsi->rupiah($row->harga); ?></label></p>
|
||||
</div>
|
||||
<div class="add">
|
||||
<center><a href="<?php echo base_url() . 'index.php/penjualan/tambah_barang/' . $row->id_barang . '/1' ?>" type="button" class="btn btn-danger my-cart-btn my-cart-b">Add to Cart</a>
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="page">
|
||||
<?php if (!isset($_POST['filter'])) {
|
||||
echo $halaman;
|
||||
} ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="modal fade" id="modalpayment" role="dialog" style="min-width: 80%;">
|
||||
<div class="modal-dialog" style="min-width: 50%;">
|
||||
<div class="modal-content">
|
||||
<div id="datapayment">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i></button>
|
||||
<h4 class="modal-title" id="payModalLabel">
|
||||
Payment </h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form onSubmit="if(!confirm('Pastikan sudah terjadi pembayaran!')){return false;}" action="<?= base_url('index.php/penjualan/transaksi'); ?>" method="POST" name="frm_byr">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div>
|
||||
<table id="modaltab" class="table table-bordered table-condensed" style="margin-bottom: 0;">
|
||||
<tr class="table-secondary">
|
||||
<td id="mdl" width="25%" style="border-right-color: #FFF !important;">Total Barang</td>
|
||||
<td id="mdl" width="25%" class="text-center">
|
||||
<span id="item_count"><?= $this->cart->total_items(); ?></span>
|
||||
</td>
|
||||
<td id="mdl" width="25%" style="border-right-color: #FFF !important;">Grand Total</td>
|
||||
<td id="mdl" class="text-right">
|
||||
<input type="hidden" name="totalpure" id="totalpure" value="<?php echo $this->cart->total(); ?>" class="form-control kb-text">
|
||||
<span>Rp.<input readonly type="number" id="total" name="grandtotal" onfocus="startCalculate()" onblur="stopCalc()" value="<?= $this->cart->total(); ?>" required="">
|
||||
</span>
|
||||
</td>
|
||||
</tr class="table-secondary">
|
||||
<tr>
|
||||
<td id="mdl" style="border-right-color: #FFF !important;">Diskon</td>
|
||||
<td id="mdl" class="text-center"><span>
|
||||
<input type="number" name="diskon" id="diskon" max="100" min="0" onfocus="startCalculate()" onblur="stopCalc()" value="" required=""><span>%</span>
|
||||
</span></td>
|
||||
<td id="mdl" style="border-right-color: #FFF !important;">Kembalian</td>
|
||||
<td id="mdl" class="text-right">
|
||||
<span>Rp.
|
||||
<input readonly type="number" id="kembalian" name="kembalian" onfocus="startCalculate()" onblur="stopCalc()" required="">
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="form-group">
|
||||
<label for="note"><strong>BAYAR (Rp)</strong>
|
||||
</label>
|
||||
<input type="number" placeholder="Pembayaran" name="bayar" class="form-control" id="bayar" style="font-size: 2em;" onfocus="startCalculate()" onblur="stopCalc()" required="">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="note">Catatan</label>
|
||||
<input type="hidden" name="nisn" id="nisn">
|
||||
<input type="hidden" name="siswa" id="siswa">
|
||||
<input type="hidden" name="kelas" id="kelas">
|
||||
<input type="hidden" name="status" id="status">
|
||||
<textarea name="note" placeholder="Catatan untuk transaksi" id="note" class="pa form-control kb-text"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="form-group">
|
||||
<label for="payment">Metode Pembayaran</label>
|
||||
<select id="payment" name="metode" class="form-control" style="width:100%;">
|
||||
<option value="1">Cash</option>
|
||||
<option value="2">Transfer</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="rek">
|
||||
<div class="col-xs-7">
|
||||
<div class="form-group">
|
||||
<label for="note">No. Rek</label>
|
||||
<input type="text" name="norek" class="form-control kb-text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-5">
|
||||
<div class="form-group">
|
||||
<label for="note">Bank</label>
|
||||
<div id="byjson"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<div class="form-group">
|
||||
<label for="note">Atas Nama(A/N)</label>
|
||||
<input type="text" name="atas_nama" class="form-control kb-text">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<?php
|
||||
if (!empty($this->cart->contents())) {
|
||||
foreach ($this->cart->contents() as $items) { ?>
|
||||
<input type="hidden" name="idbrg" value="<?= $items['id_barang']; ?>">
|
||||
<input type="hidden" name="rowid" value="<?= $items['rowid']; ?>">
|
||||
<input type="hidden" value="<?= $items['qty']; ?>" name="qty" size="5">
|
||||
<?php } }else{ }?>
|
||||
<button type="button" class="btn btn-default pull-left" data-dismiss="modal"> Close </button>
|
||||
<button class="btn btn-primary" id="submit-sale">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /.modal-dialog -->
|
||||
</form>
|
||||
</div><!-- /.modal -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /.modal-dialog -->
|
||||
|
||||
<div class="modal fade" id="myModal2" role="dialog" style="min-width: 100%">
|
||||
<div class="modal-dialog">
|
||||
<div id="barang"> </div>
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
// Periksa apakah ada data siswa di penyimpanan lokal saat halaman dimuat
|
||||
var storedSiswa = localStorage.getItem('data_siswa');
|
||||
if (storedSiswa) {
|
||||
var siswa = JSON.parse(storedSiswa);
|
||||
var tableContent = '';
|
||||
tableContent += '<tr>';
|
||||
tableContent += '<td>' + siswa.nama + '</td>';
|
||||
tableContent += '<td style="text-align:center;">' + siswa.kelas + '</td>';
|
||||
tableContent += '<td style="text-align:center;">' + siswa.status + '</td>';
|
||||
tableContent += '</tr>';
|
||||
$('#siswa-table tbody').html(tableContent);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
function startCalculate() {
|
||||
interval = setInterval("Calculate()", 1);
|
||||
}
|
||||
function hapusDataSiswa() {
|
||||
localStorage.removeItem('data_siswa');
|
||||
}
|
||||
|
||||
function buka() {
|
||||
var selectedNIS = $('#nis').val();
|
||||
$.ajax({
|
||||
url: '<?php echo base_url("penjualan/get_siswa_by_nis"); ?>',
|
||||
method: 'POST',
|
||||
data: {nis: selectedNIS},
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
var siswa = response;
|
||||
var tableContent = '';
|
||||
tableContent += '<tr>';
|
||||
tableContent += '<td>' + siswa.nama + '</td>';
|
||||
tableContent += '<td style="text-align:center;">' + siswa.kelas + '</td>';
|
||||
tableContent += '<td style="text-align:center;">' + siswa.status + '</td>';
|
||||
tableContent += '</tr>';
|
||||
$('#siswa-table tbody').html(tableContent);
|
||||
localStorage.setItem('data_siswa', JSON.stringify(siswa));
|
||||
}
|
||||
});
|
||||
}
|
||||
function Calculate() {
|
||||
let a = <?= $this->cart->total(); ?>;
|
||||
let b = document.frm_byr.total.value;
|
||||
let c = document.frm_byr.diskon.value;
|
||||
let d = document.frm_byr.bayar.value;
|
||||
let e = 100;
|
||||
let f = (a / e * c);
|
||||
let g = (a - f);
|
||||
let h = (d - g);
|
||||
document.frm_byr.total.value = (g);
|
||||
document.frm_byr.kembalian.value = (h);
|
||||
let hasil;
|
||||
hasil = (g);
|
||||
let bilangan = (g);
|
||||
let number_string = bilangan.toString(),
|
||||
sisa = number_string.length % 3,
|
||||
rupiah = number_string.substr(0, sisa),
|
||||
ribuan = number_string.substr(sisa).match(/\d{3}/g);
|
||||
if (ribuan) {
|
||||
separator = sisa ? '.' : '';
|
||||
rupiah += separator + ribuan.join('.');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function stopCalc() {
|
||||
clearInterval(interval);
|
||||
}
|
||||
|
||||
function payment() {
|
||||
let idBrg = $('#idbrg').val();
|
||||
var storedSiswa = localStorage.getItem('data_siswa');
|
||||
|
||||
if (idBrg == undefined) {
|
||||
alert('Cart tidak boleh kosong!');
|
||||
} else if ( storedSiswa == undefined ) {
|
||||
alert('Siswa belum dipilih');
|
||||
|
||||
} else {
|
||||
var diskonInput = document.getElementById('diskon');
|
||||
var nisninput = document.getElementById('nisn');
|
||||
var namainput = document.getElementById('siswa');
|
||||
var statusinput = document.getElementById('status');
|
||||
var kelasinput = document.getElementById('kelas');
|
||||
var diskonValue = parseInt(diskonInput.value);
|
||||
var storedSiswa = localStorage.getItem('data_siswa');
|
||||
var siswa = JSON.parse(storedSiswa);
|
||||
|
||||
|
||||
var status = siswa.status;
|
||||
var nisn = siswa.nis;
|
||||
var nama = siswa.nama;
|
||||
var kelas = siswa.kelas;
|
||||
|
||||
// Menerapkan aturan potongan diskon berdasarkan status siswa
|
||||
if (status === 'Yatim') {
|
||||
diskonValue = 10; // Membatasi diskon maksimal menjadi 5%
|
||||
} else if (status === 'Karyawan') {
|
||||
diskonValue = 50; // Membatasi diskon maksimal menjadi 10%
|
||||
} else if (status === 'Yayasan') {
|
||||
diskonValue = 50; // Membatasi diskon maksimal menjadi 50%
|
||||
} else {
|
||||
diskonValue = 0; // Tidak ada potongan diskon
|
||||
}
|
||||
|
||||
diskonInput.value = diskonValue; // Menetapkan nilai diskon yang telah dihitung ke input
|
||||
nisninput.value = nisn;
|
||||
kelasinput.value = kelas;
|
||||
namainput.value = nama;
|
||||
statusinput.value = status;
|
||||
$('#modalpayment').modal("show");
|
||||
}
|
||||
}
|
||||
|
||||
function tutup() {
|
||||
$("#modalpayment").modal("hide");
|
||||
$(".modal-backdrop").remove();
|
||||
}
|
||||
|
||||
function detailCart(id) {
|
||||
let page = '<?= base_url() ?>'
|
||||
var url = page + "penjualan/detail_modal/" + id;
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: "GET",
|
||||
data: {
|
||||
id: id
|
||||
},
|
||||
success: function(data) {
|
||||
$(document.getElementById('barang')).html(data);
|
||||
$('#myModal2').modal("show");
|
||||
},
|
||||
error: function(jqXHR, textStatus, errorThrown) {
|
||||
alert('Error adding / update data');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function showResult(str) {
|
||||
if (str.length == 0) {
|
||||
document.getElementById("hasilcari").innerHTML = "";
|
||||
document.getElementById("hasilcari").style.border = "0px";
|
||||
return;
|
||||
}
|
||||
if (window.XMLHttpRequest) {
|
||||
xmlhttp = new XMLHttpRequest();
|
||||
} else {
|
||||
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
|
||||
}
|
||||
xmlhttp.onreadystatechange = function() {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
document.getElementById("hasilcari").innerHTML = this.responseText;
|
||||
document.getElementById("hasilcari").style.border = "1px solid #A5ACB2";
|
||||
}
|
||||
}
|
||||
xmlhttp.open("GET", "<?= base_url(); ?>index.php/penjualan/caribarang?q=" + str, true);
|
||||
xmlhttp.send();
|
||||
}
|
||||
|
||||
function createByJson() {
|
||||
let jsonData = [{
|
||||
description: 'Pilih Metode Transfer Pembayaran',
|
||||
value: '',
|
||||
text: 'Bank Transfer'
|
||||
},
|
||||
{
|
||||
image: '../assets/dist/img/bank/mandiri.png',
|
||||
description: '',
|
||||
value: '1',
|
||||
text: 'Mandiri'
|
||||
},
|
||||
{
|
||||
image: '../assets/dist/img/bank/bni.png',
|
||||
description: '',
|
||||
value: '2',
|
||||
text: 'BNI'
|
||||
},
|
||||
{
|
||||
image: '../assets/dist/img/bank/bca.png',
|
||||
description: '',
|
||||
value: '3',
|
||||
text: 'BCA'
|
||||
},
|
||||
{
|
||||
image: '../assets/dist/img/bank/bri.png',
|
||||
description: '',
|
||||
value: '4',
|
||||
text: 'BRI',
|
||||
},
|
||||
{
|
||||
image: '../assets/dist/img/bank/niaga.png',
|
||||
description: '',
|
||||
value: '4',
|
||||
text: 'CIMB Niaga'
|
||||
},
|
||||
];
|
||||
let jsn = $("#byjson").msDropDown({
|
||||
byJson: {
|
||||
data: jsonData,
|
||||
name: 'payments'
|
||||
}
|
||||
}).data("dd");
|
||||
}
|
||||
$(function() {
|
||||
$('#rek').hide();
|
||||
$('#payment').change(function() {
|
||||
if ($('#payment').val() == '2') {
|
||||
$('#rek').show();
|
||||
createByJson();
|
||||
} else {
|
||||
$('#rek').hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
$(document).on('keyup', 'input[name=qty]', function() {
|
||||
let _this = $(this);
|
||||
let min = parseInt(_this.attr('min')) || 1;
|
||||
let max = parseInt(_this.attr('max')) || 100; // if max attribute is not defined, 100 is default
|
||||
let val = parseInt(_this.val()) || (min - 1); // if input char is not a number the value will be (min - 1) so first condition will be true
|
||||
if (val < min)
|
||||
_this.val(min);
|
||||
if (val > max)
|
||||
_this.val(max);
|
||||
});
|
||||
$(document).on('keyup', 'input[name=diskon]', function() {
|
||||
let _this = $(this);
|
||||
let zero = parseInt(_this.attr('zero')) || 0;
|
||||
let min = parseInt(_this.attr('min')) || 1; // if min attribute is not defined, 1 is default
|
||||
let max = parseInt(_this.attr('max')) || 100; // if max attribute is not defined, 100 is default
|
||||
let val = parseInt(_this.val()) || (min - 1); // if input char is not a number the value will be (min - 1) so first condition will be true
|
||||
if (val < min || val == '')
|
||||
_this.val(min);
|
||||
if (val > max)
|
||||
_this.val(max);
|
||||
if (val == 0)
|
||||
_this.val(zero);
|
||||
});
|
||||
|
||||
function sort() {
|
||||
$("#sort").toggle();
|
||||
}
|
||||
</script>
|
||||
<script src="<?php echo base_url() ?>assets/plugins/zoomto/jquery.zoomtoo.js"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
$("#picture-frame").zoomToo({
|
||||
magnify: 1
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,258 @@
|
||||
<style type="text/css" media="all">
|
||||
body {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
table,
|
||||
th,
|
||||
tr {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
max-width: 650px;
|
||||
margin: 0 auto;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.table {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.table th {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.table th,
|
||||
.table td {
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
@media print {
|
||||
.no-print {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
max-width: 480px;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
tfoot tr th:first-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
</style>
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-success">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-check"></i> Sukses</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
<section class='content'>
|
||||
<div class='row'>
|
||||
<div class='col-xs-12'>
|
||||
<div class='box box-primary'>
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>BUKTI PEMBAYARAN</h3>
|
||||
</div>
|
||||
<div id="print-area">
|
||||
<div class="box-body">
|
||||
<div id="wrapper">
|
||||
<div id="receiptData"
|
||||
style="width: auto; max-width: 580px; min-width: 250px; margin: 0 auto;">
|
||||
<div id="receipt-data">
|
||||
<div>
|
||||
<div style="text-align:center;">
|
||||
<img src="<?php echo base_url(); ?>images/kop.jpeg"
|
||||
style="width:75%;" alt="BILBILWEST">
|
||||
<hr class="double-line" style=" border-top: 3px double #000;
|
||||
margin: 10px auto;
|
||||
width: 100%;">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<table
|
||||
style="width: 100%; border-collapse: collapse; height: 89px; float: left;"
|
||||
border="0">
|
||||
<tbody>
|
||||
<tr style="height: 18px;">
|
||||
<td style="width: 17.665%; height: 18px; text-align: left;">Tanggal
|
||||
</td>
|
||||
<td style="width: 1.66389%; height: 18px; text-align: left;">:</td>
|
||||
<td style="width: 36.3005%; height: 18px; text-align: left;">
|
||||
<?php echo $tanggal . ' ' . $jam; ?></td>
|
||||
<td style="width: 16.6667%; height: 18px; text-align: left;">NIS
|
||||
</td>
|
||||
<td style="width: 2.02444%; height: 18px; text-align: left;">:</td>
|
||||
<td style="width: 31.309%; height: 18px; text-align: left;"><?php echo $nis_siswa; ?>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="height: 18px; text-align: left;">
|
||||
<td style="width: 17.665%; height: 18px;">No. Transaksi</td>
|
||||
<td style="width: 1.66389%; height: 18px;">:</td>
|
||||
<td style="width: 36.3005%; height: 18px;"><?php echo $nota; ?></td>
|
||||
<td style="width: 16.6667%; height: 18px;">Nama Siswa </td>
|
||||
<td style="width: 2.02444%; height: 18px;">:</td>
|
||||
<td style="width: 31.309%; height: 18px;"><?php echo $nama_siswa; ?></td>
|
||||
</tr>
|
||||
<tr style="height: 18px; text-align: left;">
|
||||
<td style="width: 17.665%; height: 18px;">Petugas </td>
|
||||
<td style="width: 1.66389%; height: 18px;">:</td>
|
||||
<td style="width: 36.3005%; height: 18px;"><?php echo $operator; ?></td>
|
||||
<td style="width: 16.6667%; height: 18px;">Kelas</td>
|
||||
<td style="width: 2.02444%; height: 18px;">:</td>
|
||||
<td style="width: 31.309%; height: 18px;"><?php echo $kelas; ?></td>
|
||||
</tr>
|
||||
<tr style="height: 17px; text-align: left;">
|
||||
<td style="width: 17.665%; height: 17px;"> </td>
|
||||
<td style="width: 1.66389%; height: 17px;"> </td>
|
||||
<td style="width: 36.3005%; height: 17px;"> </td>
|
||||
<td style="width: 16.6667%; height: 17px;">Status</td>
|
||||
<td style="width: 2.02444%; height: 17px;">:</td>
|
||||
<td style="width: 31.309%; height: 17px;"><?php echo $status; ?></td>
|
||||
</tr>
|
||||
<tr style="height: 18px; text-align: left;">
|
||||
<td style="width: 17.665%; height: 18px;"> </td>
|
||||
<td style="width: 1.66389%; height: 18px;"> </td>
|
||||
<td style="width: 36.3005%; height: 18px;"> </td>
|
||||
<td style="width: 16.6667%; height: 18px;"> </td>
|
||||
<td style="width: 2.02444%; height: 18px;"> </td>
|
||||
<td style="width: 31.309%; height: 18px;"> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div style="clear:both;"></div>
|
||||
<table class="table table-striped table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center"
|
||||
style="width: 5%; border-bottom: 2px solid #ddd;border-top: 2px solid #ddd;">No.</th>
|
||||
<th class="text-center"
|
||||
style="width: 50%; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd;">Nama Barang
|
||||
</th>
|
||||
<th class="text-center"
|
||||
style="width: 12%; border-bottom: 2px solid #ddd;border-top: 2px solid #ddd;">QTY</th>
|
||||
<th class="text-center"
|
||||
style="width: 24%; border-bottom: 2px solid #ddd;border-top: 2px solid #ddd;">Harga</th>
|
||||
<th class="text-center"
|
||||
style="width: 26%; border-bottom: 2px solid #ddd;border-top: 2px solid #ddd;">Subtotal</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$no=0;
|
||||
foreach ($result as $row) {
|
||||
$no++;
|
||||
?>
|
||||
<tr>
|
||||
<td><?php echo $no ?>.</td>
|
||||
<td style="text-align:left;"><?php echo $row->nama_barang; ?></td>
|
||||
<td style="text-align:center;"><?php echo $row->jumlah_stok; ?></td>
|
||||
<td class="text-center">Rp.<?php echo number_format($row->harga_barang); ?></td>
|
||||
<td class="text-right">Rp.<?php echo number_format($row->sub_total); ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="3">Total :</th>
|
||||
<th colspan="3" class="text-right">
|
||||
Rp. <?php echo number_format($total); ?></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">Diskon :</th>
|
||||
<th colspan="3" class="text-right"><?php echo $diskon; ?>%</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">Grand Total :</th>
|
||||
<th colspan="3" class="text-right">
|
||||
Rp. <?php echo number_format($grand_total); ?></th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<table class="table table-striped table-condensed" style="margin-top:10px;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-left">Transaksi :</td>
|
||||
<td><?php echo $metode; ?></td>
|
||||
<td class="text-right">Bayar :</td>
|
||||
<td>Rp. <?php echo number_format($bayar); ?></td>
|
||||
<td class="text-right">Kembalian :</td>
|
||||
<td>Rp. <?php echo number_format($kembalian); ?></td>
|
||||
</tr>
|
||||
<?php if ($metode == 'Transfer') : ?>
|
||||
<tr>
|
||||
<td class="text-left">No.Rekening :</td>
|
||||
<td><?php
|
||||
$norek = substr($rekening,4);
|
||||
$nrk = 'xxxx'.$norek;
|
||||
echo $nrk;
|
||||
?></td>
|
||||
<td class="text-right">Bank :</td>
|
||||
<td><?php echo $bank; ?></td>
|
||||
<td class="text-right">Atas Nama(A/N) :</td>
|
||||
<td><?php echo strtoupper($atasnama); ?></td>
|
||||
</tr>
|
||||
<?php else : ?>
|
||||
<?php endif; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="well well-sm" style="margin-top:10px;">
|
||||
<div style="text-align: center;"><i>Jendela dunia adalah buku, pengetahuan adalah jembatan dan membaca adalah kuncinya !</i></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="buttons" style="padding-top:5px; text-transform:uppercase;" class="no-print">
|
||||
<span class="pull-right col-xs-12">
|
||||
<button onclick="printDiv('print-area')"
|
||||
class="btn btn-block btn-primary">Print</button> </span>
|
||||
<span class="col-xs-12">
|
||||
<a class="btn btn-block btn-warning"
|
||||
href="<?php echo base_url() ?>index.php/penjualan">Kembali ke Penjualan</a>
|
||||
</span>
|
||||
<span class="col-xs-12">
|
||||
<a class="btn btn-block btn-info"
|
||||
href="<?php echo base_url() ?>index.php/laporan">Kembali ke Laporan</a>
|
||||
</span>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /.modal -->
|
||||
</div><!-- /.modal -->
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /.box -->
|
||||
</section><!-- /.content -->
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
function printDiv(divName) {
|
||||
let printContents = document.getElementById(divName).innerHTML;
|
||||
let originalContents = document.body.innerHTML;
|
||||
document.body.innerHTML = printContents;
|
||||
window.print();
|
||||
document.body.innerHTML = originalContents;
|
||||
location.reload(true);
|
||||
setTimeout(function () {}, 1000);
|
||||
}
|
||||
|
||||
</script>
|
||||
@@ -0,0 +1,87 @@
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/app/css/style.css">
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-ban"></i> Error</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class='col-xs-12'>
|
||||
<div class='box box-primary'>
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Edit Data Siswa</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<?php echo form_open_multipart('siswa/edit', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator")); ?>
|
||||
<div class="form-group">
|
||||
<label for="nis" class="control-label">NIS Siswa</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="nis" id="nis" data-error="nis harus diisi"
|
||||
placeholder="nis siswa" value="<?php echo $record['nis'] ?>" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="nama_siswa" class="control-label">Nama Siswa</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="nama_siswa" id="nama_siswa"
|
||||
data-error="Nama harus diisi" placeholder="nama siswa"
|
||||
value="<?php echo $record['nama'] ?>" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="KELAS" class="control-label">Kelas Siswa</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="kelas" id="kelas"
|
||||
data-error="kelas harus diisi" placeholder="Kelas"
|
||||
value="<?php echo $record['kelas'] ?>" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="status" class="control-label">Status</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="status">
|
||||
<option value="">Pilih</option>
|
||||
<option value="Karyawan" <?php if($record['status'] == 'Karyawan') echo 'selected'; ?>>
|
||||
Karyawan</option>
|
||||
<option value="Yayasan" <?php if($record['status'] == 'Yayasan') echo 'selected'; ?>>
|
||||
Yayasan</option>
|
||||
<option value="Yatim" <?php if($record['status'] == 'Yatim') echo 'selected'; ?>>Yatim
|
||||
</option>
|
||||
<option value="-" <?php if($record['status'] == '-') echo 'selected'; ?>>-</option>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-list"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="box-footer">
|
||||
<input type="hidden" name="id" value="<?php echo $record['nis'] ?>">
|
||||
|
||||
<button type="submit" name="submit" class="btn btn-primary ">Simpan</button>
|
||||
<a href="<?php echo base_url() ?>siswa" class="btn btn-default ">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /.box -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,77 @@
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/app/css/style.css">
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-ban"></i> Error</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class='col-xs-12'>
|
||||
<div class='box box-primary'>
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Tambah Data Siswa</h3>
|
||||
</div>
|
||||
|
||||
<div class="box-body">
|
||||
<?php echo form_open_multipart('siswa/post', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator")); ?>
|
||||
<div class="form-group">
|
||||
<label for="nis" class="control-label">NIS Siswa</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="nis" id="nis" data-error="nis harus diisi" placeholder="nis siswa" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="nama_siswa" class="control-label">Nama Siswa</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="nama_siswa" id="nama_siswa" data-error="Nama harus diisi" placeholder="nama siswa" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="KELAS" class="control-label">Kelas Siswa</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="kelas" id="kelas" data-error="kelas harus diisi" placeholder="Kelas" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="status" class="control-label">Status</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control" name="status">
|
||||
<option value="">Pilih</option>
|
||||
<option value="Karyawan">Karyawan</option>
|
||||
<option value="Yayasan">Yayasan</option>
|
||||
<option value="Yatim">Yatim</option>
|
||||
<option value="-">-</option>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-list"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="box-footer">
|
||||
<button type="submit" name="submit" class="btn btn-primary ">Simpan</button>
|
||||
<a href="<?php echo base_url() ?>siswa" class="btn btn-default ">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /.box -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,187 @@
|
||||
<style type="text/css">
|
||||
table,
|
||||
th,
|
||||
tr,
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swal2-popup {
|
||||
font-family: inherit;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.btn-group,
|
||||
.btn-group-vertical {
|
||||
position: relative;
|
||||
display: initial;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
</style>
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-success">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-check"></i>Berhasil</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-info">
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Data Siswa</h3>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
echo anchor('siswa/post', 'Tambah data', array('class' => 'btn btn-success'))
|
||||
?>
|
||||
<button class="btn btn-primary" data-toggle="modal" data-target="#importModal">Import Excel</button>
|
||||
</div>
|
||||
<!-- Tambahkan tombol "Import Excel" -->
|
||||
|
||||
|
||||
<!-- Modal Import Excel -->
|
||||
<div class="modal fade" id="importModal" tabindex="-1" role="dialog"
|
||||
aria-labelledby="importModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="importModalLabel">Import Data Excel</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<?php echo form_open_multipart('siswa/import_excel'); ?>
|
||||
<div class="form-group">
|
||||
<label for="excel_file">Pilih File Excel</label>
|
||||
<input type="file" class="form-control-file" id="excel_file" name="excel_file"
|
||||
required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="excel_file">Download Contoh File Import <a href="<?= base_url('uploads/importsiswa.xlsx') ?>">import_siswa.xlsx</a></label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
|
||||
<button type="submit" class="btn btn-primary">Import</button>
|
||||
<?php echo form_close(); ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<table id="myTable" class="table table-bordered table-hover ">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No.</th>
|
||||
<th>NIS</th>
|
||||
<th>Nama Siswa</th>
|
||||
<th>Kelas</th>
|
||||
<th>Status</th>
|
||||
<th>Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php $no = 0;
|
||||
foreach ($record as $r) { ?>
|
||||
<tr>
|
||||
<td><?php echo ++$no; ?></td>
|
||||
<td><?php echo $r->nis; ?></td>
|
||||
<td><?php echo $r->nama; ?></td>
|
||||
<td><?php echo $r->kelas; ?></td>
|
||||
<td><?php echo $r->status; ?></td>
|
||||
<td><?php
|
||||
echo anchor(site_url('siswa/edit/' . $r->nis), '<i class="fa fa-pencil-square-o fa-lg"></i> Edit', array('title' => 'edit', 'class' => 'btn btn-sm btn-warning'));
|
||||
echo ' ';
|
||||
echo anchor(site_url('siswa/hapus/' . $r->nis), '<i class="fa fa-trash fa-lg"></i> Hapus', 'title="delete" class="btn btn-sm btn-danger "');
|
||||
?>
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="<?php echo base_url() ?>assets/app/js/alert.js"></script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$('#myTable').DataTable({
|
||||
|
||||
"dom": '<"top row"<"col-md-4" l ><"col-md-4" B ><"col-md-4" and f>>rt<"bottom row"<"col-md-6" i> <"col-md-6" p>>',
|
||||
|
||||
buttons: [{
|
||||
extend: 'csvHtml5',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, ],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'excelHtml5',
|
||||
title: 'DATA SISWA',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'copyHtml5',
|
||||
title: 'DATA SISWA',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'pdfHtml5',
|
||||
oriented: 'portrait',
|
||||
pageSize: 'legal',
|
||||
title: 'DATA SISWA',
|
||||
download: 'open',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4],
|
||||
},
|
||||
customize: function (doc) {
|
||||
doc.content[1].table.widths = Array(doc.content[1].table.body[0].length +
|
||||
1).join('*').split('');
|
||||
doc.styles.tableBodyEven.alignment = 'center';
|
||||
doc.styles.tableBodyOdd.alignment = 'center';
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'print',
|
||||
oriented: 'portrait',
|
||||
pageSize: 'A4',
|
||||
title: 'DATA SISWA',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4],
|
||||
},
|
||||
},
|
||||
],
|
||||
"fnDrawCallback": function () {
|
||||
$('.image-link').magnificPopup({
|
||||
type: 'image',
|
||||
closeOnContentClick: true,
|
||||
closeBtnInside: false,
|
||||
fixedContentPos: true,
|
||||
image: {
|
||||
verticalFit: true
|
||||
},
|
||||
zoom: {
|
||||
enabled: true,
|
||||
duration: 300 // don't foget to change the duration also in CSS
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@@ -0,0 +1,61 @@
|
||||
<style>
|
||||
.select2-container .select2-selection--single {
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 35px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
</style>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-7 col-md-7 col-md-push-3 ">
|
||||
<!-- quick email widget -->
|
||||
<div class="box box-info">
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Edit Data Stok Barang</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<?php
|
||||
echo form_open('stok/edit', ['class' => 'form-horizontal', 'role' => "form", 'id' => "myForm", 'data-toggle' => "validator"]);
|
||||
?>
|
||||
<input type="hidden" name="id" value="<?php echo $stok['id_stok'] ?>">
|
||||
<div class="form-group" style="width:600px;padding-left:50px">
|
||||
<label for="stok" class="control-label">Nama Barang</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control select22" name="barang">
|
||||
<?php
|
||||
foreach ($barang as $b) {
|
||||
if ($stok['id_barang'] == $b->id_barang) {
|
||||
echo "<option value=' $b->id_barang' selected='selected'>$b->nama_barang</option>";
|
||||
} else {
|
||||
echo "<option value=' $b->id_barang'>$b->nama_barang</option>";
|
||||
}
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cubes"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group" style="width:600px;padding-left:50px">
|
||||
<label for="" class="control-label">Jumlah Stok Barang</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="stok" id="stok" data-error="Total stok harus diisi" placeholder="Total Stok" value="<?php echo $stok['stok_barang'] ?>" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cubes"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-info" name="submit"> simpan </button>
|
||||
<a href="<?php echo base_url() ?>stok" class="btn btn-default ">Cancel</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,55 @@
|
||||
<style>
|
||||
.select2-container .select2-selection--single {
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 35px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
</style>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-7 col-md-7 col-md-push-3 ">
|
||||
<div class="box box-info">
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Tambah Data Stok Barang</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<?php
|
||||
echo form_open('stok/post', ['class' => 'form-horizontal', 'role' => "form", 'id' => "myForm", 'data-toggle' => "validator"]);
|
||||
?>
|
||||
<div class="form-group" style="width:600px;padding-left:50px">
|
||||
<label for="stok" class="control-label">Nama Barang</label>
|
||||
<div class="input-group">
|
||||
<select class="form-control select22" name="barang">
|
||||
<?php
|
||||
foreach ($barang as $b) {
|
||||
echo "<option value=' $b->id_barang'>$b->nama_barang</option>";
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cubes"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group" style="width:600px;padding-left:50px">
|
||||
<label for="" class="control-label">Jumlah Stok Barang</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="stok" id="stok" data-error="Total stok harus diisi" placeholder="Total Stok" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cubes"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-info" name="submit"> simpan </button>
|
||||
<a href="<?php echo base_url()?>stok" class="btn btn-default ">Cancel</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,147 @@
|
||||
<style type="text/css">
|
||||
table,
|
||||
th,
|
||||
tr,
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swal2-popup {
|
||||
font-family: inherit;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.btn-group,
|
||||
.btn-group-vertical {
|
||||
position: relative;
|
||||
display: initial;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-warning">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-ban"></i>Warning</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-info">
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Stok Barang</h3>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
echo anchor('stok/post', 'Tambah Data', array('class' => 'btn btn-success'));
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<table id="myTable" class="table table-bordered table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No.</th>
|
||||
<th>Supplier</th>
|
||||
<th>Nama barang</th>
|
||||
<th>Kategori barang</th>
|
||||
<th>Harga Jual</th>
|
||||
<th>Stok Barang</th>
|
||||
<th>Kapasitas</th>
|
||||
<th>Tanggal</th>
|
||||
<th>Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$no = 0;
|
||||
foreach ($stok as $s) { ?>
|
||||
<tr>
|
||||
<td><?php echo ++$no ?> </td>
|
||||
<td><?php echo $s->nama_perusahaan; ?></td>
|
||||
<td><?php echo $s->nama_barang; ?></td>
|
||||
<td><?php echo $s->nama_kategori; ?></td>
|
||||
<td>Rp. <?php echo number_format($s->harga); ?></td>
|
||||
<td>
|
||||
<?php echo $s->stok_barang; ?>
|
||||
</td>
|
||||
<td>
|
||||
<?php echo $s->stok_barang; ?>
|
||||
</td>
|
||||
<td><?php echo $s->tanggal_stok; ?></td>
|
||||
<td><?php
|
||||
echo anchor(site_url('stok/edit/' . $s->id_stok), '<i class="fa fa-pencil-square-o fa-lg"></i> Edit', array('title' => 'edit', 'class' => 'btn btn-sm btn-warning'));
|
||||
echo ' ';
|
||||
if ($this->session->userdata('akses') == 1) {
|
||||
echo anchor(site_url('stok/hapus/' . $s->id_stok), '<i class="fa fa-trash fa-lg"></i> Hapus', 'title="delete" class="btn btn-sm btn-danger "');
|
||||
} else{ }?>
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="<?php echo base_url() ?>assets/app/js/alert.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#myTable').DataTable({
|
||||
"dom": '<"top row"<"col-md-4" l ><"col-md-4" B ><"col-md-4" and f>>rt<"bottom row"<"col-md-6" i> <"col-md-6" p>>',
|
||||
|
||||
"columnDefs": [{
|
||||
targets: 6,
|
||||
render: $.fn.dataTable.render.percentBar('round', '#fff', '#FF9CAB', '#FF0033', '#FF9CAB', 0, 'solid')
|
||||
}],
|
||||
buttons: [{
|
||||
extend: 'csvHtml5',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'excelHtml5',
|
||||
title: 'Data Stok Barang',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'copyHtml5',
|
||||
title: 'Data Stok Barang',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'pdfHtml5',
|
||||
oriented: 'portrait',
|
||||
pageSize: 'legal',
|
||||
title: 'Data Stok Barang',
|
||||
download: 'open',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5],
|
||||
},
|
||||
customize: function(doc) {
|
||||
doc.content[1].table.widths = Array(doc.content[1].table.body[0].length + 1).join('*').split('');
|
||||
doc.styles.tableBodyEven.alignment = 'center';
|
||||
doc.styles.tableBodyOdd.alignment = 'center';
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'print',
|
||||
oriented: 'portrait',
|
||||
pageSize: 'A4',
|
||||
title: 'Data Stok Barang',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5],
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,82 @@
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/app/css/style.css">
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-ban"></i> Error</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class='col-xs-12'>
|
||||
<div class='box box-primary'>
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Edit Data Supplier</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<?php echo form_open_multipart('suplier/edit', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator")); ?>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="nama_perusahaan" class="control-label">Nama Supplier</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="nama_perusahaan" id="nama_perusahaan"
|
||||
data-error="Nama perusahaan harus diisi" placeholder="nama supplier"
|
||||
value="<?php echo $record['nama_perusahaan'] ?>" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="alamat" class="control-label">Alamat</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="alamat" id="alamat"
|
||||
data-error="Alamat harus diisi" placeholder="alamat"
|
||||
value="<?php echo $record['alamat'] ?>" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="no_tlp" class="control-label">No. Telp</label>
|
||||
<div class="input-group">
|
||||
<input type="number" class="form-control" name="no_tlp" id="no_tlp"
|
||||
data-error="No. Telp harus diisi" placeholder="no_tlp"
|
||||
value="<?php echo $record['no_tlp'] ?>" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email" class="control-label">E-Mail</label>
|
||||
<div class="input-group">
|
||||
<input type="email" class="form-control" name="email" id="email"
|
||||
data-error="E-Mail harus diisi" placeholder="email"
|
||||
value="<?php echo $record['email'] ?>" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="box-footer">
|
||||
<input type="hidden" name="id" value="<?php echo $record['id_suplier'] ?>">
|
||||
<button type="submit" name="submit" class="btn btn-primary ">Simpan</button>
|
||||
<a href="<?php echo base_url() ?>suplier" class="btn btn-default ">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /.box -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,72 @@
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/app/css/style.css">
|
||||
<?php if ($this->session->flashdata('message')) { ?>
|
||||
<div class="col-lg-12 alerts">
|
||||
<div class="alert alert-dismissible alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4> <i class="icon fa fa-ban"></i> Error</h4>
|
||||
<p><?php echo $this->session->flashdata('message'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { } ?>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class='col-xs-12'>
|
||||
<div class='box box-primary'>
|
||||
<div class='box-header with-border'>
|
||||
<h3 class='box-title'>Tambah Data Suplier</h3>
|
||||
</div>
|
||||
|
||||
<div class="box-body">
|
||||
<?php echo form_open_multipart('suplier/post', array('role' => "form", 'id' => "myForm", 'data-toggle' => "validator")); ?>
|
||||
<div class="form-group">
|
||||
<label for="nama_perusahaan" class="control-label">Nama Supplier</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="nama_perusahaan" id="nama_perusahaan" data-error="nama perusahaan harus diisi" placeholder="nama supplier" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="alamat" class="control-label">Alamat</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="alamat" id="alamat" data-error="alamat harus diisi" placeholder="alamat" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="no_tlp" class="control-label">No. Telp</label>
|
||||
<div class="input-group">
|
||||
<input type="number" class="form-control" name="no_tlp" id="no_tlp" data-error="no. tlp harus diisi" placeholder="no. tlp" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email" class="control-label">E-Mail</label>
|
||||
<div class="input-group">
|
||||
<input type="email" class="form-control" name="email" id="email" data-error="email harus diisi" placeholder="email" value="" required />
|
||||
<span class="input-group-addon">
|
||||
<span class="fa fa-cube"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="box-footer">
|
||||
<button type="submit" name="submit" class="btn btn-primary ">Simpan</button>
|
||||
<a href="<?php echo base_url() ?>suplier" class="btn btn-default ">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /.box -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,134 @@
|
||||
<style type="text/css">
|
||||
table,
|
||||
th,
|
||||
tr,
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swal2-popup {
|
||||
font-family: inherit;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
</style>
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-info">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Data Supplier</h3>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
echo anchor('suplier/post', 'Tambah Data', array('class' => 'btn btn-success'));
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<table id="myTable" class="table table-bordered table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No.</th>
|
||||
<th>Nama Supplier</th>
|
||||
<th>Alamat </th>
|
||||
<th>No. Telp</th>
|
||||
<th>E-Mail</th>
|
||||
<th>Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$no = 0;
|
||||
foreach ($record as $suplier) { ?>
|
||||
<tr>
|
||||
<td><?php echo ++$no; ?></td>
|
||||
<td><?php echo $suplier->nama_perusahaan ?></td>
|
||||
<td><?php echo $suplier->alamat ?></td>
|
||||
<td><?php echo $suplier->no_tlp ?></td>
|
||||
<td><?php echo $suplier->email ?></td>
|
||||
<td>
|
||||
<?php
|
||||
echo anchor(site_url('suplier/edit/' . $suplier->id_suplier), '<i class="fa fa-pencil-square-o fa-lg"></i> Edit', array('title' => 'edit', 'class' => 'btn btn-sm btn-warning'));
|
||||
echo ' ';
|
||||
echo anchor(site_url('suplier/hapus/' . $suplier->id_suplier), '<i class="fa fa-trash fa-lg"></i> Hapus', 'title="delete" class="btn btn-sm btn-danger "');
|
||||
?>
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="<?php echo base_url() ?>assets/app/js/alert.js"></script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$('#myTable').DataTable({
|
||||
|
||||
"dom": '<"top row"<"col-md-4" l ><"col-md-4" B ><"col-md-4" and f>>rt<"bottom row"<"col-md-6" i> <"col-md-6" p>>',
|
||||
|
||||
buttons: [{
|
||||
extend: 'csvHtml5',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, ],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'excelHtml5',
|
||||
title: 'DATA SUPPLIER',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'copyHtml5',
|
||||
title: 'DATA SUPPLIER',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4],
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'pdfHtml5',
|
||||
oriented: 'portrait',
|
||||
pageSize: 'legal',
|
||||
title: 'DATA SUPPLIER',
|
||||
download: 'open',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4],
|
||||
},
|
||||
customize: function (doc) {
|
||||
doc.content[1].table.widths = Array(doc.content[1].table.body[0].length +
|
||||
1).join('*').split('');
|
||||
doc.styles.tableBodyEven.alignment = 'center';
|
||||
doc.styles.tableBodyOdd.alignment = 'center';
|
||||
},
|
||||
},
|
||||
{
|
||||
extend: 'print',
|
||||
oriented: 'portrait',
|
||||
pageSize: 'A4',
|
||||
title: 'DATA SUPPLIER',
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4],
|
||||
},
|
||||
},
|
||||
],
|
||||
"fnDrawCallback": function () {
|
||||
$('.image-link').magnificPopup({
|
||||
type: 'image',
|
||||
closeOnContentClick: true,
|
||||
closeBtnInside: false,
|
||||
fixedContentPos: true,
|
||||
image: {
|
||||
verticalFit: true
|
||||
},
|
||||
zoom: {
|
||||
enabled: true,
|
||||
duration: 300 // don't foget to change the duration also in CSS
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,73 @@
|
||||
<style>
|
||||
.image {
|
||||
cursor: crosshair;
|
||||
}
|
||||
</style>
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
</div>
|
||||
<div class="modal-body modal-spa">
|
||||
<div class="col-md-12 span-2">
|
||||
<div class="image-container">
|
||||
<div class="image detail-view" style="background-image: url(<?php echo base_url('uploads/operator/') . $detail->foto; ?>);" class="img-responsive" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
// Get all images with the `detail-view` class
|
||||
var zoomBoxes = document.querySelectorAll('.detail-view');
|
||||
|
||||
// Extract the URL
|
||||
zoomBoxes.forEach(function(image) {
|
||||
var imageCss = window.getComputedStyle(image, false),
|
||||
imageUrl = imageCss.backgroundImage
|
||||
.slice(4, -1).replace(/['"]/g, '');
|
||||
|
||||
// Get the original source image
|
||||
var imageSrc = new Image();
|
||||
imageSrc.onload = function() {
|
||||
var imageWidth = imageSrc.naturalWidth,
|
||||
imageHeight = imageSrc.naturalHeight,
|
||||
ratio = imageHeight / imageWidth;
|
||||
|
||||
// Adjust the box to fit the image and to adapt responsively
|
||||
var percentage = ratio * 100 + '%';
|
||||
image.style.paddingBottom = percentage;
|
||||
|
||||
// Zoom and scan on mousemove
|
||||
image.onmousemove = function(e) {
|
||||
// Get the width of the thumbnail
|
||||
var boxWidth = image.clientWidth,
|
||||
// Get the cursor position, minus element offset
|
||||
x = e.pageX - this.offsetLeft,
|
||||
y = e.pageY - this.offsetTop,
|
||||
// Convert coordinates to % of elem. width & height
|
||||
xPercent = x / (boxWidth / 100) + '%',
|
||||
yPercent = y / (boxWidth * ratio / 100) + '%';
|
||||
|
||||
// Update styles w/actual size
|
||||
Object.assign(image.style, {
|
||||
backgroundPosition: xPercent + ' ' + yPercent,
|
||||
backgroundSize: imageWidth + 'px'
|
||||
});
|
||||
};
|
||||
|
||||
// Reset when mouse leaves
|
||||
image.onmouseleave = function(e) {
|
||||
Object.assign(image.style, {
|
||||
backgroundPosition: 'center',
|
||||
backgroundSize: 'cover'
|
||||
});
|
||||
};
|
||||
}
|
||||
imageSrc.src = imageUrl;
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
@@ -0,0 +1,14 @@
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/plugins/DataTables/1.10.18/css/dataTables.bootstrap.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/plugins/DataTables/Buttons/1.5.6/css/buttons.bootstrap.min.css" />
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/jszip/2.5.0/jszip.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/pdfmake/0.1.36/pdfmake.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/pdfmake/0.1.36/vfs_fonts.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/1.10.18/js/jquery.dataTables.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/1.10.18/js/dataTables.bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/Buttons/1.5.6/js/dataTables.buttons.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/Buttons/1.5.6/js/buttons.bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/Buttons/1.5.6/js/buttons.colVis.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/Buttons/1.5.6/js/buttons.flash.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/Buttons/1.5.6/js/buttons.html5.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/Buttons/1.5.6/js/buttons.print.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url() ?>assets/plugins/DataTables/progress/percentageBars.js"></script>
|
||||
@@ -0,0 +1,296 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>Aplikasi | POS Buku MTD</title>
|
||||
<link rel="icon" href="<?=base_url()?>/assets/logo.png" type="image/png">
|
||||
<!-- Tell the browser to be responsive to screen width -->
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||||
<!-- Bootstrap 3.3.7 -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/bootstrap/dist/css/bootstrap.min.css">
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/font-awesome/css/font-awesome.min.css">
|
||||
<!-- Ionicons -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/Ionicons/css/ionicons.min.css">
|
||||
<!-- Theme style -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/dist/css/AdminLTE.min.css">
|
||||
<!-- AdminLTE Skins. Choose a skin from the css/skins folder instead of downloading all of them to reduce the load. -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/dist/css/skins/_all-skins.min.css">
|
||||
<!-- Morris chart -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/morris.js/morris.css">
|
||||
<!-- jvectormap -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/jvectormap/jquery-jvectormap.css">
|
||||
<!-- Date Picker -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
|
||||
<!-- Daterange picker -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/bootstrap-daterangepicker/daterangepicker.css">
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/select2/dist/css/select2.min.css">
|
||||
|
||||
<script src="<?php echo base_url() ?>assets/bower_components/jquery/dist/jquery.min.js"></script>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
|
||||
<!-- jQuery UI 1.11.4 -->
|
||||
<link rel="icon" href="<?php echo base_url(); ?>assets/dist/img/favicon.png" type="image/gif">
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/plugins/sweetalert/sweetalert2.min.css">
|
||||
<script src="<?php echo base_url() ?>assets/bower_components/jquery-ui/jquery-ui.min.js"></script>
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/plugins/dropdown/css/dd.css">
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/plugins/magnific/magnific-popup.css">
|
||||
<script src="<?php echo base_url() ?>assets/plugins/magnific/jquery.magnific-popup.min.js"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" />
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="hold-transition skin-blue sidebar-mini">
|
||||
<div class="wrapper">
|
||||
<header class="main-header">
|
||||
<!-- Logo -->
|
||||
<a href="<?php echo base_url() ?>dashboard" class="logo">
|
||||
<!-- mini logo for sidebar mini 50x50 pixels -->
|
||||
<span class="logo-mini"><b>C</b>P</span>
|
||||
<!-- logo for regular state and mobile devices -->
|
||||
<span class="logo-lg"><b>POS BUKU MTD</b></span>
|
||||
</a>
|
||||
<!-- Header Navbar: style can be found in header.less -->
|
||||
<nav class="navbar navbar-static-top">
|
||||
<!-- Sidebar toggle button-->
|
||||
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
</a>
|
||||
<div class="navbar-custom-menu">
|
||||
<ul class="nav navbar-nav">
|
||||
<!-- User Account: style can be found in dropdown.less -->
|
||||
<?php $foto = $this->session->userdata['foto']; ?>
|
||||
<li class="dropdown user user-menu">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<img src="<?php echo base_url('uploads/operator/') . $foto; ?>" class="user-image" alt="User Image">
|
||||
<span class="hidden-xs"><?php echo $this->session->userdata['nama']; ?></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<!-- User image -->
|
||||
<li class="user-header">
|
||||
<img src="<?php echo base_url('uploads/operator/') . $foto; ?>" class="img-circle" alt="User Image">
|
||||
<p>
|
||||
<?php echo $this->session->userdata['nama']; ?>
|
||||
<small>V-3@Divisi SIM</small>
|
||||
</p>
|
||||
</li>
|
||||
<!-- Menu Body -->
|
||||
<li class="user-body">
|
||||
<div class="row">
|
||||
</div>
|
||||
<a href="<?php echo base_url() ?>index.php/dashboard/form_update" class="btn btn-default btn-flat" style="text-align:center;">Edit Password</a></br>
|
||||
<a href="<?php echo base_url() ?>index.php/auth/logout" onclick="return confirm('Apakah anda akan keluar dari aplikasi ?');" class="btn btn-default btn-flat" style="text-align:center;">Logout</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Left side column. contains the logo and sidebar -->
|
||||
<aside class="main-sidebar">
|
||||
<!-- sidebar: style can be found in sidebar.less -->
|
||||
<section class="sidebar">
|
||||
<!-- Sidebar user panel -->
|
||||
<div class="user-panel">
|
||||
<div class="pull-left image">
|
||||
<?php $foto = $this->session->userdata['foto']; ?>
|
||||
<img src="<?php echo base_url('uploads/operator/') . $foto; ?>" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<div class="pull-left info">
|
||||
<p> <?php echo $this->session->userdata['nama']; ?> </p>
|
||||
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.search form -->
|
||||
<!-- sidebar menu: : style can be found in sidebar.less -->
|
||||
<?php if ($this->session->userdata('akses') == 1) : ?>
|
||||
<ul class="sidebar-menu" data-widget="tree">
|
||||
<li class="header">MAIN NAVIGATION</li>
|
||||
<li>
|
||||
<a href="<?php echo base_url() ?>dashboard">
|
||||
<i class="fa fa-dashboard"></i> <span>DASHBOARD</span>
|
||||
<span class="pull-right-container">
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active treeview">
|
||||
<a href="#">
|
||||
<i class="fa fa-folder-o"></i> <span>MASTER DATA</span>
|
||||
<span class="pull-right-container">
|
||||
<i class="fa fa-angle-left pull-right-container"></i>
|
||||
</span>
|
||||
</a>
|
||||
<ul class="treeview-menu">
|
||||
<li><a href="<?php echo base_url() ?>index.php/suplier"><i class="fa fa-circle-o"></i>SUPPLIER</a></li>
|
||||
<li ><a href="<?php echo base_url() ?>index.php/kategori"><i class="fa fa-circle-o"></i>KATEGORI</a></li>
|
||||
<li><a href="<?php echo base_url() ?>index.php/barang"><i class="fa fa-circle-o"></i>BARANG</a></li>
|
||||
<li><a href="<?php echo base_url() ?>index.php/siswa"><i class="fa fa-circle-o"></i>SISWA</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo base_url() ?>index.php/operator">
|
||||
<i class="fa fa-user-circle"></i> <span>OPERATOR</span>
|
||||
<span class="pull-right-container">
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo base_url() ?>index.php/stok">
|
||||
<i class="fa fa-cubes"></i> <span>STOK</span>
|
||||
<span class="pull-right-container">
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo base_url() ?>index.php/penjualan">
|
||||
<i class="fa fa-shopping-cart"></i> <span>PENJUALAN</span>
|
||||
<span class="pull-right-container">
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active treeview">
|
||||
<a href="#">
|
||||
<i class="fa fa-folder-o"></i> <span>LAPORAN</span>
|
||||
<span class="pull-right-container">
|
||||
<i class="fa fa-angle-left pull-right-container"></i>
|
||||
</span>
|
||||
</a>
|
||||
<ul class="treeview-menu">
|
||||
<?php $tahun = date('Y');
|
||||
$bulan = date('m'); ?>
|
||||
<li><a href="<?php echo base_url() ?>index.php/lapharian/index/<?= $tahun ?>/<?= $bulan ?>"><i class="fa fa-circle-o"></i>LAPORAN HARIAN</a></li>
|
||||
<li><a href="<?php echo base_url() ?>index.php/lapbulanan/index/<?= $tahun ?>"><i class="fa fa-circle-o"></i>LAPORAN BULANAN</a></li>
|
||||
<li><a href="<?php echo base_url() ?>index.php/laporan"><i class="fa fa-circle-o"></i>LAPORAN PEMBAYARAN</a></li>
|
||||
<li><a href="<?php echo base_url() ?>index.php/laporandetail"><i class="fa fa-circle-o"></i>LAPORAN DETAIL</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo base_url() ?>index.php/auth/logout" onclick="return confirm('Apakah anda akan keluar dari aplikasi ?');" >
|
||||
<i class="fa fa-sign-out"></i> <span>LOGOUT</span>
|
||||
<span class="pull-right-container">
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<?php else : ?>
|
||||
<ul class="sidebar-menu" data-widget="tree">
|
||||
<li class="header">MAIN NAVIGATION</li>
|
||||
<li>
|
||||
<a href="<?php echo base_url() ?>dashboard">
|
||||
<i class="fa fa-dashboard"></i> <span>DASHBOARD</span>
|
||||
<span class="pull-right-container">
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo base_url() ?>index.php/stok">
|
||||
<i class="fa fa-cubes"></i> <span>STOK</span>
|
||||
<span class="pull-right-container">
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo base_url() ?>index.php/penjualan">
|
||||
<i class="fa fa-shopping-cart"></i> <span>PENJUALAN</span>
|
||||
<span class="pull-right-container">
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active treeview">
|
||||
<a href="#">
|
||||
<i class="fa fa-folder-o"></i> <span>LAPORAN</span>
|
||||
<span class="pull-right-container">
|
||||
<i class="fa fa-angle-left pull-right-container"></i>
|
||||
</span>
|
||||
</a>
|
||||
<ul class="treeview-menu">
|
||||
<?php $tahun = date('Y');
|
||||
$bulan = date('m'); ?>
|
||||
<li><a href="<?php echo base_url() ?>index.php/lapharian/index/<?= $tahun ?>/<?= $bulan ?>"><i class="fa fa-circle-o"></i>LAPORAN HARIAN</a></li>
|
||||
<li><a href="<?php echo base_url() ?>index.php/lapbulanan/index/<?= $tahun ?>"><i class="fa fa-circle-o"></i>LAPORAN BULANAN</a></li>
|
||||
<li><a href="<?php echo base_url() ?>index.php/laporan"><i class="fa fa-circle-o"></i>LAPORAN PEMBAYARAN</a></li>
|
||||
<li><a href="<?php echo base_url() ?>index.php/laporandetail"><i class="fa fa-circle-o"></i>LAPORAN DETAIL</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo base_url() ?>index.php/auth/logout" onclick="return confirm('Apakah anda akan keluar dari aplikasi ?');" >
|
||||
<i class="fa fa-sign-out"></i> <span>LOGOUT</span>
|
||||
<span class="pull-right-container">
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</section>
|
||||
<!-- /.sidebar -->
|
||||
</aside>
|
||||
<!-- Content Wrapper. Contains page content -->
|
||||
<div class="content-wrapper">
|
||||
<!-- Content Header (Page header) -->
|
||||
<section class="content-header">
|
||||
<h1>
|
||||
POS Buku MTD
|
||||
<small>Control panel</small>
|
||||
</h1>
|
||||
</section>
|
||||
<!-- Main content -->
|
||||
<?php echo $contents ?>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
<!-- /.content-wrapper -->
|
||||
<footer class="main-footer">
|
||||
<div class="pull-right hidden-xs">
|
||||
<!-- <b>Version</b> 2.4.7 -->
|
||||
</div>
|
||||
<strong>Copyright © 2024 - <?php echo date('Y') ?> <a href="#">POS Buku MTD</a>.</strong> <i>Modification Divisi SIM - Version 3</i>
|
||||
</footer>
|
||||
<!-- /.control-sidebar -->
|
||||
<!-- Add the sidebar's background. This div must be placed immediately after the control sidebar -->
|
||||
<div class="control-sidebar-bg"></div>
|
||||
</div>
|
||||
<script src="<?php echo base_url() ?>assets/plugins/dropdown/js/jquery.dd.js"></script>
|
||||
|
||||
<script src="<?php echo base_url() ?>assets/plugins/sweetalert/sweetalert2.min.js"></script>
|
||||
<script src="<?php echo base_url() ?>assets/plugins/Bootstrap-validator/validator.js"></script>
|
||||
<script src="<?php echo base_url() ?>assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<script src="<?php echo base_url() ?>assets/bower_components/jquery-knob/dist/jquery.knob.min.js"></script>
|
||||
<!-- daterangepicker -->
|
||||
<script src="<?php echo base_url() ?>assets/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
|
||||
<!-- datepicker -->
|
||||
<script src="<?php echo base_url() ?>assets/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
|
||||
<!-- Bootstrap WYSIHTML5 -->
|
||||
<!-- Slimscroll -->
|
||||
<script src="<?php echo base_url() ?>assets/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
|
||||
<!-- FastClick -->
|
||||
<script src="<?php echo base_url() ?>assets/bower_components/fastclick/lib/fastclick.js"></script>
|
||||
<!-- AdminLTE App -->
|
||||
<script src="<?php echo base_url() ?>assets/dist/js/adminlte.min.js"></script>
|
||||
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
|
||||
<script src="<?php echo base_url() ?>assets/dist/js/pages/dashboard.js"></script>
|
||||
<!-- AdminLTE for demo purposes -->
|
||||
<script src="<?php echo base_url() ?>assets/dist/js/demo.js"></script>
|
||||
<script src="<?php echo base_url() ?>assets/bower_components/select2/dist/js/select2.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$(".select22").select2({
|
||||
placeholder: "Please Select"
|
||||
});
|
||||
});
|
||||
|
||||
$(function() {
|
||||
$('#payment').change(function() {
|
||||
if ($('#payment').val() == '2') {
|
||||
|
||||
createByJson();
|
||||
} else {
|
||||
$('#rek').hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
|
||||
echo "\nERROR: ",
|
||||
$heading,
|
||||
"\n\n",
|
||||
$message,
|
||||
"\n\n";
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
|
||||
echo "\nDatabase error: ",
|
||||
$heading,
|
||||
"\n\n",
|
||||
$message,
|
||||
"\n\n";
|
||||
@@ -0,0 +1,21 @@
|
||||
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
|
||||
|
||||
An uncaught Exception was encountered
|
||||
|
||||
Type: <?php echo get_class($exception), "\n"; ?>
|
||||
Message: <?php echo $message, "\n"; ?>
|
||||
Filename: <?php echo $exception->getFile(), "\n"; ?>
|
||||
Line Number: <?php echo $exception->getLine(); ?>
|
||||
|
||||
<?php if (defined('SHOW_DEBUG_BACKTRACE') && SHOW_DEBUG_BACKTRACE === TRUE): ?>
|
||||
|
||||
Backtrace:
|
||||
<?php foreach ($exception->getTrace() as $error): ?>
|
||||
<?php if (isset($error['file']) && strpos($error['file'], realpath(BASEPATH)) !== 0): ?>
|
||||
File: <?php echo $error['file'], "\n"; ?>
|
||||
Line: <?php echo $error['line'], "\n"; ?>
|
||||
Function: <?php echo $error['function'], "\n\n"; ?>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
|
||||
echo "\nERROR: ",
|
||||
$heading,
|
||||
"\n\n",
|
||||
$message,
|
||||
"\n\n";
|
||||
@@ -0,0 +1,21 @@
|
||||
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
|
||||
|
||||
A PHP Error was encountered
|
||||
|
||||
Severity: <?php echo $severity, "\n"; ?>
|
||||
Message: <?php echo $message, "\n"; ?>
|
||||
Filename: <?php echo $filepath, "\n"; ?>
|
||||
Line Number: <?php echo $line; ?>
|
||||
|
||||
<?php if (defined('SHOW_DEBUG_BACKTRACE') && SHOW_DEBUG_BACKTRACE === TRUE): ?>
|
||||
|
||||
Backtrace:
|
||||
<?php foreach (debug_backtrace() as $error): ?>
|
||||
<?php if (isset($error['file']) && strpos($error['file'], realpath(BASEPATH)) !== 0): ?>
|
||||
File: <?php echo $error['file'], "\n"; ?>
|
||||
Line: <?php echo $error['line'], "\n"; ?>
|
||||
Function: <?php echo $error['function'], "\n\n"; ?>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>403 Forbidden</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Directory access is forbidden.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,64 @@
|
||||
<?php
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
?><!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>404 Page Not Found</title>
|
||||
<style type="text/css">
|
||||
|
||||
::selection { background-color: #E13300; color: white; }
|
||||
::-moz-selection { background-color: #E13300; color: white; }
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
margin: 40px;
|
||||
font: 13px/20px normal Helvetica, Arial, sans-serif;
|
||||
color: #4F5155;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #003399;
|
||||
background-color: transparent;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #444;
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid #D0D0D0;
|
||||
font-size: 19px;
|
||||
font-weight: normal;
|
||||
margin: 0 0 14px 0;
|
||||
padding: 14px 15px 10px 15px;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: Consolas, Monaco, Courier New, Courier, monospace;
|
||||
font-size: 12px;
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #D0D0D0;
|
||||
color: #002166;
|
||||
display: block;
|
||||
margin: 14px 0 14px 0;
|
||||
padding: 12px 10px 12px 10px;
|
||||
}
|
||||
|
||||
#container {
|
||||
margin: 10px;
|
||||
border: 1px solid #D0D0D0;
|
||||
box-shadow: 0 0 8px #D0D0D0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 12px 15px 12px 15px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<h1><?php echo $heading; ?></h1>
|
||||
<?php echo $message; ?>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,64 @@
|
||||
<?php
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
?><!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Database Error</title>
|
||||
<style type="text/css">
|
||||
|
||||
::selection { background-color: #E13300; color: white; }
|
||||
::-moz-selection { background-color: #E13300; color: white; }
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
margin: 40px;
|
||||
font: 13px/20px normal Helvetica, Arial, sans-serif;
|
||||
color: #4F5155;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #003399;
|
||||
background-color: transparent;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #444;
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid #D0D0D0;
|
||||
font-size: 19px;
|
||||
font-weight: normal;
|
||||
margin: 0 0 14px 0;
|
||||
padding: 14px 15px 10px 15px;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: Consolas, Monaco, Courier New, Courier, monospace;
|
||||
font-size: 12px;
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #D0D0D0;
|
||||
color: #002166;
|
||||
display: block;
|
||||
margin: 14px 0 14px 0;
|
||||
padding: 12px 10px 12px 10px;
|
||||
}
|
||||
|
||||
#container {
|
||||
margin: 10px;
|
||||
border: 1px solid #D0D0D0;
|
||||
box-shadow: 0 0 8px #D0D0D0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 12px 15px 12px 15px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<h1><?php echo $heading; ?></h1>
|
||||
<?php echo $message; ?>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,32 @@
|
||||
<?php
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
?>
|
||||
|
||||
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">
|
||||
|
||||
<h4>An uncaught Exception was encountered</h4>
|
||||
|
||||
<p>Type: <?php echo get_class($exception); ?></p>
|
||||
<p>Message: <?php echo $message; ?></p>
|
||||
<p>Filename: <?php echo $exception->getFile(); ?></p>
|
||||
<p>Line Number: <?php echo $exception->getLine(); ?></p>
|
||||
|
||||
<?php if (defined('SHOW_DEBUG_BACKTRACE') && SHOW_DEBUG_BACKTRACE === TRUE): ?>
|
||||
|
||||
<p>Backtrace:</p>
|
||||
<?php foreach ($exception->getTrace() as $error): ?>
|
||||
|
||||
<?php if (isset($error['file']) && strpos($error['file'], realpath(BASEPATH)) !== 0): ?>
|
||||
|
||||
<p style="margin-left:10px">
|
||||
File: <?php echo $error['file']; ?><br />
|
||||
Line: <?php echo $error['line']; ?><br />
|
||||
Function: <?php echo $error['function']; ?>
|
||||
</p>
|
||||
<?php endif ?>
|
||||
|
||||
<?php endforeach ?>
|
||||
|
||||
<?php endif ?>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,64 @@
|
||||
<?php
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
?><!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Error</title>
|
||||
<style type="text/css">
|
||||
|
||||
::selection { background-color: #E13300; color: white; }
|
||||
::-moz-selection { background-color: #E13300; color: white; }
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
margin: 40px;
|
||||
font: 13px/20px normal Helvetica, Arial, sans-serif;
|
||||
color: #4F5155;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #003399;
|
||||
background-color: transparent;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #444;
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid #D0D0D0;
|
||||
font-size: 19px;
|
||||
font-weight: normal;
|
||||
margin: 0 0 14px 0;
|
||||
padding: 14px 15px 10px 15px;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: Consolas, Monaco, Courier New, Courier, monospace;
|
||||
font-size: 12px;
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #D0D0D0;
|
||||
color: #002166;
|
||||
display: block;
|
||||
margin: 14px 0 14px 0;
|
||||
padding: 12px 10px 12px 10px;
|
||||
}
|
||||
|
||||
#container {
|
||||
margin: 10px;
|
||||
border: 1px solid #D0D0D0;
|
||||
box-shadow: 0 0 8px #D0D0D0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 12px 15px 12px 15px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<h1><?php echo $heading; ?></h1>
|
||||
<?php echo $message; ?>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,33 @@
|
||||
<?php
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
?>
|
||||
|
||||
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">
|
||||
|
||||
<h4>A PHP Error was encountered</h4>
|
||||
|
||||
<p>Severity: <?php echo $severity; ?></p>
|
||||
<p>Message: <?php echo $message; ?></p>
|
||||
<p>Filename: <?php echo $filepath; ?></p>
|
||||
<p>Line Number: <?php echo $line; ?></p>
|
||||
|
||||
<?php if (defined('SHOW_DEBUG_BACKTRACE') && SHOW_DEBUG_BACKTRACE === TRUE): ?>
|
||||
|
||||
<p>Backtrace:</p>
|
||||
<?php foreach (debug_backtrace() as $error): ?>
|
||||
|
||||
<?php if (isset($error['file']) && strpos($error['file'], realpath(BASEPATH)) !== 0): ?>
|
||||
|
||||
<p style="margin-left:10px">
|
||||
File: <?php echo $error['file'] ?><br />
|
||||
Line: <?php echo $error['line'] ?><br />
|
||||
Function: <?php echo $error['function'] ?>
|
||||
</p>
|
||||
|
||||
<?php endif ?>
|
||||
|
||||
<?php endforeach ?>
|
||||
|
||||
<?php endif ?>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>403 Forbidden</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Directory access is forbidden.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>403 Forbidden</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Directory access is forbidden.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,220 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>Point Of Sales | Log in</title>
|
||||
<link rel="icon" href="<?=base_url()?>/assets/logo.png" type="image/png">
|
||||
<!-- Tell the browser to be responsive to screen width -->
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||||
<!-- Bootstrap 3.3.7 -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/bootstrap/dist/css/bootstrap.min.css">
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/font-awesome/css/font-awesome.min.css">
|
||||
<!-- Ionicons -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/Ionicons/css/ionicons.min.css">
|
||||
<!-- Theme style -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/dist/css/AdminLTE.min.css">
|
||||
<!-- iCheck -->
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/plugins/iCheck/square/blue.css">
|
||||
|
||||
<link rel="stylesheet" href="<?php echo base_url() ?>assets/plugins/animation/style.css">
|
||||
</head>
|
||||
|
||||
<body onload="openEyes()">
|
||||
|
||||
<div class="container" id="loginContainer">
|
||||
|
||||
<img src="<?php echo base_url(); ?>assets/images/logo.png" style="width:230px;height:230px;"/>
|
||||
<!--svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-120 100 1920 600" style="enable-background:new 0 0 1920 600;" xml:space="preserve"-->
|
||||
<style type="text/css">
|
||||
.st0 {
|
||||
fill: none;
|
||||
stroke: #29ABE2;
|
||||
stroke-width: 12;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
|
||||
.st1 {
|
||||
fill: #C69C6D;
|
||||
}
|
||||
|
||||
.st2 {
|
||||
fill: #754C24;
|
||||
}
|
||||
|
||||
.st3 {
|
||||
fill: #A67C52;
|
||||
}
|
||||
|
||||
.st4 {
|
||||
fill: #D3BD95;
|
||||
stroke: #8C6239;
|
||||
stroke-width: 4;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
|
||||
.st5 {
|
||||
fill: #FFFFFF;
|
||||
stroke: #A67C52;
|
||||
stroke-width: 4;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
|
||||
.st6 {
|
||||
stroke: #29ABE2;
|
||||
stroke-width: 5;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
|
||||
.st7 {
|
||||
fill: none;
|
||||
stroke: #000000;
|
||||
stroke-width: 5;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
|
||||
.st8 {
|
||||
fill: #42210B;
|
||||
stroke: #42210B;
|
||||
stroke-width: 5;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
|
||||
.st9 {
|
||||
fill: none;
|
||||
stroke: #42210B;
|
||||
stroke-width: 5;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
|
||||
.st10 {
|
||||
fill: #C69C6D;
|
||||
stroke: #A67C52;
|
||||
stroke-width: 4;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
|
||||
.st11 {
|
||||
fill: none;
|
||||
stroke: #8C6239;
|
||||
stroke-width: 5;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
</style>
|
||||
<circle id="outerCircle" class="st0" cx="831" cy="413" r="243" />
|
||||
<g>
|
||||
<g>
|
||||
<path id="outerEarRight" class="st1" d="M925.1,332.7c-2.5,0-5-0.4-7.4-1.3c-15.9-5.8-21.9-29.5-13.4-52.8c7.1-19.5,22.3-33.1,36.9-33.1
|
||||
c2.5,0,5,0.4,7.4,1.3c7.6,2.8,13.2,9.7,15.7,19.5c2.7,10.1,1.8,21.9-2.3,33.3C954.9,319,939.8,332.7,925.1,332.7z" />
|
||||
<path id="outerEarRightOutline" class="st2" d="M941.3,243.4v4h0c2.3,0,4.6,0.4,6.7,1.2c6.9,2.5,12.1,9,14.5,18.1c2.6,9.7,1.7,21.1-2.3,32.2
|
||||
c-3.4,9.3-8.9,17.6-15.4,23.3c-6.2,5.5-13.2,8.5-19.6,8.5c-2.3,0-4.6-0.4-6.7-1.2c-6.9-2.5-12.1-9-14.5-18.1
|
||||
c-2.6-9.7-1.7-21.1,2.3-32.2c3.4-9.3,8.9-17.6,15.4-23.3c6.2-5.5,13.2-8.5,19.6-8.5L941.3,243.4 M941.3,243.4
|
||||
c-15.1,0-31.2,13.8-38.8,34.4c-8.9,24.4-2.3,49.2,14.6,55.4c2.6,0.9,5.3,1.4,8,1.4c15.1,0,31.2-13.8,38.8-34.4
|
||||
c8.9-24.4,2.3-49.2-14.6-55.4C946.7,243.9,944,243.4,941.3,243.4L941.3,243.4z" />
|
||||
</g>
|
||||
<g>
|
||||
<path id="innerEarRight" class="st3" d="M923.4,326c-1.2,0-2.3-0.2-3.3-0.6c-3.9-1.4-6.7-5.4-7.9-11.2c-1.2-6.2-0.5-13.5,2.1-20.7
|
||||
c4.5-12.4,13.6-21.4,21.6-21.4c1.2,0,2.3,0.2,3.3,0.6c3.9,1.4,6.7,5.4,7.9,11.2c1.2,6.2,0.5,13.5-2.1,20.7
|
||||
C940.5,317,931.4,326,923.4,326z" />
|
||||
<path id="innerEarRightOutline" class="st2" d="M935.9,274.1L935.9,274.1c0.9,0,1.8,0.2,2.6,0.5c4.4,1.6,6,6.8,6.6,9.7c1.2,5.8,0.4,12.8-2.1,19.7
|
||||
c-4.2,11.4-12.7,20-19.8,20c-0.9,0-1.8-0.2-2.6-0.5c-4.4-1.6-6-6.8-6.6-9.7c-1.2-5.8-0.4-12.8,2.1-19.7
|
||||
C920.3,282.7,928.8,274.1,935.9,274.1 M935.9,270.1c-8.7,0-18.6,9.2-23.5,22.7c-5.7,15.6-2.6,31.1,7,34.5c1.3,0.5,2.6,0.7,4,0.7
|
||||
c8.7,0,18.6-9.2,23.5-22.7c5.7-15.6,2.6-31.1-7-34.5C938.7,270.4,937.3,270.1,935.9,270.1L935.9,270.1z" />
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path id="outerEarLeft" class="st1" d="M737.7,332.7c-14.3,0-28.6-13-34.8-31.6c-7.7-23.2-0.5-47.4,15.9-54c2.7-1.1,5.6-1.7,8.6-1.7
|
||||
c14.3,0,28.6,13,34.8,31.6c7.7,23.2,0.5,47.4-15.9,54C743.5,332.1,740.6,332.7,737.7,332.7z" />
|
||||
<path id="outerEarLeftOutline" class="st2" d="M727.3,243.4v4c13.5,0,27,12.4,32.9,30.2c7.3,22.2,0.7,45.3-14.7,51.5c-2.5,1-5.1,1.5-7.8,1.5
|
||||
c-13.5,0-27-12.4-32.9-30.2c-7.3-22.2-0.7-45.3,14.7-51.5c2.5-1,5.1-1.5,7.8-1.5L727.3,243.4 M727.3,243.4c-3.1,0-6.3,0.6-9.3,1.8
|
||||
c-17.4,7-25,32.2-17,56.4c6.6,20,21.8,33,36.7,33c3.1,0,6.3-0.6,9.3-1.8c17.4-7,25-32.2,17-56.4
|
||||
C757.4,256.4,742.2,243.4,727.3,243.4L727.3,243.4z" />
|
||||
</g>
|
||||
<g>
|
||||
<path id="innerEarLeft" class="st3" d="M740.5,325.8c-7.9,0-16.5-8.6-20.4-20.4c-4.8-14.5-1.5-29.1,7.3-32.6c1.2-0.5,2.5-0.7,3.9-0.7
|
||||
c7.9,0,16.5,8.6,20.4,20.4c4.8,14.5,1.5,29.1-7.3,32.6C743.1,325.5,741.8,325.8,740.5,325.8z" />
|
||||
<path id="innerEarLeftOutline" class="st2" d="M731.3,270v4c7.1,0,14.8,8,18.5,19.1c4.4,13.2,1.6,27-6.1,30.1c-1,0.4-2.1,0.6-3.1,0.6
|
||||
c-7.1,0-14.9-8-18.5-19.1c-4.4-13.2-1.6-27,6.1-30.1c1-0.4,2.1-0.6,3.1-0.6L731.3,270 M731.3,270c-1.6,0-3.1,0.3-4.6,0.9
|
||||
c-9.8,3.9-13.5,19.6-8.4,35.1c4.3,13.1,13.6,21.8,22.3,21.8c1.6,0,3.1-0.3,4.6-0.9c9.8-3.9,13.5-19.6,8.4-35.1
|
||||
C749.2,278.7,739.9,270,731.3,270L731.3,270z" />
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<ellipse id="headInner" class="st1" cx="832" cy="432" rx="146" ry="155" />
|
||||
<path id="headOutline" class="st2" d="M832,279c38.4,0,74.6,15.9,101.7,44.7C961,352.6,976,391.1,976,432s-15,79.4-42.3,108.3
|
||||
C906.6,569.1,870.4,585,832,585s-74.6-15.9-101.7-44.7C703,511.4,688,472.9,688,432s15-79.4,42.3-108.3
|
||||
C757.4,294.9,793.6,279,832,279 M832,275c-81.7,0-148,70.3-148,157s66.3,157,148,157s148-70.3,148-157S913.7,275,832,275L832,275z" />
|
||||
</g>
|
||||
<ellipse id="snout" class="st4" cx="831.5" cy="489.5" rx="99.5" ry="83.5" />
|
||||
<ellipse id="eyeLeft" transform="matrix(0.9962 -8.715574e-02 8.715574e-02 0.9962 -27.4684 69.9878)" class="st5" cx="787.8" cy="349.6" rx="29.2" ry="36.1" />
|
||||
<ellipse id="eyeRight" transform="matrix(0.126 -0.992 0.992 0.126 416.1085 1177.406)" class="st5" cx="876.2" cy="352.6" rx="36.2" ry="29.1" />
|
||||
<circle id="pupilLeft" class="st6" cx="788.5" cy="356.5" r="14.5" />
|
||||
<circle id="pupilRight" class="st6" cx="877.5" cy="356.5" r="14.5" />
|
||||
<line id="SnoutLineDown" class="st7" x1="832.5" y1="454" x2="832.5" y2="525" />
|
||||
<ellipse id="nose" class="st8" cx="832.5" cy="453.5" rx="32" ry="21" />
|
||||
<path id="leftNoseArch" class="st9" d="M832.5,524.5c-1,1.3-8.7,10.8-22,11c-13.9,0.2-22.1-9.9-23-11" />
|
||||
<path id="rightNoseArch" class="st9" d="M877.5,524.5c-1,1.3-8.7,10.8-22,11c-13.9,0.2-22.1-9.9-23-11" />
|
||||
<g>
|
||||
|
||||
<ellipse id="closedEyeLeft" transform="matrix(0.9962 -8.715574e-02 8.715574e-02 0.9962 -27.726 70.0864)" class="st10" cx="788.8" cy="352.6" rx="29.2" ry="36.1" />
|
||||
<path id="closedEyeLeftLid" class="st11" d="M818.3,354.9c-1.4-1.1-12.3-9.2-29.9-7.9c-18.3,1.4-28.3,11.9-29.4,13.1" />
|
||||
</g>
|
||||
<g>
|
||||
<ellipse id="closedEyeRight" transform="matrix(0.126 -0.992 0.992 0.126 415.1164 1178.28)" class="st10" cx="876.2" cy="353.6" rx="36.2" ry="29.1" />
|
||||
<path id="closedEyeRightLid" class="st11" d="M906,359.7c-1.2-1.3-10.6-11.2-28.1-13c-18.3-1.8-29.9,6.8-31.2,7.8" />
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
<!--
|
||||
Eye positions
|
||||
|
||||
straight forward:
|
||||
788.5 356.5
|
||||
877.5 356.5
|
||||
|
||||
|
||||
down left is:
|
||||
778.5 366.5
|
||||
867.6 366.5
|
||||
|
||||
down middle:
|
||||
788.5 366.5
|
||||
877.6 366.5
|
||||
|
||||
right middle:
|
||||
798.5 366.5
|
||||
887.5 366.5
|
||||
-->
|
||||
|
||||
<div style="width: 100%">
|
||||
|
||||
<div style="margin: 40px 40px;">
|
||||
<?php
|
||||
echo form_open('auth/login', array('style' => 'text-align:center;'));
|
||||
?>
|
||||
<?php $error = $this->session->flashdata('message_name');
|
||||
?>
|
||||
<p align="center" style="color:red;"><?php echo $error; ?></p>
|
||||
<input onfocus="openEyes();" onblur="movePupilsToCenter();" name="username" id="username" type="text" placeholder="Username">
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin: 40px 40px;">
|
||||
<div style="text-align: center">
|
||||
<input onfocus="closeEyes();" onblur="openEyes();" name="password" id="password" type="password" placeholder="Password">
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin: 40px 40px;">
|
||||
<div style="text-align: center">
|
||||
<button type="submit" name="submit">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script rel="script" src="<?php echo base_url() ?>assets/plugins/animation/javascript.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,38 @@
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3">
|
||||
<!-- general form elements -->
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Edit Password</h3>
|
||||
</div>
|
||||
<!-- /.box-header -->
|
||||
<!-- form start -->
|
||||
<?php if ($this->session->flashdata('alert_message')) { ?>
|
||||
<div class="alert <?php echo $this->session->flashdata('alert_message')['class']; ?> alert-dismissible">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
<?php echo $this->session->flashdata('alert_message')['message']; ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<form role="form" method="post" action="<?php echo base_url('dashboard/update_password'); ?>">
|
||||
<div class="box-body">
|
||||
<div class="form-group">
|
||||
<label for="password">New Password</label>
|
||||
<input type="password" class="form-control" id="password" name="password" placeholder="Enter new password" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="confirm_password">Confirm Password</label>
|
||||
<input type="password" class="form-control" id="confirm_password" name="confirm_password" placeholder="Confirm new password" required>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.box-body -->
|
||||
<div class="box-footer">
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
<a href="<?php echo base_url() ?>dashboard" class="btn btn-default ">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- /.box -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>403 Forbidden</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Directory access is forbidden.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,113 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>Login | POS Buku MTD</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="icon" href="<?=base_url()?>/assets/logo.png" type="image/png">
|
||||
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="<?php echo base_url() ?>assets/login/vendor/bootstrap/css/bootstrap.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="<?php echo base_url() ?>assets/login/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="<?php echo base_url() ?>assets/login/fonts/iconic/css/material-design-iconic-font.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/login/vendor/animate/animate.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="<?php echo base_url() ?>assets/login/vendor/css-hamburgers/hamburgers.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="<?php echo base_url() ?>assets/login/vendor/animsition/css/animsition.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
|
||||
<!--=============================================<?php echo base_url() ?>assets/login/==================================================-->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="<?php echo base_url() ?>assets/login/vendor/daterangepicker/daterangepicker.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/login/css/util.css">
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/login/css/main.css">
|
||||
<!--===============================================================================================-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="limiter">
|
||||
<div class="container-login100">
|
||||
<div class="wrap-login100">
|
||||
<form class="login100-form validate-form" action="<?= base_url() ?>auth/login" method="POST">
|
||||
<span class="login100-form-title p-b-35">
|
||||
<img width="100" src="<?=base_url()?>/assets/logo.png" alt="" srcset="">
|
||||
</span>
|
||||
<span class="login100-form-title p-b-26">
|
||||
POS BUKU MTD
|
||||
</span>
|
||||
<?php $error = $this->session->flashdata('message_name');
|
||||
?>
|
||||
<p align="center" style="color:red;"><?php echo $error; ?></p>
|
||||
|
||||
<div class="wrap-input100 validate-input" data-validate="Enter Username">
|
||||
<input class="input100" type="text" name="username" id="username">
|
||||
<span class="focus-input100" data-placeholder="Username"></span>
|
||||
</div>
|
||||
|
||||
<div class="wrap-input100 validate-input" data-validate="Enter password">
|
||||
<span class="btn-show-pass">
|
||||
<i class="zmdi zmdi-eye"></i>
|
||||
</span>
|
||||
<input class="input100" type="password" name="password" id="password">
|
||||
<span class="focus-input100" data-placeholder="Password"></span>
|
||||
</div>
|
||||
|
||||
<div class="container-login100-form-btn">
|
||||
<div class="wrap-login100-form-btn">
|
||||
<div class="login100-form-bgbtn"></div>
|
||||
<button type="submit" class="login100-form-btn" name="submit">
|
||||
Login
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center p-t-25">
|
||||
<span class="txt1">
|
||||
<strong>KOPERASI DHARMA AL MUHTADIN</strong>
|
||||
</span><br>
|
||||
<span class="txt1">Jl. Raya Cipayung No. 1 Cipayung</span><br>
|
||||
<span class="txt1">Kota Depok</span>
|
||||
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="dropDownSelect1"></div>
|
||||
|
||||
<!--===============================================================================================-->
|
||||
<script src="<?php echo base_url() ?>assets/login/vendor/jquery/jquery-3.2.1.min.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="<?php echo base_url() ?>assets/login/vendor/animsition/js/animsition.min.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="<?php echo base_url() ?>assets/login/vendor/bootstrap/js/popper.js"></script>
|
||||
<script src="<?php echo base_url() ?>assets/login/vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="<?php echo base_url() ?>assets/login/vendor/select2/select2.min.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="<?php echo base_url() ?>assets/login/vendor/daterangepicker/moment.min.js"></script>
|
||||
<script src="<?php echo base_url() ?>assets/login/vendor/daterangepicker/daterangepicker.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="<?php echo base_url() ?>assets/login/vendor/countdowntime/countdowntime.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="<?php echo base_url() ?>assets/login/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,90 @@
|
||||
<?php
|
||||
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
?><!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Welcome to CodeIgniter</title>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
::selection { background-color: #E13300; color: white; }
|
||||
::-moz-selection { background-color: #E13300; color: white; }
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
margin: 40px;
|
||||
font: 13px/20px normal Helvetica, Arial, sans-serif;
|
||||
color: #4F5155;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #003399;
|
||||
background-color: transparent;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #444;
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid #D0D0D0;
|
||||
font-size: 19px;
|
||||
font-weight: normal;
|
||||
margin: 0 0 14px 0;
|
||||
padding: 14px 15px 10px 15px;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: Consolas, Monaco, Courier New, Courier, monospace;
|
||||
font-size: 12px;
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #D0D0D0;
|
||||
color: #002166;
|
||||
display: block;
|
||||
margin: 14px 0 14px 0;
|
||||
padding: 12px 10px 12px 10px;
|
||||
}
|
||||
|
||||
#body {
|
||||
margin: 0 15px 0 15px;
|
||||
}
|
||||
|
||||
p.footer {
|
||||
text-align: right;
|
||||
font-size: 11px;
|
||||
border-top: 1px solid #D0D0D0;
|
||||
line-height: 32px;
|
||||
padding: 0 10px 0 10px;
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
|
||||
#container {
|
||||
margin: 10px;
|
||||
border: 1px solid #D0D0D0;
|
||||
box-shadow: 0 0 8px #D0D0D0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="container">
|
||||
<h1>Welcome to CodeIgniter!</h1>
|
||||
|
||||
<div id="body">
|
||||
<p>The page you are looking at is being generated dynamically by CodeIgniter.</p>
|
||||
|
||||
<p>If you would like to edit this page you'll find it located at:</p>
|
||||
<code>application/views/welcome_message.php</code>
|
||||
|
||||
<p>The corresponding controller for this page is found at:</p>
|
||||
<code>application/controllers/Welcome.php</code>
|
||||
|
||||
<p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="user_guide/">User Guide</a>.</p>
|
||||
</div>
|
||||
|
||||
<p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds. <?php echo (ENVIRONMENT === 'development') ? 'CodeIgniter Version <strong>' . CI_VERSION . '</strong>' : '' ?></p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user