From 3af81b5dd49717e9dc646336df322d9432573ab7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 12 Dec 2017 07:20:26 +0100
Subject: styling compose box

---
 views/pages/compose.ejs     | 36 +++++++++++++++++++++++++++++++++
 views/pages/mailbox.ejs     | 12 +++++++++--
 views/partials/settings.ejs | 49 ---------------------------------------------
 3 files changed, 46 insertions(+), 51 deletions(-)
 create mode 100644 views/pages/compose.ejs

(limited to 'views')

diff --git a/views/pages/compose.ejs b/views/pages/compose.ejs
new file mode 100644
index 0000000..b50c279
--- /dev/null
+++ b/views/pages/compose.ejs
@@ -0,0 +1,36 @@
+<% include ../partials/header %>
+<div class="subtitle">
+  <a href='/'>&lt; Home</a> &middot;
+  <a href='/mail/'>Inbox</a>
+</div>
+
+<div id="content">
+
+<table id="compose">
+  <tr>
+    <td>
+      <form>
+        <div>
+          <label for="compose_to">to:</label>
+          <input id="compose_to" type='text' name='username'>
+        </div>
+        <div style="margin-top: 5px;">
+          <label for="compose_subject">subject:</label>
+          <input id="compose_subject" type='text' name='subject' value='<%= subject %>'>
+        </div>
+        <div>
+          <textarea name="message" placeholder="Enter your message"></textarea><br>
+        </div>
+        <div class="buttons">
+          <button id="save_as_draft" style="opacity: 0.5">SAVE DRAFT</button>
+          <input type="submit" value="SEND MESSAGE" />
+        </div>
+        <div class="errors"></div>
+      </form>
+    </td>
+  </tr>
+</table>
+
+</div>
+
+<% include ../partials/footer %>
diff --git a/views/pages/mailbox.ejs b/views/pages/mailbox.ejs
index e4e0302..9d6dc85 100644
--- a/views/pages/mailbox.ejs
+++ b/views/pages/mailbox.ejs
@@ -1,15 +1,23 @@
 <% include ../partials/header %>
-
+<div class="subtitle">
+  <a href='/'>&lt; Home</a> &middot;
+  <a href='/mail/compose'>New Message</a>
+</div>
 <div id="content">
+  
+  <div id="nomessages">
+    <h3>No messages</h3>
+  </div>
 
   <table id="messages" class="ledger">
+    <tr><td></td></tr>
     <script class="template" type="text/html">
       <tr class='row'>
         <td>
           {{to}} <a href="/profile/{{username}}">{{username}}</a> &middot;
         </td>
         <td class="ivory">
-          <a href="/message/{{id}}">{{subject}}</a>
+          <a href="/mail/read/{{id}}">{{subject}}</a>
         </td>
         <td class="{{date_class}}">
           {{date}} <small>{{time}}</small>
diff --git a/views/partials/settings.ejs b/views/partials/settings.ejs
index d36cf6c..b174546 100644
--- a/views/partials/settings.ejs
+++ b/views/partials/settings.ejs
@@ -61,52 +61,3 @@
     </div>
   </div>
 </div>
-
-<style>
-  #thread_settings h2 {
-    font-size: 16px;
-    margin: 0;
-  }
-  #thread_settings .inner {
-    padding: 20px;
-    text-align: left;
-  }
-  #thread_controls {
-    margin-top: 10px;
-    display: flex;
-    flex-direction: row;
-  }
-  #thread_controls > div {
-    max-width: 50%;
-  }
-  #thread_fields {
-    text-align: left;
-  }
-  .thread_field,
-  #thread_fields > div {
-    display: flex;
-    flex-direction: row;
-    margin-top: 5px;
-  }
-  #thread_controls label {
-    margin-top: 4px;
-    padding-right: 5px;
-  }
-  #thread_fields input[type=text] {
-    font-size: 13px;
-    width: 200px;
-    transform: translateY(-2px);
-  }
-  #thread_settings .close_link {
-    position: absolute;
-    top: 23px;
-    right: 10px;
-  }
-  #thread_fields label {
-    display: block;
-    width: 80px;
-  }
-  .desktop button.thread_delete:hover {
-    background: #ff8288;
-  }
-</style>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2