La timeline du portal » History » Version 1
Version 1/3
-
Next » -
Current version
Anonymous, 02/07/2012 17:46
La timeline du portal¶
La timeline est un plugin indépendant qui doit être accessible sur le server, actuellement : /usr/local/Sitools2_Corot/workspace/client-public/timeline_v2.3.0
Un onglet "timeline" spécifique a été créer dans le portal pour pouvoir afficher ou non cette timeline.
Pour configurer les données affichées sur la timeline ainsi que les couleurs, éditer /usr/local/Sitools2_Corot/workspace/client-public/timeline_v2.3.0corot_timeline.xml
Le code extJS pour la timeline : Dans le fichier portal.js (/usr/local/Sitools2_Corot/workspace/client-user/js/portal)
/*************************************************************************** ligne 270
* Creation du portlet Timeline
*/
var portlet_timeline = new Ext.ux.Portlet({
layout : 'fit',
xtype : 'portal',
portalId : "idPortal",
id : ID.PORTLET.TIMELINE,
title : 'Timeline',
height : 300,
autoload: true,
triggerAction : 'all',
items : [ new Ext.ux.ManagedIFrame.Panel({
defaultSrc : "res/html/" + LOCALE + "/timeline.html",
autoScroll : true
})]
});
[.............]
/*************************************************************************** ligne 370
items : [ {
region : 'north',
//id : 'portalId',
columnWidth : 1,
style : 'padding:10px 10px 10px 10px', // 10 0 10 10 MH 12dec
// baseCls : 'portalMainPanel',
items : [ portlet_timeline ]
},
[..............]
/*************************************************************************** ligne 416
children : [ {
id : ID.PORTALTREENAV.TIMELINE,
panelId : ID.PORTLET.TIMELINE,
icon : 'res/images/icons/portlet.png',
text : 'Timeline',
leaf : true,
checked : true,
listeners : {
checkchange : function (node) {
if (!node.attributes.checked) {
Ext.get(node.attributes.panelId).hide();
// Pour que le panel n'ait plus de place reservee
// dans le portal
Ext.get(node.attributes.panelId).addClass('x-hide-display');
} else {
Ext.get(node.attributes.panelId).show();
Ext.get(node.attributes.panelId).removeClass('x-hide-display');
}
}
}
},
Dans le fichier id.js (/usr/local/Sitools2_Corot/workspace/client-user/js) : rajouter la ligne TIMELINE : 'portletTimelineId'
var ID = {
PANEL : {
MENU : 'menuPanelId',
TREE : 'treePanelId',
MAIN : 'mainPanelId',
HELP : 'helpPanelId'
},
CMP : {
TOOLBAR : 'toolbarId',
MENU : 'menuId'
},
WIN : {
LOGIN : 'loginWinId',
ORDER : 'orderWinId'
},
BOX : {
REG : 'regBoxId',
USER : 'userBoxId',
GROUP : 'groupBoxId',
FIREWALL : 'firewallBoxId'
},
PORTLET : {
PROJET : 'portletProjectId',
RECHERCHE : 'portletRecherceID',
FEEDS : 'portletFeedsId',
TIMELINE : 'portletTimelineId'
},
PORTALTREENAV : {
PROJET : 'navProjectId',
RECHERCHE : 'navRechercheId',
FEEDS : 'navFeedsId',
TIMELINE : 'navTimelineId'
}
};