You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
343 lines
13 KiB
343 lines
13 KiB
<?php
|
|
|
|
// (c) Copyright by authors of the Tiki Wiki CMS Groupware Project
|
|
//
|
|
// All Rights Reserved. See copyright.txt for details and a complete list of authors.
|
|
// Licensed under the GNU LESSER GENERAL PUBLIC LICENSE. See license.txt for details.
|
|
// $Id$
|
|
|
|
require_once('lib/wizard/wizard.php');
|
|
|
|
/**
|
|
* The Wizard's editor type selector handler
|
|
*/
|
|
class AdminWizardLookAndFeel extends Wizard
|
|
{
|
|
public function pageTitle()
|
|
{
|
|
return tra('Set up Look & Feel');
|
|
}
|
|
public function isEditable()
|
|
{
|
|
return true;
|
|
}
|
|
|
|
public function onSetupPage($homepageUrl)
|
|
{
|
|
global $prefs;
|
|
$smarty = TikiLib::lib('smarty');
|
|
$tikilib = TikiLib::lib('tiki');
|
|
$themelib = TikiLib::lib('theme');
|
|
$csslib = TikiLib::lib('css');
|
|
$headerlib = TikiLib::lib('header');
|
|
// Run the parent first
|
|
parent::onSetupPage($homepageUrl);
|
|
|
|
//handle case when changing the themes in the Look and Feel settings panel
|
|
$a_theme = $prefs['theme'];
|
|
if (isset($_REQUEST['looksetup'])) {
|
|
ask_ticket('admin-inc-look');
|
|
if (isset($_REQUEST['theme'])) {
|
|
check_ticket('admin-inc-general');
|
|
|
|
if (! isset($_REQUEST['theme_option']) || $_REQUEST['theme_option'] = '') {
|
|
// theme has no options
|
|
$_REQUEST['theme_option'] = '';
|
|
}
|
|
check_ticket('admin-inc-general');
|
|
}
|
|
} else {
|
|
// just changed theme menu, so refill options
|
|
if (isset($_REQUEST['theme']) && $_REQUEST['theme'] != '') {
|
|
$a_theme = $_REQUEST['theme'];
|
|
}
|
|
}
|
|
|
|
$themes = $themelib->list_themes();
|
|
$smarty->assign_by_ref('themes', $themes);
|
|
$theme_options = $themelib->list_theme_options($a_theme);
|
|
$smarty->assign('theme_options', $theme_options);
|
|
|
|
$theme_layouts = TikiLib::lib('css')->list_layouts();
|
|
$smarty->assign('theme_layouts', $theme_layouts);
|
|
|
|
// get thumbnail if there is one
|
|
$thumbfile = $themelib->get_thumbnail_file($prefs['site_theme'], $prefs['site_theme_option']);
|
|
if (empty($thumbfile)) {
|
|
$thumbfile = $themelib->get_thumbnail_file($prefs['site_theme']);
|
|
}
|
|
if (empty($thumbfile)) {
|
|
$thumbfile = 'img/trans.png';
|
|
}
|
|
$smarty->assign('thumbfile', $thumbfile);
|
|
|
|
// hash of themes and their options and their thumbnail images
|
|
if ($prefs['feature_jquery'] == 'y') {
|
|
$js = 'var theme_options = {';
|
|
foreach ($themes as $theme => $value) {
|
|
$js .= "\n'$theme':['" . $themelib->get_thumbnail_file($theme, '') . '\',{';
|
|
$options = $themelib->list_theme_options($theme);
|
|
if ($options) {
|
|
foreach ($options as $option) {
|
|
$js .= "'$option':'" . $themelib->get_thumbnail_file($theme, $option) . '\',';
|
|
}
|
|
$js = substr($js, 0, strlen($js) - 1) . '}';
|
|
} else {
|
|
$js .= '}';
|
|
}
|
|
$js .= '],';
|
|
}
|
|
$js = substr($js, 0, strlen($js) - 1);
|
|
$js .= '};';
|
|
|
|
$js .= 'var theme_layouts = ';
|
|
foreach ($themes as $theme => $value) {
|
|
$theme_layouts[$theme] = $csslib->list_user_selectable_layouts($theme);
|
|
$options = $themelib->list_theme_options($theme);
|
|
if ($options) {
|
|
foreach ($options as $option) {
|
|
$theme_layouts[$theme . ':' . $option] = $csslib->list_user_selectable_layouts($theme, $option);
|
|
}
|
|
}
|
|
}
|
|
//encode $theme_layouts into json to allow js below to fetch layouts based on theme selected by user
|
|
$theme_layouts_js = json_encode($theme_layouts);
|
|
$js .= $theme_layouts_js . ";";
|
|
|
|
// JS to handle theme/option changes client-side
|
|
// the var (theme_options) has to be declared in the same block for AJAX call scope
|
|
$none = json_encode(tr('None'));
|
|
$headerlib->add_cssfile('themes/base_files/feature_css/admin.css');
|
|
$headerlib->add_js(
|
|
<<<JS
|
|
$js
|
|
|
|
\$(document).ready( function() {
|
|
|
|
var setupThemeSelects = function (themeDropDown, optionDropDown, showPreview) {
|
|
// pick up theme drop-down change
|
|
themeDropDown.change( function() {
|
|
var ops = theme_options[themeDropDown.val()];
|
|
var none = true;
|
|
var current = optionDropDown.val();
|
|
optionDropDown.empty().attr('disabled',false)
|
|
.append(\$('<option/>').attr('value','').text($none));
|
|
if (themeDropDown.val()) {
|
|
\$.each(ops[1], function(i, val) {
|
|
optionDropDown.append(\$('<option/>').attr('value',i).text(i));
|
|
none = false;
|
|
});
|
|
}
|
|
optionDropDown.val(current);
|
|
if (none) {
|
|
optionDropDown.attr('disabled',true);
|
|
}
|
|
optionDropDown.change();
|
|
if (jqueryTiki.select2) {
|
|
optionDropDown.trigger("change.select2");
|
|
}
|
|
}).change();
|
|
optionDropDown.change( function() {
|
|
if (showPreview !== undefined) {
|
|
var t = themeDropDown.val();
|
|
var o = optionDropDown.val();
|
|
var f = theme_options[t][1][o];
|
|
|
|
if ( ! f ) {
|
|
f = theme_options[t][0];
|
|
}
|
|
|
|
if (f) {
|
|
\$('#theme_thumb').fadeOut('fast').attr('src', f).fadeIn('fast').animate({'opacity': 1}, 'fast');
|
|
} else {
|
|
\$('#theme_thumb').animate({'opacity': 0.3}, 'fast');
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
setupThemeSelects(\$('#wizardBody select[name=theme]'), \$('#wizardBody select[name=theme_option]'), true);
|
|
setupThemeSelects(\$('#wizardBody select[name=theme_admin]'), \$('#wizardBody select[name=theme_option_admin]'));
|
|
|
|
var setupThemeLayouts = function (themeDropDown, optionDropDown, layoutDropDown) {
|
|
themeDropDown,optionDropDown.change( function() {
|
|
var theme_name = themeDropDown.val();
|
|
if (optionDropDown.val()){
|
|
theme_name += ":" + optionDropDown.val();
|
|
}
|
|
var layouts = theme_layouts[theme_name];
|
|
var current = layoutDropDown.val();
|
|
layoutDropDown.empty();
|
|
//if no theme, it means it's the admin dropdown and is set to site theme. default to site layout
|
|
if (!theme_name){
|
|
layoutDropDown.append(\$('<option/>').attr('value','site_layout').text('Site layout'));
|
|
layoutDropDown.attr('disabled',true);
|
|
layoutDropDown.val('site_layout');
|
|
} else {
|
|
layoutDropDown.attr('disabled',false);
|
|
\$.each(layouts, function(i, val) {
|
|
layoutDropDown.append(\$('<option/>').attr('value',i).text(val));
|
|
});
|
|
|
|
//try setting the option to the previously selected option and if no layout matched, set to 'basic'
|
|
layoutDropDown.val(current);
|
|
if (!layoutDropDown.val()){
|
|
layoutDropDown.val('basic');
|
|
}
|
|
}
|
|
|
|
layoutDropDown.change();
|
|
|
|
}).change();
|
|
};
|
|
|
|
setupThemeLayouts(\$('#wizardBody select[name=theme]'), \$('#wizardBody select[name=theme_option]'), \$('#wizardBody select[name=site_layout]') );
|
|
setupThemeLayouts(\$('#wizardBody select[name=theme_admin]'), \$('#wizardBody select[name=theme_option_admin]'), \$('#wizardBody select[name=site_layout_admin]') );
|
|
});
|
|
JS
|
|
);
|
|
}
|
|
|
|
// // find thumbnail if there is one
|
|
// $a_style = $prefs['site_style'];
|
|
// // just changed theme menu, so refill options
|
|
// if (isset($_REQUEST['style']) && $_REQUEST['style'] != '') {
|
|
// $a_style = $_REQUEST['style'];
|
|
// }
|
|
// $thumbfile = $this->get_thumbnail_file($a_style, $prefs['site_style_option']);
|
|
// if (empty($thumbfile)) {
|
|
// $thumbfile = $this->get_thumbnail_file($a_style);
|
|
// }
|
|
// if (empty($thumbfile)) {
|
|
// $thumbfile = 'img/trans.png';
|
|
// }
|
|
// if (!empty($thumbfile)) {
|
|
// $smarty->assign('thumbfile', $thumbfile);
|
|
// }
|
|
//
|
|
// $styles = $tikilib->list_styles();
|
|
// $smarty->assign_by_ref('styles', $styles);
|
|
// $smarty->assign('a_style', $a_style);
|
|
// $smarty->assign('style_options', $tikilib->list_style_options($a_style));
|
|
//
|
|
// $this->setupThumbnailScript($styles);
|
|
//
|
|
return true;
|
|
}
|
|
|
|
public function getTemplate()
|
|
{
|
|
$wizardTemplate = 'wizard/admin_look_and_feel.tpl';
|
|
return $wizardTemplate;
|
|
}
|
|
|
|
public function onContinue($homepageUrl)
|
|
{
|
|
// Run the parent first
|
|
$changes = parent::onContinue($homepageUrl);
|
|
if (array_key_exists('style', $changes) || array_key_exists('style_option', $changes)) {
|
|
$query = ['url' => $_REQUEST['url'], 'wizard_step' => $_REQUEST['wizard_step'], 'showOnLogin' => $_REQUEST['showOnLogin']];
|
|
TikiLib::lib('access')->redirect($_SERVER['PHP_SELF'] . '?' . http_build_query($query, '', '&'));
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param $stl - style file name (e.g. thenews.css)
|
|
* @param $opt - optional option file name
|
|
* @return string path to thumbnail file
|
|
*/
|
|
public function get_thumbnail_file($stl, $opt = '') // find thumbnail if there is one
|
|
{
|
|
$tikilib = TikiLib::lib('tiki');
|
|
if (! empty($opt) && $opt != tr('None')) {
|
|
$filename = preg_replace('/\.css$/i', '.png', $opt); // change .css to .png
|
|
} else {
|
|
$filename = preg_replace('/\.css$/i', '.png', $stl); // change .css to .png
|
|
$opt = '';
|
|
}
|
|
return $tikilib->get_style_path($stl, $opt, $filename);
|
|
}
|
|
|
|
public function setupThumbnailScript($styles)
|
|
{
|
|
global $prefs;
|
|
$headerlib = TikiLib::lib('header');
|
|
$tikilib = TikiLib::lib('tiki');
|
|
|
|
if ($prefs['feature_jquery'] == 'y') {
|
|
// hash of themes and their options and their thumbnail images
|
|
$js = 'var style_options = {';
|
|
foreach ($styles as $s) {
|
|
$js .= "\n'$s':['" . $this->get_thumbnail_file($s, '') . '\',{';
|
|
$options = $tikilib->list_style_options($s);
|
|
if ($options) {
|
|
foreach ($options as $o) {
|
|
$js .= "'$o':'" . $this->get_thumbnail_file($s, $o) . '\',';
|
|
}
|
|
$js = substr($js, 0, strlen($js) - 1) . '}';
|
|
} else {
|
|
$js .= '}';
|
|
}
|
|
$js .= '],';
|
|
}
|
|
|
|
$js = substr($js, 0, strlen($js) - 1);
|
|
$js .= '};';
|
|
// JS to handle theme/option changes client-side
|
|
// the var (style_options) has to be declared in the same block for AJAX call scope
|
|
$none = json_encode(tr('None'));
|
|
|
|
$headerlib->add_js(
|
|
<<<JS
|
|
$js
|
|
|
|
\$(document).ready( function() {
|
|
var setupStyleSelects = function (styleDropDown, optionDropDown, showPreview) {
|
|
// pick up theme drop-down change
|
|
styleDropDown.change( function() {
|
|
var ops = style_options[styleDropDown.val()];
|
|
var none = true;
|
|
var current = optionDropDown.val();
|
|
optionDropDown.empty().attr('disabled',false)
|
|
.append(\$('<option/>').attr('value',$none).text($none));
|
|
if (styleDropDown.val()) {
|
|
\$.each(ops[1], function(i, val) {
|
|
optionDropDown.append(\$('<option/>').attr('value',i).text(i.replace(/\.css\$/, '')));
|
|
none = false;
|
|
});
|
|
}
|
|
optionDropDown.val(current);
|
|
if (none) {
|
|
optionDropDown.attr('disabled',true);
|
|
}
|
|
optionDropDown.change();
|
|
if (jqueryTiki.select2) {
|
|
optionDropDown.trigger("change.select2");
|
|
}
|
|
}).change();
|
|
optionDropDown.change( function() {
|
|
if (showPreview !== undefined) {
|
|
var t = styleDropDown.val();
|
|
var o = optionDropDown.val();
|
|
var f = style_options[t][1][o];
|
|
|
|
if ( ! f ) {
|
|
f = style_options[t][0];
|
|
}
|
|
|
|
if (f) {
|
|
\$('#style_thumb').fadeOut('fast').attr('src', f).fadeIn('fast').animate({'opacity': 1}, 'fast');
|
|
} else {
|
|
\$('#style_thumb').animate({'opacity': 0.3}, 'fast');
|
|
}
|
|
}
|
|
});
|
|
};
|
|
setupStyleSelects(\$('select[name=style]'), \$('select[name=style_option]'), true);
|
|
setupStyleSelects(\$('select[name=style_admin]'), \$('select[name=style_admin_option]'));
|
|
});
|
|
JS
|
|
);
|
|
}
|
|
}
|
|
}
|