/
template.hbs
93 lines (92 loc) · 3.98 KB
/
template.hbs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<div class="classroom-container row">
<div class="classroom-header-box col-md-6 col-12">
<div class="classroom-header row">
<div class="classroom-image col-2">
<img src={{run.course.logo}}>
</div>
<h1 class="classroom-text col-10">
{{#link-to 'courses.id' run.course.identifier activeClass=""}} {{run.course.title}} {{/link-to}}
<div class="rating mob">
{{#if runAttempt.premium}}
{{#rating-stars course=run.course showModal=true initialRating=userRating}} {{/rating-stars}}
{{else}}
{{rating-stars-static rating=run.course.rating showValue=true}}
{{/if}}
</div>
</h1>
</div>
<h2 class="classroom-para">
{{line-clamp
text=run.course.summary
lines=6}}
</h2>
<div class="rating">
<br>
{{#if runAttempt.premium}}
{{#rating-stars course=run.course showModal=true initialRating=userRating}} {{/rating-stars}}
{{else}}
{{rating-stars-static rating=run.course.rating showValue=true}}
{{/if}}
</div>
</div>
<div class="course-progress-box col-md-6 col-12">
<div class="course-progress-heading row no-gutters">
<div class="heading col-4 col-md-6 align-self-center">Course Progress</div>
<div class="divider-h col-6 align-self-center"></div>
</div>
<div class="progress row no-gutters justify-content-start justify-content-md-around align-items-center">
<div class="progress-circle col-3 col-md-3 ml-4 ml-md-0">
<div class="status-circle">
<div class="circle-back"></div>
<div class="circle-front d-flex flex-column justify-content-center">
<p class="progress-text">{{percentage run.completedContents run.totalContents}}%</p>
</div>
</div>
</div>
<div class="course-progress-detail col-6 col-md-9">
<p class="heading-mob">Course Progress</p>
{{#unless run.topRunAttempt.premium}}
<div class="red">Free Trial</div>
{{/unless}}
<p class="lectures-completed">{{run.completedContents}} of {{run.totalContents}} Content completed</p>
<p class="reset-progress pointer" {{action 'resetProgress'}}>Reset
Progress</p>
</div>
{{#if run.topRunAttempt.premium}}
<div class="offset-md-5 col-4 col-md-5">
<div class="button-solid">
{{#link-to 'attempt' run.topRunAttempt.id tagName="button" activeClass=""}} Resume Learning {{/link-to}}
</div>
</div>
{{else}}
<div class="d-flex col-12 justify-content-md-end justify-content-center mt-2">
<div class="button-solid mr-2">
{{#link-to 'courses.id' run.course.identifier tagName="button" activeClass=""}} Buy Now {{/link-to}}
</div>
<div class="button-dashed">
{{#link-to 'attempt' run.topRunAttempt.id tagName="button" activeClass=""}} Resume Learning {{/link-to}}
</div>
</div>
{{/if}}
</div>
</div>
</div>
<div class="tab-nav">
{{link-to 'Overview' 'classroom.timeline.overview' class="tab-items" tagName="div"}}
{{#link-to 'classroom.timeline.overview' class="tab-icons" tagName="div"}}
<img src="/images/menu-white.svg" alt="Overview">
{{/link-to}}
{{link-to 'Course Content' 'classroom.timeline.contents'class="tab-items" tagName="div"}}
{{#link-to 'classroom.timeline.contents'class="tab-icons" tagName="div"}}
<img src="/images/docs-white.svg" alt="Course Content">
{{/link-to}}
{{link-to 'Announcements' 'classroom.timeline.announcements'class="tab-items" tagName="div"}}
{{#link-to 'classroom.timeline.announcements'class="tab-icons" tagName="div"}}
<img src="/images/announcement-white.svg" alt="Announcements">
{{/link-to}}
{{link-to 'Ask Your Doubts' 'classroom.timeline.doubts' class="tab-items" tagName="div"}}
{{#link-to 'classroom.timeline.doubts' class="tab-icons" tagName="div"}}
<img src="/images/support-white.svg" alt="Ask Your Doubts">
{{/link-to}}
</div>
{{liquid-outlet}}