Codespaces / IDE

updated watch course page

Parcourir la source
Cette révision appartient à :
Ibrahim Khail Shakil 2023-12-20 13:20:33 +06:00
Parent 8514d46805
révision 5b2647b57f
1 fichiers modifiés avec 23 ajouts et 18 suppressions
Voir les Statistiques Télécharger le Fichier Patch Télécharger le Fichier des Différences Développer tous les fichiers Réduire tous les fichiers

39
resources/views/frontend/watchCourse.blade.php
Voir le fichier

@ -32,7 +32,7 @@
</a> </a>
<div class="topic-info"> <div class="topic-info">
<div class="topic-info-arrow"> <div class="topic-info-arrow">
<a href="{{ URL::previous() }}"> <a href="{{URL::previous()}}">
<i class="fas fa-chevron-left"></i> <i class="fas fa-chevron-left"></i>
</a> </a>
</div> </div>
@ -78,7 +78,7 @@
</video> </video>
</div> </div>
<div class="course-description-start-content"> <div class="course-description-start-content">
<h5 class="font-title--sm">3. What is UI vs UX - User Interface vs User Experience</h5> <h5 class="font-title--sm material-title">{{$course->title_en}}</h5>
<nav class="course-description-start-content-tab"> <nav class="course-description-start-content-tab">
<div class="nav nav-tabs" id="nav-tab" role="tablist"> <div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-ldescrip-tab" data-bs-toggle="tab" <button class="nav-link active" id="nav-ldescrip-tab" data-bs-toggle="tab"
@ -121,9 +121,7 @@
<!-- Course Notes Starts Here --> <!-- Course Notes Starts Here -->
<div class="course-notes-area"> <div class="course-notes-area">
<div class="course-notes"> <div class="course-notes">
<h6>Steps 1: Understand what we're trying to solve.</h6>
<div class="course-notes-item"> <div class="course-notes-item">
<div class="dot"></div>
<p> <p>
You have to take a minute to understand what is the goal, what is the You have to take a minute to understand what is the goal, what is the
problem, what they're trying to achieve with it who is the target problem, what they're trying to achieve with it who is the target
@ -237,12 +235,14 @@
</div> </div>
<div class="videolist-area-bar__wrapper"> <div class="videolist-area-bar__wrapper">
@foreach($lessons as $lesson) @foreach($lessons as $lesson)
<div class="videolist-area-wizard" data-lesson-description="{{ $lesson->description }}" data-lesson-notes="{{ $lesson->notes }}"> <div class="videolist-area-wizard" data-lesson-description="{{$lesson->description}}"
data-lesson-notes="{{$lesson->notes}}">
<div class="wizard-heading"> <div class="wizard-heading">
<h6 class="">{{ $loop->iteration }}. {{$lesson->title}}</h6> <h6 class="">{{$loop->iteration}}. {{$lesson->title}}</h6>
</div> </div>
@foreach ($lesson->material as $material) @foreach ($lesson->material as $material)
<div class="main-wizard"> <div class="main-wizard"
data-material-title="{{$loop->parent->iteration}}.{{$loop->iteration}} {{$material->title}}">
<div class="main-wizard__wrapper"> <div class="main-wizard__wrapper">
<a class="main-wizard-start" onclick="show_video('{{$material->content}}')"> <a class="main-wizard-start" onclick="show_video('{{$material->content}}')">
@if ($material->type=='video') @if ($material->type=='video')
@ -255,8 +255,8 @@
</div> </div>
@endif @endif
<div class="main-wizard-title"> <div class="main-wizard-title">
<p>{{ $loop->parent->iteration }}.{{ $loop->iteration }} {{ $material->title <p>{{$loop->parent->iteration}}.{{$loop->iteration}} {{$material->title}}
}}</p> </p>
</div> </div>
</a> </a>
<div class="main-wizard-end d-flex align-items-center"> <div class="main-wizard-end d-flex align-items-center">
@ -306,6 +306,7 @@ class="w-100"></textarea>
</div> </div>
<script src="{{asset('public/frontend/src/js/jquery.min.js')}}"></script> <script src="{{asset('public/frontend/src/js/jquery.min.js')}}"></script>
<script src="{{asset('public/frontend/src/js/bootstrap.bundle.min.js')}}"></script> <script src="{{asset('public/frontend/src/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('public/frontend/src/scss/vendors/plugin/js/video.min.js')}}"></script> <script src="{{asset('public/frontend/src/scss/vendors/plugin/js/video.min.js')}}"></script>
@ -315,6 +316,9 @@ class="w-100"></textarea>
<script src="{{asset('public/frontend/src/scss/vendors/plugin/js/jquery.nice-select.min.js')}}"></script> <script src="{{asset('public/frontend/src/scss/vendors/plugin/js/jquery.nice-select.min.js')}}"></script>
<script src="{{asset('public/frontend/src/scss/vendors/plugin/js/jquery.star-rating-svg.js')}}"></script> <script src="{{asset('public/frontend/src/scss/vendors/plugin/js/jquery.star-rating-svg.js')}}"></script>
<script src="{{asset('public/frontend/src/js/app.js')}}"></script> <script src="{{asset('public/frontend/src/js/app.js')}}"></script>
<!-- Include jQuery -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script> <script>
$(".my-rating").starRating({ $(".my-rating").starRating({
starSize: 30, starSize: 30,
@ -331,27 +335,28 @@ function show_video(e){
video.src = link; video.src = link;
video.play(); video.play();
} }
</script> </script>
<!-- Include jQuery --> <script>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
$(document).ready(function() { $(document).ready(function() {
$('.videolist-area-wizard').on('click', function() { $('.videolist-area-wizard').on('click', function() {
// Get lesson and material details // Get lesson and material details
var lessonDescription = $(this).data('lesson-description'); var lessonDescription = $(this).data('lesson-description');
var lessonNotes = $(this).data('lesson-notes'); var lessonNotes = $(this).data('lesson-notes');
// Update lesson description // Update lesson description
$('#nav-ldescrip .lesson-description p').html(lessonDescription); $('#nav-ldescrip .lesson-description p').html(lessonDescription);
// Update lesson notes // Update lesson notes
$('#nav-lnotes .course-notes-area .course-notes-item p').html(lessonNotes); $('#nav-lnotes .course-notes-area .course-notes-item p').html(lessonNotes);
}); });
$('.main-wizard').on('click', function() {
// Get material title
var materialTitle = $(this).data('material-title');
// Update material title
$('.material-title').html(materialTitle);
}); });
</script> });
</script>
</body> </body>