Add basic auth + draft templates

assets/app.js

@@ -24,8 +24,35 @@ function showPasswd(selector) {
     });
 }
 
-document.addEventListener('DOMContentLoaded', () => {
-    if (location.pathname.includes('login')) {
-        showPasswd('#show-pw');
+console.log('whatever');
+
+if (location.pathname.includes('login')) {
+    showPasswd('#show-pw');
+
+    document.querySelector('#submit > button').addEventListener('click', function () {
+        this.parentElement.classList.add('is-loading');
+    });
+
+    const error = document.querySelector('.is-danger');
+
+    if (error) {
+        error.querySelector('.delete').addEventListener('click', () => {
+            error.classList.add('is-hidden');
+        });
     }
-});
+}
+
+if (! location.pathname.includes('login')) {
+    const vocabs = document.querySelector('#vocabs');
+    document.querySelector('#for-vocabs').addEventListener('click', function () {
+        vocabs.classList.toggle('is-hidden');
+
+        if (this.firstElementChild.classList.contains('fa-angle-right')) {
+            this.firstElementChild.classList.remove('fa-angle-right');
+            this.firstElementChild.classList.add('fa-angle-down');
+        } else {
+            this.firstElementChild.classList.remove('fa-angle-down');
+            this.firstElementChild.classList.add('fa-angle-right');
+        }
+    });
+}

assets/styles/app.css

@@ -4,4 +4,17 @@
 
 body {
     font-family: 'nunitolight';
-}
+}
+
+.arcoa-menu {
+    background-color: rgba(66,135,199,0.98);
+    max-height: 100vh;
+    overflow-y: auto;
+}
+#vocabs a {
+    color: #fff;
+}
+/* For dev only*/
+.sf-toolbar-clearer {
+    display: none !important;
+}