mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 07:24:13 +01:00
c5b8d3fa72
# Conflicts: # application/datamodel.application.xml # application/itopwebpage.class.inc.php # css/light-grey.scss
1828 lines
62 KiB
PHP
1828 lines
62 KiB
PHP
<?php
|
|
/**
|
|
* Copyright (C) 2013-2020 Combodo SARL
|
|
*
|
|
* This file is part of iTop.
|
|
*
|
|
* iTop is free software; you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* iTop 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 Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
*/
|
|
|
|
require_once(APPROOT."/application/nicewebpage.class.inc.php");
|
|
require_once(APPROOT."/application/applicationcontext.class.inc.php");
|
|
require_once(APPROOT."/application/user.preferences.class.inc.php");
|
|
|
|
use Combodo\iTop\Application\TwigBase\Twig\TwigHelper;
|
|
use Combodo\iTop\Application\UI\iUIBlock;
|
|
use Combodo\iTop\Application\UI\Layout\NavigationMenu\NavigationMenuFactory;
|
|
use Combodo\iTop\Application\UI\Layout\PageContent\PageContent;
|
|
use Combodo\iTop\Application\UI\Layout\PageContent\PageContentFactory;
|
|
use Combodo\iTop\Application\UI\Layout\TopBar\TopBarFactory;
|
|
use Combodo\iTop\Application\UI\UIBlock;
|
|
use Combodo\iTop\Renderer\BlockRenderer;
|
|
|
|
/**
|
|
* Web page with some associated CSS and scripts (jquery) for a fancier display
|
|
*/
|
|
class iTopWebPage extends NiceWebPage implements iTabbedPage
|
|
{
|
|
/** @var string ENUM_BREADCRUMB_ENTRY_ICON_TYPE_IMAGE */
|
|
const ENUM_BREADCRUMB_ENTRY_ICON_TYPE_IMAGE = 'image';
|
|
/** @var string ENUM_BREADCRUMB_ENTRY_ICON_TYPE_CSS_CLASSES */
|
|
const ENUM_BREADCRUMB_ENTRY_ICON_TYPE_CSS_CLASSES = 'css_classes';
|
|
/** @var string DEFAULT_BREADCRUMB_ENTRY_ICON_TYPE */
|
|
const DEFAULT_BREADCRUMB_ENTRY_ICON_TYPE = self::ENUM_BREADCRUMB_ENTRY_ICON_TYPE_IMAGE;
|
|
|
|
/** @var string DEFAULT_PAGE_TEMPLATE_REL_PATH The relative path (from <ITOP>/templates/) to the default page template */
|
|
const DEFAULT_PAGE_TEMPLATE_REL_PATH = 'pages/backoffice/layout';
|
|
|
|
private $m_aMessages;
|
|
private $m_aInitScript = array();
|
|
protected $sTemplateRelPath;
|
|
/** @var \Combodo\iTop\Application\UI\Layout\PageContent\PageContent $oContentLayout */
|
|
protected $oContentLayout;
|
|
protected $m_oTabs;
|
|
protected $bBreadCrumbEnabled;
|
|
protected $sBreadCrumbEntryId;
|
|
protected $sBreadCrumbEntryLabel;
|
|
protected $sBreadCrumbEntryDescription;
|
|
protected $sBreadCrumbEntryUrl;
|
|
protected $sBreadCrumbEntryIcon;
|
|
protected $sBreadCrumbEntryIconType;
|
|
/** @var \ContextTag $oCtx */
|
|
protected $oCtx;
|
|
|
|
/**
|
|
* iTopWebPage constructor.
|
|
*
|
|
* @param string $sTitle
|
|
* @param bool $bPrintable
|
|
*
|
|
* @throws \Exception
|
|
*/
|
|
public function __construct($sTitle, $bPrintable = false)
|
|
{
|
|
parent::__construct($sTitle, $bPrintable);
|
|
$this->m_oTabs = new TabManager();
|
|
$this->oCtx = new ContextTag(ContextTag::TAG_CONSOLE);
|
|
|
|
$this->SetTemplateRelPath(static::DEFAULT_PAGE_TEMPLATE_REL_PATH);
|
|
// By default, content layout is empty, only manually added content will be displayed (eg. $this->add(xxx))
|
|
$this->SetContentLayout(PageContentFactory::MakeStandardEmpty());
|
|
|
|
ApplicationContext::SetUrlMakerClass('iTopStandardURLMaker');
|
|
|
|
if ((count($_POST) == 0) || (array_key_exists('loginop', $_POST)))
|
|
{
|
|
// Create a breadcrumb entry for the current page, but get its title as late as possible (page title could be changed later)
|
|
$this->bBreadCrumbEnabled = true;
|
|
}
|
|
else
|
|
{
|
|
$this->bBreadCrumbEnabled = false;
|
|
}
|
|
|
|
utils::InitArchiveMode();
|
|
|
|
$this->m_aMessages = array();
|
|
$this->SetRootUrl(utils::GetAbsoluteUrlAppRoot());
|
|
$this->add_header("Content-type: text/html; charset=".self::PAGES_CHARSET);
|
|
// TODO: Should we keep this? Makes no sense
|
|
//$this->add_header("Cache-control: no-cache");
|
|
// TODO: Add only what's necessary
|
|
$this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/jquery.treeview.css');
|
|
$this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/jquery-ui-timepicker-addon.css');
|
|
$this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/jquery.multiselect.css');
|
|
$this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/magnific-popup.css');
|
|
$this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/c3.min.css');
|
|
$this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'node_modules/tippy.js/dist/tippy.css');
|
|
$this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'node_modules/tippy.js/animations/shift-away-subtle.css');
|
|
$this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/font-awesome/css/all.min.css');
|
|
$this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/font-combodo/font-combodo.css');
|
|
$this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'js/ckeditor/plugins/codesnippet/lib/highlight/styles/obsidian.css');
|
|
$this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/selectize.default.css');
|
|
|
|
// TODO: Add only what's necessary
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/jquery.layout.min.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/jquery.ba-bbq.min.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/jquery.treeview.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/date.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/jquery-ui-timepicker-addon.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/jquery-ui-timepicker-addon-i18n.min.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/jquery.blockUI.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/utils.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/swfobject.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/ckeditor/ckeditor.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/ckeditor/adapters/jquery.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js');
|
|
/* @deprecated qTip will be removed in 2.9.0, use Tippy.js instead */
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/jquery.qtip-1.0.min.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'node_modules/@popperjs/core/dist/umd/popper.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'node_modules/tippy.js/dist/tippy-bundle.umd.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/property_field.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/icon_select.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/raphael-min.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/selectize.min.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/d3.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/c3.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/jquery.multiselect.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/ajaxfileupload.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/jquery.mousewheel.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/jquery.magnific-popup.min.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/moment-with-locales.min.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/showdown.min.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/pages/backoffice.js');
|
|
$this->add_linked_script(utils::GetAbsoluteUrlAppRoot().'js/newsroom_menu.js');
|
|
|
|
$this->add_dict_entry('UI:FillAllMandatoryFields');
|
|
|
|
$this->add_dict_entries('Error:');
|
|
$this->add_dict_entries('UI:Button:');
|
|
$this->add_dict_entries('UI:Search:');
|
|
$this->add_dict_entry('UI:UndefinedObject');
|
|
$this->add_dict_entries('Enum:Undefined');
|
|
|
|
|
|
if (!$this->IsPrintableVersion())
|
|
{
|
|
$this->PrepareLayout();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Set the template path to use for the page
|
|
*
|
|
* @param string $sTemplateRelPath Relative path (from <ITOP>/templates/) to the template path
|
|
*
|
|
* @return $this
|
|
* @since 2.8.0
|
|
*/
|
|
public function SetTemplateRelPath($sTemplateRelPath)
|
|
{
|
|
$this->sTemplateRelPath = $sTemplateRelPath;
|
|
return $this;
|
|
}
|
|
|
|
/**
|
|
* Return the relative path (from <ITOP>/templates/) to the page template
|
|
*
|
|
* @return string
|
|
* @since 2.8.0
|
|
*/
|
|
public function GetTemplateRelPath()
|
|
{
|
|
return $this->sTemplateRelPath;
|
|
}
|
|
|
|
/**
|
|
*
|
|
*/
|
|
protected function PrepareLayout()
|
|
{
|
|
$sJSDisconnectedMessage = json_encode(Dict::S('UI:DisconnectedDlgMessage'));
|
|
$sJSTitle = json_encode(Dict::S('UI:DisconnectedDlgTitle'));
|
|
$sJSLoginAgain = json_encode(Dict::S('UI:LoginAgain'));
|
|
$sJSStayOnThePage = json_encode(Dict::S('UI:StayOnThePage'));
|
|
$aDaysMin = array(
|
|
Dict::S('DayOfWeek-Sunday-Min'),
|
|
Dict::S('DayOfWeek-Monday-Min'),
|
|
Dict::S('DayOfWeek-Tuesday-Min'),
|
|
Dict::S('DayOfWeek-Wednesday-Min'),
|
|
Dict::S('DayOfWeek-Thursday-Min'),
|
|
Dict::S('DayOfWeek-Friday-Min'),
|
|
Dict::S('DayOfWeek-Saturday-Min'),
|
|
);
|
|
$aMonthsShort = array(
|
|
Dict::S('Month-01-Short'),
|
|
Dict::S('Month-02-Short'),
|
|
Dict::S('Month-03-Short'),
|
|
Dict::S('Month-04-Short'),
|
|
Dict::S('Month-05-Short'),
|
|
Dict::S('Month-06-Short'),
|
|
Dict::S('Month-07-Short'),
|
|
Dict::S('Month-08-Short'),
|
|
Dict::S('Month-09-Short'),
|
|
Dict::S('Month-10-Short'),
|
|
Dict::S('Month-11-Short'),
|
|
Dict::S('Month-12-Short'),
|
|
);
|
|
$sTimeFormat = AttributeDateTime::GetFormat()->ToTimeFormat();
|
|
$oTimeFormat = new DateTimeFormat($sTimeFormat);
|
|
|
|
// Date picker options
|
|
$aPickerOptions = array(
|
|
'showOn' => 'button',
|
|
'buttonImage' => '../images/calendar.png',
|
|
'buttonImageOnly' => true,
|
|
'dateFormat' => AttributeDate::GetFormat()->ToDatePicker(),
|
|
'constrainInput' => false,
|
|
'changeMonth' => true,
|
|
'changeYear' => true,
|
|
'dayNamesMin' => $aDaysMin,
|
|
'monthNamesShort' => $aMonthsShort,
|
|
'firstDay' => (int)Dict::S('Calendar-FirstDayOfWeek'),
|
|
);
|
|
$sJSDatePickerOptions = json_encode($aPickerOptions);
|
|
|
|
// Time picker additional options
|
|
$sUserLang = Dict::GetUserLanguage();
|
|
$sUserLangShort = strtolower(
|
|
substr($sUserLang, 0, 2)
|
|
);
|
|
// PR #40 : we are picking correct values for specific cases in dict files
|
|
// some languages are using codes like zh-CN or pt-BR
|
|
$sTimePickerLang = json_encode(
|
|
Dict::S('INTERNAL:JQuery-DatePicker:LangCode', $sUserLangShort)
|
|
);
|
|
$aPickerOptions['showOn'] = '';
|
|
$aPickerOptions['buttonImage'] = null;
|
|
$aPickerOptions['timeFormat'] = $oTimeFormat->ToDatePicker();
|
|
$aPickerOptions['controlType'] = 'select';
|
|
$aPickerOptions['closeText'] = Dict::S('UI:Button:Ok');
|
|
$sJSDateTimePickerOptions = json_encode($aPickerOptions);
|
|
if ($sTimePickerLang != '"en"')
|
|
{
|
|
// More options that cannot be passed via json_encode since they must be evaluated client-side
|
|
$aMoreJSOptions = ",
|
|
'timeText': $.timepicker.regional[$sTimePickerLang].timeText,
|
|
'hourText': $.timepicker.regional[$sTimePickerLang].hourText,
|
|
'minuteText': $.timepicker.regional[$sTimePickerLang].minuteText,
|
|
'secondText': $.timepicker.regional[$sTimePickerLang].secondText,
|
|
'currentText': $.timepicker.regional[$sTimePickerLang].currentText
|
|
}";
|
|
$sJSDateTimePickerOptions = substr($sJSDateTimePickerOptions, 0, -1).$aMoreJSOptions;
|
|
}
|
|
$this->add_script(
|
|
<<< JS
|
|
function GetUserLanguage()
|
|
{
|
|
return $sTimePickerLang;
|
|
}
|
|
function PrepareWidgets()
|
|
{
|
|
// note: each action implemented here must be idempotent,
|
|
// because this helper function might be called several times on a given page
|
|
|
|
// Note: Trigger image is wrapped in a span so we can display it we want
|
|
$(".date-pick").datepicker($sJSDatePickerOptions)
|
|
.next("img").wrap("<span>");
|
|
|
|
// Hack for the date and time picker addon issue on Chrome (see #1305)
|
|
// The workaround is to instantiate the widget on demand
|
|
// It relies on the same markup, thus reverting to the original implementation should be straightforward
|
|
$(".datetime-pick:not(.is-widget-ready)").each(function(){
|
|
var oInput = this;
|
|
$(oInput).addClass('is-widget-ready');
|
|
$('<span><img class="datetime-pick-button" src="../images/calendar.png"></span>')
|
|
.insertAfter($(this))
|
|
.on('click', function(){
|
|
$(oInput)
|
|
.datetimepicker($sJSDateTimePickerOptions)
|
|
.datetimepicker('show')
|
|
.datetimepicker('option', 'onClose', function(dateText,inst){
|
|
$(oInput).datetimepicker('destroy');
|
|
})
|
|
.on('click keypress', function(){
|
|
$(oInput).datetimepicker('hide');
|
|
});
|
|
});
|
|
});
|
|
}
|
|
JS
|
|
);
|
|
|
|
// TODO: This is for tag sets, refactor the attribute markup so it contains the necessary
|
|
// TODO: data-tooltip-* attributes to activate the tooltips automatically (see /js/pages/backoffice.js)
|
|
// Attribute set tooltip on items
|
|
$this->add_ready_script(
|
|
<<<JS
|
|
$('.attribute-set-item').each(function(){
|
|
// Encoding only title as the content is already sanitized by the HTML attribute.
|
|
var sLabel = $('<div/>').text($(this).attr('data-label')).html();
|
|
var sDescription = $(this).attr('data-description');
|
|
|
|
var oContent = {};
|
|
|
|
// Make nice tooltip if item has a description, otherwise just make a title attribute so the truncated label can be read.
|
|
if(sDescription !== '')
|
|
{
|
|
oContent.title = { text: sLabel };
|
|
oContent.text = sDescription;
|
|
}
|
|
else
|
|
{
|
|
oContent.text = sLabel;
|
|
}
|
|
|
|
$(this).qtip({
|
|
content: oContent,
|
|
show: { delay: 300, when: 'mouseover' },
|
|
hide: { delay: 140, when: 'mouseout', fixed: true },
|
|
style: { name: 'dark', tip: 'bottomLeft' },
|
|
position: { corner: { target: 'topMiddle', tooltip: 'bottomLeft' }}
|
|
});
|
|
});
|
|
JS
|
|
);
|
|
|
|
// TODO: Change CSS class and extract this in backoffice.js
|
|
// Make image attributes zoomable
|
|
$this->add_ready_script(
|
|
<<<JS
|
|
$('.view-image img').each(function(){
|
|
$(this).attr('href', $(this).attr('src'))
|
|
})
|
|
.magnificPopup({type: 'image', closeOnContentClick: true });
|
|
JS
|
|
);
|
|
|
|
// TODO: Change CSS class and extract this in backoffice.js
|
|
// Highlight code content created with CKEditor
|
|
$this->add_ready_script(
|
|
<<<JS
|
|
// Highlight code content for HTML AttributeText
|
|
$("[data-attribute-type='AttributeText'] .HTML pre").each(function(i, block) {
|
|
hljs.highlightBlock(block);
|
|
});
|
|
// Highlight code content for CaseLogs
|
|
$("[data-attribute-type='AttributeCaseLog'] .caselog_entry_html pre").each(function(i, block) {
|
|
hljs.highlightBlock(block);
|
|
});
|
|
JS
|
|
);
|
|
|
|
$this->add_init_script(
|
|
<<< JS
|
|
try
|
|
{
|
|
// Tabs, using JQuery BBQ to store the history
|
|
// The "tab widgets" to handle.
|
|
var tabs = $('div[id^=tabbedContent]');
|
|
|
|
// This selector will be reused when selecting actual tab widget A elements.
|
|
var tab_a_selector = 'ul.ui-tabs-nav a';
|
|
|
|
// Ugly patch for a change in the behavior of jQuery UI:
|
|
// Before jQuery UI 1.9, tabs were always considered as "local" (opposed to Ajax)
|
|
// when their href was beginning by #. Starting with 1.9, a <base> tag in the page
|
|
// is taken into account and causes "local" tabs to be considered as Ajax
|
|
// unless their URL is equal to the URL of the page...
|
|
$('div[id^=tabbedContent] > ul > li > a').each(function() {
|
|
var sHash = location.hash;
|
|
var sHref = $(this).attr("href");
|
|
if (sHref.match(/^#/))
|
|
{
|
|
var sCleanLocation = location.href.toString().replace(sHash, '').replace(/#$/, '');
|
|
$(this).attr("href", sCleanLocation+$(this).attr("href"));
|
|
}
|
|
});
|
|
|
|
// Enable tabs on all tab widgets. The `event` property must be overridden so
|
|
// that the tabs aren't changed on click, and any custom event name can be
|
|
// specified. Note that if you define a callback for the 'select' event, it
|
|
// will be executed for the selected tab whenever the hash changes.
|
|
tabs.tabs({
|
|
event: 'change', 'show': function(event, ui) {
|
|
$('.resizable', ui.panel).resizable(); // Make resizable everything that claims to be resizable !
|
|
},
|
|
beforeLoad: function( event, ui ) {
|
|
if ( ui.tab.data('loaded') && (ui.tab.attr('data-cache') == 'true')) {
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
ui.panel.html('<div><img src="../images/indicator.gif"></div>');
|
|
ui.jqXHR.done(function() {
|
|
ui.tab.data( "loaded", true );
|
|
});
|
|
}
|
|
});
|
|
}
|
|
catch(err)
|
|
{
|
|
// Do something with the error !
|
|
alert(err);
|
|
}
|
|
JS
|
|
);
|
|
|
|
// TODO: What is this for?
|
|
$this->add_ready_script(
|
|
<<< JS
|
|
|
|
// Adjust initial size
|
|
$('.v-resizable').each( function()
|
|
{
|
|
var parent_id = $(this).parent().id;
|
|
// Restore the saved height
|
|
var iHeight = GetUserPreference(parent_id+'_'+this.id+'_height', undefined);
|
|
if (iHeight != undefined)
|
|
{
|
|
$(this).height(parseInt(iHeight, 10)); // Parse in base 10 !);
|
|
}
|
|
// Adjust the child 'item''s height and width to fit
|
|
var container = $(this);
|
|
var fixedWidth = container.parent().innerWidth() - 6;
|
|
// Set the width to fit the parent
|
|
$(this).width(fixedWidth);
|
|
var headerHeight = $(this).find('.drag_handle').height();
|
|
// Now adjust the width and height of the child 'item'
|
|
container.find('.item').height(container.innerHeight() - headerHeight - 12).width(fixedWidth - 10);
|
|
}
|
|
);
|
|
// Make resizable, vertically only everything that claims to be v-resizable !
|
|
$('.v-resizable').resizable( { handles: 's', minHeight: $(this).find('.drag_handle').height(), minWidth: $(this).parent().innerWidth() - 6, maxWidth: $(this).parent().innerWidth() - 6, stop: function()
|
|
{
|
|
// Adjust the content
|
|
var container = $(this);
|
|
var headerHeight = $(this).find('.drag_handle').height();
|
|
container.find('.item').height(container.innerHeight() - headerHeight - 12);//.width(container.innerWidth());
|
|
var parent_id = $(this).parent().id;
|
|
SetUserPreference(parent_id+'_'+this.id+'_height', $(this).height(), true); // true => persistent
|
|
}
|
|
} );
|
|
|
|
// Tabs, using JQuery BBQ to store the history
|
|
// The "tab widgets" to handle.
|
|
var tabs = $('div[id^=tabbedContent]');
|
|
|
|
// This selector will be reused when selecting actual tab widget A elements.
|
|
var tab_a_selector = 'ul.ui-tabs-nav a';
|
|
|
|
// Define our own click handler for the tabs, overriding the default.
|
|
tabs.find( tab_a_selector ).click(function()
|
|
{
|
|
var state = {};
|
|
|
|
// Get the id of this tab widget.
|
|
var id = $(this).closest( 'div[id^=tabbedContent]' ).attr( 'id' );
|
|
|
|
// Get the index of this tab.
|
|
var idx = $(this).parent().prevAll().length;
|
|
|
|
// Set the state!
|
|
state[ id ] = idx;
|
|
$.bbq.pushState( state );
|
|
});
|
|
|
|
// refresh the hash when the tab is changed (from a JS script)
|
|
$('body').on( 'tabsactivate', '.ui-tabs', function(event, ui) {
|
|
var state = {};
|
|
|
|
// Get the id of this tab widget.
|
|
var id = $(ui.newTab).closest( 'div[id^=tabbedContent]' ).attr( 'id' );
|
|
|
|
// Get the index of this tab.
|
|
var idx = $(ui.newTab).prevAll().length;
|
|
|
|
// Set the state!
|
|
state[ id ] = idx;
|
|
$.bbq.pushState( state );
|
|
});
|
|
|
|
// Bind an event to window.onhashchange that, when the history state changes,
|
|
// iterates over all tab widgets, changing the current tab as necessary.
|
|
$(window).bind( 'hashchange', function(e)
|
|
{
|
|
// Iterate over all tab widgets.
|
|
tabs.each(function()
|
|
{
|
|
// Get the index for this tab widget from the hash, based on the
|
|
// appropriate id property. In jQuery 1.4, you should use e.getState()
|
|
// instead of $.bbq.getState(). The second, 'true' argument coerces the
|
|
// string value to a number.
|
|
var idx = $.bbq.getState( this.id, true ) || 0;
|
|
|
|
// Select the appropriate tab for this tab widget by triggering the custom
|
|
// event specified in the .tabs() init above (you could keep track of what
|
|
// tab each widget is on using .data, and only select a tab if it has
|
|
// changed).
|
|
$(this).find( tab_a_selector ).eq( idx ).triggerHandler( 'change' );
|
|
});
|
|
|
|
// Iterate over all truncated lists to find whether they are expanded or not
|
|
$('a.truncated').each(function()
|
|
{
|
|
var state = $.bbq.getState( this.id, true ) || 'close';
|
|
if (state == 'open')
|
|
{
|
|
$(this).trigger('open');
|
|
}
|
|
else
|
|
{
|
|
$(this).trigger('close');
|
|
}
|
|
});
|
|
});
|
|
|
|
// Shortcut menu actions
|
|
$('.actions_button a').click( function() {
|
|
aMatches = /#(.*)$/.exec(window.location.href);
|
|
if (aMatches != null)
|
|
{
|
|
currentHash = aMatches[1];
|
|
if ( /#(.*)$/.test(this.href))
|
|
{
|
|
this.href = this.href.replace(/#(.*)$/, '#'+currentHash);
|
|
}
|
|
}
|
|
});
|
|
|
|
// End of Tabs handling
|
|
|
|
PrepareWidgets();
|
|
|
|
// Make sortable, everything that claims to be sortable
|
|
$('.sortable').sortable( {axis: 'y', cursor: 'move', handle: '.drag_handle', stop: function()
|
|
{
|
|
if ($(this).hasClass('persistent'))
|
|
{
|
|
// remember the sort order for next time the page is loaded...
|
|
sSerialized = $(this).sortable('serialize', {key: 'menu'});
|
|
var sTemp = sSerialized.replace(/menu=/g, '');
|
|
SetUserPreference(this.id+'_order', sTemp.replace(/&/g, ','), true); // true => persistent !
|
|
}
|
|
}
|
|
});
|
|
docWidth = $(document).width();
|
|
$('#ModalDlg').dialog({ autoOpen: false, modal: true, width: 0.8*docWidth, height: 'auto', maxHeight: $(window).height() - 50 }); // JQuery UI dialogs
|
|
ShowDebug();
|
|
$('#logOffBtn>ul').popupmenu();
|
|
|
|
$('.caselog_header').click( function () { $(this).toggleClass('open').next('.caselog_entry,.caselog_entry_html').toggle(); });
|
|
|
|
$(document).ajaxSend(function(event, jqxhr, options) {
|
|
jqxhr.setRequestHeader('X-Combodo-Ajax', 'true');
|
|
});
|
|
$(document).ajaxError(function(event, jqxhr, options) {
|
|
if (jqxhr.status == 401)
|
|
{
|
|
$('<div>'+$sJSDisconnectedMessage+'</div>').dialog({
|
|
modal:true,
|
|
title: $sJSTitle,
|
|
close: function() { $(this).remove(); },
|
|
minWidth: 400,
|
|
buttons: [
|
|
{ text: $sJSLoginAgain, click: function() { window.location.href= GetAbsoluteUrlAppRoot()+'pages/UI.php' } },
|
|
{ text: $sJSStayOnThePage, click: function() { $(this).dialog('close'); } }
|
|
]
|
|
});
|
|
}
|
|
});
|
|
JS
|
|
);
|
|
|
|
// TODO: To preserve
|
|
$this->add_ready_script(InlineImage::FixImagesWidth());
|
|
|
|
/*
|
|
* Not used since the sorting of the tables is always performed server-side
|
|
AttributeDateTime::InitTableSorter($this, 'custom_date_time');
|
|
AttributeDate::InitTableSorter($this, 'custom_date');
|
|
*/
|
|
|
|
// TODO: What is this for?
|
|
$sUserPrefs = appUserPreferences::GetAsJSON();
|
|
$this->add_script(
|
|
<<<JS
|
|
// // for JQuery history
|
|
// function history_callback(hash)
|
|
// {
|
|
// // do stuff that loads page content based on hash variable
|
|
// var aMatches = /^tab_(.*)$/.exec(hash);
|
|
// if (aMatches != null)
|
|
// {
|
|
// var tab = $('#'+hash);
|
|
// tab.parents('div[id^=tabbedContent]:first').tabs('select', aMatches[1]);
|
|
// }
|
|
// }
|
|
|
|
function goBack()
|
|
{
|
|
window.history.back();
|
|
}
|
|
|
|
function BackToDetails(sClass, id, sDefaultUrl, sOwnershipToken)
|
|
{
|
|
window.bInCancel = true;
|
|
if (id > 0)
|
|
{
|
|
sToken = '';
|
|
if (sOwnershipToken != undefined)
|
|
{
|
|
sToken = '&token='+sOwnershipToken;
|
|
}
|
|
window.location.href = AddAppContext(GetAbsoluteUrlAppRoot()+'pages/UI.php?operation=release_lock_and_details&class='+sClass+'&id='+id+sToken);
|
|
}
|
|
else
|
|
{
|
|
window.location.href = sDefaultUrl; // Already contains the context...
|
|
}
|
|
}
|
|
|
|
function BackToList(sClass)
|
|
{
|
|
window.location.href = AddAppContext(GetAbsoluteUrlAppRoot()+'pages/UI.php?operation=search_oql&oql_class='+sClass+'&oql_clause=WHERE id=0');
|
|
}
|
|
|
|
function ShowDebug()
|
|
{
|
|
if ($('#rawOutput > div').html() != '')
|
|
{
|
|
$('#rawOutput').dialog( {autoOpen: true, modal:false, width: '80%'});
|
|
}
|
|
}
|
|
|
|
var oUserPreferences = $sUserPrefs;
|
|
|
|
// For disabling the CKEditor at init time when the corresponding textarea is disabled !
|
|
CKEDITOR.plugins.add( 'disabler',
|
|
{
|
|
init : function( editor )
|
|
{
|
|
editor.on( 'instanceReady', function(e)
|
|
{
|
|
e.removeListener();
|
|
$('#'+ editor.name).trigger('update');
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
|
|
function FixPaneVis()
|
|
{
|
|
$('.ui-layout-center, .ui-layout-north, .ui-layout-south').css({display: 'block'});
|
|
}
|
|
JS
|
|
);
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
* @throws \Exception
|
|
*/
|
|
protected function LoadTheme()
|
|
{
|
|
// TODO: Remove light-grey when development of Full Moon is done.
|
|
// TODO: Reuse theming mechanism for Full Moon
|
|
$sCssThemeUrl = ThemeHandler::GetCurrentThemeUrl();
|
|
$this->add_linked_stylesheet($sCssThemeUrl);
|
|
|
|
$sCssRelPath = utils::GetCSSFromSASS(
|
|
'css/backoffice/main.scss',
|
|
array(
|
|
APPROOT.'css/backoffice/',
|
|
)
|
|
);
|
|
$this->add_saas($sCssRelPath);
|
|
}
|
|
|
|
/**
|
|
* @see static::ENUM_BREADCRUMB_ENTRY_ICON_TYPE_IMAGE, static::ENUM_BREADCRUMB_ENTRY_ICON_TYPE_CSS_CLASSES
|
|
*
|
|
* @param string $sId Identifies the item, to search after it in the current breadcrumb
|
|
* @param string $sLabel Label of the breadcrumb item
|
|
* @param string $sDescription More information, displayed as a tooltip
|
|
* @param string $sUrl Specify a URL if the current URL as perceived on the browser side is not relevant
|
|
* @param string $sIcon Image URL (relative or absolute) or CSS classes (eg. "fas fa-wrench") of the icon that will be displayed next
|
|
* to the label
|
|
* @param string $sIconType Type of the icon, must be set according to the $sIcon value. See class constants
|
|
* ENUM_BREADCRUMB_ENTRY_ICON_TYPE_XXX
|
|
*/
|
|
public function SetBreadCrumbEntry($sId, $sLabel, $sDescription, $sUrl = '', $sIcon = '', $sIconType = self::DEFAULT_BREADCRUMB_ENTRY_ICON_TYPE)
|
|
{
|
|
$this->bBreadCrumbEnabled = true;
|
|
$this->sBreadCrumbEntryId = $sId;
|
|
$this->sBreadCrumbEntryLabel = $sLabel;
|
|
$this->sBreadCrumbEntryDescription = $sDescription;
|
|
$this->sBreadCrumbEntryUrl = $sUrl;
|
|
$this->sBreadCrumbEntryIcon = $sIcon;
|
|
$this->sBreadCrumbEntryIconType = $sIconType;
|
|
}
|
|
|
|
/**
|
|
* State that there will be no breadcrumb item for the current page
|
|
*/
|
|
public function DisableBreadCrumb()
|
|
{
|
|
$this->bBreadCrumbEnabled = false;
|
|
$this->sBreadCrumbEntryId = null;
|
|
$this->sBreadCrumbEntryLabel = null;
|
|
$this->sBreadCrumbEntryDescription = null;
|
|
$this->sBreadCrumbEntryUrl = null;
|
|
$this->sBreadCrumbEntryIcon = null;
|
|
}
|
|
|
|
/**
|
|
* @return string
|
|
* @throws \CoreException
|
|
* @throws \MissingQueryArgument
|
|
* @throws \MySQLException
|
|
* @throws \MySQLHasGoneAwayException
|
|
* @throws \OQLException
|
|
*/
|
|
public function GetSiloSelectionForm()
|
|
{
|
|
// List of visible Organizations
|
|
$iCount = 0;
|
|
$oSet = null;
|
|
if (MetaModel::IsValidClass('Organization'))
|
|
{
|
|
// Display the list of *favorite* organizations... but keeping in mind what is the real number of organizations
|
|
$aFavoriteOrgs = appUserPreferences::GetPref('favorite_orgs', null);
|
|
$oSearchFilter = new DBObjectSearch('Organization');
|
|
$oSearchFilter->SetModifierProperty('UserRightsGetSelectFilter', 'bSearchMode', true);
|
|
$oSet = new CMDBObjectSet($oSearchFilter);
|
|
$iCount = $oSet->Count(); // total number of existing Orgs
|
|
|
|
// Now get the list of Orgs to be displayed in the menu
|
|
$oSearchFilter = DBObjectSearch::FromOQL(ApplicationMenu::GetFavoriteSiloQuery());
|
|
$oSearchFilter->SetModifierProperty('UserRightsGetSelectFilter', 'bSearchMode', true);
|
|
if (!empty($aFavoriteOrgs))
|
|
{
|
|
$oSearchFilter->AddCondition('id', $aFavoriteOrgs, 'IN');
|
|
}
|
|
$oSet = new CMDBObjectSet($oSearchFilter); // List of favorite orgs
|
|
}
|
|
switch ($iCount)
|
|
{
|
|
case 0:
|
|
case 1:
|
|
// No such dimension/silo or only one possible choice => nothing to select
|
|
$sHtml = '<div id="SiloSelection"><!-- nothing to select --></div>';
|
|
break;
|
|
|
|
default:
|
|
$oAppContext = new ApplicationContext();
|
|
$iCurrentOrganization = $oAppContext->GetCurrentValue('org_id');
|
|
$sHtml = '<div id="SiloSelection">';
|
|
$sHtml .= '<form style="display:inline" action="'.utils::GetAbsoluteUrlAppRoot().'pages/UI.php">'; //<select class="org_combo" name="c[org_id]" title="Pick an organization" onChange="this.form.submit();">';
|
|
|
|
$oWidget = new UIExtKeyWidget('Organization', 'org_id', '', true /* search mode */);
|
|
$sHtml .= $oWidget->DisplaySelect($this, 50, false, '', $oSet, $iCurrentOrganization, false, 'c[org_id]', '',
|
|
array(
|
|
'iFieldSize' => 20,
|
|
'iMinChars' => MetaModel::GetConfig()->Get('min_autocomplete_chars'),
|
|
'sDefaultValue' => Dict::S('UI:AllOrganizations'),
|
|
));
|
|
$this->add_ready_script('$("#org_id").bind("extkeychange", function() { $("#SiloSelection form").submit(); } )');
|
|
$this->add_ready_script("$('#label_org_id').click( function() { if ($('#org_id').val() == '') { $(this).val(''); } } );\n");
|
|
// Add other dimensions/context information to this form
|
|
$oAppContext->Reset('org_id'); // org_id is handled above and we want to be able to change it here !
|
|
$oAppContext->Reset('menu'); // don't pass the menu, since a menu may expect more parameters
|
|
$sHtml .= $oAppContext->GetForForm(); // Pass what remains, if anything...
|
|
$sHtml .= '</form>';
|
|
$sHtml .= '</div>';
|
|
}
|
|
|
|
return $sHtml;
|
|
}
|
|
|
|
/**
|
|
* Return the language for the page metadata based on the current user
|
|
*
|
|
* @return string
|
|
* @since 2.8.0
|
|
*/
|
|
protected function GetLanguageForMetadata()
|
|
{
|
|
$sUserLang = UserRights::GetUserLanguage();
|
|
|
|
return strtolower(substr($sUserLang, 0 ,2));
|
|
}
|
|
|
|
/**
|
|
* Return the absolute URL for the favicon
|
|
*
|
|
* @return string
|
|
* @throws \Exception
|
|
* @since 2.8.0
|
|
*/
|
|
protected function GetFaviconAbsoluteUrl()
|
|
{
|
|
// TODO: Make it a property so it can be changed programmatically
|
|
// TODO: How to set both dark/light mode favicons
|
|
return utils::GetAbsoluteUrlAppRoot().'images/favicon.ico';
|
|
}
|
|
|
|
/**
|
|
* Return the navigation menu layout (id, menu groups, ...)
|
|
*
|
|
* @internal
|
|
* @return \Combodo\iTop\Application\UI\Layout\NavigationMenu\NavigationMenu
|
|
* @throws \CoreException
|
|
* @throws \CoreUnexpectedValue
|
|
* @throws \DictExceptionMissingString
|
|
* @throws \MySQLException
|
|
* @since 2.8.0
|
|
*/
|
|
protected function GetNavigationMenuLayout()
|
|
{
|
|
return NavigationMenuFactory::MakeStandard();
|
|
}
|
|
|
|
/**
|
|
* Return the top bar layout (global search, breadcrumbs, ...)
|
|
*
|
|
* @internal
|
|
* @return \Combodo\iTop\Application\UI\Layout\TopBar\TopBar
|
|
* @throws \CoreException
|
|
* @throws \CoreUnexpectedValue
|
|
* @since 2.8.0
|
|
*/
|
|
protected function GetTopBarLayout()
|
|
{
|
|
return TopBarFactory::MakeStandard($this->GetBreadCrumbsNewEntry());
|
|
}
|
|
|
|
/**
|
|
* Set the content layout (main content, [side content,] manually added content, ...)
|
|
* This function is public as the developer needs to be able to set how the content will be displayed.
|
|
*
|
|
* @internal
|
|
*
|
|
* @param \Combodo\iTop\Application\UI\Layout\PageContent\PageContent $oLayout
|
|
*
|
|
* @return $this
|
|
* @since 2.8.0
|
|
*/
|
|
public function SetContentLayout(PageContent $oLayout)
|
|
{
|
|
$this->oContentLayout = $oLayout;
|
|
return $this;
|
|
}
|
|
|
|
/**
|
|
* Return the content layout (main content, [side content,] manually added content, ...)
|
|
*
|
|
* @internal
|
|
* @return \Combodo\iTop\Application\UI\Layout\PageContent\PageContent
|
|
* @since 2.8.0
|
|
*/
|
|
protected function GetContentLayout()
|
|
{
|
|
return $this->oContentLayout;
|
|
}
|
|
|
|
/**
|
|
* Return the new breadcrumbs entry or null if we don't create a new entry for the current page
|
|
*
|
|
* @internal
|
|
* @return array|null
|
|
* @since 2.8.0
|
|
*/
|
|
protected function GetBreadCrumbsNewEntry()
|
|
{
|
|
$aNewEntry = null;
|
|
|
|
if ($this->bBreadCrumbEnabled)
|
|
{
|
|
// Default entry values
|
|
if (is_null($this->sBreadCrumbEntryId))
|
|
{
|
|
$this->sBreadCrumbEntryId = $this->s_title;
|
|
$this->sBreadCrumbEntryLabel = $this->s_title;
|
|
$this->sBreadCrumbEntryDescription = $this->s_title;
|
|
$this->sBreadCrumbEntryUrl = '';
|
|
$this->sBreadCrumbEntryIcon = 'fas fa-wrench';
|
|
$this->sBreadCrumbEntryIconType = static::ENUM_BREADCRUMB_ENTRY_ICON_TYPE_CSS_CLASSES;
|
|
}
|
|
|
|
$aNewEntry = [
|
|
'id' => $this->sBreadCrumbEntryId,
|
|
'url' => $this->sBreadCrumbEntryUrl,
|
|
'label' => utils::HtmlEntities($this->sBreadCrumbEntryLabel),
|
|
'description' => utils::HtmlEntities($this->sBreadCrumbEntryDescription),
|
|
'icon' => $this->sBreadCrumbEntryIcon,
|
|
'icon_type' => $this->sBreadCrumbEntryIconType,
|
|
];
|
|
}
|
|
|
|
return $aNewEntry;
|
|
}
|
|
|
|
/**
|
|
* Handles the "newsroom" menu at the top-right of the screen
|
|
*/
|
|
protected function InitNewsroom()
|
|
{
|
|
$sNewsroomInitialImage = '';
|
|
$aProviderParams = array();
|
|
|
|
if (MetaModel::GetConfig()->Get('newsroom_enabled') !== false)
|
|
{
|
|
$oUser = UserRights::GetUserObject();
|
|
/**
|
|
* @var iNewsroomProvider[] $aProviders
|
|
*/
|
|
$aProviders = MetaModel::EnumPlugins('iNewsroomProvider');
|
|
foreach($aProviders as $oProvider)
|
|
{
|
|
$oProvider->SetConfig(MetaModel::GetConfig());
|
|
$bProviderEnabled = appUserPreferences::GetPref('newsroom_provider_'.get_class($oProvider),true);
|
|
if ($bProviderEnabled && $oProvider->IsApplicable($oUser))
|
|
{
|
|
$aProviderParams[] = array(
|
|
'label' => $oProvider->GetLabel(),
|
|
'fetch_url' => $oProvider->GetFetchURL(),
|
|
'view_all_url' => $oProvider->GetViewAllURL(),
|
|
'mark_all_as_read_url' => $oProvider->GetMarkAllAsReadURL(),
|
|
'placeholders' => $oProvider->GetPlaceholders(),
|
|
'ttl' => $oProvider->GetTTL(),
|
|
);
|
|
}
|
|
}
|
|
}
|
|
// Show newsroom only if there are some providers
|
|
if (count($aProviderParams) > 0)
|
|
{
|
|
$sImageUrl= 'fas fa-comment-dots';
|
|
$sPlaceholderImageUrl= 'far fa-envelope';
|
|
$aParams = array(
|
|
'image_icon' => $sImageUrl,
|
|
'placeholder_image_icon' => $sPlaceholderImageUrl,
|
|
'cache_uuid' => 'itop-newsroom-'.UserRights::GetUserId().'-'.md5(APPROOT),
|
|
'providers' => $aProviderParams,
|
|
'display_limit' => (int)appUserPreferences::GetPref('newsroom_display_size', 7),
|
|
'labels' => array(
|
|
'no_message' => Dict::S('UI:Newsroom:NoNewMessage'),
|
|
'mark_all_as_read' => Dict::S('UI:Newsroom:MarkAllAsRead'),
|
|
'view_all' => Dict::S('UI:Newsroom:ViewAllMessages'),
|
|
),
|
|
);
|
|
$sParams = json_encode($aParams);
|
|
$this->add_ready_script(
|
|
<<<EOF
|
|
$('#top-left-newsroom-cell').newsroom_menu($sParams);
|
|
EOF
|
|
);
|
|
$sNewsroomInitialImage = '<i style="opacity:0.4" class="top-right-icon fas fa-comment-dots"></i>';
|
|
}
|
|
// else no newsroom menu
|
|
return $sNewsroomInitialImage;
|
|
}
|
|
|
|
/**
|
|
* Render the banner HTML which can come from both iTop itself and from extensions
|
|
*
|
|
* @see \iPageUIExtension::GetBannerHtml()
|
|
* @internal
|
|
*
|
|
* @return string
|
|
* @since 2.8.0
|
|
*/
|
|
protected function RenderBannerHtml()
|
|
{
|
|
$sBannerHtml = '';
|
|
|
|
// Call the extensions to add content to the page, warning they can also add styles or scripts through as they have access to the \iTopWebPage
|
|
foreach (MetaModel::EnumPlugins('iPageUIExtension') as $oExtensionInstance)
|
|
{
|
|
$sBannerHtml .= $oExtensionInstance->GetBannerHtml($this);
|
|
}
|
|
|
|
return $sBannerHtml;
|
|
}
|
|
|
|
/**
|
|
* Render the header HTML which can come from both iTop itself and from extensions
|
|
*
|
|
* @see \iPageUIExtension::GetNorthPaneHtml()
|
|
* @internal
|
|
*
|
|
* @return string
|
|
* @since 2.8.0
|
|
*/
|
|
protected function RenderHeaderHtml()
|
|
{
|
|
$sHeaderHtml = '';
|
|
|
|
if (UserRights::IsAdministrator() && ExecutionKPI::IsEnabled())
|
|
{
|
|
// TODO: Don't forget this dude!
|
|
$sHeaderHtml .= '<div class="app-message"><span style="padding:5px;">'.ExecutionKPI::GetDescription().'<span></div>';
|
|
}
|
|
|
|
// Call the extensions to add content to the page, warning they can also add styles or scripts through as they have access to the \iTopWebPage
|
|
foreach (MetaModel::EnumPlugins('iPageUIExtension') as $oExtensionInstance)
|
|
{
|
|
$sHeaderHtml .= $oExtensionInstance->GetNorthPaneHtml($this);
|
|
}
|
|
|
|
return $sHeaderHtml;
|
|
}
|
|
|
|
/**
|
|
* Render the footer HTML which can come from both iTop itself and from extensions
|
|
*
|
|
* @see \iPageUIExtension::GetSouthPaneHtml()
|
|
* @internal
|
|
*
|
|
* @return string
|
|
* @since 2.8.0
|
|
*/
|
|
protected function RenderFooterHtml()
|
|
{
|
|
$sFooterHtml = '';
|
|
|
|
// Call the extensions to add content to the page, warning they can also add styles or scripts through as they have access to the \iTopWebPage
|
|
foreach (MetaModel::EnumPlugins('iPageUIExtension') as $oExtensionInstance)
|
|
{
|
|
$sFooterHtml .= $oExtensionInstance->GetSouthPaneHtml($this);
|
|
}
|
|
|
|
return $sFooterHtml;
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
* @throws \Exception
|
|
*/
|
|
public function output()
|
|
{
|
|
// Data to be passed to the view
|
|
$aData = [];
|
|
|
|
// Prepare page metadata
|
|
$sAbsoluteUrlAppRoot = addslashes($this->m_sRootUrl);
|
|
$sFaviconUrl = $this->GetFaviconAbsoluteUrl();
|
|
$sMetadataLanguage = $this->GetLanguageForMetadata();
|
|
|
|
// Prepare internal parts (js files, css files, js snippets, css snippets, ...)
|
|
// - Generate necessary dict. files
|
|
$this->output_dict_entries();
|
|
|
|
// TODO: Check if we can keep this as is
|
|
// Render the tabs in the page (if any)
|
|
$this->s_content = $this->m_oTabs->RenderIntoContent($this->s_content, $this);
|
|
$this->GetContentLayout()->SetExtraHtmlContent(self::FilterXSS($this->s_content));
|
|
|
|
// Base structure of data to pass to the TWIG template
|
|
$aData['aPage'] = [
|
|
'sAbsoluteUrlAppRoot' => $sAbsoluteUrlAppRoot,
|
|
'sTitle' => $this->s_title,
|
|
'sFaviconUrl' => $sFaviconUrl,
|
|
'aMetadata' => [
|
|
'sCharset' => static::PAGES_CHARSET,
|
|
'sLang' => $sMetadataLanguage,
|
|
],
|
|
];
|
|
|
|
// Base tag
|
|
// Note: We might consider to put the app_root_url parameter here, but that would need a BIG rework on iTop AND the extensions to replace all the "../images|js|css/xxx.yyy"...
|
|
if(!empty($this->a_base['href']))
|
|
{
|
|
$aData['aPage']['aMetadata']['sBaseUrl'] = $this->a_base['href'];
|
|
}
|
|
|
|
// Layouts
|
|
$aData['aLayouts'] = [
|
|
'sBanner' => $this->RenderBannerHtml(),
|
|
'sHeader' => $this->RenderHeaderHtml(),
|
|
'sFooter' => $this->RenderFooterHtml(),
|
|
];
|
|
// - Prepare navigation menu
|
|
$aData['aLayouts']['oNavigationMenu'] = $this->GetNavigationMenuLayout();
|
|
// - Prepare top bar
|
|
$aData['aLayouts']['oTopBar'] = $this->GetTopBarLayout();
|
|
// - Prepare content
|
|
$aData['aLayouts']['oPageContent'] = $this->GetContentLayout();
|
|
// - Retrieve layouts linked files
|
|
// Note: Adding them now instead of in the template allow us to remove duplicates and lower the browser parsing time
|
|
/** @var \Combodo\iTop\Application\UI\UIBlock|string $oLayout */
|
|
foreach ($aData['aLayouts'] as $oLayout)
|
|
{
|
|
if (!$oLayout instanceof UIBlock)
|
|
{
|
|
continue;
|
|
}
|
|
|
|
// CSS files
|
|
foreach ($oLayout->GetCssFilesUrlRecursively(true) as $sFileAbsUrl)
|
|
{
|
|
$this->add_linked_stylesheet($sFileAbsUrl);
|
|
}
|
|
// JS files
|
|
foreach ($oLayout->GetJsFilesUrlRecursively(true) as $sFileAbsUrl)
|
|
{
|
|
$this->add_linked_script($sFileAbsUrl);
|
|
}
|
|
}
|
|
|
|
// Components
|
|
// Note: For now all components are either included in the layouts above or put in page through the AddUiBlock() API, so there is no need to do anything more.
|
|
|
|
// Variable content of the page
|
|
$aData['aPage'] = array_merge(
|
|
$aData['aPage'],
|
|
[
|
|
'aCssFiles' => $this->a_linked_stylesheets,
|
|
'aCssInline' => $this->a_styles,
|
|
'aJsFiles' => $this->a_linked_scripts,
|
|
'aJsInlineOnInit' => $this->m_aInitScript,
|
|
'aJsInlineOnDomReady' => $this->m_aReadyScripts,
|
|
'aJsInlineLive' => $this->a_scripts,
|
|
// TODO: TEMP, used while developping, remove it.
|
|
'sSanitizedContent' => self::FilterXSS($this->s_content),
|
|
'sDeferredContent' => self::FilterXSS($this->s_deferred_content),
|
|
]
|
|
);
|
|
|
|
$oTwigEnv = TwigHelper::GetTwigEnvironment(BlockRenderer::TWIG_BASE_PATH, BlockRenderer::TWIG_ADDITIONAL_PATHS);
|
|
|
|
// Send headers
|
|
if ($this->GetOutputFormat() === 'html')
|
|
{
|
|
foreach ($this->a_headers as $sHeader)
|
|
{
|
|
header($sHeader);
|
|
}
|
|
}
|
|
|
|
// Render final TWIG into global HTML
|
|
$oKpi = new ExecutionKPI();
|
|
$sHtml = TwigHelper::RenderTemplate($oTwigEnv, $aData, $this->GetTemplateRelPath());
|
|
$oKpi->ComputeAndReport('TWIG rendering');
|
|
|
|
// Echo global HTML
|
|
$oKpi = new ExecutionKPI();
|
|
echo $sHtml;
|
|
$oKpi->ComputeAndReport('Echoing ('.round(strlen($sHtml) / 1024).' Kb)');
|
|
|
|
DBSearch::RecordQueryTrace();
|
|
ExecutionKPI::ReportStats();
|
|
|
|
return;
|
|
|
|
/////////////////////////////////////////////////////////
|
|
////////////////// ☢ DANGER ZONE ☢ /////////////////////
|
|
/////////////////////////////////////////////////////////
|
|
|
|
$sForm = $this->GetSiloSelectionForm();
|
|
|
|
// Render the tabs in the page (if any)
|
|
$this->s_content = $this->m_oTabs->RenderIntoContent($this->s_content, $this);
|
|
|
|
// Put here the 'ready scripts' that must be executed after all others
|
|
$aMultiselectOptions = array(
|
|
'header' => true,
|
|
'checkAllText' => Dict::S('UI:SearchValue:CheckAll'),
|
|
'uncheckAllText' => Dict::S('UI:SearchValue:UncheckAll'),
|
|
'noneSelectedText' => Dict::S('UI:SearchValue:Any'),
|
|
'selectedText' => Dict::S('UI:SearchValue:NbSelected'),
|
|
'selectedList' => 1,
|
|
);
|
|
$sJSMultiselectOptions = json_encode($aMultiselectOptions);
|
|
$this->add_ready_script(
|
|
<<<EOF
|
|
// Since the event is only triggered when the hash changes, we need to trigger
|
|
// the event now, to handle the hash the page may have loaded with.
|
|
$(window).trigger( 'hashchange' );
|
|
|
|
// Some table are sort-able, some are not, let's fix this
|
|
$('table.listResults').each( function() { FixTableSorter($(this)); } );
|
|
|
|
$('.multiselect').multiselect($sJSMultiselectOptions);
|
|
EOF
|
|
);
|
|
|
|
// TODO: Extract in a dedicated component and call it in the nav menu
|
|
$sNewsRoomInitialImage = $this->InitNewsroom();
|
|
|
|
$this->outputCollapsibleSectionInit();
|
|
|
|
// TODO: Is this for the "Debug" popup? We should do a helper to display a popup in various cases (welcome message for example)
|
|
$s_captured_output = $this->ob_get_clean_safe();
|
|
|
|
// TODO: Stylesheet for printing instead of having all those "IsPrintableVersion()" ifs
|
|
// TODO: Careful! In the print view, we can actually choose which part to print or not, so it's not just a print stylesheet...
|
|
// special stylesheet for printing, hides the navigation gadgets
|
|
$sHtml .= "<link rel=\"stylesheet\" media=\"print\" type=\"text/css\" href=\"../css/print.css?t=".utils::GetCacheBusterTimestamp()."\" />\n";
|
|
|
|
if ($this->GetOutputFormat() == 'html')
|
|
{
|
|
$sHtml .= $this->output_dict_entries(true); // before any script so that they can benefit from the translations
|
|
|
|
// if (!$this->IsPrintableVersion())
|
|
// {
|
|
// $this->add_script("var iPaneVisWatchDog = window.setTimeout('FixPaneVis()',5000);");
|
|
// }
|
|
|
|
|
|
// TODO: Should we still do this init vs ready separation?
|
|
// $this->add_script("\$(document).ready(function() {\n{$sInitScripts};\nwindow.setTimeout('onDelayedReady()',10)\n});");
|
|
if ($this->IsPrintableVersion())
|
|
{
|
|
$this->add_ready_script(
|
|
<<<EOF
|
|
var sHiddeableChapters = '<div class="light ui-tabs ui-widget ui-widget-content ui-corner-all">';
|
|
sHiddeableChapters += '<ul role="tablist" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">';
|
|
for (sId in oHiddeableChapters)
|
|
{
|
|
sHiddeableChapters += '<li tabindex="-1" role="tab" class="ui-state-default ui-corner-top hideable-chapter" chapter-id="'+sId+'"><span class="tab ui-tabs-anchor">' + oHiddeableChapters[sId] + '</span></li>';
|
|
//alert(oHiddeableChapters[sId]);
|
|
}
|
|
sHiddeableChapters += '</ul></div>';
|
|
$('#hiddeable_chapters').html(sHiddeableChapters);
|
|
$('.hideable-chapter').click(function(){
|
|
var sChapterId = $(this).attr('chapter-id');
|
|
$('#'+sChapterId).toggle();
|
|
$(this).toggleClass('strikethrough');
|
|
});
|
|
$('fieldset').each(function() {
|
|
var jLegend = $(this).find('legend');
|
|
jLegend.remove();
|
|
$(this).wrapInner('<span></span>').prepend(jLegend);
|
|
});
|
|
$('legend').css('cursor', 'pointer').click(function(){
|
|
$(this).parent('fieldset').toggleClass('not-printable strikethrough');
|
|
});
|
|
EOF
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
|
|
// $sHtml .= "<link rel=\"search\" type=\"application/opensearchdescription+xml\" title=\"iTop\" href=\"".utils::GetAbsoluteUrlAppRoot()."pages/opensearch.xml.php\" />\n";
|
|
|
|
|
|
$sHtml .= "</head>\n";
|
|
$sBodyClass = "";
|
|
if ($this->IsPrintableVersion())
|
|
{
|
|
$sBodyClass = 'printable-version';
|
|
}
|
|
$sHtml .= "<body class=\"$sBodyClass\" data-gui-type=\"backoffice\">\n";
|
|
if ($this->IsPrintableVersion())
|
|
{
|
|
$sHtml .= "<div class=\"explain-printable not-printable\">";
|
|
$sHtml .= '<p>'.Dict::Format('UI:ExplainPrintable',
|
|
'<img src="../images/eye-open-555.png" style="vertical-align:middle">').'</p>';
|
|
$sHtml .= "<div id=\"hiddeable_chapters\"></div>";
|
|
$sHtml .= '<button onclick="window.print()">'.htmlentities(Dict::S('UI:Button:GoPrint'), ENT_QUOTES,
|
|
self::PAGES_CHARSET).'</button>';
|
|
$sHtml .= ' ';
|
|
$sHtml .= '<button onclick="window.close()">'.htmlentities(Dict::S('UI:Button:Cancel'), ENT_QUOTES,
|
|
self::PAGES_CHARSET).'</button>';
|
|
$sHtml .= ' ';
|
|
|
|
$sDefaultResolution = '27.7cm';
|
|
$aResolutionChoices = array(
|
|
'100%' => Dict::S('UI:PrintResolution:FullSize'),
|
|
'19cm' => Dict::S('UI:PrintResolution:A4Portrait'),
|
|
'27.7cm' => Dict::S('UI:PrintResolution:A4Landscape'),
|
|
'19.6cm' => Dict::S('UI:PrintResolution:LetterPortrait'),
|
|
'25.9cm' => Dict::S('UI:PrintResolution:LetterLandscape'),
|
|
);
|
|
$sHtml .=
|
|
<<<EOF
|
|
<select name="text" onchange='$(".printable-content").width(this.value); $(charts).each(function(i, chart) { $(chart).trigger("resize"); });'>
|
|
EOF;
|
|
foreach ($aResolutionChoices as $sValue => $sText)
|
|
{
|
|
$sHtml .= '<option value="'.$sValue.'" '.(($sValue === $sDefaultResolution) ? 'selected' : '').'>'.$sText.'</option>';
|
|
}
|
|
$sHtml .= "</select>";
|
|
|
|
$sHtml .= "</div>";
|
|
$sHtml .= "<div class=\"printable-content\" style=\"width: $sDefaultResolution;\">";
|
|
}
|
|
|
|
// // Render the text of the global search form
|
|
// $sText = htmlentities(utils::ReadParam('text', '', false, 'raw_data'), ENT_QUOTES, self::PAGES_CHARSET);
|
|
// $sOnClick = " onclick=\"if ($('#global-search-input').val() != '') { $('#global-search form').submit(); } \"";
|
|
// $sDefaultPlaceHolder = Dict::S("UI:YourSearch");
|
|
|
|
if ($this->IsPrintableVersion())
|
|
{
|
|
$sHtml .= ' <!-- Beginning of page content -->';
|
|
$sHtml .= self::FilterXSS($this->s_content);
|
|
$sHtml .= ' <!-- End of page content -->';
|
|
}
|
|
elseif ($this->GetOutputFormat() == 'html')
|
|
{
|
|
$oAppContext = new ApplicationContext();
|
|
|
|
$sUserName = UserRights::GetUser();
|
|
// TODO: BEGIN USER MENU
|
|
$sIsAdmin = UserRights::IsAdministrator() ? '(Administrator)' : '';
|
|
if (UserRights::IsAdministrator())
|
|
{
|
|
$sLogonMessage = Dict::Format('UI:LoggedAsMessage+Admin', $sUserName);
|
|
}
|
|
else
|
|
{
|
|
$sLogonMessage = Dict::Format('UI:LoggedAsMessage', $sUserName);
|
|
}
|
|
$sLogOffMenu = "<span id=\"logOffBtn\"><ul><li><i class=\"top-right-icon icon-additional-arrow fas fa-power-off\"></i><ul>";
|
|
$sLogOffMenu .= "<li><span>$sLogonMessage</span></li>\n";
|
|
$aActions = array();
|
|
|
|
// $aAllowedPortals = UserRights::GetAllowedPortals();
|
|
// if (count($aAllowedPortals) > 1)
|
|
// {
|
|
// // Adding portals
|
|
// foreach ($aAllowedPortals as $aAllowedPortal)
|
|
// {
|
|
// if ($aAllowedPortal['id'] !== 'backoffice')
|
|
// {
|
|
// $oPortalMenuItem = new URLPopupMenuItem('portal:'.$aAllowedPortal['id'], Dict::S($aAllowedPortal['label']),
|
|
// $aAllowedPortal['url'], '_blank');
|
|
// $aActions[$oPortalMenuItem->GetUID()] = $oPortalMenuItem->GetMenuItem();
|
|
// }
|
|
// }
|
|
// // Adding a separator
|
|
// $oPortalSeparatorMenuItem = new SeparatorPopupMenuItem();
|
|
// $aActions[$oPortalSeparatorMenuItem->GetUID()] = $oPortalSeparatorMenuItem->GetMenuItem();
|
|
// }
|
|
|
|
// $oPrefs = new URLPopupMenuItem('UI:Preferences', Dict::S('UI:Preferences'),
|
|
// utils::GetAbsoluteUrlAppRoot()."pages/preferences.php?".$oAppContext->GetForLink());
|
|
// $aActions[$oPrefs->GetUID()] = $oPrefs->GetMenuItem();
|
|
|
|
if (utils::IsArchiveMode())
|
|
{
|
|
// $oExitArchive = new JSPopupMenuItem('UI:ArchiveModeOff', Dict::S('UI:ArchiveModeOff'), 'return ArchiveMode(false);');
|
|
// $aActions[$oExitArchive->GetUID()] = $oExitArchive->GetMenuItem();
|
|
|
|
$sIcon = '<span class="fas fa-lock fa-1x"></span>';
|
|
$this->AddApplicationMessage(Dict::S('UI:ArchiveMode:Banner'), $sIcon, Dict::S('UI:ArchiveMode:Banner+'));
|
|
}
|
|
// elseif (UserRights::CanBrowseArchive())
|
|
// {
|
|
// $oBrowseArchive = new JSPopupMenuItem('UI:ArchiveModeOn', Dict::S('UI:ArchiveModeOn'), 'return ArchiveMode(true);');
|
|
// $aActions[$oBrowseArchive->GetUID()] = $oBrowseArchive->GetMenuItem();
|
|
// }
|
|
// if (utils::CanLogOff())
|
|
// {
|
|
// $oLogOff = new URLPopupMenuItem('UI:LogOffMenu', Dict::S('UI:LogOffMenu'),
|
|
// utils::GetAbsoluteUrlAppRoot().'pages/logoff.php?operation=do_logoff');
|
|
// $aActions[$oLogOff->GetUID()] = $oLogOff->GetMenuItem();
|
|
// }
|
|
// if (UserRights::CanChangePassword())
|
|
// {
|
|
// $oChangePwd = new URLPopupMenuItem('UI:ChangePwdMenu', Dict::S('UI:ChangePwdMenu'),
|
|
// utils::GetAbsoluteUrlAppRoot().'pages/UI.php?loginop=change_pwd');
|
|
// $aActions[$oChangePwd->GetUID()] = $oChangePwd->GetMenuItem();
|
|
// }
|
|
utils::GetPopupMenuItems($this, iPopupMenuExtension::MENU_USER_ACTIONS, null, $aActions);
|
|
|
|
// $oAbout = new JSPopupMenuItem('UI:AboutBox', Dict::S('UI:AboutBox'), 'return ShowAboutBox();');
|
|
// $aActions[$oAbout->GetUID()] = $oAbout->GetMenuItem();
|
|
|
|
$sLogOffMenu .= $this->RenderPopupMenuItems($aActions);
|
|
// TODO: END USER MENU
|
|
|
|
// TODO: Move this in the Header method
|
|
$sRestrictions = '';
|
|
if (!MetaModel::DBHasAccess(ACCESS_ADMIN_WRITE))
|
|
{
|
|
if (!MetaModel::DBHasAccess(ACCESS_ADMIN_WRITE))
|
|
{
|
|
$sRestrictions = Dict::S('UI:AccessRO-All');
|
|
}
|
|
}
|
|
elseif (!MetaModel::DBHasAccess(ACCESS_USER_WRITE))
|
|
{
|
|
$sRestrictions = Dict::S('UI:AccessRO-Users');
|
|
}
|
|
|
|
if (strlen($sRestrictions) > 0)
|
|
{
|
|
$sIcon =
|
|
<<<EOF
|
|
<span class="fa-stack fa-sm">
|
|
<i class="fas fa-pencil-alt fa-flip-horizontal fa-stack-1x"></i>
|
|
<i class="fas fa-ban fa-stack-2x text-danger"></i>
|
|
</span>
|
|
EOF;
|
|
|
|
$sAdminMessage = trim(MetaModel::GetConfig()->Get('access_message'));
|
|
if (strlen($sAdminMessage) > 0)
|
|
{
|
|
$sRestrictions .= ' '.$sAdminMessage;
|
|
}
|
|
$this->AddApplicationMessage($sRestrictions, $sIcon);
|
|
}
|
|
|
|
// TODO: Move this in the header method
|
|
$sApplicationMessages = '';
|
|
foreach ($this->m_aMessages as $aMessage)
|
|
{
|
|
$sHtmlIcon = $aMessage['icon'] ? $aMessage['icon'] : '';
|
|
$sHtmlMessage = $aMessage['message'];
|
|
$sTitleAttr = $aMessage['tip'] ? 'title="'.htmlentities($aMessage['tip'], ENT_QUOTES, self::PAGES_CHARSET).'"' : '';
|
|
$sApplicationMessages .= '<div class="app-message" '.$sTitleAttr.'><span class="app-message-icon">'.$sHtmlIcon.'</span><span class="app-message-body">'.$sHtmlMessage.'</div></span>';
|
|
}
|
|
|
|
$sApplicationBanner = "<div class=\"app-banner ui-helper-clearfix\">$sApplicationMessages$sBannerExtraHtml</div>";
|
|
|
|
if (!empty($sNorthPane))
|
|
{
|
|
$sNorthPane = '<div id="top-pane" class="ui-layout-north">'.$sNorthPane.'</div>';
|
|
}
|
|
|
|
if (!empty($sSouthPane))
|
|
{
|
|
$sSouthPane = '<div id="bottom-pane" class="ui-layout-south">'.$sSouthPane.'</div>';
|
|
}
|
|
|
|
// TODO: What do we do with this?
|
|
// $sOnlineHelpUrl = MetaModel::GetConfig()->Get('online_help');
|
|
//$sLogOffMenu = "<span id=\"logOffBtn\" style=\"height:55px;padding:0;margin:0;\"><img src=\"../images/onOffBtn.png\"></span>";
|
|
|
|
// $sDisplayIcon = utils::GetAbsoluteUrlAppRoot().'images/itop-logo.png?t='.utils::GetCacheBusterTimestamp();
|
|
// if (file_exists(MODULESROOT.'branding/main-logo.png'))
|
|
// {
|
|
// $sDisplayIcon = utils::GetAbsoluteUrlModulesRoot().'branding/main-logo.png?t='.utils::GetCacheBusterTimestamp();
|
|
// }
|
|
|
|
$sHtml .= $sNorthPane;
|
|
$sHtml .= '<div id="left-pane" class="ui-layout-west">';
|
|
$sHtml .= '<!-- Beginning of the left pane -->';
|
|
$sHtml .= ' <div class="ui-layout-north">';
|
|
// $sHtml .= ' <div id="header-logo">';
|
|
// $sHtml .= ' <div id="top-left"></div><div id="logo"><a href="'
|
|
// .htmlentities($sIconUrl, ENT_QUOTES, self::PAGES_CHARSET)
|
|
// .'"><img src="'.$sDisplayIcon.'" title="'
|
|
// .htmlentities($sVersionString, ENT_QUOTES, self::PAGES_CHARSET)
|
|
// .'" style="border:0; margin-top:16px; margin-right:40px;"/></a></div>';
|
|
// $sHtml .= ' </div>';
|
|
$sHtml .= ' <div class="header-menu">';
|
|
// if (!MetaModel::GetConfig()->Get('demo_mode'))
|
|
// {
|
|
// $sHtml .= ' <div class="icon ui-state-default ui-corner-all"><span id="tPinMenu" class="ui-icon ui-icon-pin-w">pin</span></div>';
|
|
// }
|
|
$sHtml .= ' <div style="text-align:center;">'.self::FilterXSS($sForm).'</div>';
|
|
$sHtml .= ' </div>';
|
|
$sHtml .= ' </div>';
|
|
// $sHtml .= ' <div id="menu" class="ui-layout-center">';
|
|
// $sHtml .= ' <div id="inner_menu">';
|
|
// $sHtml .= ' <div id="accordion">';
|
|
// $sHtml .= self::FilterXSS($this->m_sMenu);
|
|
// $sHtml .= ' <!-- Beginning of the accordion menu -->';
|
|
// $sHtml .= ' <!-- End of the accordion menu-->';
|
|
// $sHtml .= ' </div>';
|
|
// $sHtml .= ' </div> <!-- /inner menu -->';
|
|
// $sHtml .= ' </div> <!-- /menu -->';
|
|
$sHtml .= ' <div class="footer ui-layout-south"><div id="combodo_logo"><a href="http://www.combodo.com" title="www.combodo.com" target="_blank"><img src="images/logo-combodo.png?t='.utils::GetCacheBusterTimestamp().'"/></a></div></div>';
|
|
$sHtml .= '<!-- End of the left pane -->';
|
|
$sHtml .= '</div>';
|
|
|
|
$sHtml .= '<div class="ui-layout-center">';
|
|
$sHtml .= ' <div id="top-bar" class="ui-helper-clearfix" style="width:100%">';
|
|
$sHtml .= self::FilterXSS($sApplicationBanner);
|
|
|
|
// $GoHomeInitialStyle = $this->IsMenuPaneVisible() ? 'display: none;' : '';
|
|
|
|
// $sHtml .= ' <table id="top-bar-table">';
|
|
// $sHtml .= ' <tr>';
|
|
// $sHtml .= ' <td id="open-left-pane" class="menu-pane-exclusive" style="'.$GoHomeInitialStyle.'" onclick="$(\'body\').layout().open(\'west\');">';
|
|
// $sHtml .= ' <i class="fas fa-bars"></i>';
|
|
// $sHtml .= ' </td>';
|
|
// $sHtml .= ' <td id="go-home" class="menu-pane-exclusive" style="'.$GoHomeInitialStyle.'">';
|
|
// $sHtml .= ' <a href="'.utils::GetAbsoluteUrlAppRoot().'pages/UI.php"><i class="fas fa-home"></i></a>';
|
|
// $sHtml .= ' </td>';
|
|
// $sHtml .= ' <td class="top-bar-spacer menu-pane-exclusive" style="'.$GoHomeInitialStyle.'">';
|
|
// $sHtml .= ' </td>';
|
|
// $sHtml .= ' <td id="top-bar-table-breadcrumb">';
|
|
// $sHtml .= ' <div id="itop-breadcrumb"></div>';
|
|
// $sHtml .= ' </td>';
|
|
$sHtml .= ' <td id="top-bar-table-search">';
|
|
$sHtml .= ' <div id="global-search"><form action="'.utils::GetAbsoluteUrlAppRoot().'pages/UI.php">';
|
|
$sHtml .= ' <table id="top-left-buttons-area"><tr>';
|
|
$sHtml .= ' <td id="top-left-global-search-cell"><div id="global-search-area"><input id="global-search-input" type="text" name="text" placeholder="'.$sDefaultPlaceHolder.'" value="'.$sText.'"></input><div '.$sOnClick.' id="global-search-image"><i class="top-right-icon fa-flip-horizontal fas fa-search"></i><input type="hidden" name="operation" value="full_text"/></div></div></td>';
|
|
// $sHtml .= ' <td id="top-left-help-cell"><a id="help-link" href="'.$sOnlineHelpUrl.'" target="_blank" title="'.Dict::S('UI:Help').'"><i class="top-right-icon fas fa-question-circle"></i></a></td>';
|
|
$sHtml .= ' <td id="top-left-newsroom-cell">'.$sNewsRoomInitialImage.'</td>';
|
|
$sHtml .= ' <td id="top-left-logoff-cell">'.self::FilterXSS($sLogOffMenu).'</td>';
|
|
$sHtml .= ' </tr></table></form></div>';
|
|
// $sHtml .= ' </td>';
|
|
// $sHtml .= ' </tr>';
|
|
// $sHtml .= ' </table>';
|
|
|
|
// $sHtml .= ' <div id="global-search"><form action="'.utils::GetAbsoluteUrlAppRoot().'pages/UI.php"><table><tr><td></td><td><div id="global-search-area"><input id="global-search-input" type="text" name="text" placeholder="'.$sText.'"></input><div '.$sOnClick.' id="global-search-image"></div></div></td>';
|
|
// $sHtml .= '<td><a id="help-link" href="'.$sOnlineHelpUrl.'" target="_blank"><img title="'.Dict::S('UI:Help').'" src="../images/help.png?t='.utils::GetCacheBusterTimestamp().'"/></td>';
|
|
// $sHtml .= '<td>'.self::FilterXSS($sLogOffMenu).'</td><td><input type="hidden" name="operation" value="full_text"/></td></tr></table></form></div>';
|
|
// $sHtml .= ' <div id="itop-breadcrumb"></div>';
|
|
|
|
$sHtml .= ' </div>';
|
|
$sHtml .= ' <div class="ui-layout-content" style="overflow:auto;">';
|
|
$sHtml .= ' <!-- Beginning of page content -->';
|
|
$sHtml .= self::FilterXSS($this->s_content);
|
|
$sHtml .= ' <!-- End of page content -->';
|
|
$sHtml .= ' </div>';
|
|
$sHtml .= '</div>';
|
|
$sHtml .= $sSouthPane;
|
|
|
|
// Add the captured output
|
|
if (trim($s_captured_output) != "")
|
|
{
|
|
$sHtml .= "<div id=\"rawOutput\" title=\"Debug Output\"><div style=\"height:500px; overflow-y:auto;\">".self::FilterXSS($s_captured_output)."</div></div>\n";
|
|
}
|
|
$sHtml .= "<div id=\"at_the_end\">".self::FilterXSS($this->s_deferred_content)."</div>";
|
|
$sHtml .= "<div style=\"display:none\" title=\"ex2\" id=\"ex2\">Please wait...</div>\n"; // jqModal Window
|
|
$sHtml .= "<div style=\"display:none\" title=\"dialog\" id=\"ModalDlg\"></div>";
|
|
$sHtml .= "<div style=\"display:none\" id=\"ajax_content\"></div>";
|
|
}
|
|
else
|
|
{
|
|
$sHtml .= self::FilterXSS($this->s_content);
|
|
}
|
|
|
|
if ($this->IsPrintableVersion())
|
|
{
|
|
$sHtml .= '</div>';
|
|
}
|
|
|
|
$sHtml .= "</body>\n";
|
|
$sHtml .= "</html>\n";
|
|
|
|
if ($this->GetOutputFormat() == 'html')
|
|
{
|
|
// $oKpi = new ExecutionKPI();
|
|
// echo $sHtml;
|
|
// $oKpi->ComputeAndReport('Echoing ('.round(strlen($sHtml) / 1024).' Kb)');
|
|
}
|
|
else
|
|
{
|
|
if ($this->GetOutputFormat() == 'pdf' && $this->IsOutputFormatAvailable('pdf'))
|
|
{
|
|
// Note: Apparently this was a demand from ITOMIG a while back, so it's not "dead code" per say.
|
|
// The last trace we got is in R-007989. Do not remove this without checking before with the concerned parties if it is still used!
|
|
if (@is_readable(APPROOT.'lib/MPDF/mpdf.php'))
|
|
{
|
|
require_once(APPROOT.'lib/MPDF/mpdf.php');
|
|
/** @noinspection PhpUndefinedClassInspection Check above comment */
|
|
$oMPDF = new mPDF('c');
|
|
$oMPDF->mirroMargins = false;
|
|
if ($this->a_base['href'] != '')
|
|
{
|
|
$oMPDF->setBasePath($this->a_base['href']); // Seems that the <BASE> tag is not recognized by mPDF...
|
|
}
|
|
$oMPDF->showWatermarkText = true;
|
|
if ($this->GetOutputOption('pdf', 'template_path'))
|
|
{
|
|
$oMPDF->setImportUse(); // Allow templates
|
|
$oMPDF->SetDocTemplate($this->GetOutputOption('pdf', 'template_path'), 1);
|
|
}
|
|
$oMPDF->WriteHTML($sHtml);
|
|
$sOutputName = $this->s_title.'.pdf';
|
|
if ($this->GetOutputOption('pdf', 'output_name'))
|
|
{
|
|
$sOutputName = $this->GetOutputOption('pdf', 'output_name');
|
|
}
|
|
$oMPDF->Output($sOutputName, 'I');
|
|
}
|
|
}
|
|
}
|
|
// DBSearch::RecordQueryTrace();
|
|
// ExecutionKPI::ReportStats();
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
* @throws \Exception
|
|
*/
|
|
public function AddTabContainer($sTabContainer, $sPrefix = '')
|
|
{
|
|
$this->add($this->m_oTabs->AddTabContainer($sTabContainer, $sPrefix));
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
* @throws \Exception
|
|
*/
|
|
public function AddToTab($sTabContainer, $sTabCode, $sHtml)
|
|
{
|
|
$this->add($this->m_oTabs->AddToTab($sTabContainer, $sTabCode, $sHtml));
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
public function SetCurrentTabContainer($sTabContainer = '')
|
|
{
|
|
return $this->m_oTabs->SetCurrentTabContainer($sTabContainer);
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
public function SetCurrentTab($sTabCode = '', $sTabTitle = null)
|
|
{
|
|
return $this->m_oTabs->SetCurrentTab($sTabCode, $sTabTitle);
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
* @throws \Exception
|
|
* @since 2.0.3
|
|
*/
|
|
public function AddAjaxTab($sTabCode, $sUrl, $bCache = true, $sTabTitle = null)
|
|
{
|
|
$this->add($this->m_oTabs->AddAjaxTab($sTabCode, $sUrl, $bCache, $sTabTitle));
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
public function GetCurrentTab()
|
|
{
|
|
return $this->m_oTabs->GetCurrentTab();
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
public function RemoveTab($sTabCode, $sTabContainer = null)
|
|
{
|
|
$this->m_oTabs->RemoveTab($sTabCode, $sTabContainer);
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
public function FindTab($sPattern, $sTabContainer = null)
|
|
{
|
|
return $this->m_oTabs->FindTab($sPattern, $sTabContainer);
|
|
}
|
|
|
|
/**
|
|
* Make the given tab the active one, as if it were clicked
|
|
* DOES NOT WORK: apparently in the *old* version of jquery
|
|
* that we are using this is not supported... TO DO upgrade
|
|
* the whole jquery bundle...
|
|
*
|
|
* @param string $sTabContainer
|
|
* @param string $sTabCode
|
|
*/
|
|
public function SelectTab($sTabContainer, $sTabCode)
|
|
{
|
|
$this->add_ready_script($this->m_oTabs->SelectTab($sTabContainer, $sTabCode));
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
* @throws \Exception
|
|
*/
|
|
public function add($sHtml)
|
|
{
|
|
if (($this->m_oTabs->GetCurrentTabContainer() != '') && ($this->m_oTabs->GetCurrentTab() != ''))
|
|
{
|
|
$this->m_oTabs->AddToCurrentTab($sHtml);
|
|
}
|
|
else
|
|
{
|
|
parent::add($sHtml);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
public function start_capture()
|
|
{
|
|
$sCurrentTabContainer = $this->m_oTabs->GetCurrentTabContainer();
|
|
$sCurrentTab = $this->m_oTabs->GetCurrentTab();
|
|
|
|
if (!empty($sCurrentTabContainer) && !empty($sCurrentTab))
|
|
{
|
|
$iOffset = $this->m_oTabs->GetCurrentTabLength();
|
|
|
|
return array('tc' => $sCurrentTabContainer, 'tab' => $sCurrentTab, 'offset' => $iOffset);
|
|
}
|
|
else
|
|
{
|
|
return parent::start_capture();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
public function end_capture($offset)
|
|
{
|
|
if (is_array($offset))
|
|
{
|
|
if ($this->m_oTabs->TabExists($offset['tc'], $offset['tab']))
|
|
{
|
|
$sCaptured = $this->m_oTabs->TruncateTab($offset['tc'], $offset['tab'], $offset['offset']);
|
|
}
|
|
else
|
|
{
|
|
$sCaptured = '';
|
|
}
|
|
}
|
|
else
|
|
{
|
|
$sCaptured = parent::end_capture($offset);
|
|
}
|
|
|
|
return $sCaptured;
|
|
}
|
|
|
|
/**
|
|
* Set the message to be displayed in the 'app-banner' section at the top of the page
|
|
*
|
|
* @param string $sHtmlMessage
|
|
*/
|
|
public function SetMessage($sHtmlMessage)
|
|
{
|
|
$sHtmlIcon = '<span class="fas fa-comment fa-1x"></span>';
|
|
$this->AddApplicationMessage($sHtmlMessage, $sHtmlIcon);
|
|
}
|
|
|
|
/**
|
|
* Add message to be displayed in the 'app-banner' section at the top of the page
|
|
*
|
|
* @param string $sHtmlMessage
|
|
* @param string|null $sHtmlIcon
|
|
* @param string|null $sTip
|
|
*/
|
|
public function AddApplicationMessage($sHtmlMessage, $sHtmlIcon = null, $sTip = null)
|
|
{
|
|
if (strlen($sHtmlMessage))
|
|
{
|
|
$this->m_aMessages[] = array(
|
|
'icon' => $sHtmlIcon,
|
|
'message' => $sHtmlMessage,
|
|
'tip' => $sTip,
|
|
);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Adds in the page a container with the header_message CSS class
|
|
*
|
|
* @param string $sContent
|
|
* @param string $sCssClasses CSS classes to add to the container
|
|
*
|
|
* @throws \Exception
|
|
* @since 2.6.0
|
|
*/
|
|
public function AddHeaderMessage($sContent, $sCssClasses = 'message_info')
|
|
{
|
|
$this->add(<<<EOF
|
|
<div class="header_message $sCssClasses">$sContent</div>
|
|
EOF
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Add a UIBlock in the page by dispatching its parts in the right places (CSS, JS, HTML)
|
|
*
|
|
* @param \Combodo\iTop\Application\UI\iUIBlock $oBlock
|
|
*
|
|
* @return void
|
|
* @throws \ReflectionException
|
|
* @throws \Twig\Error\LoaderError
|
|
* @throws \Twig\Error\RuntimeError
|
|
* @throws \Twig\Error\SyntaxError
|
|
* @throws \Exception
|
|
* @since 2.8.0
|
|
*/
|
|
public function AddUiBlock(iUIBlock $oBlock)
|
|
{
|
|
$oBlockRenderer = new BlockRenderer($oBlock);
|
|
|
|
// Add HTML
|
|
$this->add($oBlockRenderer->RenderHtml());
|
|
|
|
// Add inline CSS and JS
|
|
$this->add_style($oBlockRenderer->RenderCssInline());
|
|
$this->add_ready_script($oBlockRenderer->RenderJsInline());
|
|
|
|
// Add external files
|
|
foreach($oBlockRenderer->GetCssFiles() as $sFile)
|
|
{
|
|
$this->add_linked_stylesheet($sFile);
|
|
}
|
|
foreach($oBlockRenderer->GetJsFiles() as $sFile)
|
|
{
|
|
$this->add_linked_script($sFile);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Adds a script to be executed when the DOM is ready (typical JQuery use), right before add_ready_script
|
|
*
|
|
* @param string $sScript
|
|
*
|
|
* @return void
|
|
*/
|
|
public function add_init_script($sScript)
|
|
{
|
|
$this->m_aInitScript[] = $sScript;
|
|
}
|
|
}
|