Merge

templates/display.html

@@ -58,9 +58,23 @@
     }
 
     displaylist list > a {
-        border: 2px solid black;
         padding: 1em;
     }
+
+    displaylist fallback {
+        padding: 1em;
+    }
+
+    list:not(:empty) + fallback {
+        display: none;
+    }
+
+    fallback {
+        display: grid;
+
+        place-content: center;
+        text-align: center;
+    }
 </style>
 {% endblock %}
 
@@ -68,6 +82,12 @@
 <displaylist hidden>
     <scrollcontainer>
         <list></list>
+        <fallback>
+            <span>
+                There is no displays available.<br>
+                Create new displays in edit mode.
+            </span>
+        </fallback>
     </scrollcontainer>
 </displaylist>
 <display></display>
@@ -78,7 +98,6 @@
 
     socket.on("connect", () => {
         socket.emit("display", {action: "list"});
-        //socket.emit("connect", {data: "ฅ^•ﻌ•^ฅ"});
     });
 
     socket.on("display", (json) => {
@@ -102,8 +121,6 @@
     });*/
 
     function onDisplayList(list) {
-        console.log(list);
-
         function add(item) {
             let displayOption = document.createElement("a");
             displayOption.innerText = item;