feat: course home

This commit is contained in:
pateljannat
2021-07-06 17:58:36 +05:30
parent 45d88bdc08
commit 5ea3b25d21
14 changed files with 1197 additions and 535 deletions

View File

@@ -1,22 +1,22 @@
<div>
{% if course.get_reviews() | length %}
<div class="reviews-parent">
<div class="reviews-heading">
<div class="reviews-title mb-5">Review</div>
<div class="course-home-headings">Review</div>
{% if course.is_eligible_to_review(membership) %}
<a href="/lms-course-review?new=1">
<a class="review-link" href="">
Provide your Feedback
</a>
{% endif %}
</div>
<div class="cards-parent">
<div class="mentors-section">
{% for review in course.get_reviews() %}
<div class="common-card-style review-card">
<div class="review-content"> {{ review.review }} </div>
<div class="card-divider"></div>
<div class="review-card">
<div class="common-card-style review-content small-title"> {{ review.review }} </div>
<div class="review-card-footer">
<div>
{{ widgets.Avatar(member=review.owner_details, avatar_class="avatar-small") }}
{{ widgets.Avatar(member=review.owner_details, avatar_class="avatar-medium") }}
<span class="course-instructor">
{{ course.get_instructor().full_name }}
{{ review.owner_details.full_name }}
</span>
</div>
<div class="rating">
@@ -32,33 +32,54 @@
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="review-modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal fade review-modal" id="review-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<div class="course-home-headings modal-headings">Review</div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<iframe src="/lms-course-review?new=1"></iframe>
<form class="review-form" id="review-form">
<div class="form-group">
<div class="clearfix">
<label class="control-label reqd" style="padding-right: 0px;">Rating</label>
</div>
<div class="control-input-wrapper">
<div class="control-input">
<div class="rating rating-field" id="rating">
{% for i in [1, 2, 3, 4, 5] %}
<svg class="icon icon-md icon-rating" data-rating="{{ i }}">
<use href="#icon-star"></use>
</svg>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="clearfix">
<label class="control-label reqd" style="padding-right: 0px;">Review</label>
</div>
<div class="control-input-wrapper">
<div class="control-input">
<textarea type="text" autocomplete="off" class="input-with-feedback form-control review-field" data-fieldtype="Text"
data-fieldname="feedback_comments" placeholder="" style="height: 300px;"
spellcheck="false"></textarea>
</div>
</div>
</div>
<p class="error-field muted-text"></p>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
<div class="wide-button submit-review is-primary" data-course="{{ course.name | urlencode}}" id="submit-review">Submit</div>
</div>
</div>
</div>
</div>
<script>
frappe.ready(() => {
frappe.provide('frappe.ui');
console.log(frappe.ui)
})
</script>
{% endif %}