diff options
Diffstat (limited to 'views')
| -rw-r--r-- | views/pages/compose.ejs | 36 | ||||
| -rw-r--r-- | views/pages/mailbox.ejs | 12 | ||||
| -rw-r--r-- | views/partials/settings.ejs | 49 |
3 files changed, 46 insertions, 51 deletions
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='/'>< Home</a> · + <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='/'>< Home</a> · + <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> · </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 |