luos/workflow/engine/templates/pmTables/list.js

/**
 * PM tables list
 */

var newButton;
var editButton;
var deleteButton;
var importButton;
var exportButton;
var offlineEnableDisable;
var dataButton;

var store;
var expander;
var cmodel;
var chkSelModel;
var infoGrid;
var viewport;

var rowsSelected;
var importOption;
var externalOption;
var externalPermissions;
var currentSelectedRow = -1;
var extensionPmt = 'pmt';

Ext.onReady(function () {
    // Keyboard Events
    new Ext.KeyMap(document, {
        key: Ext.EventObject.F5,
        fn: function (keycode, e) {
            if (!e.ctrlKey) {
                if (Ext.isIE) {
                    e.browserEvent.keyCode = 8;
                }
                e.stopEvent();
                document.location = document.location;
            } else {
                Ext.Msg.alert(_('ID_REFRESH_LABEL'), _('ID_REFRESH_MESSAGE'));
            }
        }
    });

    Ext.QuickTips.init();

    pageSize = parseInt(CONFIG.pageSize);

    if (PRO_UID == false) {
        var newMenuOptions = new Array();

        newMenuOptions.push({
            text: _('ID_NEW_PMTABLE'),
            handler: newPMTable
        });
        newMenuOptions.push({
            text: _('ID_NEW_REPORT_TABLE'),
            handler: NewReportTable
        });

        newButton = new Ext.Action({
            id: 'newButton',
            text: _('ID_NEW'),
            icon: '/images/add-table.png',
            menu: newMenuOptions
        });
    }

    var flagProcessmap = (typeof ('flagProcessmap') != 'undefined') ? flagProcessmap : 0;

    if (PRO_UID !== false) {
        newButton = new Ext.Action({
            id: 'newButton',
            text: _('ID_NEW'),
            icon: '/images/add-table.png',
            handler: NewReportTable
        });
    }

    editButton = new Ext.Action({
        id: 'editButton',
        text: _('ID_EDIT'),
        icon: '/images/edit-table.png',
        handler: EditPMTable,
        disabled: true
    });

    deleteButton = new Ext.Action({
        id: 'deleteButton',
        text: _('ID_DELETE'),
        icon: '/images/delete-table.png',
        handler: DeletePMTable,
        disabled: true
    });

    importButton = new Ext.Action({
        id: 'importButton',
        text: _('ID_IMPORT'),
        iconCls: 'silk-add',
        icon: '/images/import.gif',
        handler: ImportPMTable
    });

    exportButton = new Ext.Action({
        id: 'exportButton',
        text: _('ID_EXPORT'),
        iconCls: 'silk-add',
        icon: '/images/export.png',
        handler: ExportPMTable,
        disabled: true
    });

    offlineEnableDisable = new Ext.Action({
        id: 'offlineEnableDisable',
        text: _('ID_OFFLINE_TABLES'),
        iconCls: 'silk-add',
        icon: '/images/offline-pin.png',
        menu: [{
                text: _('ID_OFFLINE_TABLES_ENABLE'),
                handler: function () {
                    OfflineEnableDisablePMTable(true);
                }
            }, {
                text: _('ID_OFFLINE_TABLES_DISABLE'),
                handler: function () {
                    OfflineEnableDisablePMTable(false);
                }
            }
        ],
        disabled: true
    });

    dataButton = new Ext.Action({
        id: 'dataButton',
        text: ' ' + _('ID_DATA'),
        iconCls: 'silk-add',
        icon: '/images/database-start.png',
        handler: PMTableData,
        disabled: true
    });

    searchButton = new Ext.Action({
        id: 'searchButton',
        text: _('ID_SEARCH'),
        handler: DoSearch
    });

    var contextMenuItems = new Array();
    contextMenuItems.push(editButton);
    contextMenuItems.push(deleteButton);
    contextMenuItems.push('-');
    contextMenuItems.push(dataButton);
    contextMenuItems.push(exportButton);

    if (_PLUGIN_SIMPLEREPORTS !== false) {
        externalOption = new Ext.Action({
            text: '',
            iconCls: 'x-btn-text button_menu_ext ss_sprite ss_report_picture',
            handler: function () {
                updateTag('plugin@simplereport');
            },
            disabled: false
        });
        externalPermissions = new Ext.Action({
            text: _('ID_PERMISSIONS'),
            iconCls: 'x-btn-text button_menu_ext ss_sprite  ss_key_add',
            handler: function () {
                updateTagPermissions('plugin@simplereport');
            },
            disabled: false
        });
        contextMenuItems.push('-');
        contextMenuItems.push(externalOption);
        contextMenuItems.push(externalPermissions);
    }

    contextMenu = new Ext.menu.Menu({
        items: contextMenuItems
    });

    searchText = new Ext.form.TextField({
        id: 'searchTxt',
        ctCls: 'pm_search_text_field',
        allowBlank: true,
        width: 150,
        emptyText: _('ID_EMPTY_SEARCH'),
        listeners: {
            specialkey: function (f, e) {
                if (e.getKey() == e.ENTER) {
                    DoSearch();
                }
            },
            focus: function (f, e) {
                var row = infoGrid.getSelectionModel().getSelected();
                infoGrid.getSelectionModel().deselectRow(infoGrid.getStore().indexOf(row));
            }
        }
    });

    clearTextButton = new Ext.Action({
        id: 'clearTextButton',
        text: 'X',
        ctCls: 'pm_search_x_button',
        handler: GridByDefault
    });

    storePageSize = new Ext.data.SimpleStore({
        fields: ['size'],
        data: [['20'], ['30'], ['40'], ['50'], ['100']],
        autoLoad: true
    });

    comboPageSize = new Ext.form.ComboBox({
        id: 'comboPageSize',
        typeAhead: false,
        mode: 'local',
        triggerAction: 'all',
        store: storePageSize,
        valueField: 'size',
        displayField: 'size',
        width: 50,
        editable: false,
        listeners: {
            select: function (c, d, i) {
                UpdatePageConfig(d.data['size']);
                bbarpaging.pageSize = parseInt(d.data['size']);
                bbarpaging.moveFirst();
            }
        }
    });

    comboPageSize.setValue(pageSize);

    store = new Ext.data.GroupingStore({
        autoLoad: false,
        remoteSort: true,
        proxy: new Ext.data.HttpProxy({
            url: 'pmTablesProxy/getList' + (PRO_UID ? '?pro_uid=' + PRO_UID : '')
        }),
        reader: new Ext.data.JsonReader({
            root: 'rows',
            totalProperty: 'count',
            fields: [
                {name: 'ADD_TAB_UID'},
                {name: 'ADD_TAB_NAME'},
                {name: 'ADD_TAB_DESCRIPTION'},
                {name: 'PRO_TITLE'},
                {name: 'TYPE'},
                {name: 'ADD_TAB_TYPE'},
                {name: 'ADD_TAB_TAG'},
                {name: 'PRO_UID'},
                {name: "DBS_UID"},
                {name: 'NUM_ROWS'},
                {name: 'ADD_TAB_OFFLINE'}
            ]
        }),
        listeners: {
            load: function (a, b) {
                if (currentSelectedRow != -1) {
                    Ext.getCmp('infoGrid').getSelectionModel().selectRow(currentSelectedRow);
                    Ext.getCmp('infoGrid').fireEvent('rowclick', Ext.getCmp('infoGrid'), currentSelectedRow)
                }
            }
        }
    });

    chkSelModel = new Ext.grid.CheckboxSelectionModel({
        listeners: {
            selectionchange: function (sm) {
                var count_rows = sm.getCount();
                currentSelectedRow = sm.last;
                switch (count_rows) {
                    case 0:
                        editButton.disable();
                        deleteButton.disable();
                        exportButton.disable();
                        offlineEnableDisable.disable();
                        dataButton.disable();
                        break;
                    case 1:
                        editButton.enable();
                        deleteButton.enable();
                        exportButton.enable();
                        offlineEnableDisable.enable();
                        dataButton.enable();
                        break;
                    default:
                        editButton.disable();
                        deleteButton.enable();
                        exportButton.enable();
                        offlineEnableDisable.enable();
                        dataButton.disable();
                        break;
                }
            }
        }
    });

    cmodelColumns = new Array();
    cmodelColumns.push(chkSelModel);
    cmodelColumns.push({id: 'ADD_TAB_UID', dataIndex: 'ADD_TAB_UID', hidden: true, hideable: false});
    cmodelColumns.push({dataIndex: 'ADD_TAB_TAG', hidden: true, hideable: false});
    cmodelColumns.push({header: _('ID_NAME'), dataIndex: 'ADD_TAB_NAME', width: 300, align: 'left', renderer: function (v, p, r) {
            return r.get('TYPE') == 'CLASSIC' ? v + '&nbsp<span style="font-size:9px; color:green">(' + _('ID_OLD_VERSION') + ')</font>' : v;
        }
    });
    cmodelColumns.push({header: _('ID_DESCRIPTION'), dataIndex: 'ADD_TAB_DESCRIPTION', sortable: true, width: 400, hidden: false, align: 'left', renderer: function (v, p, r) {
            if (r.get('ADD_TAB_TAG')) {
                tag = r.get('ADD_TAB_TAG').replace('plugin@', '');
                tag = tag.charAt(0).toUpperCase() + tag.slice(1);
                switch (tag.toLowerCase()) {
                    case 'simplereport':
                        tag = _('ID_SIMPLE_REPORT');
                        break;
                }
            }

            v = Ext.util.Format.htmlEncode(v);

            return r.get("ADD_TAB_TAG") ? "<span style = \"font-size:9px; color:green\">" + tag + ":</span> " + v : v;
        }
    });
    cmodelColumns.push({header: _('ID_TABLE_TYPE'), dataIndex: 'PRO_UID', width: 120, align: 'left', renderer: function (v, p, r) {
            color = r.get('PRO_UID') ? 'blue' : 'green';
            value = r.get('PRO_UID') ? _('ID_REPORT_TABLE') : _('ID_PMTABLE');
            return '<span style="color:' + color + '">' + value + '</span> ';
        }
    });

    cmodelColumns.push({dataIndex: "DBS_UID", hidden: true, hideable: false});

    cmodelColumns.push({header: _('ID_RECORDS'), dataIndex: 'NUM_ROWS', width: 90, align: 'left', renderer: function (v, p, r) {
            return '<div style="text-align:' + (isNaN(v) ? 'left' : 'right') + ';">' + v + '</div>';
        }
    });

    if (PRO_UID === false) {
        cmodelColumns.push({header: _('ID_PROCESS'), dataIndex: 'PRO_TITLE', width: 180, align: 'left'});
    }

    cmodelColumns.push({header: _('ID_TYPE'), dataIndex: 'ADD_TAB_TYPE', width: 400, hidden: true, align: 'left'});

    cmodelColumns.push({header: _('ID_AVAILABLE_OFFLINE'), dataIndex: 'ADD_TAB_OFFLINE', width: 400, align: 'left', renderer: function (value) {
            return value === "1" ? _('ID_YES') : _('ID_NO');
        }
    });

    cmodel = new Ext.grid.ColumnModel({
        defaults: {
            width: 50,
            sortable: true
        },
        columns: cmodelColumns
    });

    bbarpaging = new Ext.PagingToolbar({
        id: 'bbarpaging',
        pageSize: pageSize,
        store: store,
        displayInfo: true,
        displayMsg: (PRO_UID ? _('ID_GRID_PAGE_DISPLAYING_REPORTABLES_MESSAGE') : _('ID_GRID_PAGE_DISPLAYING_PMTABLES_MESSAGE')) + '&nbsp; &nbsp; ',
        emptyMsg: _('ID_GRID_PAGE_NO_PMTABLES_MESSAGE'),
        items: ['-', _('ID_PAGE_SIZE') + ':', comboPageSize]
    });

    infoGrid = new Ext.grid.GridPanel({
        region: 'center',
        layout: 'fit',
        id: 'infoGrid',
        height: 100,
        autoWidth: true,
        title: (PRO_UID ? _('ID_REPORT_TABLES') : _('ID_PMTABLE')),
        stateful: true,
        stateId: 'gridList',
        enableColumnResize: true,
        enableHdMenu: true,
        frame: false,
        columnLines: false,
        viewConfig: {
            forceFit: true
        },
        store: store,
        loadMask: true,
        cm: cmodel,
        sm: chkSelModel,
        tbar: [
            newButton,
            editButton,
            deleteButton, '-',
            dataButton, '-',
            importButton,
            exportButton,
            offlineEnableDisable,
            '->',
            searchText,
            clearTextButton,
            searchButton],
        bbar: bbarpaging,
        listeners: {
            rowdblclick: EditPMTable,
            render: function () {
                this.loadMask = new Ext.LoadMask(this.body, {msg: _('ID_LOADING_GRID')});
            }
        },
        view: new Ext.grid.GroupingView({
            forceFit: true,
            groupTextTpl: '{text}'
        })
    });

    infoGrid.on('rowcontextmenu', function (grid, rowIndex, evt) {
        var sm = grid.getSelectionModel();
        sm.selectRow(rowIndex, sm.isSelected(rowIndex));

        var rowsSelected = Ext.getCmp('infoGrid').getSelectionModel().getSelections();

        if (externalOption) {
            tag = rowsSelected[0].get('ADD_TAB_TAG');
            if (tag) {
                text = _('ID_CONVERT_NATIVE_REP_TABLE');
                externalPermissions.setDisabled(false);
            } else {
                text = _('ID_CONVERT_SIMPLE_REPORT');
                externalPermissions.setDisabled(true);
            }
            externalOption.setText(text);
            if (rowsSelected[0].get('PRO_UID')) {
                externalOption.setDisabled(false);
            } else {
                externalOption.setDisabled(true);
            }
            externalOption.setHidden((rowsSelected[0].get("TYPE") != "CLASSIC" && rowsSelected[0].get("DBS_UID") == "workflow") ? false : true);
        }
    }, this);

    infoGrid.on('contextmenu', function (evt) {
        evt.preventDefault();
    }, this);
    infoGrid.addListener('rowcontextmenu', onMessageContextMenu, this);

    viewport = new Ext.Viewport({
        layout: 'fit',
        autoScroll: false,
        items: [infoGrid]
    });

    infoGrid.store.load();
});

//Function Handles Context Menu Opening
onMessageContextMenu = function (grid, rowIndex, e) {
    e.stopEvent();
    var coords = e.getXY();
    contextMenu.showAt([coords[0], coords[1]]);
};

// JS Functions

//Capitalize String Function
capitalize = function (s) {
    s = s.toLowerCase();
    return s.replace(/(^|\s)([a-z])/g, function (m, p1, p2) {
        return p1 + p2.toUpperCase();
    });
};

//Do Nothing Function
DoNothing = function () {};

//Load New PM Table Forms
NewReportTable = function () {
    if (PRO_UID !== false) {
        location.href = 'pmTables/edit?PRO_UID=' + PRO_UID + '&tableType=report&flagProcessmap=' + flagProcessmap;
    } else {
        location.href = 'pmTables/edit?tableType=report&flagProcessmap=' + flagProcessmap;
    }
};

NewReportTableOld = function () {
    location.href = 'reportTables/reportTables_Edit?PRO_UID=' + PRO_UID;
};

newPMTable = function () {
    location.href = 'pmTables/edit?tableType=table';
};

EditPMTable = function () {
    var row = Ext.getCmp('infoGrid').getSelectionModel().getSelected();

    if (row.data.TYPE != 'CLASSIC') {
        tableType = row.data.PRO_UID ? 'report' : 'table';
        proParam = PRO_UID !== false ? '&PRO_UID=' + PRO_UID : '';
        location.href = 'pmTables/edit?id=' + row.data.ADD_TAB_UID + '&flagProcessmap=' + flagProcessmap + '&tableType=' + tableType + proParam;
    } else { //edit old report table
        location.href = 'reportTables/reportTables_Edit?REP_TAB_UID=' + row.data.ADD_TAB_UID
    }
};

//Confirm PM Table Deletion Tasks
DeletePMTable = function () {
    var rows = Ext.getCmp('infoGrid').getSelectionModel().getSelections();
    var selections = new Array();

    for (var i = 0; i < rows.length; i++) {
        selections[i] = {id: rows[i].get('ADD_TAB_UID'), type: rows[i].get('TYPE')};
    }

    Ext.Msg.confirm(_('ID_CONFIRM'), _('ID_CONFIRM_DELETE_PM_TABLE'),
            function (btn, text) {
                if (btn == "yes") {
                    Ext.Msg.show({
                        title: '',
                        msg: _('ID_REMOVING_SELECTED_TABLES'),
                        wait: true,
                        waitConfig: {interval: 500}
                    });

                    Ext.Ajax.request({
                        url: 'pmTablesProxy/delete',
                        params: {
                            rows: Ext.util.JSON.encode(selections)
                        },
                        success: function (resp) {
                            Ext.MessageBox.hide();
                            result = Ext.util.JSON.decode(resp.responseText);
                            Ext.getCmp('infoGrid').getStore().reload();

                            if (result.success) {
                                currentSelectedRow = -1;
                                PMExt.notify(_("ID_DELETION_SUCCESSFULLY"), _("ID_ALL_RECORDS_DELETED_SUCESSFULLY"));
                            } else {
                                PMExt.error(_("ID_ERROR"), result.message.nl2br());
                            }
                        },
                        failure: function (obj, resp) {
                            Ext.MessageBox.hide();
                            Ext.getCmp('infoGrid').getStore().reload();
                            Ext.Msg.alert(_('ID_ERROR'), resp.result.message);
                        }
                    });
                    editButton.disable();
                    deleteButton.disable();
                    exportButton.disable();
                    offlineEnableDisable.disable();
                    dataButton.disable();
                }
            }
    );
};

//Load Import PM Table Form
ImportPMTable = function () {

    var aOverwrite,
            aRelated,
            aMessage;
    var w = new Ext.Window({
        id: 'windowPmTableUploaderImport',
        title: '',
        width: 420,
        height: 160,
        modal: true,
        autoScroll: false,
        maximizable: false,
        resizable: false,
        items: [
            new Ext.FormPanel({
                id: 'uploader',
                fileUpload: true,
                width: 400,
                frame: true,
                title: (PRO_UID ? _('ID_IMPORT_RT') : _('ID_IMPORT_PMT')),
                autoHeight: false,
                bodyStyle: 'padding: 10px 10px 0 10px;',
                labelWidth: 50,
                defaults: {
                    anchor: '90%',
                    allowBlank: false,
                    msgTarget: 'side'
                },
                items: [{
                        xtype: 'fileuploadfield',
                        id: 'form-file',
                        emptyText: _('ID_SELECT_PM_FILE'),
                        fieldLabel: _('ID_FILE'),
                        name: 'form[FILENAME]',
                        buttonText: '',
                        buttonCfg: {
                            iconCls: 'upload-icon'
                        }
                    }, {
                        xtype: 'hidden',
                        name: 'form[TYPE_TABLE]',
                        value: (PRO_UID ? 'designer' : 'admin')
                    }, {
                        xtype: 'hidden',
                        name: 'form[PRO_UID]',
                        value: (PRO_UID)
                    }],
                buttons: [{
                        id: 'importPMTableButtonUpload',
                        text: _('ID_UPLOAD'),
                        handler: function () {
                            var uploader = Ext.getCmp('uploader');
                            if ((eval("/^.+\.(" + extensionPmt + ")$/i").exec(Ext.getCmp('uploader').items.items[0].value))) {
                                if (uploader.getForm().isValid()) {
                                    uploader.getForm().submit({
                                        url: 'pmTablesProxy/import',
                                        waitMsg: _('ID_UPLOADING_FILE'),
                                        waitTitle: "&nbsp;",
                                        success: function (o, resp) {
                                            var result = Ext.util.JSON.decode(resp.response.responseText);

                                            if (result.success) {
                                                PMExt.notify('', result.message);
                                            } else {
                                                win = new Ext.Window({
                                                    id: 'windowImportingError',
                                                    applyTo: 'hello-win',
                                                    layout: 'fit',
                                                    width: 500,
                                                    height: 300,
                                                    closeAction: 'hide',
                                                    plain: true,
                                                    html: '<h3>' + _('ID_IMPORTING_ERROR') + '</h3>' + result.message,
                                                    items: [],
                                                    buttons: [{
                                                            text: 'Close',
                                                            handler: function () {
                                                                win.hide();
                                                            }
                                                        }]
                                                });
                                                win.show(this);
                                            }

                                            w.close();
                                            infoGrid.store.reload();
                                        },
                                        failure: function (o, resp) {
                                            w.close();
                                            infoGrid.store.reload();

                                            var result = Ext.util.JSON.decode(resp.response.responseText);
                                            if (result.errorType == 'warning') {
                                                Ext.MessageBox.show({
                                                    title: _('ID_WARNING_PMTABLES'),
                                                    width: 510,
                                                    height: 300,
                                                    msg: "<div style=\"overflow: auto; width: 439px; height: 200px;\">" + result.message.replace(/\n/g, ' <br>') + "</div>",
                                                    buttons: Ext.MessageBox.OK,
                                                    animEl: 'mb9',
                                                    fn: function () {
                                                    },
                                                    icon: Ext.MessageBox.INFO
                                                });
                                            } else {
                                                if (result.errorType == 'notice') {
                                                    Ext.MessageBox.alert(_("ID_ERROR"), result.message);
                                                } else {
                                                    if (result.fromAdmin) { /* from admin tab */
                                                        aOverwrite = result.arrayOverwrite;
                                                        aRelated = result.arrayRelated;
                                                        aMessage = result.arrayMessage;
                                                        pmtablesErrors(aOverwrite, aRelated, aMessage);
                                                    } else { /* from designer tab */
                                                        aOverwrite = result.arrayOverwrite;
                                                        aRelated = result.arrayRelated;
                                                        aMessage = result.arrayMessage;
                                                        pmtablesErrors(aOverwrite, aRelated, aMessage);
                                                    }
                                                }
                                            }
                                        }
                                    });
                                }
                            } else {
                                Ext.MessageBox.alert(_("ID_ERROR"), _("ID_FILE_UPLOAD_INCORRECT_EXTENSION"));
                            }
                        }
                    }, {
                        id: 'importPMTableButtonCancel',
                        text: TRANSLATIONS.ID_CANCEL,
                        handler: function () {
                            w.close();
                        }
                    }]
            })
        ]
    });
    w.show();
}

//Load Export PM Tables Form
ExportPMTable = function () {
    var rows = Ext.getCmp('infoGrid').getSelectionModel().getSelections();
    var toExportRows = new Array();

    for (var i = 0; i < rows.length; i++) {
        if (rows[i].get('TYPE') == '') {
            toExportRows.push([
                rows[i].get('ADD_TAB_UID'),
                rows[i].get('PRO_UID'),
                rows[i].get('ADD_TAB_NAME'),
                (rows[i].get('PRO_UID') ? _('ID_REPORT_TABLE') : _('ID_PMTABLE')),
                true,
                (rows[i].get('PRO_UID') ? false : true)
            ]);
        }
    }

    Export.targetGrid.store.loadData(toExportRows);
    Export.window.show();
};

//Load PM TAble Data
PMTableData = function ()
{
    var row = Ext.getCmp('infoGrid').getSelectionModel().getSelected();
    var type = row.get('PRO_UID');

    if (row.get('TYPE') != '') {
        PMExt.info(_('ID_INFO'), _('ID_DATA_LIST_NOT_AVAILABLE_FOR_OLDVER'));
        return;
    }

    win = new Ext.Window({
        id: 'windowPmtablesReportTable',
        layout: 'fit',
        width: 700,
        height: 400,
        title: ((type != '') ? _('ID_REPORT_TABLE') : _('ID_PMTABLE')) + ': ' + row.get('ADD_TAB_NAME'),
        modal: true,
        maximizable: true,
        constrain: true,
        plain: true,
        items: [{
                xtype: "iframepanel",
                defaultSrc: 'pmTables/data?id=' + row.get('ADD_TAB_UID') + '&type=' + row.get('TYPE'),
                loadMask: {msg: _('ID_LOADING')}
            }],
        listeners: {
            close: function () {
                store.reload();
            }
        }
    });

    win.show();
};

//Gets UIDs from a array of rows
RetrieveRowsID = function (rows) {
    var arrAux = new Array();
    for (var c = 0; c < rows.length; c++) {
        arrAux[c] = rows[c].get('ADD_TAB_UID');
    }
    return arrAux.join(',');
};

//Update Page Size Configuration
UpdatePageConfig = function (pageSize) {
    Ext.Ajax.request({
        url: 'additionalTablesAjax',
        params: {action: 'updatePageSize', size: pageSize}
    });
};

//Do Search Function
DoSearch = function () {
    infoGrid.store.setBaseParam('textFilter', searchText.getValue());
    infoGrid.store.load();
};

//Load Grid By Default
GridByDefault = function () {
    searchText.reset();
    infoGrid.store.setBaseParam('textFilter', searchText.getValue());
    infoGrid.store.load();
};

function updateTag(value)
{
    var rowsSelected = Ext.getCmp('infoGrid').getSelectionModel().getSelections();

    Ext.Ajax.request({
        url: 'pmTablesProxy/updateTag',
        params: {
            ADD_TAB_UID: rowsSelected[0].get('ADD_TAB_UID'),
            value: rowsSelected[0].get('ADD_TAB_TAG') ? '' : value
        },
        success: function (resp) {
            Ext.getCmp('infoGrid').store.reload();
        },
        failure: function (obj, resp) {
            Ext.Msg.alert(_('ID_ERROR'), resp.result.msg);
        }
    });
}

function updateTagPermissions() {
    var rowsSelected = Ext.getCmp('infoGrid').getSelectionModel().getSelections();
    if (rowsSelected) {
        location.href = 'pmReports/reportsAjax?action=permissionList&ADD_TAB_NAME=' + rowsSelected[0].get('ADD_TAB_NAME') + '&ADD_TAB_UID=' + rowsSelected[0].get('ADD_TAB_UID') + '&pro_uid=' + PRO_UID + '&flagProcessmap=' + flagProcessmap;
    }
}

function PopupCenter(pageURL, title, w, h) {
    var left = (Ext.getBody().getViewSize().width / 3);
    var top = (Ext.getBody().getViewSize().height / 3);
    var targetWin = window.open(pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
}

function pmtablesErrors(aOverwrite, aRelated, aMessage) {
    var jsonDataArray = [],
            i,
            fieldMessage,
            fieldRadio2Options,
            fieldRadio3Options,
            win,
            tablesOfNo,
            tablesOfYes,
            tablesOfNew,
            valueSelected,
            nameId,
            number;
    //Show the error message ERROR_PROCESS_NOT_EXIST or ERROR_NO_REPORT_TABLE
    for (i = 0; i < aMessage.length; i++) {
        fieldMessage = {
            xtype: 'fieldset',
            title: aMessage[i]['ERROR_MESS'],
            id: aMessage[i]['NAME_TABLE'],
            autoHeight: true
        };
        jsonDataArray.push(fieldMessage);
    }
    //Check the ERROR_OVERWRITE_RELATED_PROCESS
    for (i = 0; i < aRelated.length; i++) {
        fieldRadio2Options = {
            xtype: 'fieldset',
            title: aRelated[i]['ERROR_MESS'],
            id: aRelated[i]['NAME_TABLE'],
            autoHeight: true,
            defaultType: 'radio', // each item will be a radio button
            items: [{
                    checked: true,
                    boxLabel: _('ID_RADIO_RELATED_PROCESS'),
                    name: aRelated[i]['NAME_TABLE'],
                    inputValue: 'related'
                }, {
                    boxLabel: _('ID_RADIO_NOT_IMPORTED_RPT'),
                    name: aRelated[i]['NAME_TABLE'],
                    inputValue: 'no'
                }]
        };
        jsonDataArray.push(fieldRadio2Options);
    }
    // check the ERROR_PM_TABLES_OVERWRITE or ERROR_RP_TABLES_OVERWRITE
    for (i = 0; i < aOverwrite.length; i++) {
        fieldRadio3Options = {
            xtype: 'fieldset',
            title: aOverwrite[i]['ERROR_MESS'],
            id: aOverwrite[i]['NAME_TABLE'],
            autoHeight: true,
            defaultType: 'radio', // each item will be a radio button
            items: [{
                    boxLabel: _('ID_RADIO_CREATE_NEW'),
                    name: aOverwrite[i]['NAME_TABLE'],
                    inputValue: 'new'
                }, {
                    boxLabel: _('ID_RADIO_OVERWRITE'),
                    name: aOverwrite[i]['NAME_TABLE'],
                    inputValue: 'overwrite'
                }, {
                    checked: true,
                    boxLabel: _('ID_RADIO_NOT_IMPORTED'),
                    name: aOverwrite[i]['NAME_TABLE'],
                    inputValue: 'no'
                }]
        };
        jsonDataArray.push(fieldRadio3Options);
    }

    number = Math.floor((Math.random() * 100) + 1);
    win = new Ext.Window({
        id: 'winPmtableRptableErrors' + number,
        layout: 'fit',
        width: 700,
        height: 400,
        title: _('ID_WARNING_PMTABLES'),
        modal: true,
        maximizable: true,
        constrain: true,
        plain: true,
        autoScroll: true,
        items: jsonDataArray,
        buttons: [{
                text: _('ID_CONTINUE'),
                handler: function () {
                    tablesOfNo = '';
                    tablesOfYes = '';
                    tablesOfNew = '';
                    for (i = 0; i < aMessage.length; i++) {
                        nameId = aMessage[i]['NAME_TABLE'];
                        tablesOfNo = tablesOfNo.concat('|', nameId);
                    }
                    for (i = 0; i < aRelated.length; i++) {
                        nameId = aRelated[i]['NAME_TABLE'];
                        valueSelected = Ext.getCmp(nameId).items.get(0).getGroupValue();
                        switch (valueSelected) {
                            case 'related':
                                tablesOfYes = tablesOfYes.concat('|', nameId);
                                break;
                            case 'no':
                                tablesOfNo = tablesOfNo.concat('|', nameId);
                                break;
                        }
                    }
                    for (i = 0; i < aOverwrite.length; i++) {
                        nameId = aOverwrite[i]['NAME_TABLE'];
                        valueSelected = Ext.getCmp(nameId).items.get(0).getGroupValue();
                        switch (valueSelected) {
                            case 'new':
                                tablesOfNew = tablesOfNew.concat('|', nameId);
                                break;
                            case 'overwrite':
                                tablesOfYes = tablesOfYes.concat('|', nameId);
                                break;
                            case 'no':
                                tablesOfNo = tablesOfNo.concat('|', nameId);
                                break;
                        }
                    }
                    win.close();
                    Ext.Ajax.request({
                        url: 'pmTablesProxy/import',
                        params: {
                            'form[FROM_CONFIRM]': 'yes',
                            'form[TYPE_TABLE]': (PRO_UID ? 'designer' : 'admin'),
                            'form[OVERWRITE]': true,
                            'form[TABLES_OF_NO]': tablesOfNo,
                            'form[TABLES_OF_YES]': tablesOfYes,
                            'form[TABLES_OF_NEW]': tablesOfNew
                        },
                        success: function (resp) {
                            var result = Ext.util.JSON.decode(resp.responseText);
                            if (result.success) {
                                PMExt.notify('', result.message);
                                Ext.getCmp('infoGrid').getStore().reload();
                            }
                        },
                        failure: function (obj, resp) {
                            var result = Ext.util.JSON.decode(resp.responseText);
                            Ext.getCmp('infoGrid').getStore().reload();
                        }
                    });
                }
            }, {
                text: _('ID_CANCEL'),
                handler: function () {
                    win.close();
                }
            }]
    });
    win.show();

    for (i = 0; i < aMessage.length; i++) {
        Ext.get(aMessage[i]['NAME_TABLE']).setStyle({border: '0', marginTop: '0'});
    }
    for (i = 0; i < aRelated.length; i++) {
        Ext.get(aRelated[i]['NAME_TABLE']).setStyle({border: '0', marginTop: '0'});
    }
    for (i = 0; i < aOverwrite.length; i++) {
        Ext.get(aOverwrite[i]['NAME_TABLE']).setStyle({border: '0', marginTop: '0'});
    }
}

function OfflineEnableDisablePMTable(enableDisable) {
    var rows = Ext.getCmp('infoGrid').getSelectionModel().getSelections();
    if (rows.length <= 0) {
        return;
    }
    var selections = [];
    for (var i = 0; i < rows.length; i++) {
        selections[i] = {
            id: rows[i].get('ADD_TAB_UID'),
            type: rows[i].get('ADD_TAB_TYPE'),
            offline: enableDisable
        };
    }
    Ext.Ajax.request({
        url: 'pmTablesProxy/updateOffline',
        params: {
            rows: Ext.util.JSON.encode(selections)
        },
        success: function (response) {
            Ext.MessageBox.hide();
            var result = Ext.util.JSON.decode(response.responseText);
            if (result.success) {
                PMExt.notify(_("ID_OFFLINE_TABLES"), result.message.nl2br());
            } else {
                PMExt.error(_("ID_ERROR"), result.message.nl2br());
            }
            Ext.getCmp('infoGrid').getStore().reload();
        },
        failure: function (target, response) {
            Ext.MessageBox.hide();
            Ext.getCmp('infoGrid').getStore().reload();
            Ext.Msg.alert(_('ID_ERROR'), response.result.message);
        }
    });
}