From 89aef716b48949d58fead3525fdf8fb302866c90 Mon Sep 17 00:00:00 2001
From: tehXor <hs@exxor.de>
Date: Fri, 17 Mar 2017 20:38:20 +0100
Subject: [PATCH] - collapsible tables on mailbox.php which are collapsed per
 default if they are long - changed username field on the login form to the
 type "text" as "name" is no valid type which causes problems with some
 extensions (password managers)

---
 data/web/index.php     |  2 +-
 data/web/js/mailbox.js | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/data/web/index.php b/data/web/index.php
index 31bafda6..e34b4da5 100644
--- a/data/web/index.php
+++ b/data/web/index.php
@@ -29,7 +29,7 @@ $_SESSION['return_to'] = $_SERVER['REQUEST_URI'];
 							<label class="sr-only" for="login_user"><?=$lang['login']['username'];?></label>
 							<div class="input-group">
 								<div class="input-group-addon"><i class="glyphicon glyphicon-user"></i></div>
-								<input name="login_user" autocorrect="off" autocapitalize="none" type="name" id="login_user" class="form-control" placeholder="<?=$lang['login']['username'];?>" required="" autofocus="">
+								<input name="login_user" autocorrect="off" autocapitalize="none" type="text" id="login_user" class="form-control" placeholder="<?=$lang['login']['username'];?>" required="" autofocus="">
 							</div>
 						</div>
 						<div class="form-group">
diff --git a/data/web/js/mailbox.js b/data/web/js/mailbox.js
index eedd51cb..9bd8ef9b 100644
--- a/data/web/js/mailbox.js
+++ b/data/web/js/mailbox.js
@@ -51,4 +51,16 @@ $(document).ready(function() {
 			$panel.find('.panel-body input').focus();
 		}
 	});
+	$('.container').on('click', '.panel-heading .panel-title', function(e){
+		var $this = $(this),
+			$panel = $this.parents('.panel');
+		$panel.find('.table-responsive').slideToggle("fast");
+	});
+	$('.panel-heading .panel-title').addClass('clickable');
+	$('.panel .table-responsive').each(function() {
+		if ($(this).height() > 550) {
+			// If one is too large initially hide all
+			$('.panel .table-responsive').slideUp("fast");
+		}
+	})
 });