Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="x_panel">
- <div class="x_title">
- <h2><button type="button" class="add btn btn-primary"><i class="fa fa-plus-square"></i> Tambah Data </button></h2>
- <div class="clearfix"></div>
- </div>
- <!-- dimatikan karena membuat filter diatas, tidak digunakan karena sudah ada. -->
- <!-- <link href="<?php //echo base_url('assets/datatables/css/jquery.dataTables.min.css') ?>" rel="stylesheet"> -->
- <table class="table table-striped table-responsive" id="table">
- <thead>
- <tr>
- <th>No.</th>
- <th>Detail</th>
- <th>Action</th>
- <!--
- <th>No Rangka</th>
- <th>No Polisi</th>
- <th>Model</th>
- <th>Type</th>
- <th>Transmission</th>
- <th>Warna</th>
- <th>Tahun</th>
- <th>Km</th>
- <th>Customer</th>
- <th>Telephone</th>
- <th>Handphone</th>
- <th>Contact Person</th>
- <th>Telephone cp</th>
- <th>Cabang Penjual</th>
- <th>Cabang Service</th>
- <th>Salesman</th>
- <th>Last Service</th>
- <th>Job</th>
- <th>Pekerjaan Utama</th>
- <th>Program Promo Khusus</th>
- <th>Status</th>
- <th>Hasil FU 1</th>
- <th>Hasil FU 2</th>
- <th>Hasil FU 3</th>
- -->
- </tr>
- </thead>
- <tbody>
- <script type="text/javascript">
- var table;
- $(document).ready(function () {
- //datatables
- table = $('#table').DataTable({
- "processing": true,
- "serverSide": true,
- "order": [],
- "ajax": {
- "url": "<?php echo site_url('service/get_data_user') ?>",
- "type": "POST"
- },
- "columns": [
- {"data": "no", "orderable": TRUE},
- {"data": "detail", "orderable": false},
- {"data": "action", "orderable": false}
- ]
- });
- table = $('#table_old').DataTable({
- "processing": true,
- "serverSide": true,
- "order": [],
- "ajax": {
- "url": "<?php echo site_url('service/get_data_user') ?>",
- "type": "POST"
- },
- "columnDefs": [
- {
- "targets": [0],
- "orderable": false,
- },
- ],
- });
- });
- </script>
- </tbody>
- </table>
- </div>
- <script src="<?php echo base_url('assets/jquery/jquery-2.2.3.min.js') ?>"></script>
- <script src="<?php echo base_url('assets/datatables/js/jquery.dataTables.min.js') ?>"></script>
- <!-- Data tables -->
- <style type="text/css">@import url("<?php echo base_url() . 'js/datatables/jquery.dataTables.min.css'; ?>");</style>
- <script type='text/javascript' src="<?php echo base_url(); ?>js/datatables/jquery.dataTables.min.js"></script>
- <script type='text/javascript' src="<?php echo base_url(); ?>js/datatables/dataTables.bootstrap.js"></script>
- <!-- menambahkan script untuk memunculkan tambah data service-->
- <script type="text/javascript">
- $(document).ready(function () {
- $('#datatables').dataTable();
- $('.add').click(function () {
- $('#addModal').modal('show');
- $('#form')[0].reset();
- });
- $('#save').click(function () {
- $.ajax({
- url: "<?php echo site_url(); ?>service/addService",
- type: "POST",
- data: $("#form").serialize(),
- success: function () {
- $('#addModal').modal('hide');
- location.reload();
- }
- })
- });
- $('#saveEdit').click(function () {
- $.ajax({
- url: "<?php echo site_url(); ?>service/newService",
- type: "post",
- data: $("#form2").serialize(),
- success: function () {
- $('#editModal').modal('hide');
- location.reload();
- }
- })
- });
- });
- function edit(id) {
- $.getJSON('<?php echo site_url(); ?>service/editService/' + id,
- function (response) {
- $("#editModal").modal('show');
- $("#nno_rangka").val(response['no_rangka']);
- $("#nno_polisi").val(response['no_polisi']);
- $("#nmodel").val(response['model']);
- $("#ntype").val(response['type']);
- $("#ntransmission").val(response['transmission']);
- $("#nwarna").val(response['warna']);
- $("#ntahun").val(response['tahun']);
- $("#nkm").val(response['km']);
- $("#ncustomer").val(response['customer']);
- $("#ntelephone").val(response['telephone']);
- $("#nhandphone").val(response['handphone']);
- $("#ncontact_person").val(response['contact_person']);
- $("#ntelephone_cp").val(response['telephone_cp']);
- $("#ncabang_penjual").val(response['cabang_penjual']);
- $("#ncabang_service").val(response['cabang_service']);
- $("#nsalesman").val(response['salesman']);
- $("#nlast_service").val(response['last_service']);
- $("#njob").val(response['job']);
- $("#npekerjaan_utama").val(response['pekerjaan_utama']);
- $("#nprogram_promo").val(response['program_promo']);
- $("#nstatus_aktif").val(response['status_aktif']);
- $("#nhasil_fu1").val(response['hasil_fu1']);
- $("#nhasil_fu2").val(response['hasil_fu2']);
- $("#nhasil_fu3").val(response['hasil_fu3']);
- $("#oid").val(response['no_rangka']);
- }
- );
- }
- function del(id) {
- if (confirm('Yakin menghapus data ?')) {
- $.ajax({
- url: "<?php echo site_url(); ?>service/deleteService/" + id,
- type: "post",
- success: function () {
- location.reload();
- }
- })
- }
- }
- //form menampilkan data yang akan di inputkan.
- </script>
- <div class="modal fade bs-example-modal-lg" id="addModal" tabindex="-1" role="dialog" aria-hidden="true">
- <div class="modal-dialog modal-lg" style="width:500px;">
- <div class="modal-content">
- <div class="modal-header" style="background:cyan;">
- <h4 class="modal-title" id="myModalLabel">Tambah Data</h4>
- </div>
- <div class="modal-body">
- <form class="form-horizontal form-label-left" id="form" name="form">
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">No Rangka</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="no_rangka" name="no_rangka" placeholder="JTXXXXXXXX" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">No Polisi</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="no_polisi" name="no_polisi" placeholder="BM-XXXX-XX" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Model</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="model" name="model" placeholder="AlPHARD, INNOVA, VIOS" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Type</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="type" name="type" placeholder="2.0 A/T" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Transmission</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="transmission" name="transmission" placeholder="AT, MT" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Warna</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="warna" name="warna" placeholder="Black, Silver Metalic" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Tahun</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="tahun" name="tahun" placeholder="2018" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Km</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="km" name="km" placeholder="Jarak Tempuh KM" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Customer</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="customer" name="customer" placeholder="Nama Customer" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Telephone</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="telephone" name="telephone" placeholder="No. Telephone" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Handphone</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="handphone" name="handphone" placeholder="No. Handphone" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Contact Person</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="contact_person" name="contact_person" placeholder="Nama Contact Person" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Telephone CP</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="telephone_cp" name="telephone_cp" placeholder="No. Telephone Contact Person" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Cabang Penjual</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="cabang_penjual" name="cabang_penjual" placeholder="Misal : DMI, PK1, PK3" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Cabang Service</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="cabang_service" name="cabang_service" placeholder="Cabang Service" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Salesman</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="salesman" name="salesman" placeholder="Nama Salesman" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Last Service</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="date" class="form-control" id="last_service" name="last_service" placeholder="11/05/2018" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Job</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="job" name="job" placeholder="Job" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Pekerjaan Umum</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="pekerjaan_utama" name="pekerjaan_utama" placeholder="SBE 'SBE 10.000 KM'" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Promo Program Khusus</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="program_promo" name="program_promo" placeholder="Isi Program Promo Jika Ada" />
- </div>
- </div>
- <!-- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Status</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="status_aktif" name="status_aktif" placeholder="Aktif / Pasif" />
- </div> -->
- <div class="form-group">
- <label class="control-label col-md-3 col-sm-3 col-xs-12">Select</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <select class="form-control" id="status_aktif" name="status_aktif">
- <option>Pilih Status</option>
- <option>Aktif</option>
- <option>Pasif</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 1</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="hasil_fu1" name="hasil_fu1" placeholder="Hasil FU Pertama" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 2</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="hasil_fu2" name="hasil_fu2" placeholder="Hasil FU Kedua" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 3</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="hasil_fu3" name="hasil_fu3" placeholder="Hasil FU Ketiga" />
- </div>
- </div>
- </form>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
- <button type="button" class="btn btn-primary" id="save">Simpan</button>
- </div>
- </div>
- </div>
- </div>
- <!--Akhir dari form simpan data -->
- <!--Mulai dari pembuatan form edit -->
- <div class="modal fade bs-example-modal-lg" id="editModal" tabindex="-1" role="dialog" aria-hidden="true">
- <div class="modal-dialog modal-lg" style="width:500px;">
- <div class="modal-content">
- <div class="modal-header" style="background:cyan;">
- <h4 class="modal-title" id="myModalLabel">Edit Data</h4>
- </div>
- <div class="modal-body">
- <form class="form-horizontal form-label-left" id="form2" name="form2">
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">No Rangka</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="nno_rangka" name="nno_rangka" placeholder="No Rangka" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">No Polisi</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="hidden" class="form-control" id="oid" name="oid" />
- <input type="text" class="form-control" id="nno_polisi" name="nno_polisi" placeholder="No Polisi" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Model</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="nmodel" name="nmodel" placeholder="Model" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Type</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="ntype" name="ntype" placeholder="Type" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Transmission</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="ntransmission" name="ntransmission" placeholder="Transmission" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Warna</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="nwarna" name="nwarna" placeholder="Warna" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Tahun</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="ntahun" name="ntahun" placeholder="Tahun" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Km</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="nkm" name="nkm" placeholder="Jarak Km" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Customer</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="ncustomer" name="ncustomer" placeholder="Customer" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Telephone</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="ntelephone" name="ntelephone" placeholder="Telephone" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Handphone</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="nhandphone" name="nhandphone" placeholder="Handphone" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Contact Person</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="ncontact_person" name="ncontact_person" placeholder="Contact Person" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Telephone Cp</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="ntelephone_cp" name="ntelephone_cp" placeholder="Telephone Cp" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Cabang Penjual</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="ncabang_penjual" name="ncabang_penjual" placeholder="Cabang Penjual" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Cabang Service</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="ncabang_service" name="ncabang_service" placeholder="Cabang Service" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Salesman</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="nsalesman" name="nsalesman" placeholder="Salesman" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Last Service</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="date" class="form-control" id="nlast_service" name="nlast_service" placeholder="Last Service" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Job</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="njob" name="njob" placeholder="Job" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Pekerjaan Umum</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="npekerjaan_utama" name="npekerjaan_utama" placeholder="Pekerjaan Umum" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Promo Program Khusus</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="nprogram_promo" name="nprogram_promo" placeholder="Isi Program Promo Jika Ada" />
- </div>
- </div>
- <!-- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Status</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="nstatus_aktif" name="nstatus_aktif" placeholder="Aktif / Pasif" />
- </div>
- </div> -->
- <div class="form-group">
- <label class="control-label col-md-3 col-sm-3 col-xs-12">Status</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <select class="form-control" id="nstatus_aktif" name="nstatus_aktif">
- <option>Pilih Status</option>
- <option>Aktif</option>
- <option>Pasif</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 1</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="nhasil_fu1" name="nhasil_fu1" placeholder="Hasil FU Pertama" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 2</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="nhasil_fu2" name="nhasil_fu2" placeholder="Hasil FU Kedua" />
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 3</label>
- <div class="col-md-9 col-sm-9 col-xs-12">
- <input type="text" class="form-control" id="nhasil_fu3" name="nhasil_fu3" placeholder="Hasil FU Ketiga" />
- </div>
- </div>
- </form>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
- <button type="button" class="btn btn-primary" id="saveEdit">Simpan</button>
- </div>
- </div>
- </div>
- </div>
- <!-- Akhir dari pembuatan form edit -->
- <script type="text/javascript">
- $(document).ready(function () {
- $('#datatables').dataTable();
- });
- </script>
Add Comment
Please, Sign In to add comment