관리-도구

편집 파일: fa7894d031911697cd5592f5cdd93bb0.php

<?php
    $topicRoute = 'topic.store';
    $assignmentRoute = 'assignment.file.delete';
    if (isInstructor()) {
        $topicRoute = 'instructor.topic.store';
        $assignmentRoute = 'instructor.assignment.file.delete';
    } elseif (isOrganization()) {
        $topicRoute = 'organization.topic.store';
        $assignmentRoute = 'organization.assignment.file.delete';
    }
?>

<form action="<?php echo e(route($topicRoute)); ?>" class="flex flex-col form pb-4" enctype="multipart/form-data">
    <?php echo csrf_field(); ?>
    <input type="hidden" name="topic_type_id" value="<?php echo e($topicId); ?>" />
    <input type="hidden" name="course_id" value="<?php echo e($courseId); ?>" />
    <input type="hidden" name="topic_type" value="<?php echo e($type); ?>">

<?php if($actionType): ?>
        <label class="block mt-2 font-medium text-gray-500 dark:text-dark-text"> <?php echo e(translate('Topic type')); ?>

<b><?php echo e($type); ?></b></label>
    <?php endif; ?>
    <div class="mt-4">
        <label class="form-label"><?php echo e(translate('Chapter')); ?> <span class="text-danger">*</span></label>
        <select class="singleSelect2" name="chapter_id" required>
            <option disabled selected><?php echo e(translate('Select Chapter')); ?></option>
            <?php $__currentLoopData = $chapters; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $chapter): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <option value="<?php echo e($chapter->id); ?>"
                    <?php echo e(isset($chapterId) ? ($chapterId == $chapter->id ? 'selected' : '') : ''); ?>>
                    <?php echo e($chapter->title); ?>

</option>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </select>
        <span class="text-danger error-text chapter_id_err"></span>
    </div>
    
    <?php if($type == 'video'): ?>
        <?php if(!empty($topic)): ?>
            <input type="hidden" name="video_id" value="<?php echo e($topic?->topicable?->id); ?>" />
        <?php endif; ?>
        <div class="mt-4">
            <label for="v-title" class="form-label"><?php echo e(translate('Title')); ?> <span
                    class="text-danger">*</span></label>
            <input type="text" id="v-title" class="form-input" name="title"
                value="<?php echo e(!empty($topic) ? $topic?->topicable?->title : ''); ?>" placeholder="<?php echo e(translate('Title')); ?>"
                autocomplete="off" />
            <span class="text-danger error-text title_err"></span>
        </div>
        <div id="courseTopicVideoDuration" class="mt-4">
            <label for="v-dutation" class="form-label"> <?php echo e(translate('Duration')); ?></label>
            <input type="text" id="v-dutation" class="form-input"
                value="<?php echo e(!empty($topic) ? $topic?->topicable?->duration : '00:00:00'); ?>" name="duration"
                autocomplete="off" />
            <p class="text-xs leading-none text-gray-900 mt-2"><?php echo e(translate('Please follow the pattern')); ?> <span
                    class="text-gray-500 dark:text-dark-text">(<?php echo e(translate('hh')); ?>:<?php echo e(translate('mm')); ?>:<?php echo e(translate('ss')); ?>)</span>
            </p>

<span class="text-danger error-text duration_err"></span>
        </div>
        <div class="mt-4">

<?php
                $sourceType = $topic?->topicable?->video_src_type ?? '';
            ?>

<label class="form-label"><?php echo e(translate('Video Source')); ?> <span class="text-danger">*</span></label>
            <select class="singleSelect2 source-type-select" name="video_src_type" required>
                <option disabled selected> <?php echo e(translate('Select Video Source')); ?></option>
                <option value="youtube" <?php echo e($sourceType == 'youtube' ? 'selected' : ''); ?>><?php echo e(translate('Youtube')); ?>

</option>
                <option value="vimeo" <?php echo e($sourceType == 'vimeo' ? 'selected' : ''); ?>><?php echo e(translate('Vimeo')); ?>

</option>
                <option value="local" <?php echo e($sourceType == 'local' ? 'selected' : ''); ?>><?php echo e(translate('Local')); ?>

</option>
            </select>
            <span class="text-danger error-text video_src_type_err"></span>
        </div>
        <div class="mt-4" id="courseTopicVideoFile">
            <?php if(!empty($topic)): ?>
                <div class="video mt-4">
                    <?php if($topic?->topicable?->video_src_type == 'local'): ?>
                        <?php if(fileExists($folder = 'lms/courses/topics/videos', $fileName = $topic?->topicable?->system_video) == true &&
                                $topic?->topicable?->system_video !== ''): ?>
                            <video width="320" height="240" controls autoplay>
                                <source
                                    src="<?php echo e(asset('storage/lms/courses/topics/videos/' . $topic?->topicable?->system_video)); ?>">
                            </video>
                        <?php endif; ?>
                    <?php else: ?>
                        <label for="v-url" class="form-label"> <?php echo e(translate('Video Url')); ?> </label>
                        <input type="url" id="v-url" class="form-input"
                            placeholder="<?php echo e(translate('Video Url')); ?>"
                            value="<?php echo e(!empty($topic) ? $topic?->topicable?->video_url : ''); ?>" name="video_url"
                            autocomplete="off" />
                    <?php endif; ?>
                </div>
            <?php endif; ?>

</div>
    <?php endif; ?>
    
    <?php if($type == 'reading'): ?>
        <?php if(!empty($topic)): ?>
            <input type="hidden" name="reading_id" value="<?php echo e($topic?->topicable?->id); ?>" />
        <?php endif; ?>
        <div class="mt-4">
            <label for="v-title" class="form-label"><?php echo e(translate('Title')); ?> <span
                    class="text-danger">*</span></label>
            <input type="text" id="v-title" class="form-input" placeholder="<?php echo e(translate('Title')); ?>"
                name="title" value="<?php echo e($topic?->topicable?->title ?? ''); ?>" />
            <span class="text-danger error-text title_err"></span>
        </div>
        <div class="mt-4">
            <label class="form-label"><?php echo e(translate('Description')); ?> <span class="text-danger">*</span></label>
            <textarea name="description" class="summernote"><?php echo clean($topic?->topicable?->description ?? ''); ?></textarea>
            <span class="text-danger error-text description_err"></span>
        </div>
    <?php endif; ?>

<?php if($type == 'assignment'): ?>
        <?php if(!empty($topic)): ?>
            <input type="hidden" name="assignment_id" value="<?php echo e($topic?->topicable?->id); ?>" />
        <?php endif; ?>
        <div class="mt-4">
            <label for="assignment-title" class="form-label"><?php echo e(translate('Title')); ?> <span
                    class="text-danger">*</span></label>
            <input type="text" id="assignment-title" class="form-input" name="title" placeholder="Title"
                autocomplete="off" value="<?php echo e(!empty($topic) ? $topic?->topicable?->title : ''); ?>" />
            <span class="text-danger error-text title_err"></span>
        </div>
        <div class="mt-4">
            <label class="form-label"><?php echo e(translate('Instruction')); ?> <span class="text-danger">*</span></label>
            <textarea name="description" class="summernote"><?php echo clean($topic?->topicable?->description ?? ''); ?></textarea>
            <span class="text-danger error-text description_err"></span>
        </div>

<div class="mt-4">
            <label class="form-label"><?php echo e(translate('Total Mark')); ?></label>
            <input type="number" class="form-input" name="total_mark" autocomplete="off"
                value="<?php echo e(!empty($topic) ? $topic?->topicable?->total_mark : ''); ?>" />
            <span class="text-danger error-text total_mark_err"></span>
        </div>
        <div class="mt-4">
            <label class="form-label"><?php echo e(translate('Pass Mark')); ?></label>
            <input type="number" class="form-input" name="pass_mark" autocomplete="off"
                value="<?php echo e(!empty($topic) ? $topic?->topicable?->pass_mark : ''); ?>" />
            <span class="text-danger error-text pass_mark_err"></span>
        </div>

<div class="mt-4">
            <label class="form-label"> <?php echo e(translate('Retake Number')); ?></label>
            <input type="number" class="form-input" name="retake_number"
                placeholder="<?php echo e(translate('Retake Number')); ?>" autocomplete="off"
                value="<?php echo e(!empty($topic) ? $topic?->topicable?->retake_number : ''); ?>" />
            <span class="text-danger error-text retake_number_err"></span>
        </div>
        <div class="mt-4" id="assignmentSubmitDate">
            <label for="sub-date" class="form-label"> <?php echo e(translate('Submission Date')); ?> <span
                    class="text-danger">*</span></label>
            <input type="datetime-local" id="sub-date" class="form-input" name="submission_date"
                placeholder="<?php echo e(translate('Submit Date')); ?>" autocomplete="off"
                value="<?php echo e(!empty($topic) ? $topic?->topicable?->submission_date : ''); ?>" />
            <span class="text-danger error-text submission_date_err"></span>
        </div>

<div class="mt-4">
            <label for="assignment-duration" class="form-label"> <?php echo e(translate('Duration')); ?></label>
            <input type="text" id="assignment-duration" name="duration" class="form-input"
                value="<?php echo e(!empty($topic) ? $topic?->topicable?->duration : '00:00:00'); ?>" />
            <p class="text-xs leading-none text-gray-900 mt-2"> <?php echo e(translate('Please follow the pattern')); ?> <span
                    class="text-gray-500 dark:text-dark-text">(<?php echo e(translate('hh')); ?>:<?php echo e(translate('mm')); ?>:<?php echo e(translate('ss')); ?>)</span>
            </p>
            <span class="text-danger error-text duration_err"></span>
        </div>
        <div class="mt-4">
            <label for="source_files" class="form-label"> <?php echo e(translate('Source Files')); ?> <span
                    class="text-danger">*</span></label>
            <input type="file" id="source_files" class="form-input" name="source_files[]" multiple />
            <span class="text-danger error-text source_files_err"></span>

<?php if(!empty($topic)): ?>
                <?php if($topic?->topicable?->sourceFiles->count() > 0): ?>
                    <ul>
                        <?php $__currentLoopData = $topic?->topicable?->sourceFiles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sourceFile): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <?php if(fileExists($folder = 'lms/courses/topics/assignments', $fileName = $sourceFile->file) == true &&
                                    $sourceFile->file !== ''): ?>
                                <li class="img-thumb-wrapper">
                                    <span> <?php echo e($sourceFile->file); ?></span>
                                    <button type="button"
                                        class="btn-icon size-8 btn-danger-icon-light multiple-image-remove"
                                        data-action="<?php echo e(route($assignmentRoute, $sourceFile->id)); ?>">
                                        <i class="ri-close-line text-inherit text-base"></i>
                                    </button>
                                </li>
                            <?php endif; ?>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </ul>
                <?php endif; ?>
            <?php endif; ?>
        </div>
    <?php endif; ?>

<?php if($type == 'supplement'): ?>
        <?php if(!empty($topic)): ?>
            <input type="hidden" name="supplement_id" value="<?php echo e($topic?->topicable?->id); ?>" />
        <?php endif; ?>
        <div class="mt-4">
            <label for="supplyment-title" class="form-label"> <?php echo e(translate('Title')); ?> <span
                    class="text-danger">*</span></label>
            <input type="text" id="supplyment-title" name="title" class="form-input" autocomplete="off"
                value="<?php echo e($topic?->topicable?->title ?? ''); ?>" />
            <span class="text-danger error-text title_err"></span>
        </div>
        <div class="mt-4">
            <label class="form-label"><?php echo e(translate('Description')); ?> <span class="text-danger">*</span></label>
            <textarea name="description" class="summernote"><?php echo clean($topic?->topicable?->description ?? ''); ?></textarea>
            <span class="text-danger error-text description_err"></span>
        </div>
        <div class="mt-4">
            <label for="supplyment-duration" class="form-label"> <?php echo e(translate('Duration')); ?></label>
            <input type="text" id="supplyment-duration" class="form-input" name="duration"
                value=" <?php echo e($topic?->topicable?->duration ?? '00:00:00'); ?>  " autocomplete="off" />
            <p class="text-xs leading-none text-gray-900 mt-2"> <?php echo e(translate('Please follow the pattern')); ?> <span
                    class="text-gray-500 dark:text-dark-text">(<?php echo e(translate('hh')); ?>:<?php echo e(translate('mm')); ?>:<?php echo e(translate('ss')); ?>)</span>
            </p>
            <span class="text-danger error-text duration_err"></span>
        </div>
    <?php endif; ?>

<?php if($type == 'quiz'): ?>

<?php if(!empty($topic)): ?>
            <input type="hidden" name="quiz_id" value="<?php echo e($topic?->topicable?->id); ?>" />
        <?php endif; ?>
        
        <div class="mt-4">
            <label class="form-label"> <?php echo e(translate('Quiz Type')); ?> <span class="text-danger">*</span></label>
            <select class="singleSelect2" name="quiz_type_id" required>
                <option selected disabled><?php echo e(translate('Select Type')); ?></option>
                <?php $__currentLoopData = get_all_quiz_type(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $quizType): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <option value="<?php echo e($quizType->id); ?>"
                        <?php echo e(!empty($topic) ? ($topic?->topicable?->quiz_type_id == $quizType->id ? 'selected' : '') : ''); ?>>
                        <?php echo e($quizType->name); ?></option>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </select>
            <span class="text-danger error-text quiz_type_id_err"></span>
        </div>
        <div class="mt-4">
            <label for="quiz-title" class="form-label"> <?php echo e(translate('Quiz Title')); ?><span
                    class="text-danger">*</span></label>
            <input type="text" id="quiz-title" class="form-input" autocomplete="off" name="title"
                value="<?php echo e($topic?->topicable?->title ?? ''); ?>" />
            <span class="text-danger error-text title_err"></span>
        </div>
        <div class="mt-4">
            <label for="quiz-dutation" class="form-label"> <?php echo e(translate('Quiz Duration')); ?><span
                    class="text-danger">*</span></label>
            <input type="text" id="quiz-dutation" class="form-input" name="duration"
                value="<?php echo e($topic?->topicable?->duration ?? ''); ?>" />
            <p class="text-xs leading-none text-gray-900 mt-2"><?php echo e(translate('Please follow the pattern')); ?> <span
                    class="text-gray-500 dark:text-dark-text"><?php echo e(translate('minute')); ?>(<?php echo e(translate('m')); ?>)</span>
            </p>
            <span class="text-danger error-text duration_err"></span>
        </div>
        <div class="mt-4">
            <label for="quiz-total-mark" class="form-label"> <?php echo e(translate('Quiz Total Mark')); ?> <span
                    class="text-danger">*</span></label>
            <input type="number" id="quiz-total-mark" class="form-input" name="total_mark"
                value="<?php echo e($topic?->topicable?->total_mark ?? ''); ?>" autocomplete="off" />
            <span class="text-danger error-text total_mark_err"></span>
        </div>
        <div class="mt-4">
            <label for="quiz-pass-mark" class="form-label"> <?php echo e(translate('Quiz Pass Mark')); ?> <span
                    class="text-danger">*</span></label>
            <input type="number" id="quiz-pass-mark" class="form-input" name="pass_mark" autocomplete="off"
                value="<?php echo e($topic?->topicable?->pass_mark ?? ''); ?>" />
            <span class="text-danger error-text pass_mark_err"></span>
        </div>
        <div class="mt-4">
            <label for="quiz-attempt" class="form-label"><?php echo e(translate('Quiz Attempt')); ?></label>
            <input type="number" id="quiz-attempt" class="form-input" name="total_retake" autocomplete="off"
                value="<?php echo e($topic?->topicable?->total_retake ?? ''); ?>" />
            <span class="text-danger error-text total_retake_err"></span>
        </div>
        <div class="mt-4" id="quizExpireDate">
            <label for="expire-date" class="form-label"><?php echo e(translate('Quiz Expire Date')); ?></label>
            <input type="datetime-local" id="expire-date" class="form-input"
                placeholder="<?php echo e(translate('Expire Date')); ?>" name="expire_date"
                value="<?php echo e($topic?->topicable?->expire_date ?? ''); ?>" />
            <span class="text-danger error-text expire_date_err"></span>
        </div>
        <div class="mt-4">
            <label for="quiz-instruction" class="form-label"><?php echo e(translate('Quiz Instruction')); ?></label>
            <textarea name="instruction" class="form-input summernote"><?php echo clean($topic?->topicable?->instruction ?? ''); ?></textarea>
            <span class="text-danger error-text instruction_err"></span>
        </div>
    <?php endif; ?>
    <div class="flex-center mt-4">
        <button type="submit" class="btn b-solid btn-primary-solid w-1/2">
            <?php echo e(!empty($topic) ? translate('Edit Topic') : translate('Add Topic')); ?> </button>
    </div>
</form>

<script src="<?php echo e(asset('lms/assets/js/vendor/summernote.min.js')); ?>"></script>
<script src="<?php echo e(asset('lms/assets/js/vendor/select2.min.js')); ?> "></script>

<script>
    $(function() {

$(".singleSelect2").select2({
            width: "100%",
        });

$(".summernote").summernote({
            placeholder: "<?php echo e(translate('Write your description here')); ?>...",
            height: 220,
            toolbar: [
                ["style", ["style"]],
                ["fontsize", ["fontsize"]],
                ["font", ["bold", "italic", "underline", "clear"]],
                ["fontname", ["fontname"]],
                ["color", ["color"]],
                ["para", ["paragraph"]],
                ["height", ["height"]],
                ["insert", ["hr", "link"]],
            ],
            styleTags: ["p", "h1", "h2", "h3", "h4", "h5", "h6"],
            lineHeights: ["0.5", "1.0", "1.1", "1.2", "1.3", "1.4"],
            fontSizes: [
                "8",
                "9",
                "10",
                "11",
                "12",
                "13",
                "14",
                "15",
                "16",
                "18",
                "24",
                "36",
                "48",
                "64",
                "82",
                "150",
            ],
        });

$(document).on('change', '.source-type-select', function() {

if ($(this).val() !== "local") {
                $("#courseTopicVideoFile").html(`
                  <label for="v-url" class="form-label"> <?php echo e(translate('Video Url')); ?> </label>  
                  <input type="text" id="v-url" class="form-input" placeholder="<?php echo e(translate('Video Url')); ?>"  name="video_url"  value="<?php echo e($video_url ?? ''); ?>"  autocomplete="off" />
                 `)
            } else {

$("#courseTopicVideoFile").html(
                    `<label for="v-url" class="form-label"><?php echo e(translate('Upload File')); ?></label><div class="border border-input-border rounded-md px-2 py-1.5">
                    <input type="file" id="v-url" class="w-full" name="video"> </div> <span class="text-danger error-text video_err"></span> 
                    
                    
                    <?php if(!empty($topic)): ?>
                    <div class="video mt-4">
                        <?php if(fileExists($folder = 'lms/courses/topics/videos', $fileName = $topic?->topicable?->system_video) == true &&
                                $topic?->topicable?->system_video !== ''): ?>
                            <video width="320" height="240" controls autoplay>
                                <source
                                    src="<?php echo e(asset('storage/lms/courses/topics/videos/' . $topic?->topicable?->system_video)); ?>">
                            </video>
                        <?php endif; ?>
                    </div>
                <?php endif; ?>
                    
                    `
                );
            }
        })
    })
</script>
<?php /**PATH D:\www\edulab\Modules\LMS\resources\views\portals\components\course\topic-type\type.blade.php ENDPATH**/ ?>

Edulab LMS

Course Details

Home
Course Details

(0) Rating

Full Stack Web Development with JavaScript

Learn how to develop full-stack web applications from scratch.

Robert Smith

Beginner

Data Science

Course Overview

Learn how to develop full-stack web applications from scratch. Explore frontend technologies like HTML, CSS, and JavaScript along with backend frameworks like Node.js, Django, and databases like MongoDB and MySQL. Perfect for those aiming to become versatile developers.

Learning Outcomes

Course Requirements

Course FAQS

Course Curriculum

Full Stack JavaScript Complete Course

1 Lesson

Course Instructor

Robert Smith

Senior Web Developer

instructor@gmail.com

Hi, I’m Robert, a passionate UI/UX designer with a keen eye for creating intuitive, user-centric designs. I specialize in crafting seamless digital experiences that not only look great, but are also functional and accessible. With a strong background in design principles and a love of innovation, I strive to deliver interfaces that solve problems while providing delightful user interactions. Whether it’s designing mobile apps, websites, or complex software, my goal is always to improve usability and ensure a seamless journey for the end user.

Course Reviews

0

Out of 0 Rating

		0 Rating
		0 Rating
		0 Rating
		0 Rating
		0 Rating

Course thumbnail

This Course Includes:
Duration	2h 30m
Course Level	Beginner
Lessons	1
Tags	Back-End Development
Language	English
Price	$24

Related Course

Explore Related Courses