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

feat: ui for class cards

Browse Source
This commit is contained in:
Jannat Patel
2023-03-16 11:23:24 +05:30
parent 07e1aaaa66
commit 817bc4441f
4 changed files with 73 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
lms/www/classes/class.html
View File

@@ -35,16 +35,15 @@
{{ class_info.title }}
</div>
<div class="mt-2">
{% if class_info.start_date %}
<svg class="icon icon-sm">
<use href="#icon-calendar"></use>
</svg>
<span>
{{ frappe.utils.format_date(class_info.start_date, "medium") }} -
{{ frappe.utils.format_date(class_info.start_date, "long") }} -
</span>
{% endif %}
{% if class_info.end_date %}
<span>
{{ frappe.utils.format_date(class_info.end_date, "medium") }}
{{ frappe.utils.format_date(class_info.end_date, "long") }}
</span>
{% endif %}
</div>
{% if class_info.description %}
<div class="">
@@ -166,7 +165,7 @@
</table>
{% else %}
<p class="text-muted mt-3"> {{ _("No Students are added to this class.") }} </p>
<p class="text-muted mt-3 ml-5"> {{ _("No Students are added to this class.") }} </p>
{% endif %}
</div>
@@ -229,44 +228,50 @@
{% macro LiveClassList(class_info, live_classes) %}
<div class="cards-parent mt-8">
<div class="lms-card-parent mt-8">
{% for class in live_classes %}
<div class="lms-card">
<div class="course-card-title mb-0">
{{ class.title }}
<div class="mb-0">
<div class="dropdown pull-right">
<svg class="icon icon-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<use href="#icon-dot-horizontal"></use>
</svg>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
{% if class.owner == frappe.session.user %}
<li>
<a class="dropdown-item small" href="{{ class.start_url }}"> {{ _("Start") }} </a>
</li>
{% endif %}
{% if is_student %}
<li>
<a class="dropdown-item small" href="{{ class.join_url }}"> {{ _("Join") }} </a>
</li>
{% endif %}
</ul>
</div>
<div class="lms-card-title mb-4">
{{ class.title }}
</div>
</div>
<div class="small">
{{ frappe.utils.format_date(class.date, "medium") }} {{ _("at") }}
<div>
<svg class="icon icon-sm">
<use href="#icon-calendar"></use>
</svg>
{{ frappe.utils.format_date(class.date, "full") }}
</div>
<div>
<svg class="icon icon-sm">
<use href="#icon-clock"></use>
</svg>
{{ frappe.utils.format_time(class.time, "hh:mm a") }}
</div>
<div class="my-4">
<div class="mt-4">
{{ class.description }}
</div>
<div class="live-class-panel">
{% if class.owner == frappe.session.user %}
<a class="btn btn-secondary btn-sm mr-2" target="_blank" href="{{ class.start_url }}">
{{ _("Start") }}
</a>
{% endif %}
{% if is_student %}
<a class="btn btn-secondary btn-sm mt-auto" target="_blank" href="{{ class.join_url }}">
{{ _("Join Class") }}
</a>
{% endif %}
<!-- {% if class.owner == frappe.session.user %}
<a class="btn btn-secondary btn-sm mr-2" href="{{ class.start_url }}">
{{ _("Edit") }}
</a>
<a class="btn btn-secondary btn-sm" href="{{ class.start_url }}">
{{ _("Delete") }}
</a>
{% endif %} -->
</div>
</div>
{% endfor %}
</div>