<?php /** * SeekQuarry/Yioop -- * Open Source Pure PHP Search Engine, Crawler, and Indexer * * Copyright (C) 2009 - 2024 Chris Pollett chris@pollett.org * * LICENSE: * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see <https://www.gnu.org/licenses/>. * * END LICENSE * * @author Chris Pollett chris@pollett.org * @license https://www.gnu.org/licenses/ GPL3 * @link https://www.seekquarry.com/ * @copyright 2009 - 2024 * @filesource */ namespace seekquarry\yioop\views\elements; use seekquarry\yioop as B; use seekquarry\yioop\configs as C; /** * Element responsible for drawing the screen used to set up the search engine * appearance. * * @author Chris Pollett */ class AppearanceElement extends Element { /** * Draws the forms used to modify the search engine appearance. * * This element has a form to set foreground, background appearance and * icons used in the display of the Yioop web app. It can also be used to * configure if the main landing page should be the main wiki page * * @param array $data holds data on the profile elements related to site * appearance */ public function render($data) { $admin_url = htmlentities(B\controllerUrl('admin', true)); $appearance_url = $admin_url . 'a=appearance&'. C\CSRF_TOKEN."=".$data[C\CSRF_TOKEN]; $search_page_url = $admin_url . 'a=pageOptions&' . 'option_type=search_time&' . C\CSRF_TOKEN."=".$data[C\CSRF_TOKEN]; ?> <div class="current-activity bold"> <form id="appearanceForm" method="post" action='<?=$appearance_url ?>' enctype='multipart/form-data' <?php if (!empty($data['USE_THEME_FORM'])) { ?> onsubmit=" var caret_pos = elt('caret-pos'); var scroll_top = elt('scroll-top'); var auxiliary_css = elt('auxiliary-css'); if (caret_pos && scroll_top && auxiliary_css) { caret_pos.value = (auxiliary_css.selectionStart) ? auxiliary_css.selectionStart : 0; scroll_top.value = (auxiliary_css.scrollTop) ? auxiliary_css.scrollTop : 0; }" <?php } ?> > <input type="hidden" name="c" value="admin" > <input type="hidden" name="<?= C\CSRF_TOKEN ?>" value="<?= $data[C\CSRF_TOKEN] ?>" > <input type="hidden" name="a" value="appearance" > <input type="hidden" name="arg" value="profile" > <input type="hidden" name="caret" id="caret-pos" > <input type="hidden" name="scroll_top" id="scroll-top" > <div class="top-margin"> <?php if (empty($data['USE_THEME_FORM'])) { $this->renderMainAppearanceForm($data); } else { $this->renderThemeForm($data); } ?> <div class="top-margin center"> <button class="button-box" type="submit"><?= tl('appearance_element_save') ?></button> </div> </div> </form> </div> <?php } /** * Used to draw general appearance controls for a Yioop site * such as for setting the background color, site logo, etc. * Has a drop down for setting the current theme, but does not * show the edit/add theme forms. * * @param array $data from the AdminController/SystemComponent with * the current values for appearance settings. */ public function renderMainAppearanceForm($data) { $admin_url = htmlentities(B\controllerUrl('admin', true)); $appearance_url = $admin_url . 'a=appearance&'. C\CSRF_TOKEN."=".$data[C\CSRF_TOKEN]; $search_page_url = $admin_url . 'a=pageOptions&' . 'option_type=search_time&' . C\CSRF_TOKEN."=".$data[C\CSRF_TOKEN]; $icon_helper = $this->view->helper('iconlink'); ?> <div class="top-margin"><label for="landing-page"><?= tl('appearance_element_use_wiki_landing') ?></label> <input type="checkbox" id="landing-page" name="LANDING_PAGE" value='true' <?php if ($data['LANDING_PAGE'] == true) { e("checked='checked'");} ?> ></div> <div class="top-margin">[<a href="<?=$search_page_url ?>"><?= tl('appearance_element_search_page_components') ?></a>] [<a href="<?= $appearance_url . '&arg=reset' ?>"><?= tl('appearance_element_reset_customizations') ?></a>] </div> <div class="top-margin"><label for="theme"><?= tl('appearance_element_themes') ?></label><?php $this->view->helper("options")->render( "theme", "AUXILIARY_CSS_NAME", $data['themes'], $data['AUXILIARY_CSS_NAME'] ?? -1, true, ["class" => 'theme-dropdown']); e(" "); if (!empty($data['AUXILIARY_CSS_NAME']) && $data['AUXILIARY_CSS_NAME'] != -1) { $icon_helper->renderButton("$appearance_url" . "&edit_theme=true", "edit", "", false, "source-anchor-button"); } e(" "); $icon_helper->renderButton("$appearance_url" . "&add_theme=true&AUXILIARY_CSS=", "add", "", false, "source-anchor-button");?> </div> <div class="top-margin"><label for="back-color"><?= tl('appearance_element_background_color') ?></label> <input type="color" id="back-color" name="BACKGROUND_COLOR" class="narrow-field" value='<?= $data["BACKGROUND_COLOR"] ?>' ></div> <div class="top-margin"> <table><tr> <td><label for="back-image"><?= tl('appearance_element_background_image') ?></label></td><td class="user-icon-td"><?php $image = (isset($data['BACKGROUND_IMAGE']) && $data['BACKGROUND_IMAGE']) ? $data['BACKGROUND_IMAGE'] : C\SHORT_BASE_URL."/resources/drag.png"; ?><img id='current-back-image' class="user-icon" src="<?= $image ?>" alt="<?= tl('appearance_element_background_image') ?>" ><?php $this->view->helper("fileupload")->render( 'current-back-image', 'BACKGROUND_IMAGE', 'back-image', C\THUMB_SIZE, 'image', ['image/png', 'image/gif', 'image/jpeg', 'image/webp', 'image/x-icon']); ?></td></tr></table> </div> <div class="top-margin"><label for="fore-color"><?= tl('appearance_element_foreground_color') ?></label> <input type="color" id="fore-color" name="FOREGROUND_COLOR" class="narrow-field" value='<?= $data["FOREGROUND_COLOR"] ?>' ></div> <div class="top-margin"><label for="top-color"><?= tl('appearance_element_topbar_color') ?></label> <input type="color" id="top-color" name="TOPBAR_COLOR" class="narrow-field" value='<?= $data["TOPBAR_COLOR"]?>' ></div> <div class="top-margin"><label for="side-color"><?= tl('appearance_element_sidebar_color') ?></label> <input type="color" id="side-color" name="SIDEBAR_COLOR" class="narrow-field" value='<?= $data["SIDEBAR_COLOR"] ?>' ></div><?php foreach (['large' => tl('appearance_element_large_logo'), 'medium' => tl('appearance_element_medium_logo'), 'small' => tl('appearance_element_small_logo')] as $size => $label_size) { $upper_size = mb_strtoupper($size); $size_logo = $size . '-logo'; ?> <div class="top-margin"> <table><tr> <td><label for="<?=$size_logo ?>"><?=$label_size ?></label></td><td class="user-icon-td"><?php $logo_field = 'LOGO_' . $upper_size; $current_logo = 'current-'. $size_logo; $image = (isset($data[$logo_field]) && $data[$logo_field]) ? $data[$logo_field] : C\SHORT_BASE_URL . "/resources/drag.png"; ?><img id='<?= $current_logo ?>' class="user-icon" src="<?=$image ?>" alt="<?=$label_size ?>" ><?php $this->view->helper("fileupload")->render( $current_logo, $logo_field, $size_logo, C\THUMB_SIZE, 'image', ['image/png', 'image/gif', 'image/jpeg', 'image/webp', 'image/x-icon']); ?></td></tr></table> </div><?php } ?> <div class="top-margin"> <table><tr> <td><label for="favicon"><?=tl('appearance_element_favicon') ?></label></td><td class="user-icon-td"><?php $image = (isset($data['FAVICON']) && $data['FAVICON']) ? $data['FAVICON'] : C\SHORT_BASE_URL . "/resources/drag.png"; ?><img id='current-favicon' class="user-icon" src="<?=$data['FAVICON'] ?>" alt="<?= tl('appearance_element_favicon') ?>" ><?php $this->view->helper("fileupload")->render( 'current-favicon', 'FAVICON', 'favicon', C\THUMB_SIZE, 'image', ['image/png', 'image/gif', 'image/jpeg', 'image/webp', 'image/x-icon']); ?></td></tr></table> </div> <div class="top-margin"><table><tr> <td><label for="toolbar"><?=tl('appearance_element_toolbar') ?></label></td><td class="user-icon-td"><?php ?><div id="current-toolbar" class="upload-file" > </div><?php $this->view->helper("fileupload")->render( 'current-toolbar', 'SEARCHBAR_PATH', 'toolbar', 1000000, 'text', ["text/xml"]); ?></td></tr></table> </div> <?php } /** * Used to draw the create/edit theme forms for the Appearance Acitivity * * @param array $data from the AdminController/SystemComponent with * the code for the theme being edited */ public function renderThemeForm($data) { $admin_url = htmlentities(B\controllerUrl('admin', true)); $appearance_url = $admin_url . 'a=appearance&'. C\CSRF_TOKEN."=".$data[C\CSRF_TOKEN]; $this->view->helper("close")->render($appearance_url); $icon_helper = $this->view->helper('iconlink'); if ($data['LANDING_PAGE'] == true) {?> <input type="hidden" name="LANDING_PAGE" value='true' ><?php } ?> <div class="top-margin"><input type="hidden" name="edit_theme" value="true" ><label for="auxiliary-css-name"><?= tl('appearance_element_auxiliary_css_name') ?></label> <input type="text" name="AUXILIARY_CSS_NAME" maxlength="<?=C\NAME_LEN?>" placeholder="<?=tl('appearance_element_theme_name') ?>" <?=!empty($data['AUXILIARY_CSS_NAME']) ? ' style="' . 'pointer-events:none; color: gray;" ' . 'value="'. $data['AUXILIARY_CSS_NAME'] . '" ' : "" ?> > <?php if (empty($data['ADD_THEME'])) { $icon_helper->renderLink("$appearance_url" . "&arg=delete&AUXILIARY_CSS_NAME=". urlencode($data['AUXILIARY_CSS_NAME']), "delete", "", false); }?></div> <div class="top-margin"><label for="auxiliary-css"><?= tl('appearance_element_css_code') ?></label> <textarea class="tall-text-area" id="auxiliary-css" name="AUXILIARY_CSS" ><?= (!empty($data['AUXILIARY_CSS_NAME']) || !empty($data['ADD_THEME'])) ? $data['AUXILIARY_CSS'] : "" ?></textarea> </div><?php } }