DocsAPI ReferenceBlog
Docs

Add controls and actions

Suggest Edits

These mashups can help you add new interactive controls:

  • Buttons in detailed views and on cards
  • Blocks and tabs in detailed views
  • Submenus and links in the main menu
  • Dashboard widgets

Examples of already created mashups

Mashups that add interactive controls to detailed views:

Mashups that append a custom submenu and link to the main menu:

  • Add custom link to main menu

Mashups that add interactive controls to views as a whole:

Mashups that provide bulk actions with cards selected on views:

Mashups that add interactive controls to cards on views:

Mashups that add new widgets to dashboards:

Example: add a block to detailed views

// Template: add custom block to the detailed view
// Available view types:
// general project release iteration build impediment user program team teamIteration 
// bug userStory task feature epic testPlan testPlanRun testCase request requester
tau.mashups
    .addDependency('tp/general/view')
    .addMashup(function(view, config) {
        console.log('tp/general/view', view);
        view.addBlock('tabName', function($element, data) {
            console.log('block content is rendered', $element, data.entity);
        }, function($element, data) {
            console.log('block header is rendered', $element, data.entity);
        }, {});
    });

Example: add a tab to detailed views

// Template: add custom tab to the detailed view
// Available view types:
// general project release iteration build impediment user program team teamIteration 
// bug userStory task feature epic testPlan testPlanRun testCase request requester
tau.mashups
    .addDependency('tp/general/view')
    .addMashup(function(view, config) {
        console.log('tp/general/view', view);
        view.addTab('tabName', function($element, data) {
            console.log('tab content is rendered', $element, data.entity);
        }, function($element, data) {
            console.log('tab header is rendered', $element, data.entity);
        }, {});
    });

Example: add a submenu to the main menu

tau.mashups
    .addDependency('tp3/mashups/topmenu')
    .addMashup(function(topMenu, config) {
        var menuItem = topMenu.addItem('Menu 1');

        menuItem.addItem('Report 1').onClick(function() {
            console.log('TODO Show report 1');
        });

        menuItem.addItem('Report 2').onClick(function() {
            console.log('TODO Show report 2');
        });
    });

Updated almost 8 years ago