API tools faq
paste
Advertisement
Guest User

feripeta

a guest
Dec 11th, 2019
287
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 65.95 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <body onunload="" class="map-fullscreen page-homepage navigation-off-canvas" id="page-top">
  4.  
  5. <!-- Outer Wrapper-->
  6. <div id="outer-wrapper">
  7.     <!-- Inner Wrapper -->
  8.     <div id="inner-wrapper">
  9.         <!-- Navigation-->
  10.         <div class="header">
  11.             <div class="wrapper">
  12.                 <div class="brand">
  13.                     <a href="index.html"><img src="<?php echo base_url(); ?>assets/img/logo.png" alt="logo"></a>
  14.                     <!-- <h3>Laporan Pembangunan</h3> -->
  15.                 </div>
  16.                 <nav class="navigation-items">
  17.                     <div class="wrapper">
  18.                         <ul class="main-navigation navigation-top-header"></ul>
  19.                         <ul class="user-area">
  20.                             <li><a href="login.html">Pengawas</a></li>
  21.                             <li><a href="admin.html"><strong>Admin</strong></a></li>
  22.                         </ul>
  23.                         <a href="submit.html" class="submit-item">
  24.                             <div class="content"><span>Tambah Kegiatan</span></div>
  25.                             <div class="icon">
  26.                                 <i class="fa fa-plus"></i>
  27.                             </div>
  28.                         </a>
  29.                         <!-- <div class="toggle-navigation">
  30.                            <div class="icon">
  31.                                <div class="line"></div>
  32.                                <div class="line"></div>
  33.                                <div class="line"></div>
  34.                            </div>
  35.                        </div> -->
  36.                     </div>
  37.                 </nav>
  38.             </div>
  39.         </div>
  40.  
  41.         <div id="page-canvas">
  42.             <div id="page-content" style="padding-bottom: 0">
  43.                 <!-- Map Canvas-->
  44.                 <div class="map-canvas list-solid">
  45.                     <!-- Map -->
  46.                     <div class="map">
  47.                         <div class="toggle-navigation">
  48.                             <div class="icon">
  49.                                 <div class="line"></div>
  50.                                 <div class="line"></div>
  51.                                 <div class="line"></div>
  52.                             </div>
  53.                         </div>
  54.  
  55.                         <!-- <div class="toggle-result">
  56.                            <i class="fa fa-fw fa-table" data-toggle="tooltip" data-placement="left" title="Perlihatkan hasil tabel" style="margin:0;padding: 0;" onclick="show_table()" id="icon-tabel"></i>
  57.                            <i class="fa fa-fw fa-globe" data-toggle="tooltip" data-placement="left" title="Perlihatkan hasil peta" style="margin:0;padding: 0;display: none;" onclick="show_map()" id="icon-map"></i>
  58.                        </div> -->
  59.  
  60.                         <div id="mySidenav" class="sidenav">
  61.                             <a href="#" id="globe" onclick="show_map()"><i class="fa fa-globe" style="margin-right: 20px"></i> Map</a>
  62.                             <a href="#" id="table" onclick="show_table()"><i class="fa fa-table" style="margin-right: 20px"></i> Tabel</a>
  63.                             <a href="#" id="dashboard" onclick="show_dashboard()"><i class="fa fa-dashboard" style="margin-right: 20px"></i> Dashboard</a>
  64.                         </div>
  65.  
  66.                         <div class="search-bar horizontal">
  67.                             <form class="main-search border-less-inputs inputs-3" role="form" action="<?php echo base_url().'index.php/page/filterByDinas'; ?>" method="post">
  68.                                 <div class="input-row">
  69.                                     <div class="form-group" style="max-width: 216.08px">
  70.                                         <select name="dinas" multiple title="Pilih Dinas" data-live-search="true">
  71.                                             <option value="DINAS PEKERJAAN UMUM DAN PENATAAN RUANG">Dinas Pekerjaan Umum dan Penataan Ruang</option>
  72.                                             <option value="DINAS PENDIDIKAN">Dinas Pendidikan</option>
  73.                                         </select>
  74.                                     </div>
  75.                                     <!-- /.form-group -->
  76.                                     <div class="form-group" style="max-width: 216.08px">
  77.                                         <div class="input-group">
  78.                                             <select name="kegiatan" multiple title="Pilih Kegiatan" data-live-search="true">
  79.                                                 <option value="Revitalisasi Gedung RSUD Kota Bogor Lanjutan">Revitalisasi Gedung RSUD Kota Bogor Lanjutan</option>
  80.                                                 <option value="Peningkatan Manajemen Kurikulum SD">
  81.                                                     Peningkatan Manajemen Kurikulum SD
  82.                                                 </option>
  83.                                                 <option value="Pengelolaan Informasi Publik">Pengelolaan Informasi Publik</option>
  84.                                                 <option value="Peningkatan Sarana dan Prasarana SMP">Peningkatan Sarana dan Prasarana SMP</option>
  85.                                                 <option value="2">Program Pengembangan Sistem Pelaporan dan Capaian Kinerja Keuangan</option>
  86.                                                 <option value="2">Pembangunan Jalan dan Jembatan</option>
  87.                                                 <option value="2">Rehabilitasi/Pemeliharaan Jalan dan Jembatan</option>
  88.                                                 <option value="2">Pembangunan Prasarana Pedestrian dan Pesepeda</option>
  89.                                                 <option value="2">Pembangunan Saluran Drainase/Gorong-Gorong</option>
  90.                                                 <option value="2">Peningkatan Sarana dan Prasarana Kebinamargaan</option>
  91.                                             </select>
  92.                                         </div>
  93.                                     </div>
  94.                                     <!-- /.form-group -->
  95.                                    
  96.                                     <div class="form-group" style="max-width: 216.08px">
  97.                                         <select name="paket" multiple title="Pilih Paket" data-live-search="true">
  98.                                             <?php
  99.                                            foreach($paket as $p){
  100.                                            ?>
  101.                                             <option value="<?php echo $p->nama_paket ?>"><?php echo $p->nama_paket ?></option>
  102.                                             <?php } ?>
  103.                                         </select>
  104.                                     </div>
  105.                                    
  106.                                     <!-- /.form-group -->
  107.                                     <div class="form-group" style="width: initial;">
  108.                                         <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
  109.                                     </div>
  110.                                     <!-- /.form-group -->
  111.                                 </div>
  112.                                 <!-- /.input-row -->
  113.                             </form>
  114.                             <!-- /.main-search -->
  115.                         </div>
  116.                        
  117.                         <!-- Map -->
  118.                         <div id="map" class="has-parallax"></div>
  119.                         <!-- Tabel -->
  120.                         <div id="result_table" class="has-parallax">
  121.                             <section class="container-fluid">
  122.                                 <div class="card">
  123.                                     <section class="container-data">
  124.                                         <!-- <?php echo form_open("page/filter"); ?>
  125.                                        <header class="page-title" style="padding-bottom: 0; margin: 20px 0 10px 0">
  126.                                            <div class="title">
  127.                                                <h3 style="margin: 0">Filter</h3>
  128.                                            </div>
  129.                                        </header>
  130.                                        <div class="form-group" style="width: 100%; margin-bottom: 10px">
  131.                                            <select class="framed" multiple title="filter" name="keyword[]">
  132.                                                <option value="0" >Belum ada progress</option>
  133.                                                <option value="1" >Sedang progress</option>
  134.                                                <option value="2">Terlambat</option>
  135.                                                <option value="3">Selesai</option>
  136.                                            </select>
  137.                                        </div>
  138.                                    
  139.                                        <button class="btn btn-default" name="submit" value="Records" type="submit" style="width: 100%"><i class="fa fa-search"></i> Cari</button>
  140.                                        
  141.                                        <?php echo form_close(); ?> -->
  142.                                         <form role="form" action="#" method="post">
  143.                                             <div class="table-responsive">
  144.                                                 <table id="table_result" class="table table-striped table-hover">
  145.                                                     <thead>
  146.                                                         <tr>
  147.                                                             <th>Nama Paket</th>
  148.                                                             <th>Progress</th>
  149.                                                             <th>Keterangan</th>
  150.                                                             <th>Opsi</th>
  151.                                                         </tr>
  152.                                                     </thead>
  153.                                                     <tbody>
  154.                                                     <?php
  155.                                                    foreach($paket as $p){
  156.                                                        ?>
  157.                                                         <tr>
  158.                                                             <td style="vertical-align: middle"><?php echo $p->nama_paket ?></td>
  159.                                                             <td style="vertical-align: middle" class="text-center">
  160.                                                                 <span class="label <?php if ( $p->status_progress === '0' ) : ?>
  161.                                                                         label-warning
  162.                                                                     <?php elseif ($p->status_progress === '1') : ?>
  163.                                                                         label-success
  164.                                                                     <?php else : ?>
  165.                                                                         label-danger
  166.                                                                     <?php endif; ?>">
  167.                                                                         <?php if ( $p->progres_persentasi === null ) : ?>
  168.                                                                             0%
  169.                                                                         <?php elseif ($p->progres_persentasi > '100') : ?>
  170.                                                                             100%
  171.                                                                         <?php else : ?>
  172.                                                                             <?php echo $p->progres_persentasi; ?>%
  173.                                                                         <?php endif; ?>
  174.                                                                     </span>
  175.                                                             </td>
  176.                                                             <td style="vertical-align: middle" class="text-center">
  177.                                                                 <span class="label <?php if ( $p->status_progress === '0' ) : ?>
  178.                                                                         label-warning
  179.                                                                     <?php elseif ($p->status_progress === '1') : ?>
  180.                                                                         label-success
  181.                                                                     <?php else : ?>
  182.                                                                         label-danger
  183.                                                                     <?php endif; ?>">
  184.                                                                     <?php if ( $p->status_progress === '0' ) : ?>
  185.                                                                         Belum Mulai
  186.                                                                     <?php elseif ($p->status_progress === '1') : ?>
  187.                                                                         On Progress
  188.                                                                     <?php else : ?>
  189.                                                                         Telat
  190.                                                                     <?php endif; ?>
  191.                                                                 </span>
  192.                                                             </td>
  193.                                                             <td style="vertical-align: middle">
  194.                                                                 <a href="<?php echo base_url('index.php/page/peta_detail/'.$p->list_paket_kegiatan_id); ?>" id="myBtn" onclick="" class="btn-custom btn-table">Detail</a>
  195.                                                             </td>
  196.                                                         </tr>
  197.                                                         <?php } ?>
  198.                                                     </tbody>
  199.                                                 </table>
  200.                                             </div>
  201.                                                    
  202.                                         </form>
  203.                                     </section>
  204.                                 </div>
  205.                             </section>
  206.                         </div>
  207.                         <div id="result_dashboard" class="container" style="display: none; margin-top: 80px">
  208.                             <section class="grid-custom">
  209.                                 <div class="see-pagu">
  210.                                     <h3 class="grid-title">Jumlah Biaya (PAGU)</h3>
  211.                                     <h1 class="grid-highlight"><small>Rp.</small> 23.000.000.000,-</h1>
  212.                                 </div>
  213.                                 <div class="see-kegiatan">
  214.                                     <h3 class="grid-title">Kegiatan</h3>
  215.                                     <h1 class="grid-highlight">29</h1>
  216.                                 </div>
  217.                                 <div class="see-paket">
  218.                                     <h3 class="grid-title">Paket</h3>
  219.                                     <h1 class="grid-highlight">254</h1>
  220.                                 </div>
  221.                                 <div class="see-penyerapan">
  222.                                     <h3 class="grid-title">Penyerapan</h3>
  223.                                     <h1 class="grid-highlight">52%</h1>
  224.                                 </div>
  225.                                 <div class="see-no-penyerapan">
  226.                                     <h3 class="grid-title">Belum ada penyerapan</h3>
  227.                                     <h1 class="grid-highlight">34</h1>
  228.                                 </div>
  229.                                 <div class="see-no-update">
  230.                                     <h3 class="grid-title">Belum Update</h3>
  231.                                     <h1 class="grid-highlight">6</h1>
  232.                                 </div>
  233.                                 <div class="see-selesai">
  234.                                     <h3 class="grid-title">Paket Selesai</h3>
  235.                                     <h1 class="grid-highlight">68</h1>
  236.                                 </div>
  237.                                 <div class="see-terlambat">
  238.                                     <h3 class="grid-title">Terlambat</h3>
  239.                                     <h1 class="grid-highlight" style="color: white">245</h1>
  240.                                 </div>
  241.                                 <div class="see-lelang">
  242.                                     <h3 class="grid-title">Lelang</h3>
  243.                                     <h1 class="grid-highlight">12</h1>
  244.                                 </div>
  245.                             </section>
  246.  
  247.                             <div style="margin-top: 20px">
  248.                                 <header class="page-title" style="padding-bottom: 0; margin-bottom: 10px">
  249.                                     <div class="title">
  250.                                         <h1 style="margin: 0">Status</h1>
  251.                                     </div>
  252.                                 </header>
  253.  
  254.                                 <div class="row">
  255.                                     <div class="col-md-7 col-sm-7 col-xs-7">
  256.                                         <div class="table-responsive card-shadow-only" style="padding: 10px 10px 0 10px; background-color: white;">
  257.                                             <table id="myTable" class="table table-hover">
  258.                                                 <thead>
  259.                                                     <tr>
  260.                                                         <th>Status</th>
  261.                                                         <th>Jumlah</th>
  262.                                                         <th class="dt-head-right">%</th>
  263.                                                     </tr>
  264.                                                 </thead>
  265.                                                 <tbody>
  266.  
  267.                                                     <tr>
  268.                                                         <td style="vertical-align: middle">(a) Terlambat</td>
  269.                                                         <td style="vertical-align: middle">124</td>
  270.                                                         <td style="vertical-align: middle" class="text-center">
  271.                                                             <span class="label label-primary" class="text-center">90%</span>
  272.                                                         </td>
  273.                                                     </tr>
  274.  
  275.                                                     <tr>
  276.                                                         <td style="vertical-align: middle">(b) Belum Ada Progress</td>
  277.                                                         <td style="vertical-align: middle">300</td>
  278.                                                         <td style="vertical-align: middle" class="text-center">
  279.                                                             <span class="label label-info">12%</span>
  280.                                                         </td>
  281.                                                     </tr>
  282.  
  283.                                                     <tr>
  284.                                                         <td style="vertical-align: middle">(c) Belum Ada Penyerapan</td>
  285.                                                         <td style="vertical-align: middle">40</td>
  286.                                                         <td style="vertical-align: middle" class="text-center">
  287.                                                             <span class="label label-info">56%</span>
  288.                                                         </td>
  289.                                                     </tr>
  290.                                                     <tr>
  291.                                                         <td style="vertical-align: middle">(d) Selesai</td>
  292.                                                         <td style="vertical-align: middle">324</td>
  293.                                                         <td style="vertical-align: middle" class="text-center">
  294.                                                             <span class="label label-success">98%</span>
  295.                                                         </td>
  296.                                                     </tr>
  297.                                                     <tr>
  298.                                                         <td style="vertical-align: middle">(e) Sedang Proses</td>
  299.                                                         <td style="vertical-align: middle">341</td>
  300.                                                         <td style="vertical-align: middle" class="text-center">
  301.                                                             <span class="label label-info">21%</span>
  302.                                                         </td>
  303.                                                     </tr>
  304.                                                 </tbody>
  305.                                             </table>
  306.                                         </div>
  307.                                     </div>
  308.                                     <div class="col-md-5 col-sm-5 col-xs-5">
  309.                                         <div class="card-shadow-only">
  310.                                             <div id="chart_kegiatan" style="min-width: 100%; height: 245px; margin: 0 auto"></div>
  311.                                         </div>
  312.                                        
  313.                                     </div>
  314.                                 </div>
  315.  
  316.                                 <header class="page-title" style="padding-bottom: 0; margin-bottom: 10px; margin-top:20px">
  317.                                     <div class="title">
  318.                                         <h1 style="margin: 0">OPD</h1>
  319.                                     </div>
  320.                                 </header>
  321.  
  322.                                 <div class="row">
  323.                                     <div class="col-md-12 col-sm-12 col-xs-12">
  324.                                         <div class="table-responsive card-shadow-only" style="padding: 20px 20px 0 20px; background-color: white;">
  325.                                             <table id="myTable" class="table table-hover">
  326.                                                 <thead>
  327.                                                     <tr>
  328.                                                         <th rowspan="2" style="vertical-align: middle" class="text-center">Nama OPD</th>
  329.                                                         <th colspan="3" style="vertical-align: middle" class="text-center">Jumlah Kegiatan</th>
  330.                                                         <th rowspan="2" style="vertical-align: middle" class="text-center">%</th>
  331.                                                         <th rowspan="2" style="vertical-align: middle" class="text-center">Total Jumlah Kegiatan</th>
  332.                                                     </tr>
  333.                                                     <tr>
  334.                                                         <th>Terlambat</th>
  335.                                                         <th>No Progress</th>
  336.                                                         <th>No Serapan</th>
  337.                                                     </tr>
  338.                                                 </thead>
  339.                                                 <tbody>
  340.  
  341.                                                     <tr>
  342.                                                         <td style="vertical-align: middle">Disdik</td>
  343.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  344.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  345.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  346.                                                         <td style="vertical-align: middle" class="text-center">
  347.                                                             <span class="label label-info" class="text-center">90%</span>
  348.                                                         </td>
  349.                                                         <td style="vertical-align: middle" class="text-center">125</td>
  350.                                                     </tr>
  351.                                                     <tr>
  352.                                                         <td style="vertical-align: middle">Dinas PUPR</td>
  353.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  354.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  355.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  356.                                                         <td style="vertical-align: middle" class="text-center">
  357.                                                             <span class="label label-danger" class="text-center">90%</span>
  358.                                                         </td>
  359.                                                         <td style="vertical-align: middle" class="text-center">125</td>
  360.                                                     </tr>
  361.                                                     <tr>
  362.                                                         <td style="vertical-align: middle">Diskominfo</td>
  363.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  364.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  365.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  366.                                                         <td style="vertical-align: middle" class="text-center">
  367.                                                             <span class="label label-info" class="text-center">90%</span>
  368.                                                         </td>
  369.                                                         <td style="vertical-align: middle" class="text-center">125</td>
  370.                                                     </tr>
  371.                                                     <tr>
  372.                                                         <td style="vertical-align: middle">Dinas ...</td>
  373.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  374.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  375.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  376.                                                         <td style="vertical-align: middle" class="text-center">
  377.                                                             <span class="label label-info" class="text-center">90%</span>
  378.                                                         </td>
  379.                                                         <td style="vertical-align: middle" class="text-center">125</td>
  380.                                                     </tr>
  381.                                                 </tbody>
  382.                                             </table>
  383.                                         </div>
  384.                                     </div>
  385.                                 </div>
  386.  
  387.                                 <header class="page-title" style="padding-bottom: 0; margin-bottom: 10px; margin-top:20px">
  388.                                     <div class="title">
  389.                                         <h1 style="margin: 0">Objek</h1>
  390.                                     </div>
  391.                                 </header>
  392.  
  393.                                 <div class="row">
  394.                                     <div class="col-md-12 col-sm-12 col-xs-12">
  395.                                         <div class="table-responsive card-shadow-only" style="padding: 20px 20px 0 20px; background-color: white;">
  396.                                             <table id="myTable" class="table table-hover">
  397.                                                 <thead>
  398.                                                     <tr>
  399.                                                         <th rowspan="2" style="vertical-align: middle" class="text-center">Nama Objek</th>
  400.                                                         <th rowspan="2" style="vertical-align: middle" class="text-center">Total Jumlah Objek</th>
  401.                                                         <th colspan="3" style="vertical-align: middle" class="text-center">Jumlah Objek</th>
  402.                                                         <th rowspan="2" style="vertical-align: middle" class="text-center">%</th>
  403.                                                     </tr>
  404.                                                     <tr>
  405.                                                         <th>Terlambat</th>
  406.                                                         <th>No Progress</th>
  407.                                                         <th>No Serapan</th>
  408.                                                     </tr>
  409.                                                 </thead>
  410.                                                 <tbody>
  411.  
  412.                                                     <tr>
  413.                                                         <td style="vertical-align: middle">Jembatan</td>
  414.                                                         <td style="vertical-align: middle" class="text-center">125</td>
  415.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  416.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  417.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  418.                                                         <td style="vertical-align: middle" class="text-center">
  419.                                                             <span class="label label-success" class="text-center">90%</span>
  420.                                                         </td>
  421.                                                     </tr>
  422.                                                     <tr>
  423.                                                         <td style="vertical-align: middle">Pembangunan Sekolah SMA Caringin</td>
  424.                                                         <td style="vertical-align: middle" class="text-center">125</td>
  425.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  426.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  427.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  428.                                                         <td style="vertical-align: middle" class="text-center">
  429.                                                             <span class="label label-info" class="text-center">90%</span>
  430.                                                         </td>
  431.                                                     </tr>
  432.                                                     <tr>
  433.                                                         <td style="vertical-align: middle">Mesjid</td>
  434.                                                         <td style="vertical-align: middle" class="text-center">125</td>
  435.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  436.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  437.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  438.                                                         <td style="vertical-align: middle" class="text-center">
  439.                                                             <span class="label label-default" class="text-center">90%</span>
  440.                                                         </td>
  441.                                                     </tr>
  442.                                                     <tr>
  443.                                                         <td style="vertical-align: middle">Museum</td>
  444.                                                         <td style="vertical-align: middle" class="text-center">125</td>
  445.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  446.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  447.                                                         <td style="vertical-align: middle" class="text-center">40</td>
  448.                                                         <td style="vertical-align: middle" class="text-center">
  449.                                                             <span class="label label-warning" class="text-center">90%</span>
  450.                                                         </td>
  451.                                                     </tr>
  452.                                                 </tbody>
  453.                                             </table>
  454.                                         </div>
  455.                                     </div>
  456.                                 </div>
  457.  
  458.                             </div>
  459.                         </div>
  460.  
  461.                     </div>
  462.                     <!-- end Map -->
  463.                     <!--Items List-->
  464.                     <div class="items-list" style="padding: 10px 10px 0 10px">
  465.                         <div class="inner">
  466.                             <div class="scroller1">
  467.                                 <form class="main-search" role="form" method="post" action="?">
  468.                                         <header class="clearfix" style="margin: 0">
  469.                                             <h3 class="pull-left">Pencarian</h3>
  470.                                             <a href="#advanced-search" class="show-more pull-right" data-toggle="collapse" aria-expanded="false" aria-controls="advanced-search">Pencarian Spesifik</a>
  471.                                         </header>
  472.                                         <div class="advanced-search collapse" id="advanced-search">
  473.                                             <div class="row" style="margin-bottom: 5px">
  474.                                                 <div class="col-md-6 col-sm-6">
  475.                                                     <div class="form-group">
  476.                                                         <label for="bedrooms">Tgl Mulai</label>
  477.                                                         <input type="date" class="form-control" id="tgl_mulai" name="tgl_mulai" placeholder="Tgl Pelaksanaan">
  478.                                                     </div>
  479.                                                 </div>
  480.                                                 <div class="col-md-6 col-sm-6">
  481.                                                     <div class="form-group">
  482.                                                         <label for="bedrooms">Tgl Berakhir</label>
  483.                                                         <input type="date" class="form-control" id="tgl_selesai" name="tgl_selesai" placeholder="Tgl Selesai">
  484.                                                     </div>
  485.                                                 </div>
  486.                                             </div>
  487.  
  488.                                             <div class="row">
  489.                                                 <div class="col-md-12 col-sm-12">
  490.                                                     <div class="form-group" style="margin-bottom: 25px; width: 100%">
  491.                                                         <label>Pagu</label>
  492.                                                         <div class="ui-slider" id="price-slider" data-value-min="50000000" data-value-max="400000000000" data-value-type="price" data-currency="Rp. " data-currency-placement="before">
  493.                                                             <div class="values clearfix">
  494.                                                                 <input class="value-min" name="value-min[]" readonly>
  495.                                                                 <input class="value-max" name="value-max[]" readonly>
  496.                                                             </div>
  497.                                                             <div class="element"></div>
  498.                                                         </div>
  499.                                                     </div><br>
  500.                                                 </div>
  501.                                             </div>
  502.  
  503.                                             <div class="row">
  504.                                                 <div class="col-md-12 col-sm-12">
  505.                                                     <div class="form-group" style="margin-bottom: 25px; width: 100%">
  506.                                                         <label>Penyerapan</label>
  507.                                                         <div class="ui-slider" id="price-slider" data-value-min="0" data-value-max="100" data-value-type="price" data-currency="%" data-currency-placement="after">
  508.                                                             <div class="values clearfix">
  509.                                                                 <input class="value-min" name="value-min[]" readonly>
  510.                                                                 <input class="value-max" name="value-max[]" readonly>
  511.                                                             </div>
  512.                                                             <div class="element"></div>
  513.                                                         </div>
  514.                                                     </div> <br>
  515.                                                 </div>
  516.                                             </div>
  517.  
  518.                                             <div class="row">
  519.                                                 <div class="col-md-12">
  520.                                                     <label for="location">Lokasi</label>
  521.                                                 </div>
  522.                                                 <div class="col-md-6 col-sm-6">
  523.                                                     <div class="form-group" style="margin-bottom:10px;width: 100%">
  524.                                                         <select class="framed" name="kecamatan">
  525.                                                             <option value="">Kecamatan</option>
  526.                                                             <option value="1">Bogor Timur</option>
  527.                                                             <option value="2">Bogor Barat</option>
  528.                                                             <option value="3">Bogor Tengah</option>
  529.                                                             <option value="4">Tanah Sareal</option>
  530.                                                         </select>
  531.                                                     </div>
  532.                                                 </div>
  533.                                                 <div class="col-md-6 col-sm-6">
  534.                                                     <div class="form-group" style="margin-bottom:10px;width: 100%">
  535.                                                         <select class="framed" name="kelurahan">
  536.                                                             <option value="">Kelurahan</option>
  537.                                                             <option value="1">Loji</option>
  538.                                                             <option value="2">Cimahphar</option>
  539.                                                             <option value="3">Gunung Batu</option>
  540.                                                         </select>
  541.                                                     </div>
  542.                                                 </div>
  543.                                             </div>
  544.                                         </div>
  545.  
  546.                                         <hr class="hr-custom" style="margin-bottom: 10px">
  547.  
  548.                                         <header class="page-title" style="padding-bottom: 0; margin: 20px 0 10px 0">
  549.                                             <div class="title">
  550.                                                 <h3 style="margin: 0">Kategori</h3>
  551.                                             </div>
  552.                                         </header>
  553.                                         <ul class="list-unstyled checkboxes">
  554.                                             <li><span href="#infrasturktur" class="has-child tanda-kanan" data-toggle="collapse" aria-expanded="false" aria-controls="infrasturktur">Infrastruktur</span>
  555.                                                 <div class="collapse" id="infrasturktur">
  556.                                                     <ul class="list-unstyled custom-list">
  557.                                                         <li><span data-target="#jembatan" class="has-child tanda-kanan" data-toggle="collapse" aria-expanded="false" aria-controls="jembatan">Jembatan</span>
  558.                                                             <div class="collapse" id="jembatan">
  559.                                                                 <ul class="list-unstyled">
  560.                                                                     <li><div class="checkbox"><label><input type="checkbox" name="features[]" value="3">Jembatan Gantung</label></div></li>
  561.                                                                     <li><div class="checkbox"><label><input type="checkbox" name="features[]" value="3">Jembatan Layang</label></div></li>
  562.                                                                     <li><div class="checkbox"><label><input type="checkbox" name="features[]" value="3">Jembatan Terbang</label></div></li>
  563.                                                                 </ul>
  564.                                                             </div>
  565.                                                         </li>
  566.                                                         <li><span data-target="#jalan" class="has-child tanda-kanan" data-toggle="collapse" aria-expanded="false" aria-controls="jalan">Jalan</span>
  567.                                                             <div class="collapse" id="jalan">
  568.                                                                 <ul class="list-unstyled">
  569.                                                                     <li><div class="checkbox"><label><input type="checkbox" name="features[]" value="3">Jalan Aspal</label></div></li>
  570.                                                                     <li><div class="checkbox"><label><input type="checkbox" name="features[]" value="3">Jalan Beton</label></div></li>
  571.                                                                     <li><div class="checkbox"><label><input type="checkbox" name="features[]" value="3">Jalan Paping</label></div></li>
  572.                                                                 </ul>
  573.                                                             </div>
  574.                                                         </li>
  575.  
  576.                                                     </ul>
  577.                                                 </div>
  578.                                             </li>
  579.  
  580.                                             <li><span href="#bangunan" class="has-child tanda-kanan" data-toggle="collapse" aria-expanded="false" aria-controls="bangunan">Pembangunan</span>
  581.                                                 <div class="collapse" id="bangunan">
  582.                                                     <ul class="list-unstyled custom-list">
  583.                                                         <li><span data-target="#sungai" class="has-child tanda-kanan" data-toggle="collapse" aria-expanded="false" aria-controls="sungai">Sungai</span>
  584.                                                             <div class="collapse" id="sungai">
  585.                                                                 <ul class="list-unstyled">
  586.                                                                     <li><div class="checkbox"><label><input type="checkbox" name="features[]" value="3">Pembersihan Sungai</label></div></li>
  587.                                                                     <li><div class="checkbox"><label><input type="checkbox" name="features[]" value="3">Perawatan Sungai</label></div></li>
  588.                                                                 </ul>
  589.                                                             </div>
  590.                                                         </li>
  591.                                                     </ul>
  592.                                                 </div>
  593.                                             </li>
  594.                                         </ul>
  595.  
  596.                                         <header class="page-title" style="padding-bottom: 0; margin: 20px 0 10px 0">
  597.                                             <div class="title">
  598.                                                 <h3 style="margin: 0">Filter</h3>
  599.                                             </div>
  600.                                         </header>
  601.                                         <div class="form-group" style="width: 100%; margin-bottom: 10px">
  602.                                             <select class="framed" multiple title="filter" name="keyword">
  603.                                                 <option value="0">Terlambat</option>
  604.                                                 <option value="1">Belum ada progress</option>
  605.                                                 <option value="2">Belum ada Penyerapan</option>
  606.                                                 <option value="3">Selesai</option>
  607.                                             </select>
  608.                                         </div>
  609.                                    
  610.                                         <button class="btn btn-default" name="submit" value="Records" type="submit" style="width: 100%"><i class="fa fa-search"></i> Cari</button>
  611.  
  612.                                         <hr class="hr-custom" style="margin: 10px">
  613.                                         <p class="text-center geolocation" data-toggle="tooltip" data-placement="bottom" title="Klik untuk menemukan paket sekitar saya" style="cursor: pointer; margin-bottom: 40px"><i class="fa fa-map-marker"></i> Temukan Paket sekitar lokasi saya?</p>
  614.                                        
  615.                                         <!-- //////////////////////////////////////////// -->
  616.                                         <!-- <div class="row">
  617.                                            <div class="col-md-4 col-sm-4">
  618.                                                <div class="form-group">
  619.                                                    <label for="type">Property Type</label>
  620.                                                    <select name="type" multiple title="All" data-live-search="true" id="type">
  621.                                                        <option value="1">Stores</option>
  622.                                                        <option value="2" class="sub-category">Apparel</option>
  623.                                                        <option value="3" class="sub-category">Computers</option>
  624.                                                        <option value="4" class="sub-category">Nature</option>
  625.                                                        <option value="5">Tourism</option>
  626.                                                        <option value="6">Restaurant & Bars</option>
  627.                                                        <option value="7" class="sub-category">Bars</option>
  628.                                                        <option value="8" class="sub-category">Vegetarian</option>
  629.                                                        <option value="9" class="sub-category">Steak & Grill</option>
  630.                                                        <option value="10">Sports</option>
  631.                                                        <option value="11" class="sub-category">Cycling</option>
  632.                                                        <option value="12" class="sub-category">Water Sports</option>
  633.                                                        <option value="13" class="sub-category">Winter Sports</option>
  634.                                                    </select>
  635.                                                </div>
  636.                                            </div>
  637.  
  638.                                            <div class="col-md-4 col-sm-4">
  639.                                                <div class="form-group">
  640.                                                    <label for="bedrooms">Bedrooms</label>
  641.                                                    <div class="input-group counter">
  642.                                                        <span class="input-group-btn">
  643.                                                            <button class="btn btn-default" type="button"><i class="fa fa-minus"></i></button>
  644.                                                        </span>
  645.                                                        <input type="text" class="form-control" id="bedrooms" name="bedrooms" placeholder="Any">
  646.                                                        <span class="input-group-btn">
  647.                                                            <button class="btn btn-default" type="button"><i class="fa fa-plus"></i></button>
  648.                                                        </span>
  649.                                                    </div>
  650.                                                </div>
  651.                                            </div>
  652.  
  653.                                            <div class="col-md-4 col-sm-4">
  654.                                                <div class="form-group">
  655.                                                    <label for="bathrooms">Bathrooms</label>
  656.                                                    <div class="input-group counter">
  657.                                                        <span class="input-group-btn">
  658.                                                            <button class="btn btn-default" type="button"><i class="fa fa-minus"></i></button>
  659.                                                        </span>
  660.                                                        <input type="text" class="form-control" id="bathrooms" name="bathrooms" placeholder="Any">
  661.                                                        <span class="input-group-btn">
  662.                                                            <button class="btn btn-default" type="button"><i class="fa fa-plus"></i></button>
  663.                                                        </span>
  664.                                                    </div>
  665.                                                </div>
  666.                                            </div>
  667.  
  668.                                            <div class="col-md-6 col-sm-6">
  669.                                                <div class="form-group">
  670.                                                    <label for="location">Location</label>
  671.                                                    <div class="input-group location">
  672.                                                        <input type="text" class="form-control" id="location" placeholder="Enter Location">
  673.                                                        <span class="input-group-addon"><i class="fa fa-map-marker geolocation" data-toggle="tooltip" data-placement="bottom" title="Find my position"></i></span>
  674.                                                    </div>
  675.                                                </div>
  676.                                            </div>
  677.                                            <div class="col-md-6 col-sm-6">
  678.                                                <div class="form-group">
  679.                                                    <label>Price</label>
  680.                                                    <div class="ui-slider" id="price-slider" data-value-min="50000000" data-value-max="400000000000" data-value-type="price" data-currency="Rp. " data-currency-placement="before">
  681.                                                        <div class="values clearfix">
  682.                                                            <input class="value-min" name="value-min[]" readonly>
  683.                                                            <input class="value-max" name="value-max[]" readonly>
  684.                                                        </div>
  685.                                                        <div class="element"></div>
  686.                                                    </div>
  687.                                                </div>
  688.                                            </div>
  689.                                        </div> -->
  690.                                         <!--/.row-->
  691.                                 </form>
  692.                                 <!--end Filter-->
  693.                                 <!-- <header class="clearfix">
  694.                                    <h3 class="pull-left">Results</h3>
  695.                                    <div class="buttons pull-right">
  696.                                        <span>Display:</span>
  697.                                        <span class="icon active" id="display-grid"><i class="fa fa-th"></i></span>
  698.                                        <span class="icon" id="display-list"><i class="fa fa-th-list"></i></span>
  699.                                    </div>
  700.                                </header>
  701.                                <ul class="results grid">
  702.  
  703.                                </ul> -->
  704.                                 <div class="scroller__track">
  705.                                     <div class="scroller__bar"></div>
  706.                                 </div>
  707.                             </div>
  708.                         </div>
  709.                         <!--results-->
  710.                     </div>
  711.                     <!--end Items List-->
  712.                 </div>
  713.  
  714.                 <!-- <section id="recent" class="block">
  715.                    <div class="container">
  716.                        <header><h2>Recent</h2></header>
  717.                        <div class="row">
  718.                            <div class="col-md-6 col-sm-6">
  719.                                <div class="item list">
  720.                                    <div class="image">
  721.                                        <div class="quick-view" id="5"><i class="fa fa-eye"></i><span>Quick View</span></div>
  722.                                        <a href="real-estate-item-detail.html">
  723.                                            <div class="overlay">
  724.                                                <div class="inner">
  725.                                                    <div class="content">
  726.                                                        <h4>Description</h4>
  727.                                                        <p>Curabitur odio nibh, luctus non pulvinar a, ultricies ac diam. Donec neque massa</p>
  728.                                                    </div>
  729.                                                </div>
  730.                                            </div>
  731.                                            <div class="item-specific">
  732.                                                <span title="Bedrooms"><img src="assets/img/bedrooms.png" alt="">2</span>
  733.                                                <span title="Bathrooms"><img src="assets/img/bathrooms.png" alt="">2</span>
  734.                                                <span title="Area"><img src="assets/img/area.png" alt="">240m<sup>2</sup></span>
  735.                                                <span title="Garages"><img src="assets/img/garages.png" alt="">1</span>
  736.                                            </div>
  737.                                            <img src="assets/img/items/real-estate/10.jpg" alt="">
  738.                                        </a>
  739.                                    </div>
  740.                                    <div class="wrapper">
  741.                                        <a href="real-estate-item-detail.html"><h3>431 Hardman Road</h3></a>
  742.                                        <figure>Brattleboro</figure>
  743.                                        <div class="price">$82.000</div>
  744.                                        <div class="info">
  745.                                            <div class="type">
  746.                                                <i><img src="assets/icons/real-estate/apartment-3.png" alt=""></i>
  747.                                                <span>Apartment</span>
  748.                                            </div>
  749.                                            <div class="rating" data-rating="4"></div>
  750.                                        </div>
  751.                                    </div>
  752.                                </div>
  753.                            </div>
  754.  
  755.                            <div class="col-md-6 col-sm-6">
  756.                                <div class="item list">
  757.                                    <div class="image">
  758.                                        <div class="quick-view" id="6"><i class="fa fa-eye"></i><span>Quick View</span></div>
  759.                                        <a href="real-estate-item-detail.html">
  760.                                            <div class="overlay">
  761.                                                <div class="inner">
  762.                                                    <div class="content">
  763.                                                        <h4>Description</h4>
  764.                                                        <p>Curabitur odio nibh, luctus non pulvinar a, ultricies ac diam. Donec neque massa</p>
  765.                                                    </div>
  766.                                                </div>
  767.                                            </div>
  768.                                            <div class="item-specific">
  769.                                                <span title="Bedrooms"><img src="assets/img/bedrooms.png" alt="">2</span>
  770.                                                <span title="Bathrooms"><img src="assets/img/bathrooms.png" alt="">2</span>
  771.                                                <span title="Area"><img src="assets/img/area.png" alt="">240m<sup>2</sup></span>
  772.                                                <span title="Garages"><img src="assets/img/garages.png" alt="">1</span>
  773.                                            </div>
  774.                                            <img src="assets/img/items/real-estate/7.jpg" alt="">
  775.                                        </a>
  776.                                    </div>
  777.                                    <div class="wrapper">
  778.                                        <a href="real-estate-item-detail.html"><h3>4282 River Road</h3></a>
  779.                                        <figure>Springfield</figure>
  780.                                        <div class="price">$57.000</div>
  781.                                        <div class="info">
  782.                                            <div class="type">
  783.                                                <i><img src="assets/icons/real-estate/apartment-3.png" alt=""></i>
  784.                                                <span>Apartment</span>
  785.                                            </div>
  786.                                            <div class="rating" data-rating="4"></div>
  787.                                        </div>
  788.                                    </div>
  789.                                </div>
  790.                            </div>
  791.                            <div class="col-md-6 col-sm-6">
  792.                                <div class="item list">
  793.                                    <div class="image">
  794.                                        <div class="quick-view" id="7"><i class="fa fa-eye"></i><span>Quick View</span></div>
  795.                                        <a href="real-estate-item-detail.html">
  796.                                            <div class="overlay">
  797.                                                <div class="inner">
  798.                                                    <div class="content">
  799.                                                        <h4>Description</h4>
  800.                                                        <p>Curabitur odio nibh, luctus non pulvinar a, ultricies ac diam. Donec neque massa</p>
  801.                                                    </div>
  802.                                                </div>
  803.                                            </div>
  804.                                            <div class="item-specific">
  805.                                                <span title="Bedrooms"><img src="assets/img/bedrooms.png" alt="">2</span>
  806.                                                <span title="Bathrooms"><img src="assets/img/bathrooms.png" alt="">2</span>
  807.                                                <span title="Area"><img src="assets/img/area.png" alt="">240m<sup>2</sup></span>
  808.                                                <span title="Garages"><img src="assets/img/garages.png" alt="">1</span>
  809.                                            </div>
  810.                                            <img src="assets/img/items/real-estate/9.jpg" alt="">
  811.                                        </a>
  812.                                    </div>
  813.                                    <div class="wrapper">
  814.                                        <a href="real-estate-item-detail.html"><h3>2543 Fairfax Drive</h3></a>
  815.                                        <figure>Elizabeth</figure>
  816.                                        <div class="price">$486.000</div>
  817.                                        <div class="info">
  818.                                            <div class="type">
  819.                                                <i><img src="assets/icons/real-estate/apartment-3.png" alt=""></i>
  820.                                                <span>Apartment</span>
  821.                                            </div>
  822.                                            <div class="rating" data-rating="4"></div>
  823.                                        </div>
  824.                                    </div>
  825.                                </div>
  826.                            </div>
  827.                            <div class="col-md-6 col-sm-6">
  828.                                <div class="item list">
  829.                                    <div class="image">
  830.                                        <div class="quick-view" id="8"><i class="fa fa-eye"></i><span>Quick View</span></div>
  831.                                        <a href="real-estate-item-detail.html">
  832.                                            <div class="overlay">
  833.                                                <div class="inner">
  834.                                                    <div class="content">
  835.                                                        <h4>Description</h4>
  836.                                                        <p>Curabitur odio nibh, luctus non pulvinar a, ultricies ac diam. Donec neque massa</p>
  837.                                                    </div>
  838.                                                </div>
  839.                                            </div>
  840.                                            <div class="item-specific">
  841.                                                <span title="Bedrooms"><img src="assets/img/bedrooms.png" alt="">2</span>
  842.                                                <span title="Bathrooms"><img src="assets/img/bathrooms.png" alt="">2</span>
  843.                                                <span title="Area"><img src="assets/img/area.png" alt="">240m<sup>2</sup></span>
  844.                                                <span title="Garages"><img src="assets/img/garages.png" alt="">1</span>
  845.                                            </div>
  846.                                            <img src="assets/img/items/real-estate/11.jpg" alt="">
  847.                                        </a>
  848.                                    </div>
  849.                                    <div class="wrapper">
  850.                                        <a href="real-estate-item-detail.html"><h3>3295 Valley Street</h3></a>
  851.                                        <figure>Collingswood</figure>
  852.                                        <div class="price">$42.000</div>
  853.                                        <div class="info">
  854.                                            <div class="type">
  855.                                                <i><img src="assets/icons/real-estate/apartment-3.png" alt=""></i>
  856.                                                <span>Apartment</span>
  857.                                            </div>
  858.                                            <div class="rating" data-rating="4"></div>
  859.                                        </div>
  860.                                    </div>
  861.                                </div>
  862.                            </div>
  863.                        </div>
  864.  
  865.                    </div>
  866.                </section> -->
  867.             </div>
  868.         </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!