EVOLUTION-NINJA
Edit File: Video.php
<?php echo view('includes/flow-header'); ?> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <section class="spec-main"> <div class="row"> <div class="col-sm-3"> <div class="spec-left"> <ul> <li><a href="">Videos e-learn Hub</a></li> </ul> <ul class="video_category_list"> <?php foreach($cate as $key){ ?> <li><a onclick="subcategories(<?php echo $key['id']; ?>)" style="cursor:pointer;" ><?php echo $key['name']; ?></a></li> <?php foreach($key['cat'] as $res){ ?> <p><a onclick="suboption(<?php echo $res['id']; ?>)" ><?php echo $res['name']; ?></a><p> <?php } ?> <?php } ?> <ul> </div> </div> <div class="col-sm-9"> <div class="cme-right-new" style="padding: 2% 5% 0 0;"> <div class="row"> <div class="col-sm-9"></div> <div class="col-sm-3 mb-5" id="go-back-new"> <a href="<?php echo base_url('V-Categories');?>"><i class="fa fa-arrow-left" aria-hidden="true"></i>Back</a> </div> </div> <!-- <div class="row justify-content-center" id="wrapper" style="visibility:hidden;"> --> <div class="videos mb-3"> <h4>Videos</h4> <div class="row pt-5"> <?php foreach($video as $val ){ ?> <div class="col-sm-3"> <div class="video-card"> <iframe src="https://player.vimeo.com/video/<?php echo $val['video_link']; ?>" width="210" height="130" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <div class="video-info" onclick="redirectmain(<?php echo $val['id']; ?>)"> <h5><?php echo $val['title']; ?></h5> <!-- <p><span class="p-2">James</span> --> <?php echo time_elapsed_string($val['created_at']); ?> <button type="btn" id="but"><a onclick="redirectmain(<?php echo $val['id']; ?>" ><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <?php } ?> </div> <!------------------------------------------> <!-- Example row of columns --> <!-- <div class="row contents"> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> <div class="col-sm-3"> <div class="video-card"> <a href="ls3-video"> <video width="" height="" controls> <source src="<?php echo base_url('public/assets/videos/youtube_video.mp4');?>" type="video/mp4"> </video></a> <div class="video-info"> <h5>Lab Update</h5> <p><img src="<?php echo base_url('public/assets/images/LS_img.png');?>"><span class="p-2">James</span> 1 Day ago <button type="btn" id="but"><a href="ls3-video"><img src="<?php echo base_url('public/assets/images/Comment.png');?>"></a></button></p> </div> </div> </div> </div> --> </div> </div> </div> </div><!--row--> </section> </body> </html> <?php function time_elapsed_string($datetime, $full = false) { $now = new DateTime; $ago = new DateTime($datetime); $diff = $now->diff($ago); $diff->w = floor($diff->d / 7); $diff->d -= $diff->w * 7; $string = array( 'y' => 'year', 'm' => 'month', 'w' => 'week', 'd' => 'day', 'h' => 'hour', 'i' => 'minute', 's' => 'second', ); foreach ($string as $k => &$v) { if ($diff->$k) { $v = $diff->$k . ' ' . $v . ($diff->$k > 1 ? 's' : ''); } else { unset($string[$k]); } } if (!$full) $string = array_slice($string, 0, 1); return $string ? implode(', ', $string) . ' ago' : 'just now'; } ?> <?php echo view('includes/flow-footer'); ?> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="<?php echo base_url('public/assets/js/btnloadmore.js');?>"></script> <script> $(document).ready( function() { $('.contents').btnLoadmore({ showItem : 4, whenClickBtn : 4, textBtn : 'Load more...', classBtn : 'btn btn-danger' }); }); </script> <script> function redirectmain(id){ window.location.href = '<?php echo base_url('ls2-video');?>?id='+id; } function subcategories(key){ var id = key; // alert(value); // window.location = '<?php echo base_url("Types-Of-Categories")?>?id='+id; $.ajax({ type : "POST", url : '<?php echo base_url('find-video-sub-categories') ?>', data : {id:id}, success:function(response){ response = jQuery.parseJSON(response); if(response.result==1){ // toastr["success"](response.message); window.location = '<?php echo base_url("Types-Of-video-Categories")?>?id='+id; }else{ toastr["error"](response.message); } } }); } function suboption(key){ var id = key; // alert(id); $.ajax({ type : "POST", url : '<?php echo base_url('find-video-details') ?>', data : {id:id}, success:function(response){ response = jQuery.parseJSON(response); if(response.result==1){ // toastr["success"](response.message); window.location = '<?php echo base_url("ls1-video")?>?id='+id; }else{ toastr["error"](response.message); } } }); } </script>