From 6b5c9c781b082c116538c313038f6d9c3ebdb757 Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <noreply@fakecake.org>
Date: Sun, 14 Feb 2021 12:25:41 +0300
Subject: [PATCH] pref prefs: load secondary tabs when needed

---
 classes/pref/prefs.php | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/classes/pref/prefs.php b/classes/pref/prefs.php
index ec7fbf607..19f5221eb 100644
--- a/classes/pref/prefs.php
+++ b/classes/pref/prefs.php
@@ -564,7 +564,7 @@ class Pref_Prefs extends Handler_Protected {
 		}
 	}
 
-	private function index_auth() {
+	function index_auth() {
 		?>
 		<div dojoType='dijit.layout.TabContainer'>
 			<div dojoType='dijit.layout.ContentPane' title="<?= __('Personal data') ?>">
@@ -953,7 +953,7 @@ class Pref_Prefs extends Handler_Protected {
 		}
 	}
 
-	private function index_plugins() {
+	function index_plugins() {
 		?>
 		<form dojoType="dijit.form.Form" id="changePluginsForm">
 			<script type="dojo/method" event="onSubmit" args="evt">
@@ -1028,13 +1028,31 @@ class Pref_Prefs extends Handler_Protected {
 		?>
 			<div dojoType='dijit.layout.AccordionContainer' region='center'>
 				<div dojoType='dijit.layout.AccordionPane' title="<i class='material-icons'>person</i> <?= __('Personal data / Authentication')?>">
-					<?php $this->index_auth() ?>
+					<script type='dojo/method' event='onSelected' args='evt'>
+						if (this.domNode.querySelector('.loading'))
+							window.setTimeout(() => {
+								xhrPost("backend.php", {op: 'pref-prefs', method: 'index_auth'}, (transport) => {
+									console.log(this);
+									this.attr('content', transport.responseText);
+								});
+							}, 100);
+					</script>
+					<span class='loading'><?= __("Loading, please wait...") ?></span>
 				</div>
 				<div dojoType='dijit.layout.AccordionPane' selected='true' title="<i class='material-icons'>settings</i> <?= __('Preferences') ?>">
 					<?php $this->index_prefs() ?>
 				</div>
 				<div dojoType='dijit.layout.AccordionPane' title="<i class='material-icons'>extension</i> <?= __('Plugins') ?>">
-					<?php $this->index_plugins() ?>
+					<script type='dojo/method' event='onSelected' args='evt'>
+						if (this.domNode.querySelector('.loading'))
+							window.setTimeout(() => {
+								xhrPost("backend.php", {op: 'pref-prefs', method: 'index_plugins'}, (transport) => {
+									console.log(this);
+									this.attr('content', transport.responseText);
+								});
+							}, 200);
+					</script>
+					<span class='loading'><?= __("Loading, please wait...") ?></span>
 				</div>
 				<?php PluginHost::getInstance()->run_hooks(PluginHost::HOOK_PREFS_TAB, "prefPrefs") ?>
 			</div>