Dark theme toggle: refactor into a separate script pub/pmwiki-darktoggle.js, inject at the top of $HTMLHeaderFmt.

git-svn-id: svn://pmwiki.org/pmwiki/trunk@4643 524c5546-5005-0410-9a3e-e25e191bd360

1 files changed, 14 insertions, 6 deletions

diff --git a/scripts/utils.php b/scripts/utils.php
index dc40ae11..ba95b24f 100644
--- a/scripts/utils.php
+++ b/scripts/utils.php
@@ -28,6 +28,7 @@ function PmUtilsJS() {
     $EnableCopyCode, $EnableDarkThemeToggle, $EnableRedirectQuiet;
 
   $utils = "$FarmD/pub/pmwiki-utils.js";
+  $dark  = "$FarmD/pub/pmwiki-darktoggle.js";
   
   $cc = IsEnabled($EnableCopyCode, 0)? PHSC(XL('Copy code'), ENT_QUOTES) : '';
   
@@ -50,12 +51,6 @@ function PmUtilsJS() {
       'copycode' => $cc,
       'toggle' => IsEnabled($ToggleNextSelector, 0),
       'localtimes' => IsEnabled($EnableLocalTimes, 0),
-      'darktheme' => array(
-        'enable'=> IsEnabled($EnableDarkThemeToggle, 0),
-        'label'=> XL('Toggle theme'),
-        'currently'=> XL('Currently:'),
-        'modes'=> array( XL('Light'), XL('Dark'), XL('Auto'), ),
-        ),
       'rediquiet' => IsEnabled($EnableRedirectQuiet, 0),
     );
     $enabled = $PmTOC['Enable'];
@@ -81,6 +76,19 @@ function PmUtilsJS() {
       data-label=\"$[Highlight]\" data-mode='$EnablePmSyntax'
       data-custom=\"$cs\"></script>");
   }
+  
+  // Dark theme toggle, needs to be very early
+  $enabled = IsEnabled($EnableDarkThemeToggle, 0);
+  if ($enabled && file_exists($dark)) {
+    $config = array(
+      'enable' => $enabled,
+      'label'=> XL('Dark theme: '),
+      'modes'=> array( XL('Light'), XL('Dark'), XL('Auto'), ),
+    );
+    $json = pm_json_encode($config);
+    array_unshift($HTMLHeaderFmt, "<script src='\$FarmPubDirUrl/pmwiki-darktoggle.js' 
+      data-config='$json'></script>");
+  }
 }
 PmUtilsJS();