eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: search empty state improvements

Browse Source
This commit is contained in:
Jannat Patel
2021-11-22 10:05:04 +05:30
parent 08ea7401cc
commit 3f0309c36a
3 changed files with 33 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
school/templates/search_course/search_course.html
View File

@@ -1,7 +1,7 @@
<input class="search-course w-25 float-right" placeholder="{{ _("Try `Manufacturing` or `Accounting`") }}">
<div id="" class="alert alert-dismissible empty-state search-empty-state hide">
<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
<a href="#" class="close-search-empty-state" aria-label="close">&times;</a>
<img class="icon icon-xl" src="/assets/frappe/images/ui-states/search-empty-state.svg">
<div class="course-home-headings mt-4 mb-0" style="color: inherit;"> {{ _("No results found") }} </div>
<div class="small mb-6"> {{ _("Try some other keyword or explore our list of courses.") }} </div>

10
school/templates/search_course/search_course.js
View File

@@ -2,6 +2,11 @@ frappe.ready(() => {
$(".search-course").keyup((e) => {
search_course(e);
});
$(".close-search-empty-state").click((e) => {
close_search_empty_state(e);
});
});
const search_course = (e) => {
@@ -62,3 +67,8 @@ const fix_heading_styles = () => {
$(".course-home-headings").removeClass("hide");
$(".upcoming-courses").addClass("mt-10");
}
const close_search_empty_state = (e) => {
$(".search-empty-state").addClass("hide");
$(".search-course").val("");
}