fix: tabs and learn page

community/www/batch/about.html

@@ -10,9 +10,9 @@
 {% endblock %}
 
 {% block content %}
-<div>
+<div class="container">
   {{ widgets.BatchTabs(course=course, batch=batch) }}
-  <div class="container">
+  <div class="tab-content" id="about">
     {{ CourseBasicDetail(course)}}
     {{ InstructorsSection(course.get_instructor()) }}
     {{ BatchDetails(batch)}}

community/www/batch/discuss.html

@@ -1,5 +1,4 @@
 {% extends "templates/base.html" %}
-{% from "www/macros/common_macro.html" import BatchHearder %}
 
 {% block title %}Discuss{% endblock %}
 {% block head_include %}
@@ -10,19 +9,15 @@
 {% endblock %}
 
 {% block content %}
-<div>
-  {{ widgets.BatchTabs(course=course, batch=batch) }}
 
-  <div class="">
-    <div class="batch-header">
-      {{ BatchHearder(course.title, member_count) }}
-    </div>
-    <div class="messages">
-      <div class="message-section">
-        {{ Messages(messages) }}
-      </div>
-      {{ TextArea() }}
+<div class="container">
+  {{ widgets.BatchTabs(course=course, batch=batch) }}
+  {{ widgets.BatchHeader(course_name=course.title, member_count=member_count)}}
+  <div class="messages">
+    <div class="message-section">
+      {{ Messages(messages) }}
     </div>
+    {{ TextArea() }}
   </div>
 </div>
 {% endblock %}

community/www/batch/learn.html

@@ -11,6 +11,7 @@
 <link rel="stylesheet" href="/assets/frappe/css/font-awesome.css">
 <link rel="stylesheet" href="{{ livecode_url }}/static/codemirror/lib/codemirror.css">
 <link rel="stylesheet" href="/assets/css/lms.css">
+<link rel="stylesheet" href="/assets/frappe/css/hljs-night-owl.css">
 
 <script src="{{ livecode_url }}/static/codemirror/lib/codemirror.js"></script>
 <script src="{{ livecode_url }}/static/codemirror/mode/python/python.js"></script>
@@ -22,23 +23,20 @@
 
 
 {% block content %}
-<div>
+
+<div class="container">
   {{ widgets.BatchTabs(course=course, batch=batch) }}
+  <div class="lesson-page">
 
-  <div class="container">
-    <div class="lesson-page">
-      {{ pagination(prev_url, next_url) }}
+    <h2>{{ lesson.title }}</h2>
 
-      <h2>{{ lesson.title }}</h2>
-
-      {% for s in lesson.get_sections() %}
-      <div class="section section-{{ s.type }}">
-        {{ render_section(s) }}
-      </div>
-      {% endfor %}
-
-      {{ pagination(prev_url, next_url) }}
+    {% for s in lesson.get_sections() %}
+    <div class="section section-{{ s.type }}">
+      {{ render_section(s) }}
     </div>
+    {% endfor %}
+
+    {{ pagination(prev_chap, prev_url, next_chap, next_url) }}
   </div>
 </div>
 {% endblock %}
@@ -68,13 +66,17 @@
 </div>
 {% endmacro %}
 
-{% macro pagination(prev_url, next_url) %}
+{% macro pagination(prev_chap, prev_url, next_chap, next_url) %}
 <div class="lesson-pagination">
   {% if prev_url %}
-  <a href="{{prev_url}}" class="btn">&larr; Prev</a>
+  <span>
+    Prev: <a href="{{prev_url}}">{{prev_chap}}</a>
+  </span>
   {% endif %}
   {% if next_url %}
-  <a href="{{next_url}}" class="btn pull-right">Next &rarr;</a>
+  <span class="pull-right">
+    Next: <a href="{{next_url}}">{{next_chap}}</a>
+  </span>
   {% endif %}
   <div style="clear: both;"></div>
 </div>

community/www/batch/learn.py

@@ -1,3 +1,4 @@
+from re import I
 import frappe
 from . import utils
 
@@ -20,8 +21,10 @@ def get_context(context):
     context.chapter_index = chapter_index
     print(context.lesson)
     outline = context.course.get_outline()
-    next_ = outline.get_next(lesson_number)
     prev_ = outline.get_prev(lesson_number)
+    next_ = outline.get_next(lesson_number)
+    context.prev_chap = get_chapter_title(course_name, prev_)
+    context.next_chap = get_chapter_title(course_name, next_)
     context.next_url = get_learn_url(course_name, batch_name, next_)
     context.prev_url = get_learn_url(course_name, batch_name, prev_)
 
@@ -29,3 +32,11 @@ def get_learn_url(course_name, batch_name, lesson_number):
     if not lesson_number:
         return
     return f"/courses/{course_name}/{batch_name}/learn/{lesson_number}"
+
+def get_chapter_title(course_name, lesson_number):
+    if not lesson_number:
+        return
+    chapter_index = lesson_number.split(".")[0]
+    lesson_index = lesson_number.split(".")[1]
+    chapter_name = frappe.db.get_value("Chapter", {"course": course_name, "index_": chapter_index}, "name")
+    return frappe.db.get_value("Lesson", {"chapter": chapter_name, "index_": lesson_index}, "title")

community/www/batch/members.html

@@ -1,5 +1,4 @@
 {% extends "templates/base.html" %}
-{% from "www/macros/common_macro.html" import BatchHearder %}
 
 {% block title %}Members{% endblock %}
 {% block head_include %}
@@ -9,32 +8,34 @@
 {% endblock %}
 
 {% block content %}
-<div>
-  {{ widgets.BatchTabs(course=course, batch=batch) }}
 
-  <div class="container">
-    {{ BatchHearder(course.title, member_count)}}
-    {{ MembersList(members)}}
-  </div>
+<div class="container">
+  {{ widgets.BatchTabs(course=course, batch=batch) }}
+  {{ MembersList(members)}}
 </div>
 {% endblock %}
 
 
 {% macro MembersList(members) %}
-<div class="mt-5">
+<div class="mt-5 col">
   {% for member in members %}
-  <div class="d-flex align-items-center">
+  <div class="row">
     <div>
-      {{ widgets.Avatar(member=member, avatar_class="avatar-medium") }}
+      {{ widgets.Avatar(member=member, avatar_class="avatar-large") }}
     </div>
-    <div class="ml-5 mr-5">
-      <a href="/{{member.username}}">{{ member.full_name }}</a>
+    <div class="ml-5">
+      <a class="anchor_style" href="/{{member.username}}">
+        <h3>{{ member.full_name }}</h3>
+      </a>
+      {% if course.is_mentor(member.name) %}
+      <div class="badge badge-success">Mentor</div>
+      {% endif %}
+      {% if member.bio %}
+      <div class="mt-5">
+        <i>{{ member.bio }}</i>
+      </div>
+      {% endif %}
     </div>
-    {% if course.is_mentor(member.name) %}
-    <div class="badge badge-success">Mentor</div>
-    {% endif %}
-  </div>
-  <hr>
   {% endfor %}
 </div>
 {% endmacro %}

community/www/batch/progress.html

@@ -22,26 +22,24 @@
 
 
 {% block content %}
-<div>
-  {{ widgets.BatchTabs(course=course, batch=batch) }}
 
-  <div class="container">
-    <div class="mentor-dashboard">
-      <h1>Batch Progress</h1>
-      {% for exercise in report.exercises %}
-      <div class="exercise-submissions">
-        <h2>{{exercise.title}}</h2>
-        {% for s in report.get_submissions_of_exercise(exercise.name) %}
-        <div class="submission">
-          <h4><a href="/{{s.owner.username}}">{{s.owner.full_name}}</a></h4>
-          <div class="livecode-editor-small">
-            {{ LiveCodeEditor(name=s.name, code=s.solution, reset_code=s.solution) }}
-          </div>
+<div class="container">
+  {{ widgets.BatchTabs(course=course, batch=batch) }}
+  <div class="mentor-dashboard">
+    <h1>Batch Progress</h1>
+    {% for exercise in report.exercises %}
+    <div class="exercise-submissions">
+      <h2>{{exercise.title}}</h2>
+      {% for s in report.get_submissions_of_exercise(exercise.name) %}
+      <div class="submission">
+        <h4><a href="/{{s.owner.username}}">{{s.owner.full_name}}</a></h4>
+        <div class="livecode-editor-small">
+          {{ LiveCodeEditor(name=s.name, code=s.solution, reset_code=s.solution) }}
         </div>
-        {% endfor %}
       </div>
       {% endfor %}
     </div>
+    {% endfor %}
   </div>
 </div>
 {% endblock %}

community/www/batch/schedule.html

@@ -8,12 +8,10 @@
 {% endblock %}
 
 {% block content %}
-<div>
-  {{ widgetsBatchTabs(course=course, batch=batch) }}
-  <div class="container">
-    <h3>
-      Schedule
-    </h3>
-  </div>
+<div class="container">
+  {{ widgets.BatchTabs(course=course, batch=batch) }}
+  <h3>
+    Schedule
+  </h3>
 </div>
 {% endblock %}