analytics/templates/ps/ags/selectValueUI.xts

<?xml version="1.0" encoding="UTF-8"?>
<!--
Licensed Materials - Property of IBM

IBM Cognos Products: AGS

(C) Copyright IBM Corp. 2005, 2019

US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
-->
<xts:morphlet version="1.0" xmlns:xts="http://developer.cognos.com/schemas/xts/" messageBase="messages/portal.xml,messages/AGS.xml,messages/portalRL.xml" requiredCapability="canUseEventStudio">
    <!-- 
	================================================================================
	Page Renderer
	================================================================================
	-->
    <xts:block id="page" type="exec" mode="output" processor="XSLT" mimeType="text/html">
        <!-- get the debug logic sheet -->
        <xts:logicsheet path="logicsheets/debuglogic.xslt"/>
        <!-- get the new theme stuff -->
        <xts:logicsheet path="logicsheets/portal.xsl"/>
        <xts:logicsheet path="logicsheets/presentation/dialog/framework.xsl"/>
        <xts:logicsheet path="logicsheets/presentation/dialog/presentation.xsl"/>
        <xts:logicsheet path="logicsheets/presentation/controls/framework.xsl"/>
        <xts:logicsheet path="logicsheets/presentation/controls/presentation.xsl"/>
        <xts:logicsheet path="logicsheets/presentation/layout.xsl"/>
        <!-- apply the form logic -->
        <xts:logicsheet path="logicsheets/formlogic.xslt"/>
        <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xts="http://developer.cognos.com/schemas/xts/" xmlns:lyt="http://developer.cognos.com/schemas/xts/logicsheets/xslt/presentation/layout/" xmlns:pf="http://developer.cognos.com/schemas/xts/pf" xmlns:dp="http://developer.cognos.com/schemas/xts/logicsheets/xslt/presentation/dialog/presentation/" xmlns:df="http://developer.cognos.com/schemas/xts/logicsheets/xslt/presentation/dialog/framework/" xmlns:cp="http://developer.cognos.com/schemas/xts/logicsheets/xslt/presentation/controls/presentation/" xmlns:cf="http://developer.cognos.com/schemas/xts/logicsheets/xslt/presentation/controls/framework/" xmlns:dbg="http://developer.cognos.com/schemas/xts/logicsheets/xslt/debug/" xmlns:utml="http://developer.cognos.com/schemas/xts/logicsheet/xslt/formlogic/" xmlns:xtsext="xalan://com.cognos.xts.ext.XTSExt" exclude-result-prefixes="xsl xts lyt pf dp df cp cf dbg utml xtsext">
            <xsl:output method="html" version="1.0" encoding="UTF-8" indent="no"/>
            <!-- Global template variables -->
            <pf:variables/>
            <!-- start the output -->
            <xsl:template match="/root">
                <dp:page title="AGENT_STUDIO_WINDOW_TITLE">
                    <link href="{$skin_root}/ags/ags.css" type="text/css" rel="stylesheet"/>
                    <dp:script>
                        <script type="text/javascript" src="../ags/util.js">//</script>
                        <script type="text/javascript" src="../common/framework/ui/CUIStyle.js">//</script>
                        <script type="text/javascript" src="../ags/CList.js"/>
                        <script type="text/javascript">

                            // get access to the configFrame - the parent window
                            var cf = window.opener;

                            // keep the items which launched the query - we should be able to run multiple 
                            // items - the items which have been selected in the tree.
                            var items = null;
                            // tracking and conversation we need to keep 
                            var tracking = null;
                            var conversation = null;
                            // we also have to persist globally the sort/filter/filter type 
                            var g_sSortOrder = null;
                            var filter = null;
                            var filter_type = null;
                            var search_finished = true;
                            // List objects
                            var clistLeft ;
                            var clistRight ;

                            // define the callback function - response from worker thread
                            var callbackFn = function(status)
                            {
                                if (status == cf.SV_PASSPORT || status == cf.SV_FAULT || status == cf.SV_CANCEL) {
                                    // we want to close the window
                                    closeDialog();
                                } 
                                if (status == cf.SV_WORKING)  {
                                    // show the working pane
                                    hideElement("buttonDiv");
                                    showElement("waitingDiv");
                                } 
                                if(status == cf.SV_PROMPTING){
                                    if(window.blur)window.blur();
                                }
                                if(status == cf.SV_PROMPTING_FINISHED){
                                    if(window.focus)window.focus();
                                }
                                if (status == cf.SV_FINISHED) {
                                    // grab the conversation and the tracking 
                                    conversation = cf.sv_conversation;
                                    tracking = cf.sv_tracking;
								    // unable search 
								    search_finished = true;
                                    // we want to grab all the updated information and use it
                                    hideElement("waitingDiv");
                                    showElement("buttonDiv");
                                    
                                    // should be able to trial something rather quick
                                    updateValues(cf.sv_displayValues, cf.sv_useValues);
                                    // loop over the available secondary requests
                                    for (var i = 0; i &lt; cf.sv_secondaryRequests.length; i++) {
                                        // get the secondary request
                                        var secReq = cf.sv_secondaryRequests[i];
                                        if (secReq == "firstPage") {
                                            updateNavLink("navFirstPage",true);
                                        }
                                        if (secReq == "previousPage") {
                                            updateNavLink("navPreviousPage",true);
                                        }
                                        if (secReq == "nextPage") {
                                            updateNavLink("navNextPage",true);
                                        }
                                        if (secReq == "lastPage") {
                                            updateNavLink("navLastPage",true);
                                        }
                                    }
                                }
                            }

                            function clistEqualityCheck(list, node) {
                                var result = false;
                                var items = list.getAllItems();
                                for (var i=0; items &amp;&amp; i &lt; items.length;i++) {
                                    result = result || items[i].firstChild.nodeValue.localeCompare(node.nodeValue) == 0;
                                }
                                return result;
                            }

                            // init function - this will initiate the conversation_frame with the information it need to start up 
                            function init()
                            {
                                //Trakker bug 509781.0 - Netscape 7.2: 'Selected Value' page disappeared when click 'Move Selected Item Right' arrow button for validation
                                if (cf.browserCheck.isFirefox() || cf.browserCheck.isIE()) {
                                    window.Onbeforeunload = closeDialog;
                                }

                                var uiStyle = new CUIStyle("SelValCList_li", "SelValCList_over", "SelValCList_selected", "", null);
                                clistLeft = new CList("myCListLeft",false, "CList_ul",uiStyle);
                                clistRight = new CList("myCListRight",false, "CList_ul",uiStyle);
                                clistRight.setEqualityFunc(clistEqualityCheck);

                                var divLeft = document.getElementById('selectValuesDivLeft');
                                divLeft.className = "CList_hintText_inactive";
                                // add the clistLeft on the page
                                
                                divLeft.appendChild(clistLeft.getListElement());
                                
                                var divRight = document.getElementById('selectValuesDivRight');
                                divRight.className = "CList_hintText_inactive";
                                // add the clistRight on the page
                                divRight.appendChild(clistRight.getListElement());

                                //assign the default sort order
                                g_sSortOrder = getSortOrder();

                                // save the single query item from the tree
                                items = cf.metadataSelectedQueryItems();

                                if (items.length == 1) {
                                    var dataItem = items[0];
                                    // send Query - no filter here though
                                    sendQuery(callbackFn, "runSpecification",dataItem);
                                }
                            }

                            function closeDialog()
                            {
                                if (cf.doClosePopUp) {
                                    cf.doClosePopUp();
                                }
                                window.close();
                            }

                            // create the URL which starts the conversation
                            function sendQuery(callbackFn, method, treeObj)
                            {
                                // update the nav links                                 
                                updateNavLink("navFirstPage",false);
                                updateNavLink("navPreviousPage",false);
                                updateNavLink("navNextPage",false);
                                updateNavLink("navLastPage",false);
                                // send the query                            
                                cf.doSelectValuesRequest(callbackFn, method, treeObj, g_sSortOrder, filter, filter_type, tracking, conversation);
                            }

                            function doSecondaryRequest(method)
                            {
                                sendQuery(callbackFn, method, items[0]);
                            }
                            
                            function updateValues(displayValues, useValues)
                            {
                                // get rid of the previous contents of the select
                                clistLeft.removeAllNodes();

                                // now put the new ones in 
                                for (var i = displayValues.length-1; i&gt;=0; i--) {
                                    // create a new option
                                    var node1 = document.createElement("div");
                                    
                                    // set some stuff into it - the value that we're going to see 
                                    node1.setAttribute('useValue', useValues[i] );
                                    
                                    var dispVal = document.createTextNode(displayValues[i]);
                                    node1.appendChild(dispVal);

                                    // add it to the selection
                                    clistLeft.add(node1);   
                                }
                            }
                            
                            // hide the element 
                            function hideElement(id)
                            {
                                document.getElementById(id).style.display="none";
                            }
                            
                            // show the element 
                            function showElement(id)
                            {
                                if (cf.browserCheck.isIE5Up()) {
                                    document.getElementById(id).style.display="block";
                                } else {
                                    document.getElementById(id).style.display="table";
                                }
                            }                            

                            function updateNavLink(id, state)
                            {
                                if (state) {
                                    hideElement(id + "Inactive");
                                    showElement(id + "Active");
                                } else {
                                    hideElement(id + "Active");
                                    showElement(id + "Inactive");
                                }
                            }            
                            
                            function getSortOrder() {
                                var v_sSortOrder;
                                // sort out the sort order
                                if (document.pform.sort_order[1].checked || document.pform.sort_order[2].checked) {
                                    if (document.pform.sort_order[1].checked) {
                                        v_sSortOrder = document.pform.sort_order[1].value;
                                    }
                                    if (document.pform.sort_order[2].checked) {
                                        v_sSortOrder = document.pform.sort_order[2].value;
                                    }
                                }

                                return v_sSortOrder;
                            }                    
                            
                            function doSearch()
                            {
                            
								if (search_finished) {
									// initialize the values 
									g_sSortOrder = getSortOrder();
									filter = null;
									filter_type = null;
									// filter out the filter
									if (document.pform.searchValue.value.length > 0) {
									filter = document.pform.searchValue.value;
									}
									
									// get the filter type
									if (document.pform.search_method[0].checked) {
									filter_type = document.pform.search_method[0].value;
									}
									if (document.pform.search_method[1].checked) {
									filter_type = document.pform.search_method[1].value;
									}
									if (document.pform.search_method[2].checked) {
									filter_type = document.pform.search_method[2].value;
									}
									
									// send Query - no filter here though - this is a brand new query as well - so have to clear out the tracking and conv
									tracking = null;
									conversation = null;
									// diable search
									search_finished = false;
									// send the query 
									sendQuery(callbackFn, "runSpecification",items[0]);
								}
                            }
                            
                            function addItem(selectElemRef, selectedElemRef, i)
                            {
                                // is this option already in the selected values 
                                if (!alreadySelected(selectElemRef.options[i].value)) {
                                    // add it into the selected options
                                    // create a new option
                                    var optionRef = document.createElement("option");
                                    
                                    // set the value in too 
                                    optionRef.value = selectElemRef.options[i].value;
                                    if (cf.browserCheck.isIE5Up()) {
                                     // IE5 version - set some stuff into it
                                    optionRef.text = selectElemRef.options[i].text;
                                        selectedElemRef.add(optionRef);
                                    } else {
                                        // NS6 version - set some stuff into it
                                    optionRef.textContent = selectElemRef.options[i].textContent;

                                        selectedElemRef.add(optionRef, null);
                                    }
                                }
                                // unselect the option now 
                                selectElemRef.options[i].selected = false;
                            } 
                            
                            function addSelected()
                            {
                                var selectElemRef = clistLeft.getAllSelectedItems();
                                addItems(selectElemRef);
                            }
                            function addAll()
                            {
                                var selectElemRef = clistLeft.getAllItems();
                                addItems(selectElemRef);
                            }                            
                            
                            function addItems(selectElemRef){
                                // loop over all the selected items                                 
                                for (var i=selectElemRef.length-1; i &gt;-1 ; i--) {
                                    // move item i from select to selected 
                                    if(!clistRight.containsItem(selectElemRef[i])) {
                                    
                                    var node1 = document.createElement("div");
                                    node1.setAttribute('useValue',  selectElemRef[i].getAttribute('useValue') );
                                    var dispVal = document.createTextNode(selectElemRef[i].firstChild.nodeValue);
                                    node1.appendChild(dispVal);
                                    clistRight.add(node1);   
                                    }
                                }
                            }
                            
                            
                            function alreadySelected(value)
                            {
                                var alreadySelected = false;
                                var selectedElemRef = clistRight.getAllItems();
                                // loop over all the items                                 
                                for (var i=0; i &lt; selectedElemRef.length &amp;&amp; !alreadySelected; ++i) {
                                    alreadySelected = (selectedElemRef[i].value == value);
                                }
                                return alreadySelected;
                            }
                            
                            function deleteSelected()
                            {
                                // get rid of the selected contents of the Right CLIST
                                clistRight.removeSelected();
                            }

                            function insertSelected()
                            {
                                // how many are selected 
                                var num_selected = clistRight.size();
                                if (num_selected > 0) {
                                    // the location of the result
                                    var insertString = "";
                                    
                                   // Put bracket for all values - single or multiple [bug: 564754.0]
                                   // if (num_selected == 1) {
                                   //     insertString = clistRight.getAllItems()[0].getAttribute('useValue');
                                   // } else if (num_selected > 1) {
                                        insertString = generateMultipleInsert(clistRight.getAllItems());
                                   // } 
                                    
                                    // get the target
                                    var target_id = null;
                                    var frameName = null;

                                    if (cf.browserCheck.isIE5Up()) {
                                        target_id = document.getElementById('target_id').value;
                                        frameName = document.getElementById('frameName').value;
                                    } else {
                                        target_id = document.getElementsByName('target_id')[0].value;
                                        frameName = document.getElementsByName('frameName')[0].value;
                                    }
                                    // update it
                                    window.opener.getFrame(frameName).droppy.updateDropZoneValue(insertString, target_id);
                                }
                            }
                            
                            
                            
                            function generateMultipleInsert(selectedElemRef)
                            {
                                // get the selected element
                                
                                var insertString = "(";
                                var listSeparator = cf.cfgGet("listSeparator");
                                var numInserted = 0;
                                for (var i=0; i &lt; selectedElemRef.length; ++i) {
                                    // do we need to pre-pend with a separator 
                                    if (numInserted > 0) {
                                        insertString += listSeparator;
                                    }
                                    // append the option value 
                                    insertString += selectedElemRef[i].getAttribute('useValue');
                                    // up the number of inserts
                                    numInserted++;
                                }
                                // add the closing item
                                insertString += ")";
                                // return the result 
                                return insertString;
                            }
                            
                            
                        </script>
                    </dp:script>
                    <link href="{$skin_root}/ags/ags.css" type="text/css" rel="stylesheet"/>
                    <utml:form name="pform" method="post" action="{$gateway}">
                        <!-- need a couple of hidden inputs -->
                        <utml:input type="hidden" name="target_id" id="target_id">
                            <utml:value>
                                <xsl:value-of select="/root/env/param[@name='target_id']"/>
                            </utml:value>
                        </utml:input>
                        <utml:input type="hidden" name="frameName" id="frameName">
                            <utml:value>
                                <xsl:value-of select="/root/env/param[@name='frameName']"/>
                            </utml:value>
                        </utml:input>
                        <!-- hack to specify that we need to build the run options -->
                        <dp:header help="false">
                            <dp:title>
                                <xts:string id="DIALOG_SEARCH_TITLE"/>
                            </dp:title>
                            <dp:description>
                                <xts:string id="DIALOG_SEARCH_DESCRIPTION"/>
                            </dp:description>
                            <dp:close>
                                <a href="#" onclick="closeDialog();">
                                    <dp:closeMarker/>
                                </a>
                            </dp:close>
                        </dp:header>
                        <!-- do the body -->                        
                        <lyt:layout style="1">
                            <lyt:section>
                                <dp:list>
                                    <dp:section>
                                        <dp:label>
                                            <xts:string id="DIALOG_SEARCH_HEADER"/>
                                        </dp:label>
                                    </dp:section>
                                    <dp:section>
                                        <dp:text>
                                            <input type="text" size="40" name="searchValue" id="searchValue"/>
                                        </dp:text>
                                        <dp:buttonGroup>
                                            <dp:button>
                                                <dp:defaultKey>active</dp:defaultKey>
                                                <dp:defaultAct>doSearch();</dp:defaultAct>
                                                <a href="#" onclick="doSearch();">
                                                    <dp:buttonText>
                                                        <xts:string id="DIALOG_SEARCH_BUTTON"/>
                                                    </dp:buttonText>
                                                    <dp:buttonImage name="imgSearch">{$image_root}action_search.gif</dp:buttonImage>
                                                </a>
                                            </dp:button>
                                        </dp:buttonGroup>
                                    </dp:section>
                                </dp:list>
                                <!-- do the advanced search features -->
                                <dp:box>
                                    <dp:boxSection valign="top" height="100%">
                                        <dp:list>
                                            <dp:section>
                                                <dp:label>
                                                    <xts:string id="DIALOG_SEARCH_FILTER"/>
                                                </dp:label>
                                            </dp:section>
                                            <dp:section>
                                                <dp:choice>
                                                    <utml:radio-group name="search_method">
                                                        <utml:default-value>contains</utml:default-value>
                                                        <dp:section1>
                                                            <utml:input type="radio">
                                                                <utml:value>
                                                                    <xsl:text>contains</xsl:text>
                                                                </utml:value>
                                                            </utml:input>
                                                        </dp:section1>
                                                        <dp:section2>
                                                            <span style="cursor:default">
                                                                <xts:string id="DIALOG_SEARCH_FILTER_CONTAINS"/>
                                                            </span>
                                                        </dp:section2>
                                                        <dp:section1>
                                                            <utml:input type="radio">
                                                                <utml:value>
                                                                    <xsl:text>starts-with</xsl:text>
                                                                </utml:value>
                                                            </utml:input>
                                                        </dp:section1>
                                                        <dp:section2>
                                                            <span style="cursor:default">
                                                                <xts:string id="DIALOG_SEARCH_FILTER_STARTS_WITH"/>
                                                            </span>
                                                        </dp:section2>
                                                        <dp:section1>
                                                            <utml:input type="radio">
                                                                <utml:value>
                                                                    <xsl:text>equals</xsl:text>
                                                                </utml:value>
                                                            </utml:input>
                                                        </dp:section1>
                                                        <dp:section2>
                                                            <span style="cursor:default">
                                                                <xts:string id="DIALOG_SEARCH_FILTER_EQUALS"/>
                                                            </span>
                                                        </dp:section2>
                                                    </utml:radio-group>
                                                </dp:choice>
                                            </dp:section>
                                        </dp:list>
                                    </dp:boxSection>
                                    <dp:boxSection valign="top" height="100%">
                                        <dp:list>
                                            <dp:section>
                                                <dp:label>
                                                    <xts:string id="DIALOG_SEARCH_SORT_ORDER"/>
                                                </dp:label>
                                            </dp:section>
                                            <dp:section>
                                                <dp:choice>
                                                    <utml:radio-group name="sort_order">
                                                        <utml:default-value>ascending</utml:default-value>
                                                        <dp:section1>
                                                            <utml:input type="radio" onclick="document.pform.sort_order[0].checked=true">
                                                                <utml:value>
                                                                    <xsl:text>none</xsl:text>
                                                                </utml:value>
                                                            </utml:input>
                                                        </dp:section1>
                                                        <dp:section2>
                                                            <span style="cursor:default">
                                                                <xts:string id="DIALOG_SEARCH_SORT_ORDER_NO_SORT"/>
                                                            </span>
                                                        </dp:section2>
                                                        <dp:section1>
                                                            <utml:input type="radio" onclick="document.pform.sort_order[1].checked=true">
                                                                <utml:value>
                                                                    <xsl:text>ascending</xsl:text>
                                                                </utml:value>
                                                            </utml:input>
                                                        </dp:section1>
                                                        <dp:section2>
                                                            <span style="cursor:default">
                                                                <xts:string id="DIALOG_SEARCH_SORT_ORDER_ASCENDING"/>
                                                            </span>
                                                        </dp:section2>
                                                        <dp:section1>
                                                            <utml:input type="radio" onclick="document.pform.sort_order[2].checked=true">
                                                                <utml:value>
                                                                    <xsl:text>descending</xsl:text>
                                                                </utml:value>
                                                            </utml:input>
                                                        </dp:section1>
                                                        <dp:section2>
                                                            <span style="cursor:default">
                                                                <xts:string id="DIALOG_SEARCH_SORT_ORDER_DESCENDING"/>
                                                            </span>
                                                        </dp:section2>
                                                    </utml:radio-group>
                                                </dp:choice>
                                            </dp:section>
                                        </dp:list>
                                    </dp:boxSection>
                                </dp:box>
                                <!-- do the pick items selection boxes -->
                                <dp:box>
                                    <dp:boxSection width="45%" valign="top" height="100%">
                                        <dp:list width="100%">
                                            <dp:section>
                                                <dp:label>
                                                    <xts:string id="DIALOG_SEARCH_PICK_ITEMS"/>
                                                </dp:label>
                                            </dp:section>
                                            <dp:section>
                                                <div id="selectValuesDivLeft" style="width:170px;height:370px;border:2;border-style: inset; overflow:auto; "/>
                                            </dp:section>
                                            <dp:section>
                                                <table border="0" cellpadding="0" cellspacing="0">
                                                    <tr>
                                                        <td>
                                                            <div id="navFirstPageActive" style="display:none">
                                                                <a href="#" onclick="doSecondaryRequest('firstPage');">
                                                                    <img src="{$skin_root}/portal/images/control_btn_top.gif" border="0">
                                                                        <xsl:attribute name="alt"><xts:string id="DIALOG_SEARCH_FIRST_PAGE_ALT"/></xsl:attribute>
                                                                    </img>
                                                                </a>
                                                            </div>
                                                            <div id="navFirstPageInactive">
                                                                <img src="{$skin_root}/portal/images/control_btn_top_disabled.gif" border="0">
                                                                    <xsl:attribute name="alt"><xts:string id="DIALOG_SEARCH_FIRST_PAGE_ALT"/></xsl:attribute>
                                                                </img>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div id="navPreviousPageActive" style="display:none">
                                                                <a href="#" onclick="doSecondaryRequest('previousPage');">
                                                                    <img src="{$skin_root}/portal/images/control_btn_pageup.gif" border="0">
                                                                        <xsl:attribute name="alt"><xts:string id="DIALOG_SEARCH_PREVIOUS_PAGE_ALT"/></xsl:attribute>
                                                                    </img>
                                                                </a>
                                                            </div>
                                                            <div id="navPreviousPageInactive">
                                                                <img src="{$skin_root}/portal/images/control_btn_pageup_disabled.gif" border="0">
                                                                    <xsl:attribute name="alt"><xts:string id="DIALOG_SEARCH_PREVIOUS_PAGE_ALT"/></xsl:attribute>
                                                                </img>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div id="navNextPageActive" style="display:none">
                                                                <a href="#" onclick="doSecondaryRequest('nextPage');">
                                                                    <img src="{$skin_root}/portal/images/control_btn_pagedown.gif" border="0">
                                                                        <xsl:attribute name="alt"><xts:string id="DIALOG_SEARCH_NEXT_PAGE_ALT"/></xsl:attribute>
                                                                    </img>
                                                                </a>
                                                            </div>
                                                            <div id="navNextPageInactive">
                                                                <img src="{$skin_root}/portal/images/control_btn_pagedown_disabled.gif" border="0">
                                                                    <xsl:attribute name="alt"><xts:string id="DIALOG_SEARCH_NEXT_PAGE_ALT"/></xsl:attribute>
                                                                </img>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div id="navLastPageActive" style="display:none">
                                                                <a href="#" onclick="doSecondaryRequest('lastPage');">
                                                                    <img src="{$skin_root}/portal/images/control_btn_bottom.gif" border="0">
                                                                        <xsl:attribute name="alt"><xts:string id="DIALOG_SEARCH_LAST_PAGE_ALT"/></xsl:attribute>
                                                                    </img>
                                                                </a>
                                                            </div>
                                                            <div id="navLastPageInactive">
                                                                <img src="{$skin_root}/portal/images/control_btn_bottom_disabled.gif" border="0">
                                                                    <xsl:attribute name="alt"><xts:string id="DIALOG_SEARCH_LAST_PAGE_ALT"/></xsl:attribute>
                                                                </img>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </dp:section>
                                        </dp:list>
                                    </dp:boxSection>
                                    <dp:boxSection width="10%" align="center" valign="middle" height="100%">
                                        <div id="waitingDiv" border="1">
                                            <table width="112" align="center" cellspacing="0" cellpadding="0" style="vertical-align:middle; border:1px outset;">
                                                <tr align="center">
                                                    <td align="center">
                                                        <img src="{$skin_root}/branding/progress.gif" style="margin:5px;" width="48" height="48"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="center" nowrap="nowrap" class="formText">
                                                        <xts:string id="SELECT_VALUES_WAIT"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <img src="../common/images/spacer.gif" height="10" width="20"/>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div id="buttonDiv" style="display:none">
                                            <dp:columnButtonGroup align="center">
                                                <dp:columnButton>
                                                    <xsl:variable name="moveItemRightToolTip">
                                                        <xsl:text><xts:string id="DIALOG_MOVE_ITEM_RIGHT_TOOL_TIP"/></xsl:text>
                                                    </xsl:variable>
                                                    <df:button df:style="href" df:href="#" onclick="addSelected();" title="{$moveItemRightToolTip}">
                                                        <df:image>../ags/images/tree/insert.gif</df:image>
                                                    </df:button>
                                                </dp:columnButton>
                                                <dp:columnButton>
                                                    <xsl:variable name="moveAllRightToolTip">
                                                        <xsl:text><xts:string id="DIALOG_MOVE_ALL_RIGHT_TOOL_TIP"/></xsl:text>
                                                    </xsl:variable>
                                                    <df:button df:style="href" df:href="#" onclick="addAll();" title="{$moveAllRightToolTip}">
                                                        <df:image>../ps/portal/images/move_all_right.gif</df:image>
                                                    </df:button>
                                                </dp:columnButton>
                                            </dp:columnButtonGroup>
                                        </div>
                                    </dp:boxSection>
                                    <dp:boxSection width="45%" valign="top" height="100%">
                                        <dp:list width="100%">
                                            <dp:section>
                                                <dp:label>
                                                    <xts:string id="DIALOG_SEARCH_SELECTED_ITEMS"/>
                                                </dp:label>
                                            </dp:section>
                                            <dp:section>
                                                <div id="selectValuesDivRight" style="width:170px;height:377px;border:2;border-style: inset; overflow:auto; "/>
                                            </dp:section>
                                            <dp:section>
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <a href="#" onclick="deleteSelected();">
                                                                <img src="{$skin_root}/portal/images/action_delete_module.gif" border="0">
                                                                    <xsl:attribute name="alt"><xts:string id="DIALOG_SEARCH_REMOVE_SELECTED"/></xsl:attribute>
                                                                </img>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </dp:section>
                                        </dp:list>
                                    </dp:boxSection>
                                </dp:box>
                            </lyt:section>
                        </lyt:layout>
                        <!-- footer -->
                        <div style="_position: absolute; _top: 100%;vertical-align: bottom;">
                            <div style="top: -100%;">
                                <dp:footer style="width:100%">
                                    <df:button df:id="IDS_OK" df:style="href" df:href="#" onclick="insertSelected();closeDialog();"/>
                                    <df:button df:id="IDS_CANCEL" df:style="href" df:href="#" onclick="closeDialog();"/>
                                </dp:footer>
                            </div>
                        </div>
                    </utml:form>
                </dp:page>
            </xsl:template>
        </xsl:stylesheet>
    </xts:block>
    <!-- =========================================================================================
                         D E B U G   B L O C K
        =========================================================================================
   -->
    <xts:block id="debug" type="exec" mode="output" processor="XSLT" condition=".[/root/session/param[@name = 'debug'] = '1']" mandatory="false" mimeType="text/html" dependency="page">
        <!-- Get the debug logicsheet. -->
        <xts:logicsheet path="logicsheets/debuglogic.xslt"/>
        <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:dbg="http://developer.cognos.com/schemas/xts/logicsheets/xslt/debug/" exclude-result-prefixes="dbg">
            <xsl:output method="html" version="1.0" encoding="UTF-8" indent="no"/>
            <xsl:template match="/">
                <dbg:dumpxml select="/root"/>
            </xsl:template>
        </xsl:stylesheet>
    </xts:block>
</xts:morphlet>