Feature/agent track layout

nkdsu/settings.py

@@ -223,13 +223,10 @@
     'JAVASCRIPT': {
         'base': {
             'source_filenames': [
-                'js/libs/jquery.js',
-                'js/libs/jquery.cookie.js',
                 'js/libs/Sortable.js',
 
                 'js/csrf.js',
-
-                'js/collapse-toggle.js',
+                'js/expand.js',
                 'js/select.js',
                 'js/messages.js',
                 'js/ajax-actions.js',

nkdsu/static/js/expand.js

@@ -0,0 +1,22 @@
+function bindAllTrackExpansion() {
+  const trackElements = document.querySelectorAll('.track')
+
+  function bindTrackExpansion(trackElement) {
+    const votingElement = trackElement.querySelector('.voting')
+    if (!votingElement) {
+      return
+    }
+    const toggleElement = document.createElement('a')
+    toggleElement.classList.add('expansion-toggle')
+    toggleElement.addEventListener('click', () => {
+      trackElement.classList.toggle('expanded')
+    })
+    votingElement.prepend(toggleElement)
+  }
+
+  for (let i = 0; i < trackElements.length; i++) {
+    bindTrackExpansion(trackElements[i])
+  }
+}
+
+document.addEventListener('DOMContentLoaded', bindAllTrackExpansion)

nkdsu/static/less/_elements.less

@@ -33,3 +33,15 @@ button.link {
   font-family: inherit;
   font-size: inherit;
 }
+
+.artist, .anime, .composer {
+  &::before {
+    .fas();
+    display: inline-block;
+    margin-right: .3em;
+  }
+}
+
+.artist::before { content: @fa-var-microphone; }
+.anime::before { content: @fa-var-tv; }
+.composer::before { content: @fa-var-pen-nib; }