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="http://localhost/rumahpeduliku/Assets/Admin/assets/css/cs-skin-elastic.css">
- <link rel="stylesheet" href="http://localhost/rumahpeduliku/Assets/Admin/assets/css/lib/datatable/dataTables.bootstrap.min.css">
- <link rel="stylesheet" href="http://localhost/rumahpeduliku/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 -->
- <aside id="left-panel" class="left-panel">
- <nav class="navbar navbar-expand-sm navbar-default">
- <div id="main-menu" class="main-menu collapse navbar-collapse">
- <ul class="nav navbar-nav">
- <li class="active">
- <a href="index.html"><i class="menu-icon fa fa-laptop"></i>Dashboard </a>
- </li>
- <li class="menu-title">Verifikasi</li><!-- /.menu-title -->
- <li>
- <a href="index.html"><i class="menu-icon fa fa-laptop"></i>Dana Donatur </a>
- </li>
- <li>
- <a href="index.html"><i class="menu-icon fa fa-laptop"></i>Deposit </a>
- </li>
- <li>
- <a href="index.html"><i class="menu-icon fa fa-laptop"></i>Campaign</a>
- </li>
- <li class="menu-item-has-children dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-th"></i>Pencairan Dana</a>
- <ul class="sub-menu children dropdown-menu">
- <li><i class="menu-icon fa fa-th"></i><a href="forms-basic.html">User</a></li>
- <li><i class="menu-icon fa fa-th"></i><a href="forms-advanced.html">Campaign</a></li>
- </ul>
- </li>
- <li class="menu-title">Report</li><!-- /.menu-title -->
- <li>
- <a href="index.html"><i class="menu-icon fa fa-laptop"></i>Campaign </a>
- </li>
- <li>
- <a href="index.html"><i class="menu-icon fa fa-laptop"></i>Data User </a>
- </li>
- <li>
- <a href="index.html"><i class="menu-icon fa fa-laptop"></i>Donasi</a>
- </li>
- <li class="menu-item-has-children dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-th"></i>Dompet</a>
- <ul class="sub-menu children dropdown-menu">
- <li><i class="menu-icon fa fa-th"></i><a href="forms-basic.html">User</a></li>
- <li><i class="menu-icon fa fa-th"></i><a href="forms-advanced.html">Campaign</a></li>
- </ul>
- </li>
- <li class="menu-title">Setting</li><!-- /.menu-title -->
- <li> <a href="index.html"><i class="menu-icon fa fa-laptop"></i>Campaign</a></li>
- <li> <a href="index.html"><i class="menu-icon fa fa-laptop"></i>User</a></li>
- <li class="menu-title">Admin Setting</li><!-- /.menu-title -->
- <li> <a href="index.html"><i class="menu-icon fa fa-laptop"></i>Kategori</a></li>
- <li> <a href="index.html"><i class="menu-icon fa fa-laptop"></i>Persen</a></li>
- </ul>
- </div><!-- /.navbar-collapse -->
- </nav>
- </aside> <!-- /#left-panel -->
- <!-- Left Panel -->
- <!-- Right Panel -->
- <div id="right-panel" class="right-panel">
- <!-- Header-->
- <header id="header" class="header">
- <div class="top-left">
- <div class="navbar-header">
- <a class="navbar-brand" href="./"><img src="http://localhost/rumahpeduliku/Assets/Admin/images/logo.png" alt="Logo"></a>
- <a class="navbar-brand hidden" href="./"><img src="http://localhost/rumahpeduliku/Assets/Admin/images/logo2.png" alt="Logo"></a>
- <a id="menuToggle" class="menutoggle"><i class="fa fa-bars"></i></a>
- </div>
- </div>
- <div class="top-right">
- <div class="header-menu">
- <div class="header-left">
- <button class="search-trigger"><i class="fa fa-search"></i></button>
- <div class="form-inline">
- <form class="search-form">
- <input class="form-control mr-sm-2" type="text" placeholder="Search ..." aria-label="Search">
- <button class="search-close" type="submit"><i class="fa fa-close"></i></button>
- </form>
- </div>
- </div>
- <div class="user-area dropdown float-right">
- <a href="#" class="dropdown-toggle active" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- <img class="user-avatar rounded-circle" src="http://localhost/rumahpeduliku/Assets/Admin/images/admin.jpg" alt="User Avatar">
- </a>
- <div class="user-menu dropdown-menu">
- <a class="nav-link" href="http://localhost/rumahpeduliku/Admin/logout"><i class="fa fa-power -off"></i>Logout</a>
- </div>
- </div>
- </div>
- </div>
- </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">
- <a href="#" id="tes"></a>
- <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">
- <tr>
- <td>rizki</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.30,464</td>
- <td><span class="badge badge-success">accepted</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00001" data-nama="rizki" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="464" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="30,464" data-status="accepted" data-tgl="2019-01-19" >Detail</a></td>
- </tr>
- <tr>
- <td>JAMALUL INSAN</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.30,439</td>
- <td><span class="badge badge-primary">pendding</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00002" data-nama="JAMALUL INSAN" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="439" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="30,439" data-status="pendding" data-tgl="2019-01-19" >Detail</a></td>
- </tr>
- <tr>
- <td>JAMALUL INSAN</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.80,793</td>
- <td><span class="badge badge-primary">pendding</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00003" data-nama="JAMALUL INSAN" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="793" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="80,793" data-status="pendding" data-tgl="2019-01-19" >Detail</a></td>
- </tr>
- <tr>
- <td>JAMALUL INSAN</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.80,611</td>
- <td><span class="badge badge-primary">pendding</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00004" data-nama="JAMALUL INSAN" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="611" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="80,611" data-status="pendding" data-tgl="2019-01-19" >Detail</a></td>
- </tr>
- <tr>
- <td>JAMALUL INSAN</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.80,830</td>
- <td><span class="badge badge-primary">pendding</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00005" data-nama="JAMALUL INSAN" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="830" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="80,830" data-status="pendding" data-tgl="2019-01-19" >Detail</a></td>
- </tr>
- <tr>
- <td>JAMALUL INSAN</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.100,508</td>
- <td><span class="badge badge-primary">pendding</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00006" data-nama="JAMALUL INSAN" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="508" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="100,508" data-status="pendding" data-tgl="2019-01-19" >Detail</a></td>
- </tr>
- <tr>
- <td>JAMALUL INSAN</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.3,000,915</td>
- <td><span class="badge badge-success">accepted</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00007" data-nama="JAMALUL INSAN" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="915" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="3,000,915" data-status="accepted" data-tgl="2019-01-19" >Detail</a></td>
- </tr>
- <tr>
- <td>JAMALUL INSAN</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.3,000,199</td>
- <td><span class="badge badge-success">accepted</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00008" data-nama="JAMALUL INSAN" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="199" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="3,000,199" data-status="accepted" data-tgl="2019-01-19" >Detail</a></td>
- </tr>
- <tr>
- <td>JAMALUL INSAN</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.3,000,280</td>
- <td><span class="badge badge-primary">pendding</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00009" data-nama="JAMALUL INSAN" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="280" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="3,000,280" data-status="pendding" data-tgl="2019-01-19" >Detail</a></td>
- </tr>
- <tr>
- <td>JAMALUL INSAN</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.3,000,768</td>
- <td><span class="badge badge-primary">pendding</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00010" data-nama="JAMALUL INSAN" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="768" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="3,000,768" data-status="pendding" data-tgl="2019-01-19" >Detail</a></td>
- </tr>
- <tr>
- <td>JAMALUL INSAN</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.3,000,832</td>
- <td><span class="badge badge-primary">pendding</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00011" data-nama="JAMALUL INSAN" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="832" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="3,000,832" data-status="pendding" data-tgl="2019-01-19" >Detail</a></td>
- </tr>
- <tr>
- <td>JAMALUL INSAN</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.90,171</td>
- <td><span class="badge badge-primary">pendding</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00012" data-nama="JAMALUL INSAN" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="171" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="90,171" data-status="pendding" data-tgl="2019-01-22" >Detail</a></td>
- </tr>
- <tr>
- <td>Selalu Ada</td>
- <td>sSsssssssssssssssssssssSSSSSSSSSS</td>
- <td>Rp.70,673</td>
- <td><span class="badge badge-danger">cancel</span></td>
- <td><a href="#" class="btn btn-primary btn-sm detail" data-toggle="modal" data-id="DN00013" data-nama="Selalu Ada" data-judul="sSsssssssssssssssssssssSSSSSSSSSS" data-nomor="673" data-pemilik="suryadi" data-rekening="22311232" data-bank="Mandiri" data-jumlah="70,673" data-status="cancel" data-tgl="2019-01-23" >Detail</a></td>
- </tr>
- </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">
- console.log($("#detail_donatur"));
- $("#detail_donatur").modal('show');
- $('#donatur').on('click','.detail',function(){
- });
- </script>
- <script src="http://localhost/rumahpeduliku/Assets/Admin/assets/js/main.js"></script>
- <script src="http://localhost/rumahpeduliku/Assets/Admin/assets/js/lib/data-table/datatables.min.js"></script>
- <script src="http://localhost/rumahpeduliku/Assets/Admin/assets/js/lib/data-table/dataTables.bootstrap.min.js"></script>
- <script src="http://localhost/rumahpeduliku/Assets/Admin/assets/js/lib/data-table/dataTables.buttons.min.js"></script>
- <script src="http://localhost/rumahpeduliku/Assets/Admin/assets/js/lib/data-table/buttons.bootstrap.min.js"></script>
- <script src="http://localhost/rumahpeduliku/Assets/Admin/assets/js/lib/data-table/jszip.min.js"></script>
- <script src="http://localhost/rumahpeduliku/Assets/Admin/assets/js/lib/data-table/vfs_fonts.js"></script>
- <script src="http://localhost/rumahpeduliku/Assets/Admin/assets/js/lib/data-table/buttons.html5.min.js"></script>
- <script src="http://localhost/rumahpeduliku/Assets/Admin/assets/js/lib/data-table/buttons.print.min.js"></script>
- <script src="http://localhost/rumahpeduliku/Assets/Admin/assets/js/lib/data-table/buttons.colVis.min.js"></script>
- <script src="http://localhost/rumahpeduliku/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