crop-monitor/assets/components/versionx/js/mgr/templatevars/detailpanel.templatevars.js

Ext.ns('VersionX.panel.TemplateVariablesDetail');

VersionX.panel.TemplateVariablesDetail.Main = function(config) {
    config = config || {};
    config.id = config.id || 'versionx-panel-templatevarsdetail';
    Ext.apply(config,{
        border: false,
        layout: 'form',
        items: [{
            html: '<p>'+_('versionx.common.detail.text',{what:_('tmplvar')})+'</p>',
            border: false,
            bodyCssClass: 'panel-desc'
        },{
            layout: 'form',
            cls: 'main-wrapper',
            items: [{
                layout: 'hbox',
                border: false,
                items: [{
                    xtype: 'versionx-combo-templatevarversions',
                    emptyText: _('versionx.compare_to'),
                    labelStyle: 'padding: 7px 0 0 5px;',
                    width: 300,
                    name: 'compare_to',
                    baseParams: {
                        content_id: (VersionX.record) ? VersionX.record['content_id'] : 0,
                        current: (VersionX.record) ? VersionX.record['version_id'] : 0,
                        action: 'mgr/templatevars/get_versions'
                    },
                    listeners: {
                        'select': this.compareVersion
                    }
                },{html: '&nbsp;', border: false, bodyStyle: 'margin-left: 10px;'},{
                    xtype: 'button',
                    cls: 'primary-button',
                    text: _('versionx.templatevars.revert.options'),
                    handler: (VersionX.record && VersionX.cmrecord) ? Ext.emptyFn : function() {
                        this.revertVersion((VersionX.record) ? VersionX.record['version_id'] : 0);
                    },
                    scope: this,
                    menu: (VersionX.record && VersionX.cmrecord) ?
                        [{
                            text: _('versionx.templatevars.revert',{id: VersionX.record['version_id']}),
                            handler: function() {
                                this.revertVersion((VersionX.record) ? VersionX.record['version_id'] : 0);
                            },
                            scope: this
                        },{
                            text: _('versionx.templatevars.revert',{id: VersionX.cmrecord['version_id']}),
                            handler: function() {
                                this.revertVersion((VersionX.cmrecord) ? VersionX.cmrecord['version_id'] : 0);
                            },
                            scope: this
                        }] : undefined
                }]
            },{
                xtype: 'panel',
                bodyStyle: 'height: 12px',
                border: false
            },{
                xtype: 'modx-tabs',
                bodyStyle: 'padding: 15px;',
                width: '98%',
                border: true,
                defaults: {
                    border: false,
                    autoHeight: true,
                    defaults: {
                        border: false
                    }
                },
                items: [{
                    title: _('versionx.common.version-details'),
                    items: [{
                        id: 'versionx-panel-templatevarsdetail-versioninfo',
                        xtype: 'versionx-panel-common-detailpanel',
                        vxRecord: config.vxRecord,
                        vxRecordCmp: config.vxRecordCmp ? config.vxRecordCmp : undefined,
                        vxFieldMap: [
                            { key: 'version_id', lexicon:'versionx.version_id' },
                            { key: 'user', lexicon:'user' },
                            { key: 'saved', lexicon:'versionx.saved' },
                            { key: 'mode', lexicon:'versionx.mode' }
                        ]
                    }]
                },{
                    title: _('versionx.common.fields'),
                    items: [{
                        id: 'versionx-panel-templatevarsdetail-generalinformation',
                        xtype: 'versionx-panel-common-detailpanel',
                        vxRecord: config.vxRecord,
                        vxRecordCmp: config.vxRecordCmp ? config.vxRecordCmp : undefined,
                        vxFieldMap: [
                            { key: 'name', lexicon:'name' },
                            { key: 'category', lexicon:'category' },
                            { key: 'caption', lexicon:'caption' },
                            { key: 'description', lexicon:'description' },
                            { key: 'rank', lexicon:'rank' },
                            { key: 'locked', lexicon:'locked' }
                        ]
                    }]
                }/*,{
                    title: _('versionx.common.properties'),
                    tabTip: _('versionx.common.properties.off'),
                    items: [],
                    disabled: true
                }*/,{
                    title: _('versionx.templatevars.detail.tabs.input-options'),
                    items: [{
                        id: 'versionx-panel-templatevarsdetail-inputoptions',
                        xtype: 'versionx-panel-common-detailpanel',
                        vxRecord: config.vxRecord,
                        vxRecordCmp: config.vxRecordCmp ? config.vxRecordCmp : undefined,
                        vxFieldMap: [
                            { key: 'type', lexicon:'versionx.templatevars.detail.input-type' },
                            { key: 'default_text', lexicon:'versionx.templatevars.detail.default-text' },
                            { key: 'input_properties', lexicon:'versionx.templatevars.detail.input-properties', enumerate:true }
                        ]
                    }]
                },{
                    title: _('versionx.templatevars.detail.tabs.output-options'),
                    items: [{
                        id: 'versionx-panel-templatevarsdetail-outputoptions',
                        xtype: 'versionx-panel-common-detailpanel',
                        vxRecord: config.vxRecord,
                        vxRecordCmp: config.vxRecordCmp ? config.vxRecordCmp : undefined,
                        vxFieldMap: [
                            { key: 'display', lexicon:'versionx.templatevars.detail.output-type' },
                            { key: 'output_properties', lexicon:'versionx.templatevars.detail.output-properties', enumerate:true }
                        ]
                    }]
                }],
                stateful: true,
                stateId: config.id,
                stateEvents: ['tabchange'],
                getState: function() {
                    return { activeTab:this.items.indexOf(this.getActiveTab()) };
                }
            }]
        }],
        listeners: {
        }
    });
    VersionX.panel.TemplateVariablesDetail.Main.superclass.constructor.call(this,config);
};
Ext.extend(VersionX.panel.TemplateVariablesDetail.Main,MODx.FormPanel,{
    compareVersion: function (tf) {
        var cmid = tf.getValue();
        var backTo = (MODx.request.backTo) ? '&backTo='+MODx.request.backTo : '';
        MODx.loadPage('?namespace=versionx&a=templatevar&vid='+MODx.request['vid']+'&cmid='+cmid+backTo)
    },

    revertVersion: function(version) {
        if (version < 1) { MODx.alert(_('error'),'Version not properly defined: '+version); }
        MODx.msg.confirm({
            title: _('versionx.templatevars.revert.confirm'),
            text: _('versionx.templatevars.revert.confirm.text',{id: version}),
            url: VersionX.config.connector_url,
            params: {
                version_id: version,
                content_id: VersionX.record.content_id,
                action: 'mgr/templatevars/revert'
            },
            listeners: {
                success: {fn: function() {
                    MODx.msg.status({
                        message: _('versionx.templatevars.reverted'),
                        delay: 4
                    });
                }, scope: this }
            }
        });
    }
});
Ext.reg('versionx-panel-templatevarsdetail',VersionX.panel.TemplateVariablesDetail.Main);