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

User editable dashboards... implementation in progress

Browse Source 
SVN:trunk[1996]
This commit is contained in:
Denis Flaven
2012-05-21 13:48:45 +00:00
parent 3121cf602a
commit 1e605c43b0
3 changed files with 79 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
application/dashboard.class.inc.php
View File

@@ -35,7 +35,8 @@ abstract class Dashboard
foreach($oDashletList as $oDomNode)
{
$sDashletClass = $oDomNode->getAttribute('xsi:type');
$oNewDashlet = new $sDashletClass;
$sId = $oDomNode->getAttribute('id');
$oNewDashlet = new $sDashletClass($sId);
$oNewDashlet->FromDOMNode($oDomNode);
$this->aDashlets[] = $oNewDashlet;
}
@@ -80,6 +81,10 @@ abstract class Dashboard
$oPage->add('<h1>'.$this->sTitle.'</h1>');
$oLayout = new $this->sLayoutClass;
$oLayout->Render($oPage, $this->aDashlets, $bEditMode, $aExtraParams);
if (!$bEditMode)
{
$oPage->add_linked_script('../js/dashlet.js');
}
}
public function RenderProperties($oPage)
@@ -140,7 +145,10 @@ abstract class Dashboard
$oPage->add('<div class="ui-widget-content ui-corner-all"><div class="ui-widget-header ui-corner-all" style="text-align:center; padding: 2px;">Dashlet Properties</div>');
$oPage->add('<div id="dashlet_properties" style="text-align:center">');
$oPage->p('Not yet implemented');
foreach($this->aDashlets as $oDashlet)
{
$oDashlet->RenderProperties($oPage);
}
$oPage->add('</div>');
$oPage->add('</div>');
@@ -165,7 +173,6 @@ class RuntimeDashboard extends Dashboard
<<<EOF
function EditDashboard(sId)
{
console.log('Ici');
$.post(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php', {operation: 'dashboard_editor', id: sId},
function(data)
{
@@ -190,6 +197,7 @@ EOF
$this->RenderDashletsSelection($oPage);
$this->RenderDashletsProperties($oPage);
$oPage->add('</div>');
$oPage->add('<div id="event_bus"/>'); // For exchanging messages between the panes, same as in the designer
$oPage->add('</div>');
$sDialogTitle = 'Dashboard Editor';
$sOkButtonLabel = Dict::S('UI:Button:Ok');
@@ -209,6 +217,24 @@ $('#dashboard_editor').dialog({
],
close: function() { $(this).remove(); }
});
$('#event_bus').bind('dashlet-selected', function(event, data){
var sDashletId = data.dashlet_id;
var sPropId = 'dashlet_properties_'+sDashletId;
$('.dashlet_properties').each(function() {
var sId = $(this).attr('id');
var bShow = (sId == sPropId);
if (bShow)
{
$(this).show();
}
else
{
$(this).hide();
}
});
});
EOF
);
$oPage->add_ready_script("$('#dashboard_editor').layout();");

2
application/dashboardlayout.class.inc.php
View File

@@ -42,7 +42,7 @@ abstract class DashboardLayoutMultiCol extends DashboardLayout
if ($iDashletIdx <= count($aDashlets))
{
$oDashlet = $aDashlets[$iDashletIdx];
$oDashlet->Render($oPage, $bEditMode, $aExtraParams);
$oDashlet->DoRender($oPage, $bEditMode, $aExtraParams);
}
else
{

63
application/dashlet.class.inc.php
View File

@@ -1,9 +1,11 @@
<?php
abstract class Dashlet
{
public function __construct()
protected $sId;
public function __construct($sId)
{
$this->sId = $sId;
}
public function FromDOMNode($oDOMNode)
@@ -21,8 +23,47 @@ abstract class Dashlet
}
public function DoRender($oPage, $bEditMode = false, $aExtraParams = array())
{
if ($bEditMode)
{
$sId = $this->GetID();
$oPage->add('<div class="dashlet" id="dashlet_'.$sId.'">');
}
else
{
$oPage->add('<div class="dashlet">');
}
$this->Render($oPage, $bEditMode, $aExtraParams);
$oPage->add('</div>');
if ($bEditMode)
{
$sClass = get_class($this);
$oPage->add_ready_script(
<<<EOF
$('#dashlet_$sId').dashlet({dashlet_id: '$sId', dashlet_class: '$sClass'});
EOF
);
}
}
public function GetID()
{
return $this->sId;
}
abstract public function Render($oPage, $bEditMode = false, $aExtraParams = array());
public function RenderProperties($oPage)
{
$sId = $this->GetID();
$sClass = get_class($this);
$oPage->add('<div class="dashlet_properties" id="dashlet_properties_'.$sId.'" style="display:none">');
$oPage->add("<p>Properties for $sClass / $sId</p>");
$oPage->add('</div>');
}
public function ToXml(DOMNode $oContainerNode)
{
@@ -50,9 +91,9 @@ abstract class Dashlet
class DashletHelloWorld extends Dashlet
{
public function __construct()
public function __construct($sId)
{
parent::__construct($sId);
}
public function FromDOMNode($oDOMNode)
@@ -72,9 +113,7 @@ class DashletHelloWorld extends Dashlet
public function Render($oPage, $bEditMode = false, $aExtraParams = array())
{
$oPage->add('<div class="dashlet">');
$oPage->add('<div style="text-align:center; line-height:5em" class="dashlet-content"><span>Hello World!</span></div>');
$oPage->add('</div>');
}
public function ToXml(DOMNode $oContainerNode)
@@ -110,9 +149,9 @@ class DashletHelloWorld extends Dashlet
class DashletFakeBarChart extends Dashlet
{
public function __construct()
public function __construct($sId)
{
parent::__construct($sId);
}
public function FromDOMNode($oDOMNode)
@@ -132,9 +171,7 @@ class DashletFakeBarChart extends Dashlet
public function Render($oPage, $bEditMode = false, $aExtraParams = array())
{
$oPage->add('<div class="dashlet">');
$oPage->add('<div style="text-align:center" class="dashlet-content"><div>Fake Bar Chart</div><divp><img src="../images/fake-bar-chart.png"/></div></div>');
$oPage->add('</div>');
}
public function ToXml(DOMNode $oContainerNode)
@@ -170,9 +207,9 @@ class DashletFakeBarChart extends Dashlet
class DashletFakePieChart extends Dashlet
{
public function __construct()
public function __construct($sId)
{
parent::__construct($sId);
}
public function FromDOMNode($oDOMNode)
@@ -192,9 +229,7 @@ class DashletFakePieChart extends Dashlet
public function Render($oPage, $bEditMode = false, $aExtraParams = array())
{
$oPage->add('<div class="dashlet">');
$oPage->add('<div style="text-align:center" class="dashlet-content"><div>Fake Pie Chart</div><div><img src="../images/fake-pie-chart.png"/></div></div>');
$oPage->add('</div>');
}
public function ToXml(DOMNode $oContainerNode)