Initial commit of the "new" room list. It's going to be a lot more "traditional...

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index ccf78ece7ab0cad7d6c388f4d6ab482e9dc1176a..4822181551f7965c5f342374a9f785ea7a2616c3 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -141,10 +141,31 @@ blockquote pre {
 }
 
 .ctdl-roomlist-floor-label {
-       font-weight: bold;
        font-size: x-large;
+       margin: 1vw;
 }
 
 .ctdl-roomlist-floor-rooms {
 }
 
+.ctdl-roomlist-room {
+       overflow: hidden;
+       border-radius: 10px;
+       background-color: white;
+       padding: 0.5vw;
+       margin-bottom: 0.5vw;
+}
+
+.ctdl-roomlist-roomname {
+       font-size: large;
+}
+
+.ctdl-roomlist-roomname-hasnewmsgs {
+       font-weight: bold;
+}
+
+.ctdl-roomlist-roomicon {
+       font-size: large;
+       margin-left: 1vw;
+       margin-right: 1vw;
+}

diff --git a/webcit-ng/static/js/roomlist.js b/webcit-ng/static/js/roomlist.js
index 5d22a85972dcd839e7290086b9b8ca4f26b489a1..8b6e64e3d75604f4dab73959c4cb5b02de485b3c 100644 (file)
--- a/webcit-ng/static/js/roomlist.js
+++ b/webcit-ng/static/js/roomlist.js
@@ -53,12 +53,14 @@ function display_room_list_renderer(floor_list, room_list) {
 
        for (var i in room_list) {
                if (room_list[i].current_view == views.VIEW_BBS) {
-                       output[room_list[i].floor] += (room_list[i].hasnewmsgs ? "<b>" : "");
-                       output[room_list[i].floor] += "<a href=\"javascript:gotoroom('" + escapeJS(escapeHTML(room_list[i].name)) + "');\">";
+                       output[room_list[i].floor] += "<div class=\"ctdl-roomlist-room\">";
+                       output[room_list[i].floor] += "<i class=\"ctdl-roomlist-roomicon fas fa-comments fa-fw\"></i>";
+                       output[room_list[i].floor] += "<a class=\"ctdl-roomlist-roomname";
+                       output[room_list[i].floor] += (room_list[i].hasnewmsgs ? " ctdl-roomlist-roomname-hasnewmsgs" : "");
+                       output[room_list[i].floor] += "\" href=\"javascript:gotoroom('" + escapeJS(escapeHTML(room_list[i].name)) + "');\">";
                        output[room_list[i].floor] += escapeHTML(room_list[i].name);
                        output[room_list[i].floor] += (room_list[i].hasnewmsgs ? "</b>" : "");
-                       output[room_list[i].floor] += "</a>";
-                       output[room_list[i].floor] += "<br>";
+                       output[room_list[i].floor] += "</a></div>";
                }
        }