관리-도구

편집 파일: allreview_shortcode.php

}

@media screen and (min-width:600px)
    {
        .cf-course-all-rating-con{
            max-width:80%;
        } 
        .cf-course-ave-text{
        font-size: 15px !important;
        font-weight: 500 !important;
        }
        .cf-course-total-reve{
            font-size: 15px !important;
            font-weight: 500 !important;
        }
        .cf-course-left-aver div{
            font-size: 16px !important;
            font-weight: 500 !important;
        }
        .cf-course-barss{
        height:14px!important;
        border-radius:5px!important;
        }
        .cf-course-left-aver{
        width:8%;
        }
        .cf-course-all-rating-con .cf-course-rating-head{
        font-size:21px;
        font-weight:600;
        }

}
    @media screen and (min-width:768px)
    {
        .cf-course-all-rating-con{
            max-width:70%;
        } 
        .cf-course-left-aver{
        width:6%;
        }    
    }
    @media screen and (min-width:1000px)
    {
        .cf-course-all-rating-con{
            max-width:40%;
            margin:auto;
        }     
    }
.cf-course-bar-container {

background-color: #f1f1f1 !important;
  text-align: center !important; 
  color: white !important;
  border-radius:5px !important;
}

/* Individual bars */
.cf-course-bar-5 {width: <?=$fiveStarRatingPercent; ?>;  background-color: #4CAF50 !important;}
.cf-course-bar-4 {width: <?=$fourStarRatingPercent; ?>;  background-color: #2196F3 !important;}
.cf-course-bar-3 {width: <?=$threeStarRatingPercent; ?>;  background-color: #00bcd4 !important;}
.cf-course-bar-2 {width: <?=$twoStarRatingPercent; ?>; background-color: #ff9800 !important;}
.cf-course-bar-1 {width: <?=$oneStarRatingPercent; ?>;  background-color: #f44336 !important;}
.cf-course-img{
    width: 46px;
    height: 46px;
    border-radius: 50px;
    overflow: hidden;
    border: 2px solid #ccc;
    background-color: #ccc;

}
.cf-course-comment-second-text-f{
  display: none;
}
.cf-course-r-i img{

width:100%;
    height:100%;

}
</style>
<?php

?>
<div class="cf-course-all-rating-con py-3 w-100">
    <p class="cf-course-rating-head">Students Ratings and Reviews</p>
    <div class="d-flex">
        <div class="cf-course-ave-rating">
            <div class="cf-course-ave-rat px-2">
                <p class="pt-1 pb-0 mb-0 cf-course-ave-text">Average Rating</p>
                <div class="cf-course-ave-rat-int"><?=$avg_rating;   ?></div>
                <span class="cf-course-my-rating"></span>
                <script>
                $(".cf-course-my-rating").starRating({
                initialRating: <?=$avg_rating; ?>,
                disableAfterRate: false,
                starShape: 'rounded',
                readOnly:true,
                disableAfterRate:false,
                activeColor:"slategray",
                ratedColor:'slategray',
                });
                </script>
                <div class="cf-course-total-reve"><?=$totalreviewer; ?> Reviews</div>
            </div>
        </div>
        <div class="cf-course-all-rating px-2">
            <div class="w-100">
                <div class="d-flex">
                    <div class="cf-course-left-aver col-" >
                        <div >5</div>
                    </div>
                    <div class="cf-course-ave-middle col-">
                        <div class="cf-course-bar-container">
                            <div class="cf-course-bar-5 cf-course-barss"></div>
                        </div>
                    </div>
                </div>
                <div class="d-flex">
                    <div class="cf-course-left-aver col-" >
                        <div >4</div>
                    </div>
                    <div class="cf-course-ave-middle col-">
                        <div class="cf-course-bar-container">
                            <div class="cf-course-bar-4 cf-course-barss" ></div>
                        </div>
                    </div>
                </div>
                <div class="d-flex">
                    <div class="cf-course-left-aver col-" >
                        <div >3</div>
                    </div>
                    <div class="cf-course-ave-middle col-">
                        <div class="cf-course-bar-container">
                            <div class="cf-course-bar-3 cf-course-barss" ></div>
                        </div>
                    </div>
                </div>
                <div class="d-flex">
                    <div class="cf-course-left-aver col-" >
                        <div >2</div>
                    </div>
                    <div class="cf-course-ave-middle col-">
                        <div class="cf-course-bar-container">
                            <div class="cf-course-bar-2 cf-course-barss"></div>
                        </div>
                    </div>
                </div>
                <div class="d-flex">
                    <div class="cf-course-left-aver col-" >
                        <div >1</div>
                    </div>
                    <div class="cf-course-ave-middle col-">
                        <div class="cf-course-bar-container">
                            <div class="cf-course-bar-1 cf-course-barss" ></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div class="cf-course-reviews-container pt-4">
    <p class="cf-course-rating-head py-3">Reviews</p>
    <div class="px-2 ">
        <?php
                
        while( $r = $row_all->fetch_assoc() )
        {

$name = $r['name'];
            $email = $r['email'];
            $rating = $r['rating'];
            $review = $r['summary'];
            $image = self::cfCourse_get_gravatar_image($email);
            $date = date("d-M-Y H:i",strtotime($r['added_on']));
            ?>
            <div class="d-flex">
            <div class="cf-course-r-i py-2 pt-3">
                <div class="cf-course-img"> 
                    <img src="<?= $image; ?>" classs="img-thumbnail">
                </div>
            </div>
            <div class="cf-course-r-summery ps-2">
                <div class="cf-course-r-name">
                    <span><?=$name; ?></span><time class="ps-1"><?= $date; ?></time>
                </div>
                <div class="cf-course-rating-star">
                    <span class="cf-course-my-rating"></span> 
                    <script>
                    $(".cf-course-my-rating").starRating({
                    initialRating: <?= $rating; ?>,
                    disableAfterRate: false,
                    starShape: 'rounded',
                    readOnly:true,
                    disableAfterRate:false,
                    activeColor:"slategray",
                    ratedColor:'slategray',
                    });
                </script>
                </div>
                <div class="cf-course-summery cf-course-comment-text-f">
                <?php 
                    $string_length = strlen($review);

if($string_length>200)
                        {
                        $parts = ceil($string_length / 2); // Break string into 2 parts
                        $str_chunks = chunk_split($review, 200);
                        $string_array = array_filter(explode(PHP_EOL, $str_chunks));
                            ?>
                            <span class="cf-course-comment-first-text"><?=rtrim($string_array[0]," "); ?><span class="cf-course-comment-dot-f">...</span> </span><a href="javascript:void(0)" class="cf-course-read-more-review-f">Read More</a>
                            <span class="cf-course-comment-second-text-f">
                            <?php
                            $str ="";
                            foreach($string_array as $string )
                            {
                                $str .= $string;
                            }
                            echo $str;
                            ?>
                            </span>
                            <?php
                        }else{
                        echo $review;
                        }
                    
                    ?>  
                </div>
            </div>
        </div>
        <hr />
            <?php
        }
        ?>
    </div>
</div>
</div>