7 files changed, 164 insertions, 0 deletions
diff --git a/rushs/eplace/src/components/debug.html b/rushs/eplace/src/components/debug.html
new file mode 100644
index 0000000..750906d
--- /dev/null
+++ b/rushs/eplace/src/components/debug.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<link rel="stylesheet" type="text/css" media="screen" href="index.css" />
+</head>
+
+<body>
+	<div class="container">
+		<h1>Local storage</h1>
+
+		<h3>Token</h3>
+		<p id="token" class="token-text">
+			{{ token }}
+		</p>
+		<h3>Refresh Token</h3>
+		<p id="refresh_token" class="token-text">
+			{{ refresh_token }}
+		</p>
+
+		<button id="errorBtn">Generate an error response</button>
+		<button id="expiredTokenBtn">Generate an expired token response</button>
+		<button id="deleteTokenBtn">Delete token</button>
+		<button id="deleteRefreshTokenBtn">Delete refresh token</button>
+	</div>
+</body>
+
+</html>
diff --git a/rushs/eplace/src/components/notifications/index.html b/rushs/eplace/src/components/notifications/index.html
new file mode 100644
index 0000000..c211a39
--- /dev/null
+++ b/rushs/eplace/src/components/notifications/index.html
@@ -0,0 +1,12 @@
+<div class="Alert">
+  <div class="Icon">
+    <i class="fa {{icon_classes}}"></i>
+  </div>
+  <div class="AlertBody">
+    <span class="AlertTitle">{{title}}</span>
+    <span class="AlertContent">{{content}}</span>
+  </div>
+  <span class="AlertClose">
+    <i class="fa fa-times-circle"></i>
+  </span>
+</div>
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>
diff --git a/rushs/eplace/src/components/students/update.html b/rushs/eplace/src/components/students/update.html
new file mode 100644
index 0000000..912526e
--- /dev/null
+++ b/rushs/eplace/src/components/students/update.html
@@ -0,0 +1,31 @@
+<div class="FormOverlay">
+  <form class="StylisedForm" id="student-update-form">
+    <div class="FormHeader">
+      <h2 class="FormTitle">Update Profile</h2>
+    </div>
+    <div class="FormItem">
+      <label for="avatar-url" class="FormLabel">Avatar URL</label>
+      <input
+        type=""
+        class="FormInput"
+        id="avatar-url"
+        name="avatar-url"
+        placeholder="Enter avatar URL"
+      />
+    </div>
+    <div class="FormItem">
+      <label for="quote" class="FormLabel">Quote</label>
+      <input
+        type="text"
+        class="FormInput"
+        id="quote"
+        name="quote"
+        placeholder="Enter a quote"
+      />
+    </div>
+    <div class="FormButtons">
+      <button type="button" id="close-modal">Cancel</button>
+      <button type="submit">Submit</button>
+    </div>
+  </form>
+</div>