(Public-)Corpus List fix+highligting owner status

app/templates/main/dashboard.html.j2

@@ -15,7 +15,7 @@
     <div class="col s12">
       <div class="card">
         <div class="card-content">
-          <div class="corpus-list" data-user-id="{{ current_user.hashid }}"></div>
+          <div class="corpus-list no-autoinit" data-user-id="{{ current_user.hashid }}"></div>
         </div>
         <div class="card-action right-align">
           <a class="btn disabled waves-effect waves-light" href="{{ url_for('corpora.import_corpus') }}">Import Corpus<i class="material-icons right">import_export</i></a>
@@ -135,3 +135,21 @@
   </div>
 </div>
 {% endblock modals %}
+
+{% block scripts %}
+{{ super() }}
+<script>
+  let corpusList = new CorpusList(document.querySelector('.corpus-list'));
+  corpusList.add(
+    [
+      {% for corpus in corpora %}
+      {{ corpus.to_json_serializeable(backrefs=True)|tojson }},
+      {% endfor %}
+    ]
+  );
+  corpusItems = document.querySelectorAll('[data-is-owner="false"]');
+  corpusItems.forEach((item) => {
+    item.classList.add('deep-purple', 'lighten-5');
+  });
+</script>
+{% endblock scripts %}

app/templates/main/social_area.html.j2

@@ -74,7 +74,7 @@
   publicCorpusList.add(
     [
       {% for corpus in corpora %}
-      {{ corpus.to_json_serializeable()|tojson }},
+      {{ corpus.to_json_serializeable(backrefs=True)|tojson }},
       {% endfor %}
     ]
   );