Mirrors/go-inbucket
1
0
Fork 0
mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-17 17:47:03 +00:00
Code Issues Releases Wiki Activity

Make message-list scroll on some devices

Browse Source
This commit is contained in:
James Hillyerd
2015-08-25 21:54:02 -07:00
parent c263129711
commit 0f5ba4a7a9
3 changed files with 32 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
themes/bootstrap/public/inbucket.css
View File

@@ -29,6 +29,10 @@ body {
font-size: 18px; font-size: 18px;
} }
.message-list-scroll {
overflow-y: auto;
}
.message-controls { .message-controls {
padding: 0 0 10px 0; padding: 0 0 10px 0;
} }

30
themes/bootstrap/public/mailbox.js
View File

@@ -1,8 +1,13 @@
var navBarOffset = 75;
var mediumDeviceWidth = 980;
var messageListMargin = 275;
function messageLoaded(responseText, textStatus, XMLHttpRequest) { function messageLoaded(responseText, textStatus, XMLHttpRequest) {
if (textStatus == "error") { if (textStatus == "error") {
alert("Failed to load message, server said:\n" + responseText); alert("Failed to load message, server said:\n" + responseText);
} else { } else {
window.scrollTo(0,0); var top = $('#message-container').offset().top - navBarOffset;
$(window).scrollTop(top);
} }
} }
@@ -11,11 +16,11 @@ function listLoaded() {
function() { function() {
$('.listEntry').removeClass("disabled"); $('.listEntry').removeClass("disabled");
$(this).addClass("disabled"); $(this).addClass("disabled");
$('#emailContent').load('/mailbox/' + mailbox + '/' + this.id, messageLoaded); $('#message-content').load('/mailbox/' + mailbox + '/' + this.id, messageLoaded);
selected = this.id; selected = this.id;
} }
) )
$("#messageList").slideDown(); $("#message-list").slideDown();
if (selected != "") { if (selected != "") {
$("#" + selected).click(); $("#" + selected).click();
selected = ""; selected = "";
@@ -23,21 +28,32 @@ function listLoaded() {
} }
function loadList() { function loadList() {
$('#messageList').load('/mailbox/' + mailbox, listLoaded); $('#message-list').load('/mailbox/' + mailbox, listLoaded);
} }
function reloadList() { function reloadList() {
$('#messageList').hide(); $('#message-list').hide();
loadList(); loadList();
} }
function windowResize() {
if ($(window).width() > mediumDeviceWidth) {
var content_height = $(window).height() - messageListMargin;
$('#message-list-wrapper').height(content_height).addClass("message-list-scroll");
} else {
$('#message-list-wrapper').height('auto').removeClass("message-list-scroll");
}
}
function listInit() { function listInit() {
$("#messageList").hide(); $("#message-list").hide();
windowResize();
$(window).resize(windowResize);
loadList(); loadList();
} }
function deleteMessage(id) { function deleteMessage(id) {
$('#emailContent').empty(); $('#message-content').empty();
$.ajax({ $.ajax({
type: 'DELETE', type: 'DELETE',
url: '/mailbox/' + mailbox + '/' + id, url: '/mailbox/' + mailbox + '/' + id,

8
themes/bootstrap/templates/mailbox/index.html
View File

@@ -28,9 +28,11 @@ $(document).ready(function() {
Refresh Refresh
</a> </a>
</div> </div>
<div id="messageList" class="list-group"></div> <div id="message-list-wrapper">
<div id="message-list" class="list-group"></div>
</div>
</div> </div>
<div class="col-md-9"> <div id="message-container" class="col-md-9">
{{with .ctx.Session.Flashes "errors"}} {{with .ctx.Session.Flashes "errors"}}
<div class="errors"> <div class="errors">
<p>Please fix the following errors and resubmit:<p> <p>Please fix the following errors and resubmit:<p>
@@ -41,7 +43,7 @@ $(document).ready(function() {
</ul> </ul>
</div> </div>
{{end}} {{end}}
<div id="emailContent"> <div id="message-content">
<p>Select a message at left, or enter a different username into the box on upper right.</p> <p>Select a message at left, or enter a different username into the box on upper right.</p>
</div> </div>
</div> </div>