From: Art Cancro <ajc@citadel.org>
Date: Tue, 20 Sep 2022 15:23:51 +0000 (-0400)
Subject: Reworked the room list to output semantically.  We will describe the layout using... 
X-Git-Tag: v959~43
X-Git-Url: https://code.citadel.org/?a=commitdiff_plain;h=52dc262858e29ebd34fec6bdf726511baede1dcf;p=citadel.git

Reworked the room list to output semantically.  We will describe the layout using CSS flexbox in an upcoming commit.
---

diff --git a/webcit-ng/static/js/roomlist.js b/webcit-ng/static/js/roomlist.js
index 229ad3443..18a84f44a 100644
--- a/webcit-ng/static/js/roomlist.js
+++ b/webcit-ng/static/js/roomlist.js
@@ -48,17 +48,25 @@ 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] +=
-				"<div class=\"ctdl-roomlist-room\" onClick=\"javascript:gotoroom('"
+
+				"<div class=\"ctdl-roomlist-room\" onClick=\"javascript:gotoroom('"	// container
 				+ escapeJS(escapeHTML(room_list[i].name)) + "');\">"
-				+ "<i class=\"ctdl-roomlist-roomicon "
+
+				+ "<div><i class=\"ctdl-roomlist-roomicon "				// room icon
 				+ (room_list[i].hasnewmsgs ? "w3-blue" : "w3-gray")
-				+ " fas fa-comments fa-fw\"></i><span class=\"ctdl-roomlist-roomname"
+				+ " fas fa-comments fa-fw\"></i></div>"
+
+				+ "<div class=\"ctdl-roomlist-roomname"					// room name
 				+ (room_list[i].hasnewmsgs ? " ctdl-roomlist-roomname-hasnewmsgs" : "")
-				+ " w3-left\">"
+				+ "\">"
 				+ escapeHTML(room_list[i].name)
-				+ "</span><span class=\"ctdl-roomlist-mtime w3-right\">"
+				+ "</div>"
+
+				+ "<div class=\"ctdl-roomlist-mtime\">"					// date/time of last post
 				+ string_timestamp(room_list[i].mtime)
-				+ "</span></div>";
+				+ "</div>"
+
+				+ "</div>"								// end container
 		}
 	}