4 files changed, 91 insertions, 0 deletions
diff --git a/rushs/eplace/src/components/rooms/index.html b/rushs/eplace/src/components/rooms/index.html
new file mode 100644
index 0000000..3d9f20e
--- /dev/null
+++ b/rushs/eplace/src/components/rooms/index.html
@@ -0,0 +1,10 @@
+<button class="Room">
+  <img src="{{icon_url}}" class="Avatar" />
+  <div class="TextContainer">
+    <div class="Name">
+      <i class="RoomPrivacy {{privacy_icon}}"></i>
+      <span>{{name}}</span>
+    </div>
+    <span class="RoomOwner">owner: {{owner_login}}</span>
+  </div>
+</button>
diff --git a/rushs/eplace/src/components/rooms/message.html b/rushs/eplace/src/components/rooms/message.html
new file mode 100644
index 0000000..1c35e20
--- /dev/null
+++ b/rushs/eplace/src/components/rooms/message.html
@@ -0,0 +1,8 @@
+<div class="ChatMessage">
+  <div class="MessageHeader">
+    <img src="{{avatar_url}}" class="Avatar" />
+    <span class="Login">{{message_author}}</span>
+    <span class="Time">{{sent_at}}</span>
+  </div>
+  <span class="MessageContent">{{message_content}}</span>
+</div>
diff --git a/rushs/eplace/src/components/rooms/upsert.html b/rushs/eplace/src/components/rooms/upsert.html
new file mode 100644
index 0000000..8b02b69
--- /dev/null
+++ b/rushs/eplace/src/components/rooms/upsert.html
@@ -0,0 +1,70 @@
+<div class="FormOverlay">
+  <form class="StylisedForm" id="room-upsert-form">
+    <div class="FormHeader">
+      <h2 class="FormTitle">{{form_title}}</h2>
+    </div>
+    <div class="FormItem">
+      <label for="name" class="FormLabel">Name</label>
+      <input
+        type="text"
+        class="FormInput"
+        id="name"
+        name="name"
+        placeholder="Enter name"
+      />
+    </div>
+    <div class="FormItem">
+      <label for="description" class="FormLabel">Description</label>
+      <input
+        type="text"
+        class="FormInput"
+        id="description"
+        name="description"
+        placeholder="Enter description"
+      />
+    </div>
+    <div class="FormItem">
+      <label for="icon-url" class="FormLabel">Icon URL</label>
+      <input
+        type=""
+        class="FormInput"
+        id="icon-url"
+        name="icon-url"
+        placeholder="Enter icon URL"
+      />
+    </div>
+    <div class="FormItem">
+      <label for="whitelist" class="FormLabel">Students Whitelist</label>
+      <input
+        type="text"
+        class="FormInput"
+        id="whitelist"
+        name="whitelist"
+        placeholder="Enter student's logins or UIDs, separated by commas (private rooms only)"
+      />
+    </div>
+    <div class="FormItem">
+      <label for="blacklist" class="FormLabel">Students Blacklist</label>
+      <input
+        type="text"
+        class="FormInput"
+        id="blacklist"
+        name="blacklist"
+        placeholder="Enter student's logins or UIDs, separated by commas (public rooms only)"
+      />
+    </div>
+    <div class="FormItem">
+      <label for="is-public" class="FormLabel">Is Public</label>
+      <input
+        type="checkbox"
+        class="FormInput"
+        id="is-public"
+        name="is-public"
+      />
+    </div>
+    <div class="FormButtons">
+      <button type="button" id="close-modal">Cancel</button>
+      <button type="submit">Submit</button>
+    </div>
+  </form>
+</div>
diff --git a/rushs/eplace/src/components/rooms/user-event.html b/rushs/eplace/src/components/rooms/user-event.html
new file mode 100644
index 0000000..3aec718
--- /dev/null
+++ b/rushs/eplace/src/components/rooms/user-event.html
@@ -0,0 +1,3 @@
+<div class="ChatUserEvent">
+  <span class="MessageContent">{{message_content}}</span>
+</div>