manage/B2BCR/WebContent/crystalreportviewers/js/crviewer/PromptPage.js

/* Copyright (c) Business Objects 2006. All rights reserved. */

if (typeof(bobj.crv.PromptPage) == 'undefined') {
    bobj.crv.PromptPage = {};
}

/**
 * PromptPage constructor
 *
 * @param kwArgs.id        [String]  DOM node id
 * @param kwArgs.contentId [String]  DOM node id of report page content container
 * @param kwArgs.bgColor   [String]  Background color of the page
 * @param kwArgs.width        [Int] Page content's width in pixels
 * @param kwArgs.height       [Int] Page content's height in pixels
 * @param kwArgs.topMargin    [Int] Top margin of report page in pixels
 * @param kwArgs.rightMargin  [Int] Right margin of report page in pixels
 * @param kwArgs.bottomMargin [Int] Bottom margin of report page in pixels
 * @param kwArgs.leftMargin   [Int] Left margin of report page in pixels
 */
bobj.crv.newPromptPage = function(kwArgs) {
    kwArgs = MochiKit.Base.update({
        id: bobj.uniqueId(),
        layoutType: 'fixed',
        width: 800,
        height: 600,
        padding: 5,
        top: 0,
        left: 0
    }, kwArgs);
    
    var o = newWidget(kwArgs.id);    
    o.widgetType = 'PromptPage';
    o._reportProcessing = null;
    
    // Update instance with constructor arguments
    bobj.fillIn(o, kwArgs);
    
    // Update instance with member functions
    o.initOld = o.init;
    MochiKit.Base.update(o, bobj.crv.PromptPage);
    
    return o;
};

/**
 * Overrides parent. Sets the content of the report page.
 *
 * @param content [String|DOM Node]  Html or Node to use as report page content 
 */
bobj.crv.PromptPage.setHTML = function (content) {
    var pageNode = this._pageNode;
    if (bobj.isString(content)) {
        pageNode.innerHTML = content;
    }
    else if (bobj.isObject(content)) {
        pageNode.innerHTML = '';
        pageNode.appendChild(content);
        var contentStyle = content.style;
        contentStyle.display = 'block';
        contentStyle.visibility = 'visible';
    }
};

bobj.crv.PromptPage.getHTML = function () {
    var h = bobj.html;
    var isBorderBoxModel = bobj.isBorderBoxModel();

    var pageOuterHeight = this.height + this.topMargin + this.bottomMargin;
    var pageOuterWidth = this.width + this.leftMargin + this.rightMargin;
    
    var contentHeight = isBorderBoxModel ? pageOuterHeight : this.height;
    var contentWidth = isBorderBoxModel ? pageOuterWidth : this.width;

    var layerStyle = {
        position: 'relative',
        width: contentWidth + 'px',
        height: contentHeight + 'px',
        top: this.top + "px",
        left: this.left + "px",
        border: 'none',
        'z-index': 1,
        'background-color': this.bgColor
    };

    // To support the width and height
    if (this.layoutType == 'fixed') {
        layerStyle.overflow = 'auto';
    }

    var pageStyle = {
		'padding': this.padding + 'px'
    };
    
    var html = h.DIV({id: this.id, style:layerStyle},
            h.DIV({id:this.id + '_page', style:pageStyle}) );
   
    return html + bobj.crv.getInitHTML(this.widx);
};

bobj.crv.PromptPage.init = function () { 
    this._pageNode = document.getElementById(this.id + '_page');  
    
    this.initOld();
    
    if (this.contentId) {
        var content = document.getElementById(this.contentId);
        if (content) {
            this.setHTML(content);
        }
    }
    
    var connect = MochiKit.Signal.connect;
    
    if (this.layoutType.toLowerCase() == 'client') {
        connect(window, 'onresize', this, '_doLayout');    
    }
    
    this._doLayout();
};

//TODO: fix the layout (fitreport) to behave like XIR2
bobj.crv.PromptPage._doLayout = function() {
    var layout = this.layoutType.toLowerCase();
    
    if ('client' == layout) {
        this.css.width = '100%';
        this.css.height = '100%';
    }
    else if ('fitreport' == layout) {
        this.css.width = '100%';
        this.css.height = '100%';
    }
    else { // fixed layout 
        this.css.width = this.width + 'px';
        this.css.height = this.height + 'px';
    }
    
    var rptProcessing = this._reportProcessing;
    if (rptProcessing && rptProcessing.layer) {
        rptProcessing.center();
    }
};

bobj.crv.PromptPage.addChild = function(widget) {
    if (widget.widgetType == 'ReportProcessingUI') {
        this._reportProcessing = widget;
    }
};


if (typeof(bobj.crv.FlexPromptPage) == 'undefined') {
    bobj.crv.FlexPromptPage = {};
}

/**
 * FlexPromptPage constructor
 *
 * @param kwArgs.id        [String]  DOM node id
 * @param kwArgs.contentId [String]  DOM node id of report page content container
 * @param kwArgs.bgColor   [String]  Background color of the page
 * @param kwArgs.width        [Int] Page content's width in pixels
 * @param kwArgs.height       [Int] Page content's height in pixels
 * @param kwArgs.topMargin    [Int] Top margin of report page in pixels
 * @param kwArgs.rightMargin  [Int] Right margin of report page in pixels
 * @param kwArgs.bottomMargin [Int] Bottom margin of report page in pixels
 * @param kwArgs.leftMargin   [Int] Left margin of report page in pixels
 */
bobj.crv.newFlexPromptPage = function(kwArgs) {
    kwArgs = MochiKit.Base.update({
        id: bobj.uniqueId(),
        layoutType: 'fixed',
        width: 800,
        height: 600,
        padding: 5,
        top: 0,
        left: 0
    }, kwArgs);
    
    var o = newWidget(kwArgs.id);    
    o.widgetType = 'FlexPromptPage';
    o._reportProcessing = null;
    
    // Update instance with constructor arguments
    bobj.fillIn(o, kwArgs);
    
    // Update instance with member functions
    o.initOld = o.init;
    MochiKit.Base.update(o, bobj.crv.FlexPromptPage);
    
    return o;
};

/**
 * Overrides parent. Does nothing because the swf content will replace the DIV later
 *
 * @param content [String|DOM Node]  Html or Node to use as report page content 
 */
bobj.crv.FlexPromptPage.setHTML = function (content) {

};

bobj.crv.FlexPromptPage.getHTML = function () {

    var isBorderBoxModel = bobj.isBorderBoxModel();

    var pageOuterHeight = this.height + this.topMargin + this.bottomMargin;
    var pageOuterWidth = this.width + this.leftMargin + this.rightMargin;
    
    var contentHeight = isBorderBoxModel ? pageOuterHeight : this.height;
    var contentWidth = isBorderBoxModel ? pageOuterWidth : this.width;
    
    var useSize = this.layoutType.toLowerCase() == bobj.crv.Viewer.LayoutTypes.FIXED;
    
    var layerStyle = {
        position: 'relative',
        width: useSize ? contentWidth + 'px' : '100%',
        height: useSize ? contentHeight + 'px' : '100%',
        top: this.top + "px",
        left: this.left + "px",
        border: 'none',
        'z-index': 1,
        'background-color': this.bgColor
    };

    var pageStyle = {
        'padding': this.padding + 'px',
        position: 'absolute' // Must be absolute to avoid double initialization in firefox ADAPT01260507
    };
    
    bobj.crv.params.FlexParameterUI.setViewerLayoutType(this.id, this.layoutType);
    
    var h = bobj.html;
    return h.DIV({id: this.id, style:layerStyle},
            h.DIV({id:this.id + '_page', style:pageStyle},
            h.DIV({id:this.contentId})) );
};

bobj.crv.FlexPromptPage.init = function () { 
    var connect = MochiKit.Signal.connect;
    if (this.layoutType.toLowerCase() == 'client') {
        connect(window, 'onresize', this, '_doLayout');    
    }
    
    this._doLayout();
};

bobj.crv.FlexPromptPage._doLayout = function() {
    var rptProcessing = this._reportProcessing;
    if (rptProcessing && rptProcessing.layer) {
        rptProcessing.center();
    }
};

bobj.crv.FlexPromptPage.addChild = function(widget) {
    if (widget.widgetType == 'ReportProcessingUI') {
        this._reportProcessing = widget;
    }
};