improved mail formatting and work on settings ui

This commit is contained in:
Kevin Froman 2020-02-11 16:41:06 -06:00
parent 26ddee54ce
commit 6f7406e82c
1 changed files with 39 additions and 31 deletions

View File

@ -85,48 +85,48 @@
</section> </section>
<br> <br>
<div id='messageDisplay' class='overlay'> <div id="messageDisplay" class="overlay">
<div class='overlayContent'> <div class="overlayContent">
<span class='closeOverlay' overlay='messageDisplay'></span> <span class="closeOverlay" overlay="messageDisplay"></span>
<div> <div>
From: <input type='text' id='fromUser' readonly> Signature: <span id='sigValid'></span> <span From: <input type="text" id="fromUser" readonly> Signature: <span id="sigValid"></span> <span
id='addUnknownContact'><button class='button is-primary'>Add to Contacts</button></span> id="addUnknownContact"><button class="button is-primary">Add to Contacts</button></span>
</div> </div>
<div class='break-up'> <div class="break-up">
Subject: <span id='subjectView'></span> Subject: <span id="subjectView"></span>
</div> </div>
<div> <div>
<button id='replyBtn' class='button is-primary break-up'>Reply</button> <button id="replyBtn" class="button is-primary break-up">Reply</button>
</div> </div>
<div id='signatureValidity'></div> <div id="signatureValidity"></div>
<div id='threadDisplay' class='pre messageContent'> <div id="threadDisplay" class="pre messageContent">
</div> </div>
</div> </div>
</div> </div>
<div id='sentboxDisplay' class='overlay'> <div id="sentboxDisplay" class="overlay">
<div class='overlayContent'> <div class="overlayContent">
<span class='closeOverlay' overlay='sentboxDisplay'></span> <span class="closeOverlay" overlay="sentboxDisplay"></span>
To: <input id='toID' readonly type='text'> To: <input id="toID" readonly type="text">
<div id='sentboxDisplayText' class='pre messageContent'> <div id="sentboxDisplayText" class="pre messageContent">
</div> </div>
</div> </div>
</div> </div>
<div id='sendMessage' class='overlay'> <div id="sendMessage" class="overlay">
<div class='overlayContent'> <div class="overlayContent">
<div class="field"> <div class="field">
<label><i class="fas fa-user"></i> Select friend: <select id='friendSelect'></select></label> <label><i class="fas fa-user"></i> Select friend: <select id="friendSelect"></select></label>
</div> </div>
<form method='post' action='' id='sendForm' enctype="application/x-www-form-urlencoded"> <form method="post" action="" id="sendForm" enctype="application/x-www-form-urlencoded">
<span class='closeOverlay' overlay='sendMessage'></span> <span class="closeOverlay" overlay="sendMessage"></span>
<div class="field"> <div class="field">
To: <input id='draftID' type='text' name='to' placeholder='pubkey or select above' required> To: <input id="draftID" type="text" name="to" placeholder="pubkey or select above" required>
</div> </div>
Subject: <input name='subject' id='draftSubject' maxlength=25 type='text' Subject: <input name="subject" id="draftSubject" maxlength=25 type="text"
placeholder='message subject'> placeholder="message subject">
<div class="field"> <div class="field">
<textarea name='message' class="textarea" placeholder='type your message...' id='draftText' required></textarea> <textarea name="message" class="textarea" placeholder="type your message..." id="draftText" required></textarea>
</div> </div>
<input type='submit' value='Send' class='button is-success successBtn'> <input type="submit" value="Send" class="button is-success successBtn">
</form> </form>
</div> </div>
</div> </div>
@ -149,6 +149,14 @@
<label for="forwardSecrecySetting"></label> <label for="forwardSecrecySetting"></label>
</div> </div>
</div> </div>
<div class="column">
Signature
</div>
<div class="column is-2">
<div class="field">
<textarea id="mailSignatureSetting" class="textarea" placeholder="Signature to add to every message" rows="10"></textarea>
</div>
</div>
</div> </div>
</section> </section>
</div> </div>
@ -192,18 +200,18 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class='content' id='noInbox'>No messages to show ¯\_(ツ)_/¯</div> <div class="content" id="noInbox">No messages to show ¯\_(ツ)_/¯</div>
<div class='content'> <div class="content">
<div class='mailPing'> <div class="mailPing">
API server either shutdown, has disabled mail, or has experienced a bug. API server either shutdown, has disabled mail, or has experienced a bug.
</div> </div>
<div id='threads' class='threads'> <div id="threads" class="threads">
<div id='threadPlaceholder'>Nothing here yet 😞</div> <div id="threadPlaceholder">Nothing here yet 😞</div>
</div> </div>
</div> </div>
</div> </div>
<div id="infoOverlay" class='overlay'> <div id="infoOverlay" class="overlay">
</div> </div>
</body> </body>