Library schema semi-fixed

interface/templates/bulma/file_upload.html

@@ -0,0 +1,28 @@
+{% load crispy_forms_field %}
+
+<div class="field">
+<div id="div_id_{{ field.name }}" class="file has-name is-fullwidth">
+    <label class="file-label">
+        {% crispy_field field 'class' 'file-input'%}
+        <span class="file-cta">
+            <span class="file-icon">
+            <i class="fas fa-upload"></i>
+            </span>
+            <span class="file-label">
+            Choose a file…
+            </span>
+        </span>
+        <span class="file-name"></span>
+    </label>
+  </div>
+</div>
+
+<script>
+    const fileInput = document.querySelector('#div_id_{{ field.name }} input[type=file]');
+    fileInput.onchange = () => {
+      if (fileInput.files.length > 0) {
+        const fileName = document.querySelector('#div_id_{{ field.name }} .file-name');
+        fileName.textContent = fileInput.files[0].name;
+      }
+    }
+  </script>

interface/templates/interface/ensemble_list.html

@@ -0,0 +1,41 @@
+{% extends "interface/project_base.html" %}
+{% load md2 %}
+
+{% block page %}
+<div class="admin-tools is-pulled-right">
+<a class="button is-link" href="{% url 'register' %}">
+    <span class="icon"><i class="fas fa-plus-circle"></i></span>
+    <span>Register another</span>
+</a>
+</div>
+
+<h3 class="title">My Ensembles</h3>
+
+<div class="columns is-multiline">
+{% for ensemble in object_list %}
+    <div class="column is-half">
+        <div class="card">
+            <header class="card-header{% if ensemble.pk == ensemble_id %} has-background-link-light{% endif %}">
+                <a class="card-header-title" href="{% url 'register' %}?code={{ ensemble.code }}">
+                    {{ ensemble.name }}
+                </a>
+                <a class="card-header-icon" href="{% url 'ensemble_forget' pk=ensemble.id %}">
+                    <span class="delete"></span>
+                </a>
+            </header>
+            <div class="card-content">
+            {% if ensemble.details %}
+                <div class="content">
+                    {{ ensemble.details | markdown }}
+                </div>
+            {% endif %}
+                <div>
+                    {% with projects=ensemble.active_projects.count %}
+                    <p>{{ projects }} active project{{ projects|pluralize }}</p>
+                    {% endwith %}
+                </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+{% endblock %}