-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update tanggal 19-03-19, rincian dikirim ke Telegram, THX
- Loading branch information
Showing
24 changed files
with
5,387 additions
and
3,072 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,305 @@ | ||
<!DOCTYPE html> | ||
<!-- | ||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 4 | ||
Author: KeenThemes | ||
Website: http://www.keenthemes.com/ | ||
Contact: [email protected] | ||
Follow: www.twitter.com/keenthemes | ||
Dribbble: www.dribbble.com/keenthemes | ||
Like: www.facebook.com/keenthemes | ||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes | ||
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes | ||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project. | ||
--> | ||
<html lang="en" > | ||
<!-- begin::Head --> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<title> | ||
SPK | ||
</title> | ||
<meta name="description" content="Latest updates and statistic charts"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
<!--begin::Web font --> | ||
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script> | ||
<script> | ||
WebFont.load({ | ||
google: {"families":["Poppins:300,400,500,600,700","Roboto:300,400,500,600,700"]}, | ||
active: function() { | ||
sessionStorage.fonts = true; | ||
} | ||
}); | ||
</script> | ||
<!--end::Web font --> | ||
<!--begin::Base Styles --> | ||
<!--begin::Page Vendors --> | ||
<link href="../assets/vendors/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" /> | ||
<!--end::Page Vendors --> | ||
<link href="../assets/vendors/base/vendors.bundle.css" rel="stylesheet" type="text/css" /> | ||
<link href="../assets/demo/default/base/style.bundle.css" rel="stylesheet" type="text/css" /> | ||
<!-- begin:: Style tambahan --> | ||
<link href="../assets/demo/default/base/pelangi-style.css" rel="stylesheet" type="text/css"> | ||
<!-- <link href="../assets/demo/default/base/card-a5.css" rel="stylesheet" type="text/css" --> | ||
<!-- end:: Style tambahan --> | ||
<!--end::Base Styles --> | ||
<link rel="shortcut icon" href="../assets/demo/default/media/img/logo/favicon.ico" /> | ||
<style> | ||
@media print { | ||
|
||
.table { | ||
min-height : 275px !important; | ||
} | ||
|
||
th { | ||
font-size: 1.7rem !important; | ||
} | ||
|
||
td { | ||
font-size: 1.7rem !important; | ||
} | ||
|
||
p { | ||
font-size: 1.8rem !important; | ||
} | ||
label { | ||
font-size: 1.6rem !important; | ||
} | ||
input { | ||
font-size: 1.6rem !important; | ||
} | ||
h3 { | ||
font-size: 2rem !important; | ||
} | ||
|
||
.font-print { | ||
font-size: 1.8rem !important; | ||
} | ||
|
||
.m-portlet .m-portlet__body { | ||
padding: 2.2rem 2.2rem; | ||
} | ||
|
||
.informasinya { | ||
padding-bottom: .1rem !important; | ||
} | ||
|
||
.col-form-label { | ||
padding-top : 0px !important; | ||
padding-bottom: 0px !important; | ||
} | ||
|
||
.m-datatable__table { | ||
min-height: 0 !important; | ||
} | ||
} | ||
|
||
|
||
</style> | ||
</head> | ||
<!-- end::Head --> | ||
<!-- end::Body --> | ||
<body class="m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default"> | ||
<div class="m-content"> | ||
<div class="face face-front"> | ||
<div class="row"> | ||
<div class="col-xl-12"> | ||
<div class="m-portlet m-portlet--tab"> | ||
<div class="m-portlet__head header"> | ||
<h3 class="header-pesanan"> | ||
<!-- Invoice --> | ||
<img style="height:auto;width:250px" src="..\assets\demo\default\media\img\logo\spk_logo.png"> | ||
|
||
</h3><br> | ||
<h3 name="no_pesanan" class="header-pesanan-no"> | ||
#123456789 | ||
</h3><br><br> | ||
<div class="info"> | ||
<p name="nama_pelanggan" id="namaPelanggan"><i class="flaticon-users"> </i> Ahmad Rifaldi</p> | ||
<p name="no_telpon" id="noTelpon"><i class="fa fa-phone"> </i> 085-145-322-137</p> | ||
<p name="alamat" id="alamat"><i class="flaticon-placeholder-1"> </i> Jl. Poros Malino, Griya Riski Abadi blok C6</p> | ||
</div> | ||
</div> | ||
<div class="m-portlet__body informasinya"> | ||
<div class="form-group m-form__group row"> | ||
<label for="example-text-input" class="col-3 col-form-label"> | ||
Tipe Pesanan | ||
</label> | ||
<div class="col-4"> | ||
<span class="font-print" id="tipe_pesanan"> Express </span> | ||
</div> | ||
</div> | ||
<div class="form-group m-form__group row"> | ||
<label for="example-text-input" class="col-3 col-form-label"> | ||
catatan | ||
</label> | ||
<div class="col-4"> | ||
<span class="font-print" id="catatan_pesanan"> - </span> | ||
</div> | ||
</div> | ||
<div class="form-group m-form__group row"> | ||
<label for="example-text-input" class="col-3 col-form-label"> | ||
Tanggal Pesanan | ||
</label> | ||
<div class="col-4"> | ||
<span class="font-print" id="tanggal_pesanan"> 20/11/19 </span> | ||
</div> | ||
</div> | ||
<div class="form-group m-form__group row"> | ||
<label for="example-text-input" class="col-3 col-form-label"> | ||
Waktu Selesai | ||
</label> | ||
<div class="col-4"> | ||
<span class="font-print" id="tanggal_pesanan_selesai"> 22/11/19 </span> | ||
</div> | ||
</div> | ||
<div class="form-group m-form__group row"> | ||
<label for="example-text-input" class="col-3 col-form-label"> | ||
Tipe Pemabayaran | ||
</label> | ||
<div class="col-4"> | ||
<span class="font-print" id="tipe_pembayaran"> Transfer </span> | ||
</div> | ||
</div> | ||
<div class="form-group m-form__group row"> | ||
<label for="example-text-input" class="col-3 col-form-label"> | ||
Order Status | ||
</label> | ||
<div class="col-4"> | ||
<span class="font-print" id="tipe_pembayaran"> Lunas </span> | ||
</div> | ||
</div> | ||
</div> | ||
<!--begin::Form--> | ||
<form class="m-form m-form--fit m-form--label-align-right"> | ||
<div class="m-portlet m-portlet--mobile"> | ||
<div class="m-portlet__body tablenya"> | ||
<!--begin: Datatable --> | ||
<!-- <div class="m_datatable" id="local_data"></div> --> | ||
<table class="table" id="tbl_invoice"> | ||
<thead> | ||
<tr> | ||
<th>No</th> | ||
<th>Produk</th> | ||
<th>Ukuran</th> | ||
<th>Finishing</th> | ||
<th>Jumlah</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr> | ||
<td>1</td> | ||
<td>Spanduk</td> | ||
<td>160 x 60 cm</td> | ||
<td>Cincin</td> | ||
<td>320</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
<div class="m-datatable__pager m-datatable--paging-loaded clearfix"> | ||
<div class="form-group m-form__group row"> | ||
<label class="col-2"> | ||
<b>CS Menangani :</b> | ||
</label> | ||
<div class="col-4"> | ||
<p id="nama_cs_menangani">Ahmad Rifaldi</p> | ||
</div> | ||
</div> | ||
<div class="form-group m-form__group row"> | ||
<label class="col-2"> | ||
<b>Designer :</b> | ||
</label> | ||
<div class="col-4"> | ||
<p id="nama_designer">Surya Aditama</p> | ||
</div> | ||
</div> | ||
<div class="form-group m-form__group row"> | ||
<label class="col-2"> | ||
<b>Produksi :</b> | ||
</label> | ||
<div class="col-4"> | ||
<p id="nama_produksi">-</p> | ||
</div> | ||
</div> | ||
<div class="form-group m-form__group row"> | ||
<label class="col-2"> | ||
<b>CS Pelunasan :</b> | ||
</label> | ||
<div class="col-4"> | ||
<p id="nama_cs_pelunasan">-</p> | ||
</div> | ||
</div> | ||
</div> | ||
<!--end: Datatable --> | ||
</div> | ||
</div> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</body> | ||
<!-- end::Body --> | ||
<script src="../assets/vendors/base/vendors.bundle.js" type="text/javascript"></script> | ||
<script src="../assets/demo/default/base/scripts.bundle.js" type="text/javascript"></script> | ||
<script src="../assets/app/js/dashboard.js" type="text/javascript"></script> | ||
<script type="text/javascript"> | ||
var tbl_invoice = $('#tbl_invoice').mDatatable({ | ||
data: { | ||
saveState: {cookie: false}, | ||
}, | ||
// layout definition | ||
layout: { | ||
theme: 'default', // datatable theme | ||
class: '', // custom wrapper class | ||
scroll: false, // enable/disable datatable scroll both horizontal and vertical when needed. | ||
/*max-height: 200,*/ // datatable's body's fixed height | ||
footer: false, // display/hide footer | ||
|
||
}, | ||
|
||
// column sorting | ||
sortable: false, | ||
pagination: false, | ||
search: { | ||
input: $('#generalSearch'), | ||
}, | ||
columns: [ | ||
|
||
{ | ||
field: 'No', | ||
textAlign: 'center', | ||
width : 50 | ||
}, | ||
{ | ||
field: 'Produk', | ||
textAlign: 'center', | ||
width :130 | ||
}, | ||
{ | ||
field: 'Ukuran', | ||
textAlign: 'center', | ||
width:140 | ||
}, | ||
{ | ||
field: 'Finishing', | ||
textAlign: 'center', | ||
|
||
}, | ||
{ | ||
field: 'Jumlah', | ||
textAlign: 'center', | ||
width : 100 | ||
|
||
}, | ||
{ | ||
field: 'Harga', | ||
textAlign: 'center', | ||
|
||
} | ||
|
||
], | ||
}); | ||
</script> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.