From febba5803a4254fd2bfbdccf9f59bbed768a32a5 Mon Sep 17 00:00:00 2001
From: Roland Gruber <post@rolandgruber.de>
Date: Thu, 15 Aug 2019 14:13:10 +0200
Subject: [PATCH] responsive design

---
 lam/lib/baseModule.inc                            |   2 +-
 lam/lib/modules.inc                               |  13 +++++++------
 lam/lib/modules/account.inc                       |   5 ++---
 lam/style/500_layout.css                          |   7 ++++++-
 .../ui-bg_highlight-soft_75_cccccc_1x100.png      | Bin 360 -> 0 bytes
 .../ui-bg_highlight-soft_75_cccccc_1x150.png      | Bin 0 -> 142 bytes
 lam/style/responsive/120_lam.css                  |  12 ++++++++++++
 7 files changed, 28 insertions(+), 11 deletions(-)
 delete mode 100644 lam/style/images/ui-bg_highlight-soft_75_cccccc_1x100.png
 create mode 100644 lam/style/images/ui-bg_highlight-soft_75_cccccc_1x150.png

diff --git a/lam/lib/baseModule.inc b/lam/lib/baseModule.inc
index 4044a0a6..21aeda63 100644
--- a/lam/lib/baseModule.inc
+++ b/lam/lib/baseModule.inc
@@ -1280,7 +1280,7 @@ abstract class baseModule {
 	public abstract function display_html_attributes();
 
 	/**
-	 * Adds a simple text input field to the given htmlTable.
+	 * Adds a simple text input field to the given htmlTable/htmlResponsiveRow.
 	 * The field name will be the same as the attribute name. There must also be a help entry with the attribute name as ID.
 	 * A new line will also be added after this entry so multiple calls will show the fields one below the other.
 	 *
diff --git a/lam/lib/modules.inc b/lam/lib/modules.inc
index d7876e13..e32aac07 100644
--- a/lam/lib/modules.inc
+++ b/lam/lib/modules.inc
@@ -1092,11 +1092,11 @@ class accountContainer {
 
 		echo '<div id="lamVerticalTabs" class="ui-tabs ui-widget ui-widget-content ui-corner-bottom ui-helper-clearfix">';
 		echo '<table>';
-			echo '<tr><td>';
+			echo '<tr><td style="vertical-align: top;">';
 			// tab menu
 			$this->printModuleTabs();
-			echo '</td><td>';
-			echo "<div class=\"lamEqualHeightTabContent ui-tabs-panel ui-widget-content ui-corner-bottom\">\n";
+			echo '</td><td style="vertical-align: top;">';
+			echo "<div class=\"ui-tabs-panel ui-widget-content ui-corner-bottom\">\n";
 			// content area
 			// display html-code from modules
 			$return = call_user_func(array($this->module[$this->order[$this->current_page]], 'display_html_'.$this->subpage));
@@ -1478,7 +1478,7 @@ class accountContainer {
 	private function printModuleTabs() {
 		// $x is used to count up tabindex
 		$x=1;
-		echo '<ul class="lamEqualHeightTabContent ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">';
+		echo '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">';
 		// Loop for each module
 		for ($i = 0; $i < count($this->order); $i++) {
 			$buttonStatus = $this->module[$this->order[$i]]->getButtonStatus();
@@ -1494,8 +1494,7 @@ class accountContainer {
 			}
 			// print button
 			echo '<li class="ui-state-default ui-corner-left' . $activatedClass . '">';
-			$buttonStyle = 'background-color:transparent;;border:0px solid;min-width: 200px;';
-			echo "<button style=\"" . $buttonStyle . "\" name=\"form_main_".$this->order[$i]."\"";
+			echo "<button class=\"lam-account-type\" name=\"form_main_".$this->order[$i]."\"";
 			echo " tabindex=$x";
 			if ($buttonStatus == 'disabled') {
 				echo " disabled";
@@ -1507,7 +1506,9 @@ class accountContainer {
 				}
 				echo "<img height=32 width=32 class=\"align-middle\" style=\"padding: 3px;\" alt=\"\" src=\"$buttonImage\">&nbsp;";
 			}
+			echo '<span class="hide-on-mobile">';
 			echo $alias;
+			echo '<span>';
 			echo "&nbsp;</button>\n";
 			echo "</li>\n";
 			$x++;
diff --git a/lam/lib/modules/account.inc b/lam/lib/modules/account.inc
index 0ed1b988..c8cb20cb 100644
--- a/lam/lib/modules/account.inc
+++ b/lam/lib/modules/account.inc
@@ -1,10 +1,9 @@
 <?php
 /*
-$Id$
 
   This code is part of LDAP Account Manager (http://www.ldap-account-manager.org/)
   Copyright (C) 2003 - 2006  Tilo Lutz
-                2005 - 2017  Roland Gruber
+                2005 - 2019  Roland Gruber
 
   This program is free software; you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
@@ -209,7 +208,7 @@ class account extends baseModule {
 	 * @return htmlElement HTML meta data
 	 */
 	function display_html_attributes() {
-		$container = new htmlTable();
+		$container = new htmlResponsiveRow();
 		// user name if no posixAccount
 		if (!$this->isUnixActive()) {
 			$title = _('User name');
diff --git a/lam/style/500_layout.css b/lam/style/500_layout.css
index 5ce2b8f1..61fa8930 100644
--- a/lam/style/500_layout.css
+++ b/lam/style/500_layout.css
@@ -575,11 +575,16 @@ tr.account {
 	color: #555555;
 }
 
+button.lam-account-type {
+	background-color:transparent;
+	border:0px solid;
+}
+
 /* --- end of workaround for vertical tabs --- */
 
 /* title bar */
 .titleBar {
-	background: #AAAAAA url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50%;
+	background: #AAAAAA url(images/ui-bg_highlight-soft_75_cccccc_1x150.png) repeat-x scroll 50% 50%;
 	border-top: 1px solid #AAAAAA;
 	border-left: 1px solid #AAAAAA;
 	border-right: 1px solid #AAAAAA;
diff --git a/lam/style/images/ui-bg_highlight-soft_75_cccccc_1x100.png b/lam/style/images/ui-bg_highlight-soft_75_cccccc_1x100.png
deleted file mode 100644
index e1bc1e9f7b3989106bd6d9f64eb9a776afd19c2d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 360
zcmeAS@N?(olHy`uVBq!ia0vp^j6j?szyu^`+!HJTQY`6?zK#qG8~eHcB(j1O6bHFG
zF|0c$^AgBWNcITwWnidMV_;}#VPN<L6l!?Ez))(y!0;-8fx&791A}<MoLzx7Knb=a
zZ+DmfV89vi{SHv1$kW9!MC1I^2?se{6a}0Qmn52A?wuRiTl~$yUDqMt{4@EmmiU8u
zZ(dGp5#Wf*Tq?@Q@F4#|fkoE(y=9F~3!Rn*wKg_7T3A@<si`kFFg89sT|eHPv)66+
zj~Ui)w_IL3|ILc;hqA>41qIX6((c#2JpPek&$r@Ir;|4~0c}?;ag8WRNi0dVN-jzT
zQVd20hQ_)EM!JUPA%+%KrlwXVmbwNORt5(0%Z2(-H00)|WTsW(){ysWl@U+_gQu&X
J%Q~loCID0|cF_O;

diff --git a/lam/style/images/ui-bg_highlight-soft_75_cccccc_1x150.png b/lam/style/images/ui-bg_highlight-soft_75_cccccc_1x150.png
new file mode 100644
index 0000000000000000000000000000000000000000..2dee53f0b41dc3109791e4647e06a261ac1fae6d
GIT binary patch
literal 142
zcmeAS@N?(olHy`uVBq!ia0vp^j6gh%g9%7Z5Ghp!Qk(@Ik;M!Q+`=Ht$S`Y;1W=H@
z#M9T6{V@kW52IzZ@C`GdkglhTV~EE2<cdE(427AQ4{td9|NsBv2|z+#{rCO-^%YnD
j{QlmrQM}=%HIpI36$ht&Rf&1JK#dHZu6{1-oD!M<NeC-l

literal 0
HcmV?d00001

diff --git a/lam/style/responsive/120_lam.css b/lam/style/responsive/120_lam.css
index 6227fb29..0057ef4a 100644
--- a/lam/style/responsive/120_lam.css
+++ b/lam/style/responsive/120_lam.css
@@ -167,6 +167,10 @@ table.responsive-table td {
 		overflow: hidden;
 	}
 
+	button.lam-account-type {
+		min-width: 20px;
+	}
+
 }
 
 /* tablet */
@@ -188,6 +192,10 @@ table.responsive-table td {
 		background-color:rgba(0, 0, 0, 0.05);
 	}
 
+	button.lam-account-type {
+		min-width: 200px;
+	}
+
 }
 
 /* desktop */
@@ -213,4 +221,8 @@ table.responsive-table td {
 		background-color:rgba(0, 0, 0, 0.05);
 	}
 
+	button.lam-account-type {
+		min-width: 200px;
+	}
+
 }