Reduce the length of the config page by splitting into two tabs.

2 files changed, 47 insertions, 24 deletions

diff --git a/modules/googlemap/admin_editconfig.php b/modules/googlemap/admin_editconfig.php
index ceb28f67d3..3844ca6a67 100644
--- a/modules/googlemap/admin_editconfig.php
+++ b/modules/googlemap/admin_editconfig.php
@@ -40,7 +40,7 @@ function print_level_config_table($level) {
 	<div id="level<?php echo $level; ?>" style="display:<?php if ($GM_MAX_NOF_LEVELS >= $level) {echo "block";} else {echo "none";} ?>">
 		<table id="gm_levels">
 			<tr>
-				<td colspan="2">
+				<th colspan="2">
 					<?php
 					if ($level==1) {
 						echo WT_I18N::translate('Country');
@@ -48,7 +48,7 @@ function print_level_config_table($level) {
 						echo WT_I18N::translate('Level'), " ", $level;
 					}
 					?>
-				</td>
+				</th>
 			</tr>
 			<tr>
 				<td>
@@ -89,6 +89,7 @@ function print_level_config_table($level) {
 
 print_header(WT_I18N::translate('Google Maps configuration'));
 
+
 if (!WT_USER_IS_ADMIN) {
 	echo '<div>', WT_I18N::translate('Page only for Administrators'), '</div>';
 	print_footer();
@@ -191,10 +192,26 @@ if ($action=="update" && !isset($security_user)) {
 	//-->
 </script>
 
+
+<?php
+echo WT_JS_START;
+?>
+jQuery(document).ready(function() {
+jQuery("#tabs").tabs();
+});
+<?php 
+echo WT_JS_END;
+echo '<div id="tabs">',
+		'<ul>',
+			'<li><a href="#gm_basic"><span>', WT_I18N::translate('Basic'), '</span></a></li>',
+			'<li><a href="#gm_advanced"><span>', WT_I18N::translate('Advanced'), '</span></a></li>',
+		'</ul>';
+?>		
 <form method="post" name="configform" action="module.php?mod=googlemap&mod_action=admin_editconfig">
 <input type="hidden" name="action" value="update" />
 
-<table id="gm_edit_config">
+<div id="gm_basic">
+<table class="gm_edit_config">
 	<tr>
 		<th><?php echo WT_I18N::translate('Default map type'), help_link('GOOGLEMAP_MAP_TYPE','googlemap'); ?></th>
 		<td>
@@ -276,6 +293,10 @@ if ($action=="update" && !isset($security_user)) {
 			</select>
 		</td>
 	</tr>
+</table>
+</div>
+<div id="gm_advanced">
+<table class="gm_edit_config">
 	<tr>
 		<th><?php echo WT_I18N::translate('Precision'), help_link('GOOGLEMAP_PRECISION','googlemap'); ?></th>
 		<td>
@@ -354,23 +375,22 @@ if ($action=="update" && !isset($security_user)) {
 			</select>
 		</td>
 	</tr>
-	<tr>
-		<th><?php echo WT_I18N::translate('Configuration per level'); ?></th>
-		<td>
-			<?php
-				print_level_config_table(1);
-				print_level_config_table(2);
-				print_level_config_table(3);
-				print_level_config_table(4);
-				print_level_config_table(5);
-				print_level_config_table(6);
-				print_level_config_table(7);
-				print_level_config_table(8);
-				print_level_config_table(9);
-			?>
-		</td>
-	</tr>
+	<tr><th colspan="2"><?php echo WT_I18N::translate('Configuration per level'); ?></th></tr>
+	<tr><td colspan="2">
+		<table id="gm_levels">				
+		<?php
+			echo
+				'<tr><td>', print_level_config_table(1), '</td><td>', print_level_config_table(2), '</td></tr>',
+				'<tr><td>', print_level_config_table(3), '</td><td>', print_level_config_table(4), '</td></tr>',
+				'<tr><td>', print_level_config_table(5), '</td><td>', print_level_config_table(6), '</td></tr>',
+				'<tr><td>', print_level_config_table(7), '</td><td>', print_level_config_table(8), '</td></tr>',
+				'<tr><td>', print_level_config_table(9), '</td><td>&nbsp;</td></tr>';
+		?>
+		</table>
+	</td></tr>
 </table>
+</div>
+</div>
 <p>
 	<input type="submit" value="<?php echo WT_I18N::translate('Save configuration'); ?>" onclick="closeHelp();" />
 	&nbsp;&nbsp;
diff --git a/themes/_administration/style.css b/themes/_administration/style.css
index 6c1120f3f5..473b956e13 100644
--- a/themes/_administration/style.css
+++ b/themes/_administration/style.css
@@ -143,7 +143,6 @@ html[dir='rtl'] #tree_stats td, #recent td {padding:0 0 0 10px; text-align:left;
 #trees span, #recent2 span {text-decoration:underline;}
 
 /*SERVER CONFIG */
-#tabs {width:100%}
 #site table, #mail table {background:OldLace; border:1px inset #D9D6C4; border-collapse:separate; border-spacing:0; font-size:90%; padding:5px; width:100%;}
 
 /*table.site_config {background:OldLace; border:1px inset #D9D6C4; padding:10px; margin:0 10px;}*/
@@ -205,7 +204,6 @@ table.gedcom_table2 {background:OldLace; border:1px inset #D9D6C4; border-collap
 .gedcom_table2 td {text-align:center;}
 
 /* FAMILY TREE CONFIG */
-#tabs {width:100%}
 #file-options, #privacy, #config-media, #access-options, #layout-options, #hide-show, #edit-options {padding:10px;}
 #file-options table, #privacy table, #config-media table, #access-options table, #layout-options table, #hide-show table, #edit-options table {background:OldLace; border:1px inset #D9D6C4; border-collapse:separate; border-spacing:0; font-size:90%; padding:5px; width:100%;}
 #file-options td, #privacy td, #config-media td, #access-options td, #layout-options td, #hide-show td, #edit-options td {border-bottom:1px solid LightGrey;}
@@ -301,11 +299,15 @@ table#faq_module, table#faq_module2 {background:OldLace; border:1px inset #D9D6C
 /* Configure */
 table#gm_config {background:OldLace; border:1px inset #D9D6C4; border-collapse:separate; border-spacing:0; margin:0 auto 10px; width:100%;}
 #gm_config th {font-size:105%; font-weight:bold; padding:5px; text-align:left;}
-table#gm_edit_config {background:OldLace; border:1px inset #D9D6C4; border-collapse:separate; border-spacing:0; margin:10px 0; width:98%;}
-#gm_edit_config th {border-bottom:1px solid LightGrey; font-weight:bold; padding:5px; text-align:left; vertical-align:top;}
-#gm_edit_config td {border-bottom:1px solid LightGrey; margin-left:20px;}
+table.gm_edit_config {background:OldLace; border:1px inset #D9D6C4; border-collapse:separate; border-spacing:0; font-size:90%; margin:10px 0;}
+.gm_edit_config th {border-bottom:1px solid LightGrey; font-weight:bold; padding:5px; text-align:left; vertical-align:top;}
+.gm_edit_config td {border-bottom:1px solid LightGrey; padding-left:50px;}
 #gm_breadcrumb, #gm_breadcrumb a { color:green; font-weight:bold; font-size:105%; padding:5px;}
 #gm_active {padding:5px; vertical-align:top;}
+#gm_advanced td {padding:0;}
+table#gm_levels {margin-left:20px;}
+#gm_levels th {color:green;}
+
 /* Place edit */
 table.gm_plac_edit {background:OldLace; border:1px inset #D9D6C4; border-collapse:separate; border-spacing:0; margin:0 0 10px 0; padding:0 5px; width:100%;}
 div.gm_plac_edit {width:100%; max-height:535px; overflow:auto;}
@@ -313,6 +315,7 @@ div.gm_plac_edit {width:100%; max-height:535px; overflow:auto;}
 .gm_plac_edit td {border-bottom:1px solid LightGrey;}
 table#gm_manage {background:OldLace; border:1px inset #D9D6C4; border-collapse:separate; border-spacing:0; margin:10px 0 0; padding:0 5px; width:98%;}
 #gm_manage td {border-bottom:1px solid LightGrey;}
+
 /* Place check */
 table.gm_check_outer {border-collapse:separate; border-spacing:0; height:100px; overflow:auto; width:98%}
 .gm_check_top {background:OldLace; border:1px inset #D9D6C4; border-collapse:separate; border-spacing:0; margin:0; padding:0;}