Skip to content

Commit

Permalink
as
Browse files Browse the repository at this point in the history
  • Loading branch information
@imswarnil
imswarnil authored Jun 19, 2024
1 parent 4fe21cb commit 7850d6c
Show file tree
Hide file tree
Showing 2 changed files with 174 additions and 6 deletions.
14 changes: 14 additions & 0 deletions _data/courses.yml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
- courseName: "Salesforce Fundamentals: Master the Basics of Salesforce"
lessons:
- id: 1
title: "What is Salesforce?"
videoUrl: "https://namastesalesforce.com/courses/salesforce-fundamentals-master-the-basics/lesson/what-is-salesforce/"
duration: "00:00"
- id: 2
title: "Understanding the Salesforce Ecosystem"
videoUrl: "https://namastesalesforce.com/courses/salesforce-fundamentals-master-the-basics/lesson/understanding-the-salesforce-ecosystem/"
duration: "00:00"
- id: 3
title: "Setting Up Your Salesforce Account"
videoUrl: "https://namastesalesforce.com/courses/salesforce-fundamentals-master-the-basics/lesson/setting-up-your-salesforce-account/"
duration: "00:00"
166 changes: 160 additions & 6 deletions _layouts/lesson.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,165 @@
layout: default
---

<section class="section">
<div class="container">
<div class="content">
<h1>{{ page.title }}</h1>
<p>Lesson content goes here.</p>
<div id="tutor-page-wrap" class="section">
<div class="columns">
<div class="column is-one-quarter is-hidden-mobile">
<div class="box">
<div class="is-flex is-justify-content-space-between">
<span class="has-text-weight-medium has-text-grey-dark">Course Content</span>
</div>
<div class="content">
<div class="block">
<div class="is-flex is-align-items-center">
<div class="has-text-weight-medium">{{ site.data.courses[page.course].courseName }}</div>
<div class="ml-auto pl-5">0/{{ site.data.courses[page.course].lessons.size }}</div>
</div>
<div>
<ul>
{% for lesson in site.data.courses[page.course].lessons %}
<li>
<a href="{{ lesson.videoUrl }}" data-lesson-id="{{ lesson.id }}" class="is-flex is-justify-content-space-between lesson-link">
<div class="is-flex">
<span class="icon has-text-primary mr-2">
<i class="fab fa-youtube"></i>
</span>
<span>{{ lesson.title }}</span>
</div>
<div class="is-flex">
<span class="mr-2">{{ lesson.duration }}</span>
<input type="checkbox" class="is-checkradio" disabled readonly>
</div>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>

<div class="column">
<div id="tutor-single-entry-content" class="box">
<div class="is-flex is-align-items-center is-justify-content-space-between">
<a href="#" class="button is-light is-hidden-touch" id="course-topics-sidebar-toggler">
<span class="icon">
<i class="fas fa-arrow-left"></i>
</span>
</a>
<a href="{{ site.data.courses[page.course].lessons[0].videoUrl }}" class="button is-light is-hidden-desktop">
<span class="icon">
<i class="fas fa-arrow-left"></i>
</span>
</a>
<div class="ml-3 has-text-weight-medium">{{ site.data.courses[page.course].courseName }}</div>
<div class="ml-auto is-flex is-hidden-touch">
<div class="mr-5">
<span>Your Progress: 0/{{ site.data.courses[page.course].lessons.size }} (0%)</span>
</div>
<form method="post" class="mr-5">
<input type="hidden" id="_tutor_nonce" name="_tutor_nonce" value="9a138b64a1">
<input type="hidden" value="{{ site.data.courses[page.course].lessons[0].id }}" name="lesson_id">
<input type="hidden" value="tutor_complete_lesson" name="tutor_action">
<button type="submit" class="button is-primary is-small">
<span class="icon is-small">
<i class="fas fa-check-circle"></i>
</span>
<span>Mark as Complete</span>
</button>
</form>
<a href="{{ site.data.courses[page.course].lessons[0].videoUrl }}" class="button is-light">
<span class="icon is-small">
<i class="fas fa-times"></i>
</span>
</a>
</div>
<a href="#" class="button is-light is-hidden-desktop" id="course-topics-sidebar-offcanvas-toggler">
<span class="icon">
<i class="fas fa-bars"></i>
</span>
</a>
</div>

<div class="content mt-5">
<div class="tabs is-centered">
<ul>
<li class="is-active">
<a href="#" data-target="tutor-course-spotlight-overview" class="is-active">
<span class="icon is-small">
<i class="fas fa-file-alt"></i>
</span>
<span>Overview</span>
</a>
</li>
<li>
<a href="#" data-target="tutor-course-spotlight-comments">
<span class="icon is-small">
<i class="fas fa-comments"></i>
</span>
<span>Comments</span>
</a>
</li>
</ul>
</div>

<div id="tutor-course-spotlight-overview" class="box">
<div class="content">
<div class="columns is-centered">
<div class="column is-two-thirds">
<div class="title is-5 has-text-weight-medium">About Lesson</div>
<div class="content"></div>
</div>
</div>
</div>
</div>

<div id="tutor-course-spotlight-comments" class="box is-hidden">
<div class="content">
<div class="title is-5 has-text-weight-medium">Join the conversation</div>
<form class="box" method="post">
<input type="hidden" id="_tutor_nonce" name="_tutor_nonce" value="9a138b64a1">
<input type="hidden" name="_wp_http_referer" value="/courses/salesforce-fundamentals-master-the-basics/lesson/what-is-salesforce/">
<input type="hidden" name="action" value="tutor_create_lesson_comment">
<input type="hidden" name="is_lesson_comment" value="true">
<div class="field">
<figure class="image is-48x48">
<img src="https://namastesalesforce.com/wp-content/litespeed/avatar/25fe46c993efce870036b2cb94df4064.jpg?ver=1718713637" alt="Avatar">
</figure>
</div>
<div class="field">
<textarea class="textarea" placeholder="Write your comment here…" name="comment"></textarea>
<input type="hidden" name="comment_post_ID" value="{{ site.data.courses[page.course].lessons[0].id }}">
<input type="hidden" name="comment_parent" value="0">
</div>
<div class="field">
<button type="submit" class="button is-primary is-small">Submit</button>
</div>
</form>
<div class="content"></div>
<div class="buttons is-right"></div>
</div>
</div>
</div>
</div>

<div class="box">
<div class="is-flex is-justify-content-space-between">
<span class="has-text-weight-medium has-text-grey-dark">Course Progress</span>
</div>
<div class="content">
<div class="block">
<div class="is-flex is-align-items-center">
<div class="has-text-weight-medium">Your Progress</div>
<div class="ml-auto pl-5">0%</div>
</div>
<progress class="progress is-primary" value="0" max="100">0%</progress>
</div>
<div class="is-half">
<a href="{{ site.data.courses[page.course].lessons[0].videoUrl }}" class="button is-light is-fullwidth">Back to Course</a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>

0 comments on commit 7850d6c

Please sign in to comment.