New eTemplate widget: tree

Ralf_Becker_6 2007-07-23 07:05:01 UTC #1

I used the weekend to create a new eTemplate widget, which shows a tree.

The Interface is quite similar to a selectbox. You supply the tree nodes
via the $sel_options parameter of etemplate::exec(). The difference is
only the id’s have to show the hierarchy path with a slash as delimiter, eg:
1 ± one
1/1 | ± one.one
1/2 | ± one.two
2 ± two

You can use a ‘1’ in the options attribute to specify a multiselection
with checkboxes. If you dont specify an onclick action (not onchange),
the result is returned via the content array. The onclick action can use
the variable:

id (id/path of the clicked node),
widgets name as variable containing the dhtmlxtree object (with
underscores instead of brackets, eg. tree_one instead of tree[one])
document.getElementsByName(form::name(‘tree[one]’))[0] to access the
hidden var containing the selected node(s) id/path

The tree has a sub-widget called ‘tree-cat’ or Category tree to display
eGW categories. The 3. (comma-separated) option allows to specify an app
different from the current app. It converts the cat_id to a hierarchy
path internally and so expects and returns only cat_id’s, like the
’select-cat’ widget!

As an example there’s now an other configuration in addressbook, to
display a category tree in the extra category tab, instead of the
checkbox multiselection.

ToDo: Allow to specify a callback to dynamicly load the nodes on request
(user opens the parent node).

I might commit it to 1.4 too, so it can be used in (extra) apps written
for 1.4 …

Ralf

Ralf Becker
eGroupWare Training & Support ==> http://www.egroupware-support.de
Outdoor Unlimited Training GmbH [www.outdoor-training.de]
Handelsregister HRB Kaiserslautern 3587
Geschäftsführer Birgit und Ralf Becker
Leibnizstr. 17, 67663 Kaiserslautern, Germany
Telefon +49 (0)631 31657-0

This SF.net email is sponsored by: Splunk Inc.
Still grepping through log files to find problems? Stop.
Now Search log events and configuration files using AJAX and a browser.
Download your FREE copy of Splunk now >> http://get.splunk.com/

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

Nathan_Gray-2 2007-07-23 19:00:26 UTC #2

I used the weekend to create a new eTemplate widget, which shows a
tree.

Cool. Playing with it now…

I submitted a patch to add category icons & colors. I’d post the
link for convenience, but my patch doesn’t show in the list.

I think I can make some use of this…

Nathan Gray
nathan at goarctic dot com

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

Ralf_Becker_6 2007-07-24 07:38:55 UTC #3

Hi Nathan,

Nathan Gray schrieb:

I used the weekend to create a new eTemplate widget, which shows a
tree.

Cool. Playing with it now…

Glad you like it

I submitted a patch to add category icons & colors. I’d post the
link for convenience, but my patch doesn’t show in the list.

I cant see the patch either, nor have I received a mail about it’s
creation (there’s a mailing list with all bugs and patches).

Just open it again.

I also think we should proceed with putting perp in the eGW svn and
making you an eGW project member, as noone objected on the core-list.
Then you can commit your patches yourself.

Ralf

I think I can make some use of this…

Nathan Gray
nathan at goarctic dot com

This SF.net email is sponsored by: Splunk Inc.
Still grepping through log files to find problems? Stop.
Now Search log events and configuration files using AJAX and a browser.
Download your FREE copy of Splunk now >> http://get.splunk.com/

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

–
Ralf Becker
eGroupWare Training & Support ==> http://www.egroupware-support.de
Outdoor Unlimited Training GmbH [www.outdoor-training.de]
Handelsregister HRB Kaiserslautern 3587
Geschäftsführer Birgit und Ralf Becker
Leibnizstr. 17, 67663 Kaiserslautern, Germany
Telefon +49 (0)631 31657-0

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

uwered 2007-07-24 09:04:02 UTC #4

Cool,
very nice with Firefox-Browser,
but no function (only an error-Message) with IE-6

Greetings
Uwe

Ralf Becker-3:

I used the weekend to create a new eTemplate widget, which shows a tree.

The Interface is quite similar to a selectbox. You supply the tree nodes
via the $sel_options parameter of etemplate::exec(). The difference is
only the id’s have to show the hierarchy path with a slash as delimiter, eg:
1 ± one
1/1 | ± one.one
1/2 | ± one.two
2 ± two

You can use a ‘1’ in the options attribute to specify a multiselection
with checkboxes. If you dont specify an onclick action (not onchange),
the result is returned via the content array. The onclick action can use
the variable:

id (id/path of the clicked node),

widgets name as variable containing the dhtmlxtree object (with
underscores instead of brackets, eg. tree_one instead of tree[one])

document.getElementsByName(form::name(‘tree[one]’))[0] to access the
hidden var containing the selected node(s) id/path

The tree has a sub-widget called ‘tree-cat’ or Category tree to display
eGW categories. The 3. (comma-separated) option allows to specify an app
different from the current app. It converts the cat_id to a hierarchy
path internally and so expects and returns only cat_id’s, like the
’select-cat’ widget!

As an example there’s now an other configuration in addressbook, to
display a category tree in the extra category tab, instead of the
checkbox multiselection.

ToDo: Allow to specify a callback to dynamicly load the nodes on request
(user opens the parent node).

I might commit it to 1.4 too, so it can be used in (extra) apps written
for 1.4 …

Ralf

Ralf Becker
eGroupWare Training & Support ==> http://www.egroupware-support.de
Outdoor Unlimited Training GmbH [www.outdoor-training.de]
Handelsregister HRB Kaiserslautern 3587
Geschäftsführer Birgit und Ralf Becker
Leibnizstr. 17, 67663 Kaiserslautern, Germany
Telefon +49 (0)631 31657-0

This SF.net email is sponsored by: Splunk Inc.
Still grepping through log files to find problems? Stop.
Now Search log events and configuration files using AJAX and a browser.
Download your FREE copy of Splunk now >> http://get.splunk.com/

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

Ralf_Becker_6 2007-07-24 10:50:59 UTC #5

Hi Uwe,

it’s fixed in svn now. Duno why but IE required the initialisation of
the tree to be:

$html .= “var $tree = new dhtmlXTreeObject(’$tree’,‘100%’,‘100%’,0);\n”;

in FF it was ok as:

$html .= “$tree = new dhtmlXTreeObject(’$tree’,‘100%’,‘100%’,0);\n”;

Anyway it’s working now in both.

Ralf

uwered schrieb:

Cool,
very nice with Firefox-Browser,
but no function (only an error-Message) with IE-6

Greetings
Uwe

Ralf Becker-3 wrote:

I used the weekend to create a new eTemplate widget, which shows a tree.

The Interface is quite similar to a selectbox. You supply the tree nodes
via the $sel_options parameter of etemplate::exec(). The difference is
only the id’s have to show the hierarchy path with a slash as delimiter,
eg:
1 ± one
1/1 | ± one.one
1/2 | ± one.two
2 ± two

You can use a ‘1’ in the options attribute to specify a multiselection
with checkboxes. If you dont specify an onclick action (not onchange),
the result is returned via the content array. The onclick action can use
the variable:

id (id/path of the clicked node),

widgets name as variable containing the dhtmlxtree object (with
underscores instead of brackets, eg. tree_one instead of tree[one])

document.getElementsByName(form::name(‘tree[one]’))[0] to access the
hidden var containing the selected node(s) id/path

The tree has a sub-widget called ‘tree-cat’ or Category tree to display
eGW categories. The 3. (comma-separated) option allows to specify an app
different from the current app. It converts the cat_id to a hierarchy
path internally and so expects and returns only cat_id’s, like the
’select-cat’ widget!

As an example there’s now an other configuration in addressbook, to
display a category tree in the extra category tab, instead of the
checkbox multiselection.

ToDo: Allow to specify a callback to dynamicly load the nodes on request
(user opens the parent node).

I might commit it to 1.4 too, so it can be used in (extra) apps written
for 1.4 …

Ralf

Ralf Becker
eGroupWare Training & Support ==> http://www.egroupware-support.de
Outdoor Unlimited Training GmbH [www.outdoor-training.de]
Handelsregister HRB Kaiserslautern 3587
Geschäftsführer Birgit und Ralf Becker
Leibnizstr. 17, 67663 Kaiserslautern, Germany
Telefon +49 (0)631 31657-0

This SF.net email is sponsored by: Splunk Inc.
Still grepping through log files to find problems? Stop.
Now Search log events and configuration files using AJAX and a browser.
Download your FREE copy of Splunk now >> http://get.splunk.com/

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

Nathan_Gray-2 2007-07-24 15:41:15 UTC #6

…

I submitted a patch to add category icons & colors. I’d post the
link for convenience, but my patch doesn’t show in the list.

I cant see the patch either, nor have I received a mail about it’s
creation (there’s a mailing list with all bugs and patches).

Just open it again.

Ok, and it says Entry saved, but its not there. Here’s the diff:
Index: class.tree_widget.inc.php

— class.tree_widget.inc.php (revision 24337)
+++ class.tree_widget.inc.php (working copy)
@@ -97,7 +97,18 @@
$s .= ’ ’;
}
$cat2path[$cat[‘id’]] =
$path = ($cat[‘parent’] ? $cat2path[$cat[‘parent’]].’/’ : ‘’).(string)
$cat[‘id’];

                                  $cell['sel_options'][$path] =

$s;

                                  $cell_data = array(

                                          'label'

=> $s,

```
                                  );
```

                                  $cat['data'] = unserialize

($cat[‘data’]);

                                  if($cat['data']['icon']) {

                                          $cell_data['image'] =

‘…/…/…/…/…/images/’.$cat[‘data’][‘icon’];

```
                                  }
```

                                  if($cat['data']['color']) {

                                          $cell_data['label'] =

'<span style=‘color: ’ . $cat[‘data’][‘color’] . ‘’>’ . $cell_data
[‘label’] . ‘’;

```
                                  }
```

                                  $cell['sel_options'][$path] =

$cell_data;
}
// change cat-ids to pathes and
preserv unavailible cats (eg. private user-cats)
if ($value)

Nathan Gray
nathan at goarctic dot com

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

Gordon_Fritsch 2008-10-21 10:09:11 UTC #7

Great idea! Thank you for that. Though I could not discover the tree widget in the 1.4 svn branch yet. What do I need to do to add the tree widget to my 1.4 installation? Merely copying the class.tree_widget.inc.php into etemplate/inc seems not to be enough.

Gordon

ralfbecker:

I used the weekend to create a new eTemplate widget, which shows a tree.

The Interface is quite similar to a selectbox. You supply the tree nodes
via the $sel_options parameter of etemplate::exec(). The difference is
only the id’s have to show the hierarchy path with a slash as delimiter, eg:
1 ± one
1/1 | ± one.one
1/2 | ± one.two
2 ± two

You can use a ‘1’ in the options attribute to specify a multiselection
with checkboxes. If you dont specify an onclick action (not onchange),
the result is returned via the content array. The onclick action can use
the variable:

id (id/path of the clicked node),

widgets name as variable containing the dhtmlxtree object (with
underscores instead of brackets, eg. tree_one instead of tree[one])

document.getElementsByName(form::name(‘tree[one]’))[0] to access the
hidden var containing the selected node(s) id/path

The tree has a sub-widget called ‘tree-cat’ or Category tree to display
eGW categories. The 3. (comma-separated) option allows to specify an app
different from the current app. It converts the cat_id to a hierarchy
path internally and so expects and returns only cat_id’s, like the
’select-cat’ widget!

As an example there’s now an other configuration in addressbook, to
display a category tree in the extra category tab, instead of the
checkbox multiselection.

ToDo: Allow to specify a callback to dynamicly load the nodes on request
(user opens the parent node).

I might commit it to 1.4 too, so it can be used in (extra) apps written
for 1.4 …

Ralf

Ralf Becker
eGroupWare Training & Support ==> http://www.egroupware-support.de
Outdoor Unlimited Training GmbH [www.outdoor-training.de]
Handelsregister HRB Kaiserslautern 3587
Geschäftsführer Birgit und Ralf Becker
Leibnizstr. 17, 67663 Kaiserslautern, Germany
Telefon +49 (0)631 31657-0

This SF.net email is sponsored by: Splunk Inc.
Still grepping through log files to find problems? Stop.
Now Search log events and configuration files using AJAX and a browser.
Download your FREE copy of Splunk now >> http://get.splunk.com/

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

Ralf_Becker_6 2008-10-21 10:23:05 UTC #8

If you develop a new application, I strongly advice to develop it for
1.6 and NOT 1.4. 1.4 is history by now and your new application is surly
meant to be used in the future

Ralf

Gordon Fritsch schrieb:

Great idea! Thank you for that. Though I could not discover the tree widget
in the 1.4 svn branch yet. What do I need to do to add the tree widget to my
1.4 installation? Merely copying the class.tree_widget.inc.php into
etemplate/inc seems not to be enough.

Gordon

ralfbecker wrote:

I used the weekend to create a new eTemplate widget, which shows a tree.

The Interface is quite similar to a selectbox. You supply the tree nodes
via the $sel_options parameter of etemplate::exec(). The difference is
only the id’s have to show the hierarchy path with a slash as delimiter,
eg:
1 ± one
1/1 | ± one.one
1/2 | ± one.two
2 ± two

You can use a ‘1’ in the options attribute to specify a multiselection
with checkboxes. If you dont specify an onclick action (not onchange),
the result is returned via the content array. The onclick action can use
the variable:

id (id/path of the clicked node),

widgets name as variable containing the dhtmlxtree object (with
underscores instead of brackets, eg. tree_one instead of tree[one])

document.getElementsByName(form::name(‘tree[one]’))[0] to access the
hidden var containing the selected node(s) id/path

The tree has a sub-widget called ‘tree-cat’ or Category tree to display
eGW categories. The 3. (comma-separated) option allows to specify an app
different from the current app. It converts the cat_id to a hierarchy
path internally and so expects and returns only cat_id’s, like the
’select-cat’ widget!

As an example there’s now an other configuration in addressbook, to
display a category tree in the extra category tab, instead of the
checkbox multiselection.

ToDo: Allow to specify a callback to dynamicly load the nodes on request
(user opens the parent node).

I might commit it to 1.4 too, so it can be used in (extra) apps written
for 1.4 …

Ralf

Ralf Becker
eGroupWare Training & Support ==> http://www.egroupware-support.de
Outdoor Unlimited Training GmbH [www.outdoor-training.de]
Handelsregister HRB Kaiserslautern 3587
Geschäftsführer Birgit und Ralf Becker
Leibnizstr. 17, 67663 Kaiserslautern, Germany
Telefon +49 (0)631 31657-0

This SF.net email is sponsored by: Splunk Inc.
Still grepping through log files to find problems? Stop.
Now Search log events and configuration files using AJAX and a browser.
Download your FREE copy of Splunk now >> http://get.splunk.com/

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

–
Ralf Becker
Director Software Development

Stylite GmbH
[open style of IT]

Morschheimer Strasse 15
67292 Kirchheimbolanden

fon +49 (0) 6352 70629-0
fax +49 (0) 6352 70629-30
cell +49 (0) 170 7815917
mailto: rb@stylite.de

www.stylite.de
www.egroupware.org

Geschäftsführer Andre Keller, Nigel John Vickers,
Gudrun K. Müller und Ralf Becker
Registergericht Kaiserslautern HRB 12087

This SF.Net email is sponsored by the Moblin Your Move Developer’s challenge
Build the coolest Linux based applications with Moblin SDK & win great prizes
Grand prize is a trip for two to an Open Source event anywhere in the world
http://moblin-contest.org/redirect.php?banner_id=100&url=/

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

Gordon_Fritsch 2008-10-21 10:39:39 UTC #9

It is a running 1.4 application that I want to modify. So the app is not quit new. Sure I want to use it on a 1.6 installation in the future. But right now I don’t dare to upgrade my 1.4 environment to 1.6 RCx. Once 1.6 is declared as stable I will try to do so. Did I miss the stable release?
For minimizing the risc of my 1.4 installation becoming unstable I intended to install merely the tree widget. If you are going to tell me that a complete upgrade to 1.6 is less risky then just installing the new widget I probably will have to review my plans.

Gordon

Ralf_Becker_6 2008-10-21 11:40:27 UTC #10

Try the revision 24663:

http://www.egroupware.org/viewvc/trunk/etemplate/inc/class.tree_widget.inc.php?revision=24663

After that, there’s no chance it will work in 1.4.

Ralf

Gordon Fritsch schrieb:

It is a running 1.4 application that I want to modify. So the app is not quit
new. Sure I want to use it on a 1.6 installation in the future. But right
now I don’t dare to upgrade my 1.4 environment to 1.6 RCx. Once 1.6 is
declared as stable I will try to do so. Did I miss the stable release?
For minimizing the risc of my 1.4 installation becoming unstable I intended
to install merely the tree widget. If you are going to tell me that a
complete upgrade to 1.6 is less risky then just installing the new widget I
probably will have to review my plans.

Gordon

ralfbecker wrote:

If you develop a new application, I strongly advice to develop it for
1.6 and NOT 1.4. 1.4 is history by now and your new application is surly
meant to be used in the future

–
Ralf Becker
Director Software Development

Stylite GmbH
[open style of IT]

Morschheimer Strasse 15
67292 Kirchheimbolanden

fon +49 (0) 6352 70629-0
fax +49 (0) 6352 70629-30
cell +49 (0) 170 7815917
mailto: rb@stylite.de

www.stylite.de
www.egroupware.org

Geschäftsführer Andre Keller, Nigel John Vickers,
Gudrun K. Müller und Ralf Becker
Registergericht Kaiserslautern HRB 12087

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

Gordon_Fritsch 2008-10-21 13:23:48 UTC #11

Thank you. Besides from copying the file what else will I need to to? In the file
http://svn.egroupware.org/egroupware/trunk/etemplate/setup/etemplates.inc.php
I discovered the line

$templ_data[] = array(‘name’ => ‘etemplate.tree.test’,‘template’ => ‘’,‘lang’ => ‘’,‘group’ => ‘0’,‘version’ => ‘1’,‘data’ => ‘a:1:{i:0;a:4:{s:4:“type”;s:4:“grid”;s:4:“data”;a:2:{i:0;a:0:{}i:1;a:1:{s:1:“A”;a:3:{s:4:“type”;s:8:“tree-cat”;s:4:“name”;s:4:“tree”;s:7:“onclick”;s:9:“alert(id)”;}}}s:4:“rows”;i:1;s:4:“cols”;i:1;}}’,‘size’ => ‘’,‘style’ => ‘’,‘modified’ => ‘1185018372’,);

Will it be sufficient to copy that line too and reinstall etemplates?

Gordon

Ralf_Becker_6 2008-10-21 13:38:12 UTC #12

As the name ‘etemplate.tree.test’ suggests, it’s only some test.

Ralf

Gordon Fritsch schrieb:

Thank you. Besides from copying the file what else will I need to to? In the
file
http://svn.egroupware.org/egroupware/trunk/etemplate/setup/etemplates.inc.php
I discovered the line

$templ_data[] = array(‘name’ => ‘etemplate.tree.test’,‘template’ =>
’’,‘lang’ => ‘’,‘group’ => ‘0’,‘version’ => ‘1’,‘data’ =>
‘a:1:{i:0;a:4:{s:4:“type”;s:4:“grid”;s:4:“data”;a:2:{i:0;a:0:{}i:1;a:1:{s:1:“A”;a:3:{s:4:“type”;s:8:“tree-cat”;s:4:“name”;s:4:“tree”;s:7:“onclick”;s:9:“alert(id)”;}}}s:4:“rows”;i:1;s:4:“cols”;i:1;}}’,‘size’
=> ‘’,‘style’ => ‘’,‘modified’ => ‘1185018372’,);

Will it be sufficient to copy that line too and reinstall etemplates?

Gordon

ralfbecker wrote:

Try the revision 24663:

http://www.egroupware.org/viewvc/trunk/etemplate/inc/class.tree_widget.inc.php?revision=24663

After that, there’s no chance it will work in 1.4.

Ralf

–
Ralf Becker
Director Software Development

Stylite GmbH
[open style of IT]

Morschheimer Strasse 15
67292 Kirchheimbolanden

fon +49 (0) 6352 70629-0
fax +49 (0) 6352 70629-30
cell +49 (0) 170 7815917
mailto: rb@stylite.de

www.stylite.de
www.egroupware.org

Geschäftsführer Andre Keller, Nigel John Vickers,
Gudrun K. Müller und Ralf Becker
Registergericht Kaiserslautern HRB 12087

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers