fix: chapter teaser drawer

This commit is contained in:
pateljannat
2021-08-19 10:06:39 +05:30
parent 7bf254319b
commit eaec991f47
2 changed files with 16 additions and 16 deletions

View File

@@ -21,8 +21,7 @@
<div class="lesson-info{% if membership.current_lesson == lesson.name %} active-lesson {% endif %}"> <div class="lesson-info{% if membership.current_lesson == lesson.name %} active-lesson {% endif %}">
{% if membership or lesson.include_in_preview %} {% if membership or lesson.include_in_preview %}
<a class="lesson-links" <a class="lesson-links" href="{{ course.get_learn_url(lesson.number) }}{{course.query_parameter}}"
href="{{ course.get_learn_url(lesson.number) }}{{course.query_parameter}}"
data-course="{{ course.name }}"> data-course="{{ course.name }}">
{{ lesson.title }} {{ lesson.title }}
@@ -56,6 +55,11 @@
<script> <script>
frappe.ready(() => { frappe.ready(() => {
expand_the_active_chapter(); expand_the_active_chapter();
$(".chapter-title").click((e) => {
rotate_chapter_icon(e);
});
}) })
var expand_the_first_chapter = () => { var expand_the_first_chapter = () => {
@@ -97,4 +101,14 @@
$(element).siblings(".chapter-title").children(".chapter-icon").css("transform", "rotate(90deg)"); $(element).siblings(".chapter-title").children(".chapter-icon").css("transform", "rotate(90deg)");
} }
var rotate_chapter_icon = (e) => {
e.preventDefault();
var icon = $(e.currentTarget).children(".chapter-icon");
if (icon.css("transform") == "none") {
icon.css("transform", "rotate(90deg)");
} else {
icon.css("transform", "none");
}
}
</script> </script>

View File

@@ -29,10 +29,6 @@ frappe.ready(() => {
show_review_dialog(e); show_review_dialog(e);
}); });
$(".chapter-title").click((e) => {
rotate_chapter_icon(e);
});
$(".icon-rating").click((e) => { $(".icon-rating").click((e) => {
highlight_rating(e); highlight_rating(e);
}); });
@@ -168,16 +164,6 @@ var show_review_dialog = (e) => {
$("#review-modal").modal("show"); $("#review-modal").modal("show");
} }
var rotate_chapter_icon = (e) => {
e.preventDefault();
var icon = $(e.currentTarget).children(".chapter-icon");
if (icon.css("transform") == "none") {
icon.css("transform", "rotate(90deg)");
} else {
icon.css("transform", "none");
}
}
var highlight_rating = (e) => { var highlight_rating = (e) => {
var rating = $(e.currentTarget).attr("data-rating"); var rating = $(e.currentTarget).attr("data-rating");
$(".icon-rating").removeClass("star-click"); $(".icon-rating").removeClass("star-click");