kangjaz

index_new_rating

Oct 1st, 2020
932
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php
  2. //include file koneksi
  3. require_once('./connect.php');
  4. ?>
  5. <!DOCTYPE html>
  6. <html lang="en">
  7.  
  8. <head>
  9.     <meta charset="UTF-8">
  10.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.     <title>Star Rating System</title>
  12.     <!-- bootstrap css versi 4 -->
  13.     <link rel="stylesheet" href="./css/bootstrap.css">
  14.     <!-- custom css -->
  15.     <style>
  16.         @import url(./fonts/font-awesome/css/font-awesome.css);
  17.  
  18.         .star {
  19.             float: left;
  20.             padding-right: 20px;
  21.         }
  22.  
  23.         .star span {
  24.             padding: 3px;
  25.             font-size: 20px;
  26.         }
  27.  
  28.         .on {
  29.             color: #f7d106
  30.         }
  31.  
  32.         .off {
  33.             color: #ddd;
  34.         }
  35.     </style>
  36. </head>
  37.  
  38. <body>
  39.     <div class="container">
  40.  
  41.         <h4 class="display-4">Star Rating System</h4>
  42.         <hr />
  43.  
  44.         <div class="row">
  45.             <div class="col-md-6">
  46.                 <?php
  47.                 //ambil data content beserta rating
  48.                 $get = $con->query("SELECT c.id_content AS id_content, judul, isi, AVG(rating) AS rate, gambar FROM tbl_content c LEFT JOIN tbl_rating r ON(c.id_content = r.id_content) GROUP BY c.id_content");
  49.  
  50.                 //cek jumlah data
  51.                 if ($get->num_rows > 0) {
  52.  
  53.                     //looping untuk membaca data
  54.                     while ($d = $get->fetch_assoc()) {
  55.                         //buat looping untuk rating
  56.                         $star = '';
  57.  
  58.                         for ($i = 1; $i <= 5; $i++) {
  59.                             if ($i <= ceil($d['rate'])) {
  60.                                 //masukkan rating ke variabel $star
  61.                                 $star .= '<span class="on"><i class="fa fa-star"></i></span>';
  62.                             } else {
  63.                                 //masukkan rating ke variabel $star
  64.                                 $star .= '<span class="off"><i class="fa fa-star"></i></span>';
  65.                             }
  66.                         }
  67.  
  68.                         //tampilkan content
  69.                         echo '<div class="card mb-3">
  70.                        <div class="row no-gutters">
  71.                            <div class="col-md-4">
  72.                                <img src="./img/' . $d['gambar'] . '" class="card-img">
  73.                            </div>
  74.                            <div class="col-md-8">
  75.                                <div class="card-body">
  76.                                    <h5 class="card-title my-1">' . $d['judul'] . '</h5>
  77.                                    <div class="star">' . $star . '</div>
  78.                                    <div class="clearfix"></div>
  79.                                    <p class="card-text">' . substr($d['isi'], 0, 100) . '...</p>
  80.                                    <a href="./detail.php?id=' . $d['id_content'] . '" class="btn btn-primary">Detail</a>
  81.                                </div>
  82.                            </div>
  83.                        </div>
  84.                    </div>';
  85.                     }
  86.                 }
  87.                 ?>
  88.             </div>
  89.         </div>
  90.     </div>
  91. </body>
  92.  
  93. </html>
RAW Paste Data