composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-23 18:48:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°8641 - Dashboard editor front-end first commit for Form SDK integration.

Browse Source 
* No dashlet edition
* Dashboard are not persisted
* Unable to load a dashboard from an endpoint (refresh)
* Grid library need proper npm integration
This commit is contained in:
Stephen Abello
2026-01-06 15:23:51 +01:00
parent 3e879c64a7
commit a713e1b56e
167 changed files with 32266 additions and 763 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
sources/Application/UI/Base/Layout/Dashboard/DashboardLayout.php
View File

@@ -7,13 +7,25 @@
namespace Combodo\iTop\Application\UI\Base\Layout\Dashboard;
use Combodo\iTop\Application\UI\Base\Component\Button\ButtonUIBlockFactory;
use Combodo\iTop\Application\UI\Base\Component\Input\Select\SelectOption;
use Combodo\iTop\Application\UI\Base\Component\Input\Select\SelectOptionUIBlockFactory;
use Combodo\iTop\Application\UI\Base\Layout\UIContentBlock;
use Combodo\iTop\Application\UI\Base\UIBlock;
use Dict;
use function Combodo\iTop\Application\UI\Base\Component\Button\ButtonUIBlockFactory;
// TODO 3.3 Remove old dashboard methods, make dict entries for elements, etc
class DashboardLayout extends UIBlock
{
public const BLOCK_CODE = 'ibo-dashboard';
public const DEFAULT_HTML_TEMPLATE_REL_PATH = 'base/layouts/dashboard/layout';
public const DEFAULT_JS_FILES_REL_PATH = [
'js/layouts/dashboard/dashboard.js',
'js/layouts/dashboard/dashboard-grid.js',
'js/layouts/dashboard/dashboard-grid-slot.js',
'js/layouts/dashboard/dashlet.js',
];
/** @var string */
protected $sTitle;
@@ -24,6 +36,12 @@ class DashboardLayout extends UIBlock
/** @var int */
protected $iRows;
protected $oDashboardGrid;
protected $oTitleInput;
protected $oRefreshInput;
protected $oButtonsToolbar;
public function __construct(?string $sId = null)
{
parent::__construct($sId);
@@ -31,6 +49,48 @@ class DashboardLayout extends UIBlock
$this->iRows = 0;
$this->sTitle = '';
$this->oToolbar = new UIContentBlock(null, ['ibo-dashboard--top-bar-toolbar']);
$this->oTitleInput = $this->MakeTitleInput();
$this->oRefreshInput = $this->MakeRefreshInput();
$this->oButtonsToolbar = $this->MakeButtonsToolbar();
}
public function MakeTitleInput() {
$oTitleInput = new \Combodo\iTop\Application\UI\Base\Component\Input\Input();
$oTitleInput->SetName('dashboard_title');
$oTitleInput->SetType('text');
$oTitleInput->SetPlaceholder('Enter the dashboard title...');
return $oTitleInput;
}
public function MakeRefreshInput() {
$oRefreshInput = \Combodo\iTop\Application\UI\Base\Component\Input\Select\SelectUIBlockFactory::MakeForSelect('refresh_interval');
$aRefreshRateOptions = [
['value' => '0', 'label' => 'No auto-refresh'],
['value' => '30', 'label' => 'Every 30 seconds'],
['value' => '60', 'label' => 'Every 1 minute'],
['value' => '300', 'label' => 'Every 5 minutes'],
['value' => '600', 'label' => 'Every 10 minutes'],
['value' => '1800', 'label' => 'Every 30 minutes'],
['value' => '3600', 'label' => 'Every 1 hour'],
];
foreach ($aRefreshRateOptions as $aOptionData) {
$oOption = SelectOptionUIBlockFactory::MakeForSelectOption($aOptionData['value'], $aOptionData['label'], false);
$oRefreshInput->AddOption($oOption);
}
return $oRefreshInput;
}
public function MakeButtonsToolbar() {
$oContainer = new UIContentBlock(null, ['ibo-dashboard--buttons-toolbar']);
$oCancelButton = ButtonUIBlockFactory::MakeForCancel(Dict::S('UI:Button:Cancel'), 'cancel', 'cancel');
$oSaveButton = ButtonUIBlockFactory::MakeForPrimaryAction(Dict::S('UI:Button:Save'), 'save', 'save');
$oContainer->AddSubBlock($oCancelButton);
$oContainer->AddSubBlock($oSaveButton);
return $oContainer;
}
/**
@@ -50,7 +110,7 @@ class DashboardLayout extends UIBlock
public function GetSubBlocks(): array
{
return array_merge($this->aDashboardRows, [$this->oToolbar]);
return array_merge($this->aDashboardRows, [$this->oToolbar, $this->oRefreshInput, $this->oTitleInput, $this->oButtonsToolbar, $this->oDashboardGrid]);
}
/**
@@ -90,6 +150,8 @@ class DashboardLayout extends UIBlock
public function SetTitle(string $sTitle)
{
$this->sTitle = $sTitle;
$this->oTitleInput->SetValue($sTitle);
}
/**
@@ -99,4 +161,27 @@ class DashboardLayout extends UIBlock
{
return $this->aDashboardRows;
}
public function SetGrid(DashboardGrid $oDashboardGrid) {
$this->oDashboardGrid = $oDashboardGrid;
return $this;
}
public function GetGrid() {
return $this->oDashboardGrid;
}
public function GetTitleInput()
{
return $this->oTitleInput;
}
public function GetRefreshInput() {
return $this->oRefreshInput;
}
public function GetButtonsToolbar() {
return $this->oButtonsToolbar;
}
}