From ebac7f79d32c524de750adc3bcf1cc539625d552 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 7 Sep 2015 14:04:18 -0400
Subject: split up partials and stub in mailbox frontend

---
 views/pages/details.ejs | 80 ++++++++-----------------------------------------
 views/pages/index.ejs   | 48 ++---------------------------
 views/pages/mailbox.ejs | 53 ++++++++++++++++++++++++++++++++
 views/pages/message.ejs |  0
 4 files changed, 67 insertions(+), 114 deletions(-)
 create mode 100644 views/pages/mailbox.ejs
 create mode 100644 views/pages/message.ejs

(limited to 'views/pages')

diff --git a/views/pages/details.ejs b/views/pages/details.ejs
index 113ff53..769db9d 100644
--- a/views/pages/details.ejs
+++ b/views/pages/details.ejs
@@ -3,75 +3,19 @@
 <hr>
 
 <div id="details_rapper">
-  <div id="details">
-    <div class="left">
-      <table id="comments" width="450">
-        <script class="template" type="text/html">
-          <tr>
-            <td class="user">
-              <a href="/profile/{{username}}"><img src="//www.carbonpictures.com/bucky/data/profile/.thumb/al.{{username}}.jpg"></a><br>
-              <a href="/profile/{{username}}">{{username}}</a>
-            </td>
-            <td colspan="2" class="comment">
-              <div>
-                {{comment}}
-              </div>
-              <span class="date">
-                {{date}} {{time}}
-              </span>
-              <span class="edit-links">
-                <a href="/comment/{{id}}/edit">edit</a> &middot;
-                <a href="/comment/{{id}}/remove">remove</a> &middot;
-                <a href="/comment/{{id}}/reply">reply</a>
-              </span>
-            </td>
-          </tr>
-        </script>
-      </table>
-    </div>
+  <table id="details">
+    <tr>
+      <td class="left">
+        <% include ../partials/comments %>
+      </td>
   
-    <div class="right">
-      <div id="gallery">
-        <script class="template" type="text/html">
-          <div>
-            <a href="{{link}}"><img src="{{thumb}}"></a>
-            <br>(<a href="/profile/{{username}}">{{username}}</a>, {{age}})
-          </div>
-        </script>
-      </div>
-      <div id="audio"></div>
-  
-      <table id="files">
-        <script class="template" type="text/html">
-          <tr class="row">
-            <td>
-              <a href="{{link}}" class="file">{{filename}}</a>
-            </td>
-            <td class="{{date_class}}">
-              {{date}}
-            </td>
-            <td class="{{date_class}}">
-              {{time}}
-            </td>
-            <td>
-              {{size}}
-            </td>
-            <td class="user">
-              <a href="/profile/{{username}}">{{username}}</a>
-            </td>
-          </tr>
-        </script>
-        <script class="templateTotal" type="text/html">
-          <tr class="total">
-            <td colspan="5">
-              total size: <span class="{{size_class}}">{{size}}</span>
-            </td>
-          </tr>
-        </script>
-      </table>
-    </div>
-
-  </div>
+      <td class="right">
+        <% include ../partials/gallery %>
+        <% include ../partials/files %>
+        <% include ../partials/threads %>
+      </td>
+    </tr>
+  </table>
 </div>
 
 
diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index 82ef8ab..454e358 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -12,55 +12,11 @@
       <button>SEARCH</button>
     </form>
   </div>
-  <div class="bluebox" id="hootbox">
-    <form>
-      <input type="text" name="hoot">
-      <button><%= hoot_text %></button>
-    </form>
-    <table id="hoots">
-      <script class="template" type="text/html">
-        <tr>
-          <td style="background-image:url(//www.carbonpictures.com/bucky/data/profile/.thumb/am.{{username}}.jpg)"><a href="/profile/{{username}}"><div></div></a></td>
-          <td>
-            {{comment}}
-          </td>
-        </tr>
-      </script>
-    </table>
-  </div>
+  <% include ../partials/hootbox %>
 </div>
 
 <div id="content">
-
-  <table class="threads">
-    <script class="template" type="text/html">
-      <tr>
-        <td>
-          <a href="/profile/{{username}}">{{username}}</a>
-          {{privacy_dot}}
-        </td>
-        <td class="{{color}}">
-          <a href="/details/{{id}}">{{title}}</a>
-        </td>
-        <td class="{{date_class}}">
-          {{date}} <small>{{time}}</small>
-        </td>
-        <td class="{{views_class}}">
-          {{views}}
-        </td>
-        <td class="{{comments_class}}">
-          {{comments}}
-        </td>
-        <td class="{{show_files}}">
-          <span class="size">
-            <span class="{{size_class}}">{{size}}</span>
-            in
-          </span>
-          <span class="{{files_class}}">{{files}}</span>
-        </td>
-      </tr>
-    </script>
-  </table>
+  <% include ../partials/threads %>
 </div>
 
 <% include ../partials/footer %>
diff --git a/views/pages/mailbox.ejs b/views/pages/mailbox.ejs
new file mode 100644
index 0000000..d97755a
--- /dev/null
+++ b/views/pages/mailbox.ejs
@@ -0,0 +1,53 @@
+<% include ../partials/header %>
+
+<hr>
+
+<div id="sidebar">
+  <div class="bluebox">
+    <b><big>message center</big></b>
+  </div>
+  <div class="bluebox" id="boxes">
+    <table>
+      <tr>
+        <th>Folders</th>
+        <td>msgs</td>
+      </tr>
+    </table>
+    <script type="text/html" class="boxTemplate">
+      <tr>
+        <td><a href="/mail/{{box}}">{{box}}</a></td>
+        <td>{{count}}</td>
+      </tr>
+    </script>
+  </div>
+</div>
+
+<div id="content">
+
+  <table class="messages">
+    <script class="template" type="text/html">
+      <tr>
+        <td>
+          <a href="/profile/{{username}}">{{username}}</a>
+          {{privacy_dot}}
+        </td>
+        <td>
+          <a href="/mail/read/{{id}}">{{subject}}</a>
+        </td>
+        <td class="{{date_class}}">
+          {{date}} <small>{{time}}</small>
+        </td>
+        <td>
+          <span class="{{size_class}}">{{size}}</span>
+        </td>
+        <td>
+          [reply]
+          [delete]
+        </td>
+      </tr>
+    </script>
+  </table>
+
+</div>
+
+<% include ../partials/footer %>
diff --git a/views/pages/message.ejs b/views/pages/message.ejs
new file mode 100644
index 0000000..e69de29
-- 
cgit v1.2.3-70-g09d2