source: main/trunk/ibisph-view/src/main/webapp/xslt/html/indicator/index/Page.xslt @ 19916

<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet version="3.0" 
        xmlns:xsl ="http://www.w3.org/1999/XSL/Transform" 
        xmlns:ibis="http://www.ibisph.org"

        exclude-result-prefixes="ibis"
>
        <xsl:import href="../../Page.xslt"/>

        <ibis:doc>
                <name>html/indicator/index/Page</name>
                <summary>Default kendo core code that produces Indicator Profile Index pages</summary>
                <description>
                        XSLT used to create the Indicator Profile Index pages based on the 
                        published indicators XML file.
                </description>
        </ibis:doc>


        <xsl:param name="Page.pageTitle" ibis:doc="Page's title text.">Abstract Index of Health Indicators</xsl:param>

        <xsl:param name="OrgUnits"/>
        <xsl:param name="Page.orgUnits" select="$OrgUnits/ORG_UNITS"/>
        <xsl:param name="Page.publishedIndicators" select="/PUBLISHED_INDICATORS/PUBLISHED_INDICATOR[not(NOT_SELECTABLE_FLAG)]"/>

        <xsl:param name="Page.overviewContent" ibis:doc="localizes the cat index overview content.  Set blank to turn this off.">
                Welcome to the selection list of all available health indicator 
                reports. To view a health indicator report, simply click on the link.
                You can use the "Filter" text input field to narrow your selections to
                only those that contain the entered text.  
        </xsl:param>


        <xsl:template name="Page.contentBody">
                <p><xsl:copy-of select="$Page.overviewContent"/></p>

                <xsl:call-template name="Page.indexList"/>

                <style>
                        .JumpToLinks select
                        {
                                font-size: 1em;
                                width: calc(100% - 15em);
                        }

                        .km-listview-wrapper .km-filter-form .km-filter-wrap:before
                        {
                                content:        "List Filter: ";
                                font-size:      1.2em;
                        }
                </style>
                <script type="text/x-kendo-template" id="headerRowTemplate">
                  <a id="#=value#" onclick="jumpToSelection('jumpToLinks')" class="FloatRight">Top</a>
                  <h3 class="">#=value#</h3> 
                </script>
                <script type="text/x-kendo-template" id="hrefTemplate">
                   <a href="#=href#" title="Published on: #=published#">${title}</a>
                </script>
                <script>
                        $("#listViewContainer").kendoMobileListView({
                                dataSource: kendo.data.DataSource.create(
                                {
                                        data: ips
                                        ,group: "group"
                                        ,sort: 
                                        { 
                                                field: "title"
                                                ,dir: "asc" 
                                        }
                                })
                        // WORKS:       ,template: "&lt;a href='#=href#' title='click me'&gt; #=title#&lt;/a&gt;"
                        // href doesn't work    ,template: "<a href='${href}' title='click me'>${title}</a>"
                        // still doesn't like the href  ,template: "<a href='#=href#' title='click me'>${title}</a>"
                                ,template: $('#hrefTemplate').html()
                                ,fixedHeaders: true
                                ,filterable:
                                {
                                        field:        "title"
                                        ,operator:    "contains"
                                        ,autoFilter:  true
                                        ,placeholder: "Enter a key word or phrase"
                                        ,ignoreCase:  true
                                }
                        //      ,style: "inset"
                                ,headerTemplate: $('#headerRowTemplate').html()
                        //      ,headerTemplate: "&lt;h3&gt;#:value#&lt;/h3&gt; &lt;a href='##top' title='index'&gt; Top &lt;/a&gt;"
                        //      ,headerTemplate: "hi#:value#"
                        //      ,headerTemplate: "#= firstLetter #"
                        //      ,headerTemplate: "&lt;h3&gt; #=firstLetter# &lt;/h3&gt;"
                        // not for mobile widget        ,navigatable: true
                        });

                        //new kendo.mobile.Application();


                        function jumpToSelection(elementID)
                        {
                                if(!elementID) 
                                {
                                        var selections = document.getElementById("jumpToSelections");
                                        elementID = selections.options[selections.selectedIndex].value;
                                }
                                var jumpToElement = document.getElementById(elementID);
                                var left = 0;
                                var top  = 0;
                                if(jumpToElement)
                                {
                                        do
                                        {
                                                left += jumpToElement.offsetLeft;
                                                top  += jumpToElement.offsetTop;
                                        } while(jumpToElement = jumpToElement.offsetParent);
                                        window.scrollTo(1, top);
                                }
                        }

                        function jumpToSelection(elementID)
                        {
                                if(!elementID) 
                                {
                                        var selections = document.getElementById("jumpToSelections");
                                        elementID = selections.options[selections.selectedIndex].value;
                                }
                                var jumpToElement = document.getElementById(elementID);
                                var left = 0;
                                var top  = 0;
                                if(jumpToElement)
                                {
                                        do
                                        {
                                                left += jumpToElement.offsetLeft;
                                                top  += jumpToElement.offsetTop;
                                        } while(jumpToElement = jumpToElement.offsetParent);
                                        window.scrollTo(1, top);
                                }
                        }
                </script>
        </xsl:template>

        <xsl:template name="Page.indexList" ibis:doc="Stubb to be overridden by specific index."/>

</xsl:stylesheet>
<!-- ============================= End of File ============================= -->