Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
- <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
- <!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
- <!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>Ela Admin - HTML5 Admin Template</title>
- <meta name="description" content="Ela Admin - HTML5 Admin Template">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="apple-touch-icon" href="https://i.imgur.com/QRAUqs9.png">
- <link rel="shortcut icon" href="https://i.imgur.com/QRAUqs9.png">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.0/normalize.min.css">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lykmapipo/themify-icons@0.1.2/css/themify-icons.css">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.2.0/css/flag-icon.min.css">
- <link rel="stylesheet" href="<?php echo base_url('Assets/Admin/assets') ?>/css/cs-skin-elastic.css">
- <link rel="stylesheet" href="<?php echo base_url('Assets/Admin/assets') ?>/css/lib/datatable/dataTables.bootstrap.min.css">
- <link rel="stylesheet" href="<?php echo base_url('Assets/Admin/assets') ?>/css/style.css">
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>
- <!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script> -->
- </head>
- <body>
- <!-- Left Panel -->
- <?php $this->load->view('Admin_component/Left_Panel'); ?>
- <!-- /#left-panel -->
- <!-- Left Panel -->
- <!-- Right Panel -->
- <div id="right-panel" class="right-panel">
- <!-- Header-->
- <?php $this->load->view('Admin_component/Header'); ?>
- <!-- /header -->
- <!-- Header-->
- <div class="breadcrumbs">
- <div class="breadcrumbs-inner">
- <div class="row m-0">
- <div class="col-sm-4">
- <div class="page-header float-left">
- <div class="page-title">
- <h1>Dashboard</h1>
- </div>
- </div>
- </div>
- <div class="col-sm-8">
- <div class="page-header float-right">
- <div class="page-title">
- <ol class="breadcrumb text-right">
- <li><a href="#">Dashboard</a></li>
- <li><a href="#">Table</a></li>
- <li class="active">Data table</li>
- </ol>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="content">
- <div class="animated fadeIn">
- <div class="row">
- <div class="col-md-12">
- <div class="card">
- <div class="card-header">
- <strong class="card-title">Data Table</strong>
- </div>
- <div class="card-body">
- <table id="bootstrap-data-table" class="table table-striped table-bordered">
- <thead>
- <tr>
- <th>Nama Donatur</th>
- <th>Judul Campaign</th>
- <th>Jumlah Donasi</th>
- <th>Status</th>
- <th>Option</th>
- </tr>
- </thead>
- <tbody id="donatur">
- <?php foreach ($data as $key => $row): ?>
- <tr>
- <td><?php echo $row->nama_user;?></td>
- <td><?php echo $row->judul_campaign;?></td>
- <td>Rp.<?php echo number_format($row->jumlah);?></td>
- <td><span class="badge <?php if($row->status=="accepted"){echo 'badge-success';}elseif ($row->status=="pendding") { echo 'badge-primary';
- }else{echo "badge-danger";} ?>"><?php echo $row->status;?></span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="<?php echo $row->id_donatur; ?>" data-nama="<?php echo $row->nama_user; ?>" data-judul="<?php echo $row->judul_campaign ;?>" data-nomor="<?php echo $row->nmr_unik; ?>" data-pemilik="<?php echo $row->nama_pemilik; ?>" data-rekening="<?php echo $row->nmr_rekening; ?>" data-bank="<?php echo $row->nama_bank; ?>" data-jumlah="<?php echo number_format($row->jumlah);?>" data-status="<?php echo $row->status;?>" data-tgl="<?php echo $row->tgl_donasi;?>" >Detail</a></td>
- </tr>
- <?php endforeach ?>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div><!-- .animated -->
- </div><!-- .content -->
- <div class="clearfix"></div>
- <footer class="site-footer">
- <div class="footer-inner bg-white">
- <div class="row">
- <div class="col-sm-6">
- Copyright © 2018 Ela Admin
- </div>
- <div class="col-sm-6 text-right">
- Designed by <a href="https://colorlib.com">Colorlib</a>
- </div>
- </div>
- </div>
- </footer>
- </div><!-- /#right-panel -->
- <!-- Right Panel -->
- <!-- Modal donatur -->
- <div class="modal fade" id="detail_donatur" tabindex="-1" role="dialog" aria-labelledby="mediumModalLabel" aria-hidden="true">
- <div class="modal-dialog modal-lg" 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>
- <h5 class="modal-title" id="mediumModalLabel">Dana Donatur</h5>
- </div>
- <!-- /*Nama Donatur Judul Campaign Nomor Unik No Rekening TUJUAN Nama Tujuaan Bank Jumlah Donasi Tanggal Donasi Status*/ -->
- <div class="modal-body">
- <table class="m-5">
- <tr class="align-top">
- <td>Nama Donatur</td>
- <td>:</td>
- <td id="nama_donatur"></td>
- </tr>
- <tr class="align-top">
- <td>Judul Campaign</td>
- <td>:</td>
- <td id="judul_campaign"></td>
- </tr>
- <tr class="align-top">
- <td>Nomor Unik</td>
- <td>:</td>
- <td id="nomor_unik"></td>
- </tr>
- <tr class="align-top">
- <td>No Rekening Tujuan</td>
- <td>:</td>
- <td id="no_rekening"></td>
- </tr>
- <tr class="align-top">
- <td>Nama Penerima</td>
- <td>:</td>
- <td id="nama_penerima"></td>
- </tr>
- <tr class="align-top">
- <td>Bank</td>
- <td>:</td>
- <td id="nama_bank"></td>
- </tr>
- <tr class="align-top">
- <td>Jumlah Donasi</td>
- <td>:</td>
- <td id="jumlah"></td>
- </tr>
- <tr class="align-top">
- <td>Tanggal Donasi</td>
- <td>:</td>
- <td id="tgl"></td>
- </tr>
- <tr class="align-top">
- <td>Status</td>
- <td>:</td>
- <td id="status"></td>
- </tr>
- </table>
- </div>
- <div class="modal-footer">
- <input type="hidden" value="" id="id_donatur">
- <button type="button" class="btn btn-warning cancel" >Cancel</button>
- <button type="button" class="btn btn-success confirm" >accepted</button>
- </div>
- </div>
- </div>
- </div>
- <!-- end modal donatur -->
- <!-- Scripts -->
- <script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.4/dist/umd/popper.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/jquery-match-height@0.7.2/dist/jquery.matchHeight.min.js"></script>
- <script type="text/javascript">
- $('#donatur').on('click','.detail',function(){
- $("#detail_donatur").modal('show');
- });
- </script>
- <script src="<?php echo base_url('Assets/Admin/assets') ?>/js/main.js"></script>
- <script src="<?php echo base_url('Assets/Admin/assets') ?>/js/lib/data-table/datatables.min.js"></script>
- <script src="<?php echo base_url('Assets/Admin/assets') ?>/js/lib/data-table/dataTables.bootstrap.min.js"></script>
- <script src="<?php echo base_url('Assets/Admin/assets') ?>/js/lib/data-table/dataTables.buttons.min.js"></script>
- <script src="<?php echo base_url('Assets/Admin/assets') ?>/js/lib/data-table/buttons.bootstrap.min.js"></script>
- <script src="<?php echo base_url('Assets/Admin/assets') ?>/js/lib/data-table/jszip.min.js"></script>
- <script src="<?php echo base_url('Assets/Admin/assets') ?>/js/lib/data-table/vfs_fonts.js"></script>
- <script src="<?php echo base_url('Assets/Admin/assets') ?>/js/lib/data-table/buttons.html5.min.js"></script>
- <script src="<?php echo base_url('Assets/Admin/assets') ?>/js/lib/data-table/buttons.print.min.js"></script>
- <script src="<?php echo base_url('Assets/Admin/assets') ?>/js/lib/data-table/buttons.colVis.min.js"></script>
- <script src="<?php echo base_url('Assets/Admin/assets') ?>/js/init/datatables-init.js"></script>
- <!--Chartist Chart-->
- <script type="text/javascript">
- $(document).ready(function() {
- $('#bootstrap-data-table-export').DataTable();
- } );
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement