domain: client
language: javascript
class Task
The create_menu method created a menu based on the project
task tree.
If display forms in tabs attribute of the project parameters is set, initializes tabs that will be created to display forms.
It iterates through the items of the task tree and adds items to the menu for which the visible attribute is set to true, and the user has the right to view them.
The method uses to assign on click event to the menu items so that for reports the print method will be executed when a user clicks it and the view method will be executed for other items.
The following parameters could be passed to the method:
menu - a JQuery object of the menu element from index.html file
forms_container a JQuery object of the element that will contain the forms
created by the
view
method
options - an object that can have the following attributes:
custom_menu - use this option to create a custom menu, see below for details
view_first - if it is true the view form of the first item in the menu will
be displayed after menu is created, the default value is false
create_single_group - if it is true and only one group in the task tree
has items the menu item for the group will be created that have a drop down
menu for group items, otherwise the menuitems for each item will be created,
the default value is false
splash_screen - an html that will be displayed in the forms_container when
all tabs are closed
To create your own custom menu you must set a custom_menu option.
This option is a list of menu objects, each object can be:
Jam.py item or item group
array: the first element of the array is the name of the menu item, and the second is the list of menu objects
object with one attribute: the key of the attribute is the name of menu item and the value - a list of menu objects
object with one attribute: the key of the attribute is the name of menu item and the value - function to be executed when the menu item is clicked
To add a separator, an empty string (‘’) can be added to the list of menu objects
task.create_menu($("#menu"), $("#content"), {
splash_screen: '<h1 class="text-center">Jam.py Demo Application</h1>',
view_first: true
});
An example with custom menu:
let menu = [
['First', [task.invoices, task.customers]],
{'Second': [task.catalogs, '', task.reports]},
{Third: [task.tracks, {Params: function() {alert('params clicked')}}]},
{Fourth: [task.task.analytics, {'Artists list': [task.artists]}]},
task.reports,
{Params: function() {alert('params clicked')}},
];
task.create_menu($("#menu"), $("#content"), {
custom_menu: menu,
splash_screen: '<h1 class="text-center">Jam.py Demo Application</h1>',
view_first: true
});