Teacher view documentation

doc/advanced.htm

@@ -74,7 +74,7 @@
     </ol>
     <p>The list in the top left of the management page, also shows you how many study plans there are in the contexts listed. Since subcategories are also listed, this can be
         very useful for management purposes.</p>
-    <img src="img/Contexts-Manage.png" class="border border-primary rounded-lg ml-3">
+    <p><img src="img/Contexts-Manage.png" class="border border-primary rounded-lg ml-3"></p>
 
     <h3>Viewing student studyplans</h3>
     <p> Viewing the studyplans of students is also a right that is context-aware. (Right <i>local/treestudyplan:viewuserreports</i>)</p>
@@ -83,7 +83,7 @@
         itself, but also the results of specific users). It is recommended to give this right to all teachers in a specific category, unless you have specific reasons 
         why teachers might not be allowed to see all results of the students.
     </p>
-    <img src="img/Contexts-View.png" class="border border-primary rounded-lg ml-3">
+    <p><img src="img/Contexts-View.png" class="border border-primary rounded-lg ml-3"></p>
 
     <h2>Block MyStudyplan</h2>
     <p>Using the block <i>My Studyplan</i> you can show students the studyplans they are enrolled in on the dashboard page. This may be useful for navigation.</p>

doc/teacherview-studyplan.htm

@@ -8,8 +8,75 @@
         <li class="nav-item"><a class="nav-link " href="advanced.htm">Advanced topics</a></li>
         <li class="nav-item"><a class="nav-link " href="configuration.htm">Configuration</a></li>
     </ul>
-    <h2>About studyplan</h2>
+    <h2>Teacher view for study plans</h2>
+    <p>While students can only see their own results in a studyplan, teachers that have the right to see studyplans in a certain context can see more</p>
+    <p>The teacherview shows teachers both <b>statistics</b> about the available grades as well as the results of <b>individual students</b> on request</p>
+    <div class="generalbox alert alert-info"><b>NOTE:</b><br>
+        <p>Because the teacherview collects a lot of data to generate the statistics, it can take a while for the teacher view to load.</p>
+        <p>At the moment those statistics are not cached, but collected and calculated live on each request</p>
+    </div>
+    <h2>Overview of study plans</h2>
+    <p>If a user has the permission <i>local/treestudyplan:viewuserrreport</i> they can see the link <b>Study plans</b> in a category view they have the permission,
+        or (if the primary navigation is properly configured) in the primary navigation bar.</p>
+    <p>Upon choosing the <b>Study plans</b> link the user is shown an overview of the studyplans availabel for viewing in the category selected.<br>
+        (If no category is selected, the first available category where the user has the required permission will be shown.)</p>
+    <p><img src="img/Teacherview-overview.png" class="border border-primary rounded-lg ml-3"></p>
+    <p> In the top left drop-down menu the user can choose any other category with studyplans that they have permission for.</p>
+    <p> The view shows info cards for each studyplans in relevant order: Current (blue), Past (purple) and  Future (grey), with colored bars indicating the timing status</p>
+    <p> By clicking the info card's title or <b>open</b> button, the study plan is shown in detail (statistics view)</p>
+    <div class="generalbox alert alert-success"><b>TIP:</b><br>
+        <p>The colors can be tweaked by changing the boostrap CSS vars <i>--blue</i>, <i>--purple</i> and <i>--gray</i></p>
+        <p>These same colors are also used to indicate the timing status of courses in the studyplan view itself</p>
+    </div>
     
+    <h2>Statistics view</h2>
+    <p>The statistics view shows the studyplan in its entirety, but shows the completion statistics for each course or badge</p>
+    <p><img src="img/Teacherview-statistics-badge-course.png" class="border border-primary rounded-lg ml-3"></p>
+    <p>The completion circle shows the total completion by filling up the circle, but also shows you the amount of:
+        <ul>
+            <li class="font-weight-bold text-success">Passed criteria/activities</li>
+            <li class="font-weight-bold text-info">Completed criteria</li>
+            <li class="font-weight-bold text-danger">Failed criteria/activities</li>
+            <li class="font-weight-bold text-warning">Ungraded activities</li>
+        </ul>
+        When there are activities that need grading, a center dot in the <b class="text-warning">warning</b> color appears as a signal.
+    </p>
+    <p>Badges will show a circle around them which fills up according to the number of students linked to the study plan who have achieved this badge</p>
+    <p>The colored tabs in front of each course show if the course is currently given (blue), in the past (purple) or in the future (grey)</p>
+    <p><img src="img/Teacherview-statistics.png" class="border border-primary rounded-lg ml-3"></p>
+    <div class="generalbox alert alert-success"><b>TIP:</b><br>
+        <p>The courses that a teacher is personally teaching are given a yellow highlight around them.<br>
+        This helps teachers find their own courses more easily</p>
+    </div>
 
+    <h2>Course details</h2>
+    <p>By clicking on the course title, the details view appears. Here all relevant criteria are shown</p>
+    <p>Each criterium has a progress bar that shows the student progress. For activities, this progress bar uses the same color scheme as the completion circle
+        to show the completion statistics for that requirement.
+    </p>
+    <p>By clicking on the <i class="s-required complete fa fa-question-circle"></i> icon, the specific requirements for the criterium are shown</p>
+    <p><img src="img/Teacherview-course-corecompletion.png" class="border border-primary rounded-lg ml-3"></p>
+
+    <h3>Course details when using manual studyplan aggregation</h3>
+    <p>When using a manual aggregation method instead of the course completion method, the view is slightly different.</p>
+    <p>Here, only the gradable activities for this course are shown.</p>
+    <p><img src="img/Teacherview-course-manual.png" class="border border-primary rounded-lg ml-3"></p>
+    
+    <h2>Badge details</h2>
+    <p>By clicking on the badge, more information about it are shown, like <b>description</b>, <b>award criteria</b> and a link to the <b>badge details</b> </p>
+    <p> A progress bar is also shown, indicating how many students in the study plan have earned this badge</p>
+    <p><img src="img/Teacherview-badgedetails.png" class="border border-primary rounded-lg ml-3"></p>
+
+    <h2>Allowing teachers to select gradables in manual mode</h2>
+    <p>When using a manual aggregation method, if a teacher has the permission <i>local/treestudyplan:selectowngradables</i> a gear icon is shown
+    This allows the teacher to select which gradable activities are shown in the studyplan.</p>
+
+    <h2>Viewing student studyplans</h2>
+    <p> To view the results of individual students, the teacher can click on the <button class="btn btn-primary">View student plans</button> button</p>
+    <p> This opens a drawer to the right of the screen, where the teacher can select any of the students linked to this study plan and view their results</p>
+    <p>This view is identical to the view that the students themselves see when viewing their study plan.</p>
+    <p><img src="img/Teacherview-choose-student.png" class="border border-primary rounded-lg ml-3"></p>
+    <p>By selecting <button type="button" class="list-group-item list-group-item-primary list-group-item-action">Teacher view</button>, the teacher can 
+        return to the teacher view</p>
 
 </div>

doc/view-studyplan.htm

@@ -66,6 +66,7 @@
         used. If you wish to further configure the colors, you can choose to redefine the other variables (e.g. <i>--blue</i> and <i>--gray</i>) your theme's
         SCSS additions.
     </p>
+    <p>The colored tabs in front of each course show if the course is currently given (blue), in the past (purple) or in the future (grey)</p>
     <p> By coloring the arrows in the color of the progress, both students and teachers can quickly see a student's progress in a course</p>
     <p> Study plans that use the <i>Moodle course completion</i> aggregation method show a small circle that shows the progress percentage of all requirements, 
         instead of an icon</p>
@@ -80,7 +81,7 @@
     <p>The completion categories have a circle showing the progress in this category, while the status indicator to the top right shows the total status</p>
     <p>Until the course end date has passed, the end status is marked as <b>progress</b> as long as one or more requirements are met or graded.
        <i>After</i> the course end date has passed, ther course is indicated as <b>failed</b> if the completion requirements are not met</p>
-    <p> By clicking on the <a  class="s-required complete"><i class="fa fa-question-circle"></i></a> icon, the student can see the specific requirements for each
+    <p> By clicking on the <i class="s-required complete fa fa-question-circle"></i> icon, the student can see the specific requirements for each
         condition or activity.</p>
     <p>If a teacher left feedback for an activity, the link <i>View feedback</i> is shownand shows the specific feedback upon clicking it.</p>
 

version.php

@@ -1,6 +1,6 @@
 <?php
 $plugin->component = 'local_treestudyplan';  // Recommended since 2.0.2 (MDL-26035). Required since 3.0 (MDL-48494)
-$plugin->version = 2023063007;  // YYYYMMDDHH (year, month, day, iteration)
+$plugin->version = 2023070100;  // YYYYMMDDHH (year, month, day, iteration)
 $plugin->requires = 2021051700; // YYYYMMDDHH (This is the release version for Moodle 3.11)
 
 $plugin->dependencies = [