sintonia/htmlUI/templates/script/contextmenu.js.tpl

{literal}
<script type="text/javascript">

//  Browser detection
ie5 = (document.getElementById && document.all && document.styleSheets) ? 1 : 0;
nn6 = (document.getElementById && !document.all) ? 1 : 0;

document.write('<div id="contextmenucontainer"></div>');
contextmenuStatus = 0;
document.onclick  = hidecontextmenu;


function contextmenu(param, type) {
    var contextmenuHeader  = "<div class='contextmenu' id='contextmenu' style='position: absolute; top: -1000; left: 0; z-index: 100'>" +
    "<ul>";
    var contextmenuFooter  = "</ul></div>";
    var contextmenuHtml    = '';

    var sp2         = "&nbsp;&nbsp;";
    var sp5         = sp2 + sp2 + "&nbsp;";                    
    var oF          = "onfocus = 'if (this.blur) this.blur()'";
    var entry       = new Array();
    //contextmenuStatus = 0;
   
    for (var i = 2; i < contextmenu.arguments.length; ++i) {
        switch (contextmenu.arguments[i]) {
            {/literal}
            case "PL.release":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.confirmRelease', 'PL.confirmRelease', 400, 50)\" "+oF+">&nbsp;##Close##&nbsp;</a></li>";
            break;

            case "PL.addItem":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=PL.addItem&id="+param+"')\" "+oF+">&nbsp;##Add to playlist##&nbsp;</a></li>";
            break;

            case "PL.addStream":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.setItemPlaylengthForm&id="+param+"', 'PL.setStreamPlaylength', 400, 50)\" "+oF+">&nbsp;##Add to playlist##&nbsp;</a></li>";
            break;

            case "PL.setCliplength":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.setClipLength&elemId="+param+"', 'PL.setClipLength', 400, 50)\" "+oF+">&nbsp;##Set clip length##&nbsp;</a></li>";
            break;

            case "PL.removeItem":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=PL.removeItem&id="+param+"')\" "+oF+">&nbsp;##Remove from playlist##&nbsp;</a></li>";
            break;

            case "PL.activate":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=PL.activate&id="+param+"')\" "+oF+">&nbsp;##Edit##&nbsp;</a></li>";
            break;

            case "PL.delete":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=PL.delete&id="+param+"')\" "+oF+">&nbsp;##Delete##&nbsp;</a></li>";
            break;

            case "PL.create":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=PL.create&id="+param+"')\" "+oF+">&nbsp;##Use to create playlist##&nbsp;</a></li>";
            break;

            case "PL.changeFadeIn":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.changeTransition&type=fadeIn&id="+param+"', 'PL', '400', '150')\" "+oF+">&nbsp;##Change Fadein##&nbsp;</a></li>";
            break;

            case "PL.changeTransition":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.changeTransition&type=transition&id="+param+"', 'PL', '400', '150')\" "+oF+">&nbsp;##Change Transition##&nbsp;</a></li>";
            break;

            case "PL.changeFadeOut":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.changeTransition&type=fadeOut&id="+param+"', 'PL', '400', '150')\" "+oF+">&nbsp;##Change Fadeout##&nbsp;</a></li>";
            break;

            case "PL.export":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.export&type=fadeOut&id="+param+"', 'PL', '400', '150')\" "+oF+">&nbsp;##Export Playlist##&nbsp;</a></li>";
            break;

            case "SP.addItem":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=SP.addItem&id="+param+"&type="+type+"')\" "+oF+">&nbsp;##Add to ScratchPad##&nbsp;</a></li>";
            break;

            case "SP.removeItem":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=SP.removeItem&id="+param+"')\" "+oF+">&nbsp;##Remove from ScratchPad##&nbsp;</a></li>";
            break;

            case "listen":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_BROWSER}?popup[]=listen2Audio&id="+contextmenu.arguments[++i]+"')\" "+oF+">&nbsp;##Listen##&nbsp;</a></li>";
            break;

            case "edit":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='{$UI_BROWSER}?act=editItem&id="+param+"' "+oF+">&nbsp;##Edit##&nbsp;</a></li>";
            break;

            case "delete":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=deleteItem&id="+param+"', 'deleteItem', 400, 50)\" "+oF+">&nbsp;##Delete##&nbsp;</a></li>";
            break;

            case "fileList":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='{$UI_BROWSER}?act=fileList&id="+param+"' "+oF+">&nbsp;##List Folder##&nbsp;</a></li>";
            break;

            case "SCHEDULER.addItem":
            //contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=SCHEDULER.setScheduleAtTime&"+param+"'); popup('{$UI_BROWSER}?popup[]=SCHEDULER.addItem', 'Schedule', 420, 200)\" "+oF+">&nbsp;##Insert playlist here##&nbsp;</a></li>";
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=SCHEDULER.addItem&id="+param+"', 'Schedule', 420, 200)\" "+oF+">&nbsp;##Insert playlist here##&nbsp;</a></li>";
            break;

            case "SCHEDULER.removeItem":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=SCHEDULER.removeItem&id="+param+"', 'Schedule', 400, 50)\" "+oF+">&nbsp;##Remove playlist##&nbsp;</a></li>";
            break;

            case "SCHEDULER.addPL":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: "+
//            "hpopup('{$UI_HANDLER}?act=SCHEDULER.setScheduleAtTime&today=1&hour=0&minute=0');"+
            "location.href='{$UI_HANDLER}?act=SCHEDULER.set&view=day&today=1';"+
            "popup('{$UI_BROWSER}?popup[]=SCHEDULER.addItem&playlistId="+param+"', 'Schedule', 420, 200)\" "+oF+
            ">&nbsp;##Schedule##&nbsp;</a></li>";
//            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=SCHEDULER.set&view=day&today=1');"+
//            "hpopup('{$UI_HANDLER}?act=SCHEDULER.setScheduleAtTime&today=1&hour=0&minute=0');"+
//            "location.href='ui_browser.php?act=SCHEDULER';"+
//            "popup('{$UI_BROWSER}?popup[]=SCHEDULER.addItem&playlistId="+param+"', 'Schedule', 420, 200)\" "+oF+
//            ">&nbsp;##Schedule##&nbsp;</a></li>";
            break;

            case "SUBJECTS.chgPasswd":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='{$UI_BROWSER}?act=SUBJECTS.chgPasswd&"+param+"' "+oF+">&nbsp;##Change password##&nbsp;</a></li>";
            break;

            case "SUBJECTS.manageGroupMember":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='{$UI_BROWSER}?act=SUBJECTS.manageGroupMember&"+param+"' "+oF+">&nbsp;##Manage group members##&nbsp;</a></li>";
            break;

            case "SUBJECTS.addSubj2Gr":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='#'  onClick=\"hpopup('{$UI_HANDLER}?act=SUBJECTS.addSubj2Gr&"+param+"')\" "+oF+">&nbsp;##Add to group##&nbsp;</a></li>";
            break;

            case "SUBJECTS.removeSubjFromGr":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='#'  onClick=\"hpopup('{$UI_HANDLER}?act=SUBJECTS.removeSubjFromGr&"+param+"')\" "+oF+">&nbsp;##Remove from group##&nbsp;</a></li>";
            break;

            case "SUBJECTS.removeSubj":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=SUBJECTS.confirmRemoveSubj&"+param+"', 'confirmRemoveSubj', 400, 50)\" "+oF+">&nbsp;##Delete##&nbsp;</a></li>";
            break;

            case "TR.upload2Hub":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=TR.confirmUpload2Hub&id="+param+"', 'confirmUpload2Hub', 400, 50)\" "+oF+">&nbsp;##Transfer to the hub##&nbsp;</a></li>";
            break;

            case "TR.downloadFromHub":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=TR.confirmDownloadFromHub&gunid="+param+"', 'confirmDownloadFromHub', 400, 50)\" "+oF+">&nbsp;##Transfer from the hub##&nbsp;</a></li>";
            break;

            case "TR.pause":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=TR.pause&id="+param+"', 'TR', '400', '50')\" "+oF+">&nbsp;##Pause transfer##&nbsp;</a></li>";
            break;

            case "TR.resume":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=TR.resume&id="+param+"', 'TR', '400', '50')\" "+oF+">&nbsp;##Resume transfer##&nbsp;</a></li>";
            break;

            case "TR.cancel":
            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=TR.cancel&id="+param+"', 'TR', '400', '50')\" "+oF+">&nbsp;##Cancel transfer##&nbsp;</a></li>";
            break;

            {literal}
        }
    }
    document.getElementById('contextmenucontainer').innerHTML = contextmenuHeader + contextmenuHtml + contextmenuFooter;
    document.onclick = showcontextmenu;

    return false;
}

function showcontextmenu(e) {
    var contextmenuWidth   = document.getElementById('contextmenu').clientWidth;
    var contextmenuHeight  = document.getElementById('contextmenu').clientHeight;

    if (ie5) {
        var clickX  = event.clientX;
        var clickY  = event.clientY + document.body.scrollTop;
        var winX    = document.body.clientWidth;
        var winY    = document.body.clientHeight;
        var scrollX = document.body.scrollLeft;
        var scrollY = document.body.scrollTop;
    } else {
        var clickX  = e.pageX;
        var clickY  = e.pageY;
        var winX    = window.innerWidth;
        var winY    = window.innerHeight;
        var scrollX = window.scrollX;
        var scrollY = window.scrollY;
    }

    if (clickX + contextmenuWidth < winX)               var xPos = clickX;
    else                                                var xPos = clickX - contextmenuWidth;

    if (clickY + contextmenuHeight > winY + scrollY)    var yPos = clickY - contextmenuHeight;
    else                                                var yPos = clickY;

    if (yPos < scrollY) yPos = scrollY;


    setTimeout("document.getElementById('contextmenu').style.left = "+xPos+"; document.getElementById('contextmenu').style.top = "+yPos+";", 10);
    contextmenuStatus = 1;
    document.onclick  = hidecontextmenu;
}


function hidecontextmenu(e) {
    if (contextmenuStatus == 1) {
        setTimeout("document.getElementById('contextmenu').style.top =- 250", 0);
        contextmenuStatus = 0;
    }
}

</script>


<style type="text/css">
    #contextmenu {
        font-size : 80%;
        }

    #contextmenu ul {
        float: left;
        width: 200px;
        list-style: none;
        line-height: 20px;
        padding: 0;
        margin: 0px 0 0 0px;
        display: block;
        clear: left;
        background: #eee;
        border-top: 1px solid #ACB3BA;
    }

    #contextmenu a {
        display: block;
        background: #eee;
        width: 200px;
        color: #666;
        text-decoration: none;
        padding: 0px;
        border-top: 0px solid #ACB3BA;
        border-left: 1px solid #ACB3BA;
        border-bottom: 1px solid #ACB3BA;
        border-right: 1px solid #ACB3BA;
    }

    #contextmenu li {
        float: left;
        clear: left;
        padding: 0;
    }

    #contextmenu a:hover {
        color: #000;
        background: #D6E3EF;
    }
</style>
{/literal}