Subversion Repositories DevTools

//  Vix specific Javascript for jquery use
//
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//  Generate a confirmation dialog
//  Args:   text - Body of the message
//          parms - A simple object of options - see defaults
//                  Special: position of 'center' will place in center of visible screen.
//  Note: will return BEFORE the user makes a selection
//        Can call a function and/or a URL if confirmed
//        Can 'show' a progress element
//        See 'defaults' below for bits that can be modified
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function vixConfirm(text, parms){
     var defaults = {
        resizable: true,
        height: 'auto',
        width : 'auto',
        modal: true,
        position: { my: "top", at: "top+100", of: window },
        title: "Confirm",
        icon: "images/i_warning.gif",
        url : null,
        ok : null,
        post : null,
        button : "Confirm",
        progress : "#ProgressBar"
     };
     $.extend( defaults, parms);

     defaults.open = function() {
        $(this).siblings('.ui-dialog-buttonpane').find('button:eq(1)').focus(); 
        var markup = '<img src="'+defaults.icon+'" style="float:left; margin:0 7px 20px 0;">' + text;
        $(this).html(markup);
     };

    defaults.close = function() {
        $(this).remove();
    };

    defaults.buttons = [
        {
        text : defaults.button,
        click : function (){
                if (defaults.ok != null ){
                    defaults.ok(defaults);
                }
                if ( defaults.progress != null) {
                    $(defaults.progress).show().css("visibility", "visible");    
                }
                if (defaults.url != null ) {
                    window.location.href = defaults.url;
                }
                if (defaults.post != null ) {
                    $('form[name="'+defaults.post+'"]').submit();    
                }
                $(this).dialog("close");
            }
        },
        {
        text : 'Cancel',
        click : function (){
            $(this).dialog("close");
            }
        }];

     var dd = $( "<div>Confirm</div>" ).dialog(defaults);
     // Once the dialog has been instantiated the autosize dimensions are known
     // and the dialog can be correctly positioned
     if (defaults.position == 'center')
     {
         dd.dialog("widget").center();
         console.log("Center in Window");
     }
     else
     {
         dd.dialog("widget").position(defaults.position);
         console.log("Original position");
     }
     
     // Return false incase this is used as an onClick
     return false;
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Compatability function
//      Confirm Deletion of an item
//      Assumes that the item is within an 'anchor' and that an href can be located
//      Uses VixConfirm to do the heavy lifting
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function vixConfirmDelete (txt)
{
    var href = window.event.currentTarget.href;
    vixConfirm('Are you sure you want to delete '+ txt +'?', {url : href})
    return false;
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//  Similar to 'alert', but uses the jquery dialog mechnaism
//  Note: will return BEFORE the user makes a selection
//  Returns a Defereed object that will be rejected when the dialog is closed.
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function vixAlert(text){
     var dbo = $.Deferred();
     var dd = $( "<div>Alert</div>" ).dialog({
        resizable: true,
        height: 'auto',
        width : 'auto',
        modal: true,
        title:'Alert',
        position: { my: "top", at: "top+100", of: window },
        open: function() {
            $(this).html('<img src="images/i_critical.gif" style="float:left; margin:0 7px 20px 0;">' + text);
        },
        close : function() {
            $(this).remove();
            dbo.reject();
        },
        buttons: {
            "Ok": function() {
                $(this).dialog("close");
            }
        }
     });
     // Once the dialog has been instantiated the autosize dimensions are known
     // and the dialog can be correctly positioned
     // Note: Appears that we need to position it twice
     //       Once in the dialog creation, and once here
     dd.dialog("widget").position({ my: "top", at: "top+100", of: window });

     return dbo;
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//  jQuery extension function
//  Position an element inthe center of the visible window. Not the document and not the window(viewport).
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
jQuery.fn.center = function () {

    //  Support many browsers
    var w = window.innerWidth  || document.documentElement.clientWidth  || document.body.clientWidth;
    var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

    this.css("position","fixed");
    this.css("top", Math.max(0,  ((h - $(this).outerHeight()) / 2) ) + "px");
    this.css("left", Math.max(0, ((w - $(this).outerWidth()) / 2) ) + "px");
    return this;
}

//--------- Support to open modal dialog in an iFrame
//  Example: <a class="vixIframeDialog" href="aaa.asp" title="Some Title" data-width=500 data-height=300>Link Text</a>
//
var vixIframe = {};
$(document).ready(function () {
    $('.vixIframeDialog').on('click', function (e) {
        e.preventDefault();
        vixIframe.parent = this;
        vixIframe.pagetitle = $(this).attr("title");
        var page = $(this).attr("href");
        var iframe = $('<iframe onload="resizeIframe(this);" id="iframe" style="border:0px; overflow: scroll;" src="' + page + '" width="100%" height="100%" ></iframe>');
        var $dialog = $('<div></div>').html(iframe);
        var $dialog2 = $dialog.dialog({
            autoOpen: true,
            modal: true,
            zheight: $(this).data('height')|| 200,
            zwidth: $(this).data('width') || 300,
            height : 'auto,', width : 'auto',
            dialogClass: "rounded_box",
            title: 'Loading - ' + vixIframe.pagetitle,
            close: function(event, ui){
                //console.log('closing dialog');
                $(this).dialog("destroy");
                vixIframe = {};
                window.onbeforeunload = null;
                window.onunload = null;

                },
        });
        vixIframe.Dialog = $dialog;
        vixIframe.DialogWidget = $($dialog2).dialog('widget');
        //$(currentDialogWidget).find(".ui-dialog-titlebar").remove();
        $(vixIframe.DialogWidget).position({my:'top', at: 'top+100', of : window});
        //$dialog.dialog('open');

        //  Prevent the user from navigating away from the iframe

//      window.onbeforeunload = function(){
//          console.log("confirmBrowseAway");
//          console.log("window.location.href:" + window.location.href);
//          parent.closeIFrame(12);
//          return null};
        window.onunload = function(){
            console.log("Unloading");
            //parent.closeIFrame(12);
        }

    });

    //
    // Prevent (at least control) the user from navigating within the iframe
    // If this invocation is within an iFrame, then close the iFrame if
    // the user attempt to navigate away from the iFrame.
    //      This means that the iFrame cannot replace itself
    // 
    if (typeof parent.vixIframe.pagetitle !== 'undefined')
    {
        console.log("DocumentReady within iframe");
        //window.onbeforeunload = function(){console.log("onbeforeunload");parent.closeIFrame(13); return null};
        window.onunload = function(){
            console.log("Unloading within iframe");
            //parent.closeIFrame(13);
        }
    }

});

function resizeIframe(iframe) {
    iframe.height = iframe.contentWindow.document.body.scrollHeight + "px";
    $(vixIframe.Dialog).height(iframe.height);
    //console.log ("Resize Iframe:",iframe.height );

    iframe.width = iframe.contentWindow.document.body.scrollWidth;
    $(vixIframe.Dialog).width(iframe.width);
    //console.log ("Resize Iframe:",iframe.width );

    $(vixIframe.DialogWidget).position({my:'top', at: 'top+100', of : window});

    // New reset the title
    vixIframe.Dialog.dialog('option','title', vixIframe.pagetitle);
    //console.log("Ifame:", vixIframe)
};

function closeIFrame(aa)
{
    if (vixIframe.Dialog != null) {
        console.log('closing iframe:' + aa);
        vixIframe.Dialog.dialog('close');
        vixIframe = {};
    }
}