EVOLUTION-NINJA

Edit File: chapter_wise_materials.php

<?php echo view('includes/user_header'); ?>

<div id="page-wrapper">
    <input type="hidden" value="<?php echo $topic_id; ?>" class="topic_id">

<div class="row my_header">
        <h3 style="padding-bottom:10px;border-bottom:1px solid #ccc;margin-bottom:20px;"><?php if ($chapter_result) {
                                                                                                echo $chapter_result->chapter_name;
                                                                                                echo ': ';
                                                                                                echo  htmlspecialchars($chapter_result->topic_name);
                                                                                            } ?> - Materials Details</h3>
        <div class="col-md-2"></div>

<div class="row my_header" style="margin: 0 !important;">
            <br>
            <ul class="nav nav-pills" style="background:white; padding:15px; border-radius: 10px; margin-bottom: 20px; background-color: #FFFFFF;">
                <li class="active"><a data-toggle="pill" href="#video">Video File</a></li>
                <li><a data-toggle="pill" href="#pdf">PDF File</a></li>
                <li><a data-toggle="pill" href="#images">Images</a></li>
            </ul>
            <div class="tab-content" style="background:white; padding:15px; border-radius: 10px; background-color: #FFFFFF;">

</div>

</div>

</div>

</div>

</div>
                </div>
                <input type="hidden" id="faculty_id" />
                <input type="hidden" id="chapter_id" />
                <div id="questions" class="tab-pane fade">
                    <div class="row" id="question_uploads_div">
                        <div id="" class="table-responsive">
                            <div id="questiontab" style="margin-top:3%" class="grid table-responsive">
                                <table id="list3"></table>
                                <div id="pager3"></div>
                                <div id="dialogSelectRow" title="Warning" style="display:none">
                                    <p>Please select row</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

</div>
        <div class="col-md-2"></div>
    </div>

</div>

.pdf_file img {
        width: 100px;
        padding-bottom: 15px;
    }
</style>
<script>
    $(document).ready(function() {

var topic_id = $('.topic_id').val();
        call_uploads(topic_id);

function call_uploads(topic_id) {
            var segment = '<?= current_url(true)->getSegment(1) ?>';

$.ajax({
                type: 'post',
                url: "<?php echo site_url('chapter_wise_material_list'); ?>",
                data: {
                    'topic_id': topic_id
                },
                success: function(response) {
                    // response = jQuery.parseJSON(response);
                    console.log(response);
                    if (response.result == 1) {
                        var video_fields = '';

var blank_video = '';
                        blank_video += '<div class="col-sm-4 video">';
                        blank_video += '<p>No video available</p>';
                        blank_video += '</div>';

var pdf_fields = '';
                        var blank_pdf = '';
                        blank_pdf += '<div class="col-sm-4 video">';
                        blank_pdf += '<p>No pdf available</p>';
                        blank_pdf += '</div>';

var image_fields = '';
                        var blank_image = '';
                        blank_image += '<div class="col-sm-4 video">';
                        blank_image += '<p>No image available</p>';
                        blank_image += '</div>';

$.each(response.message, function(vx, vy) {

if (vy.video != "") {

var videos = jQuery.parseJSON(vy.video);
                                $.each(videos, function(key, val) {

video_fields += '<div class="col-sm-4 video">';
                                    // video_fields += '<iframe class="embed-responsive-item" width="100%" height="250" src="<?php echo base_url('public/subject_videos'); ?>/'+val+'" allowfullscreen controls="0" autoplay="0" frameborder="0"></iframe>';

video_fields += '<video width="300%" height="350" controls style="border-radius: 5px;">';
                                    video_fields += '<source src="<?php echo base_url('public/subject_videos'); ?>/' + val + '" type="video/mp4">';
                                    video_fields += '</video>';
                                    video_fields += '</div>';

video_fields += '<div class="col-sm-12 video_content">';
                                    video_fields += '<p style="text-align:center"><b>Material Name:</b> ' + val.substr(10) + '<br><b>Subject Name:</b> ' + vy.sub_domain + '<br><b>Faculty Name:</b> ' + vy.username + '<br><b>Added Date:</b> ' + vy.created_at + '';
                                    video_fields += '</div>';
                                });
                            }
                            // else
                            // {
                            //     $("#blank_video_uploads_div").html(blank_video);
                            // }

if (vy.pdf != "") {
                                var pdf = jQuery.parseJSON(vy.pdf);
                                $.each(pdf, function(key, val) {

pdf_fields += '<div class="col-sm-4 pdf_file">';
                                    pdf_fields += '<a href="<?php echo base_url('public/subject_pdf'); ?>/' + val + '"  target="_blank"><img src="<?php echo base_url('public/assets/images/pdf_file.png'); ?>" class="img-responsive center-block"></a>';
                                    pdf_fields += '<p style="text-align:center"><b>Material Name:</b> ' + val.substr(10) + '<br><b>Subject Name:</b> ' + vy.sub_domain + '<br><b>Faculty Name:</b> ' + vy.username + '<br><b>Added Date:</b> ' + vy.created_at + '';
                                    if (segment != 'chapter-wise-materials') {
                                        pdf_fields += '<p style="text-align:center"><a style="text-decoration:none;" href="<?php echo base_url('public/subject_images'); ?>/' + val + '"  target="_blank" download><button type="button">Download</button></a></p>';
                                    }
                                    pdf_fields += '</div>';
                                });
                            }
                            // else
                            // {
                            //      $("#blank_pdf_uploads_div").html(blank_pdf);
                            // }

if (vy.image != "") {
                                var image = jQuery.parseJSON(vy.image);
                                $.each(image, function(key, val) {
                                    image_fields += '<div class="col-sm-4 images_file">';
                                    image_fields += '<a href="javascript:void(0);"  target="_blank"><img src="<?php echo base_url('public/subject_images'); ?>/' + val + '" class="img-responsive center-block" ></a>';
                                    image_fields += '<p style="text-align:center"><b>Material Name:</b> ' + val.substr(10) + '<br><b>Subject Name:</b> ' + vy.sub_domain + '<br><b>Faculty Name:</b> ' + vy.username + '<br><b>Added Date:</b> ' + vy.created_at + '';
                                    if (segment != 'chapter-wise-materials') {
                                        image_fields += '<p style="text-align:center"><a style="text-decoration:none;" href="<?php echo base_url('public/subject_images'); ?>/' + val + '"  target="_blank" download><button type="button">Download</button></a></p>';
                                    }
                                    image_fields += '</div>';
                                });
                            }
                            // else
                            // {
                            //      $("#blank_image_uploads_div").html(blank_image);
                            // }
                        });

$("#video_uploads_div").html(video_fields);
                        $("#pdf_uploads_div").html(pdf_fields);
                        $("#image_uploads_div").html(image_fields);

if (video_fields == "") {
                            $("#blank_video_uploads_div").html(blank_video);
                        }
                        if (pdf_fields == "") {
                            $("#blank_pdf_uploads_div").html(blank_pdf);
                        }
                        if (image_fields == "") {
                            $("#blank_image_uploads_div").html(blank_image);
                        }

} else {

}
                }
            });

}
    });
</script>
<?php echo view('includes/user_footer'); ?>