1
0
Fork 0
mirror of https://github.com/DanielnetoDotCom/YouPHPTube synced 2025-10-03 01:39:24 +02:00
Oinktube/plugin/Layout/darkModeSwitch.php
Daniel Neto acb5d54658 Update
2024-04-12 14:28:09 -03:00

50 lines
No EOL
1.5 KiB
PHP

<?php
$checked = '';
if (!empty($_COOKIE['themeMode'])) {
$checked = 'checked';
}
?>
<div class="clearfix" style="padding: 5px;">
<label for="themeMode" class="row-label singleLineMenu hideIfCompressed pull-left">
<?php
if ($config->isDefaultThemeDark()) {
echo '<i class="fa-solid fa-sun"></i> ';
echo __('Light Mode');
} else {
echo '<i class="fa-solid fa-moon"></i> ';
echo __('Dark Mode');
}
?>
</label>
<div class="material-switch pull-right">
<input type="checkbox" value="1" id="themeMode" <?php echo $checked; ?> onchange="toogleThemeMode();">
<label for="themeMode" class="label-success"></label>
</div>
</div>
<script>
function toogleThemeMode() {
var themeMode = Cookies.get('themeMode');
var isEmptythemeMode = empty(themeMode);
Cookies.set('themeMode', isEmptythemeMode ? 1 : 0, {
path: '/',
expires: 365
});
loadTheme();
}
function loadTheme() {
var themeMode = Cookies.get('themeMode');
var isEmptythemeMode = empty(themeMode);
var themeName = '<?php echo $config->getDefaultTheme(); ?>';
if (!isEmptythemeMode) {
themeName = '<?php echo $config->getAlternativeTheme(); ?>';
}
$('#themeMode').prop('checked', !isEmptythemeMode);
$('#customCSS').attr('href', webSiteRootURL + 'view/css/custom/' + themeName + '.css');
}
$(document).ready(function() {
loadTheme();
});
</script>