Show done instructions also in read-only mode

aleksis/apps/alsijil/templates/alsijil/partials/lesson/tabs/documentation.html

@@ -26,7 +26,7 @@
           {% for instruction in instructions %}
             <div class="collection-item">
               <i class="material-icons  primary-color-text left">{{ instruction.icon|default:"rule" }}</i>
-              {{ instruction.name }}
+              <a href="{{ instruction.pdf_file.url }}" target="_blank">{{ instruction.name }}</a>
               <div class="right grey-text darken-4">
                 {% trans "Instruction done" %}&nbsp;&nbsp;
                 <label class="secondary-content right">
@@ -69,6 +69,21 @@
           </td>
         </tr>
       </table>
+      {% if lesson_documentation.done_instructions.all %}
+        <h6>{% trans "Done instructions" %}</h6>
+        <div class="collection">
+          {% for instruction in lesson_documentation.done_instructions.all %}
+            <div class="collection-item">
+              <i class="material-icons primary-color-text left">{{ instruction.icon|default:"rule" }}</i>
+              <a href="{{ instruction.pdf_file.url }}" target="_blank">{{ instruction.name }}</a>
+              <div class="right green-text">
+                <i class="material-icons left">check</i>
+                {% trans "Instruction done in this lesson" %}
+              </div>
+            </div>
+          {% endfor %}
+        </div>
+      {% endif %}
     {% endif %}
   </div>
   <div class="card-action-light hide-on-small-only">