<!DOCTYPE html>
<html>
<head>
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link href="css/ionicons.css" media="all" rel="stylesheet"
type="text/css">
<!-- <link rel="stylesheet" type="text/css" href="css/index.css"> -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<title>Ratings</title>
<style type="text/css">
.star{
color: orange;
}
i {
font-size: 1.5rem !important;
padding: 0 3px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
var data = '';
var data1 = '';
var mon = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
// console.log(base+'/appcode/fetch_all_reviews.php');
$.ajax({
url: base+'/appcode/fetch_delivery_review.php',
type: 'post',
data:{code:localStorage.deli_re},
dataType: 'json',
success: function (response) {
console.log(response);
$.each(response, function (index, item) {
var dd = item.rating_date.split(' ');
var gg = dd[0].split('-');
var m = gg[1];
console.log(m);
data1+=` <div class="col s12">
<p><b>${item.user_name}</b></p>
<p>${item.review}</p>
<div style="display: flex;justify-content: space-between;align-items: center;">
<div class="rating">`;
for(var i=1;i<=5;i++){
if(item.rating>=i){
data1+=` <i class='fa fa-star star'></i>`;
}else{
data1+=` <i class='fa fa-star'></i>`;
}
}
data1+=`</div>
<div> ${gg[2]+' '+ mon[parseInt(m)-1] +" "+ gg[0]}`;
data1+=`</div>
</div>
</div>`;
});
$('.all-reviews').empty().append(data1);
},
error: function (response) {
console.log(response);
},
complete: function () {
}
});
});
</script>
</head>
<body>
<!--
<div class="main-container" id="main-container" style="margin-top: 67px;"> -->
<header class="header white-text pink-bg z-depth-1">
<!-- <div class="header-top" style="height: 31px;"></div> -->
<div class="navbar">
<button class="pink-bg navigation button-collapse" onclick="goBack();">
<i class="ion-android-arrow-back"></i>
</button>
<h5>Reviews</h5>
<button class="pink-bg navigation" onclick="window.location.href='';">
</button>
</div>
</header>
<div class="main-container" id="main-container" style="margin-top: 65px">
<div class="row all-reviews" style="display: block;">
</div>
</div>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/myfunctions.js"></script>
<script type="text/javascript" src="js/jR3DCarousel.min.js"></script>
<!-- <script type="text/javascript">
$(document).ready(function () {
var slideImages = [{src: 'img/3.jpg'},
{src: 'img/5.jpg'},
{src: 'img/6.jpeg'},
{src: 'img/8.jpg'}]
//var jR3DCarousel;
jR3DCarousel = $('.jR3DCarouselGallery').jR3DCarousel({
width: 410, /* largest allowed width */
height: 200, /* largest allowed height */
slides: slideImages /* array of images source */
});
})
</script> -->
<script type="text/javascript">
// $(document).ready(function () {
// var slideImages = [{src: 'http://www.dakshithtechnologies.com/DT/images/1.jpg'},
// {src: 'http://www.dakshithtechnologies.com/DT/images/2.jpg'},
// {src: 'http://www.dakshithtechnologies.com/DT/images/3.jpg'}];
// //var jR3DCarousel;
//
// jR3DCarousel = $('.jR3DCarouselGallery').jR3DCarousel({
// width: 410, /* largest allowed width */
// height: 200, /* largest allowed height */
// slides: slideImages /* array of images source */
// });
// })
</script>
<script>
function goBack() {
window.history.back();
}
</script>
</body>
</html>