Inserting and Setting Up Plugins

<?xml version="1.0" encoding="utf-8" ?>
<pp>
  <service url=" http://localhost:9090/axis2/services/PP.SOM.Som" />
  <metabase id="REPOSITORY" ping="120000" />
  <cultures>
    <culture cultureName="en" />
    <culture cultureName="ru" />
  </cultures>
  <modules>
   <dashboard>
    <reportBox ServicesPlugins="true"/>
   </dashboard>
  </modules>
</pp>

<?xml version="1.0" encoding="utf-8" ?>
<pp>
  <service url=" http://localhost:9090/axis2/services/PP.SOM.Som" />
  <metabase id="REPOSITORY" ping="120000" />
  <cultures>
    <culture cultureName="en" />
    <culture cultureName="ru" />
  </cultures>
  <plugins>
    <plugin type="PP.Ui.MyLabel" path="../plugins/SourceLabel.js" loaded="true" name="SourceLabel"/>
  </plugins>
</pp>

PP.Ui.MyLabel.prototype.refreshAll = function () {
    if (this._Instance)
        this._Source.getPPService().refresh(this._Source, new PP.Delegate(() => {
            this._redraw();
        }));
};

PP.Ui.MyLabel.prototype.refreshAll = function () {
    if (this._Instance)
        this._Source.getPPService().refresh(this._Source, new PP.Delegate(() => {
            //code before building a plugin
            this._redraw();
            //code after building a plugin
        }));
};

var data = this._Source.<visualizer method>

var dims = this._Source.getDims()

PP.Ui.MyLabel.prototype._redraw = function() {
    var series = PP.getProperty(this._Source.getChartData(), "meta.hiChart.series") || [];
    var dims = this._Source.getDims();
    dims.forEach((dim) => {
        dimSource = dim.getPPService();
        dimSource.getAllSelectedEls(dim, 
            new PP.Delegate((sender,args) => {
                console.log(dim.getId());
                console.log(dim.getPosition());
                console.log(PP.getProperty(args, 'Args.Els'));
            })
        );
    });
    if (this._Instance)
        this._Instance.clear();
    this._Instance = this._draw(this.getId(), series, this._UseSerieColor);
};

this.MetadataChanged.fire(this, {});

PP.Ui.MyLabel.prototype.refresh = function() {
    ...
    // Subscribe to the DimCombo.SelectionChanged event that occurs after selection is changed
    if (args && args.getPropertyName() === "SelectionChanged") {
        var eaxService = this._Source.getPPService();
        var dimKey = 68045;
        var dimSource = this._Source.getDim(dimKey);
        var dimService = eaxService.getDimService();
        dimService.SelectionChanged.addOne(() => {
            // Send report selection change to server and rebuild plugin
            eaxService.doFetchData(
                this._Source,
                new PP.Delegate(() => {
                    console.log("MetadataChanged");
                    this.MetadataChanged.fire(this, {});
                    this._redraw();
                }, this),
                dimKey
            )
        }, this);
        // Send new dimension selection to server
        var args = {
            keys: [10000000, 10000017, 10000018, 10000019, 10000020],
            selCommand: PP.Mb.SelCommands.Select,
            dmElRelative: PP.Mb.DmElRelative.Current
        };
        dimService.selectByKeys(dimSource, args);
    }
    ...
};

PP.Ui.MyMaster = function(settings) {
    this._DataView = null;
    PP.Ui.MyMaster.base.constructor.apply(this, arguments);
    var myPanel = new PP.Ui.MasterPanel({
        Id: "MyPluginMaster",
        Title: "My plugin master",
        IsHeaderControlVisible: false,
        ViewType: PP.Ui.NavigationItem,
        Content: new PP.Ui.GridPanel({
            Width: 300,
            Style: "margin-left: 30px",
            Items: [
                ...
                // Add a component that implements drop-down list to master layout
                this._DimCombo = new PP.Mb.Ui.DimCombo({
                    Top: 2,
                    Left: 1,
                    Width: 240
                })
                ...
            ]
        })
    });
    myPanel.getHeaderControl().CheckedChanged.add(this._onPropsChanged, this);
    this.addMasterPanel(myPanel);
};
...
PP.Ui.MyMaster.prototype.setDataView = function(view) {
    this._DataView = view;
    for (var i = 0; i < this.getItems().length; i++) {
        var item = this.getItem(i);
        if (item.getId() === "MyPluginMaster") {
            item.setTitle("My plugin master. Data view type: " + view.getTypeName());
            if (view._bgFlag) {
                item.getHeaderControl().setChecked(view._bgFlag, false);
            }
        }
    }
    // Set a data source that is report dimension for the component
    var source = this._DataView._Source;
    var dimKey = 1190439;
    var dimSource = source.getDim(dimKey);
    this._DimCombo.setSource(dimSource);
    this._DimCombo.getTreeView().setSelectionMode(PP.Ui.TreeListSelectionMode.SingleSelect);
    // Subscribe to selection change event
    this._DimCombo.SelectionChanged.addOne(
        new PP.Delegate((sender, data) => { 
            this._DataView.refresh(new PP.Mb.Ui.PropertyChangedEventArgs({
                PropertyName: "ComboSelectionChanged",
                Metadata: dimKey
            }));
        }, this), 
    this); 
};
...
PP.Ui.MyLabel.prototype.refresh = function() {
    ...
    // Send selection change to server and rebuild the component
    if (args && args.getPropertyName() === "ComboSelectionChanged") {
        var dimKey = args.getMetadata();
        this._Source.getPPService().doFetchData(
            this._Source, 
            new PP.Delegate(() => { 
                console.log("MetadataChanged");
                this.MetadataChanged.fire(this, {});
                this._redraw();
            }, this), 
            dimKey
        );
    }
    ...
};

this._Source.getPPService().setChartSelection()

new PP.Delegate(() => {
    this.MetadataChanged.fire(this, {}); 
}, this)

PP.Ui.MyLabel.prototype._draw = function (elementId, data, useSerieColor) {
    ...
    function serieClick(data, index, series) {
        console.log("Click");
        var selectSeries = {
            index: 0,
            points: { Item: index }
        };
        that.refresh(
            new PP.Mb.Ui.PropertyChangedEventArgs({
                PropertyName: "ChartSerieSelection",
                Metadata: selectSeries
            })
        );
    }
    ...
};
...
PP.Ui.MyLabel.prototype.refresh = function (args) {
    ...
    if (args && args.getPropertyName() === "ChartSerieSelection") {
        var selectSeries = args.getMetadata();
        this._Source.getPPService().setChartSelection(
            this._Source,
            selectSeries, 
            new PP.Delegate(() => { 
                console.log("MetadataChanged");
                this.MetadataChanged.fire(this, {}); 
            }, this)
        );
    }
    ...
};

PP.Ui.MyLabel.prototype.refresh = function (args) {
    ...
    var mb = this._Source.getMetabase();
    mb.runForeExec(
        "ID_OBJECT", // specify identifier of the Fore unit, in which function is set
        "NAME_FUNCTION", // specify function name
        // Display function execution result in the console
        new PP.Delegate((sender, args) => {
            var res = PP.getProperty(args, "Response.ForeExecResult.result");
            console.log(res);
        }),
        // Display information message if the function is not executed
        new PP.Delegate(() => {
            console.log("Could not execute function");
        })
    );
    ...
};