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

Last change on this file since 19890 was 19890, checked in by GarthBraithwaite_STG, 2 years ago

view - TEMP COMMIT. Changed webapp context prefix path to base request path so it is not confused with just the context path. put font icon ref into general. added contextnav css back into layout for topic indexes. css file import ordering tweaks.

File size: 4.8 KB
Line 
1<?xml version="1.0" encoding="ISO-8859-1"?>
2
3<xsl:stylesheet version="3.0" 
4        xmlns:xsl ="http://www.w3.org/1999/XSL/Transform" 
5        xmlns:ibis="http://www.ibisph.org"
6
7        exclude-result-prefixes="ibis"
8>
9        <xsl:import href="../../Page.xslt"/>
10
11        <ibis:doc>
12                <name>html/indicator/index/Page</name>
13                <summary>Default kendo core code that produces Indicator Profile Index pages</summary>
14                <description>
15                        XSLT used to create the Indicator Profile Index pages based on the
16                        published indicators XML file.
17                </description>
18        </ibis:doc>
19
20
21        <xsl:param name="Page.pageTitle" ibis:doc="Page's title text.">Abstract Index of Health Indicators</xsl:param>
22
23        <xsl:param name="OrgUnits"/>
24        <xsl:param name="Page.orgUnits" select="$OrgUnits/ORG_UNITS"/>
25        <xsl:param name="Page.publishedIndicators" select="/PUBLISHED_INDICATORS/PUBLISHED_INDICATOR[not(NOT_SELECTABLE_FLAG)]"/>
26
27
28        <xsl:param name="Page.overviewContent" ibis:doc="localizes the cat index overview content.  Set blank to turn this off.">
29                Welcome to the selection list of all available health indicator
30                reports. To view a health indicator report, simply click on the link.
31                You can use the "Filter" text input field to narrow your selections to
32                only those that contain the entered text. 
33                <br/><br/>
34
35                The
36                <a href="{$ibis.baseRequestPath}indicator/index/Categorized.html" 
37                        title="Show the Indicator Profile Categorized Index selection menu"
38                >Indicator Profile by Topic Selection Index</a>
39                provides a hierarchical selection menu that organizes the health indicator
40                profile reports by topic/subject.
41        </xsl:param>
42
43
44
45        <xsl:template name="Page.contentBody">
46                <p><xsl:copy-of select="$Page.overviewContent"/></p>
47
48                <xsl:call-template name="Page.indexList"/>
49
50                <style>
51                        .JumpToLinks select
52                        {
53                                font-size: 1em;
54                                width: calc(100% - 15em);
55                        }
56
57                        .km-listview-wrapper .km-filter-form .km-filter-wrap:before
58                        {
59                                content:        "List Filter: ";
60                                font-size:      1.2em;
61                        }
62                </style>
63                <script type="text/x-kendo-template" id="headerRowTemplate">
64                  <a id="#=value#" onclick="jumpToSelection('jumpToLinks')" class="FloatRight">Top</a>
65                  <h3 class="">#=value#</h3> 
66                </script>
67                <script type="text/x-kendo-template" id="hrefTemplate">
68                   <a href="#=href#" title="Published on: #=published#">${title}</a>
69                </script>
70                <script>
71                        $("#listViewContainer").kendoMobileListView({
72                                dataSource: kendo.data.DataSource.create(
73                                {
74                                        data: ips
75                                        ,group: "group"
76                                        ,sort:
77                                        {
78                                                field: "title"
79                                                ,dir: "asc"
80                                        }
81                                })
82                        // WORKS:       ,template: "&lt;a href='#=href#' title='click me'&gt; #=title#&lt;/a&gt;"
83                        // href doesn't work    ,template: "<a href='${href}' title='click me'>${title}</a>"
84                        // still doesn't like the href  ,template: "<a href='#=href#' title='click me'>${title}</a>"
85                                ,template: $('#hrefTemplate').html()
86                                ,fixedHeaders: true
87                                ,filterable:
88                                {
89                                        field:        "title"
90                                        ,operator:    "contains"
91                                        ,autoFilter:  true
92                                        ,placeholder: "Enter a key word or phrase"
93                                        ,ignoreCase:  true
94                                }
95                        //      ,style: "inset"
96                                ,headerTemplate: $('#headerRowTemplate').html()
97                        //      ,headerTemplate: "&lt;h3&gt;#:value#&lt;/h3&gt; &lt;a href='##top' title='index'&gt; Top &lt;/a&gt;"
98                        //      ,headerTemplate: "hi#:value#"
99                        //      ,headerTemplate: "#= firstLetter #"
100                        //      ,headerTemplate: "&lt;h3&gt; #=firstLetter# &lt;/h3&gt;"
101                        // not for mobile widget        ,navigatable: true
102                        });
103
104                        //new kendo.mobile.Application();
105
106
107                        function jumpToSelection(elementID)
108                        {
109                                if(!elementID)
110                                {
111                                        var selections = document.getElementById("jumpToSelections");
112                                        elementID = selections.options[selections.selectedIndex].value;
113                                }
114                                var jumpToElement = document.getElementById(elementID);
115                                var left = 0;
116                                var top  = 0;
117                                if(jumpToElement)
118                                {
119                                        do
120                                        {
121                                                left += jumpToElement.offsetLeft;
122                                                top  += jumpToElement.offsetTop;
123                                        } while(jumpToElement = jumpToElement.offsetParent);
124                                        window.scrollTo(1, top);
125                                }
126                        }
127
128                        function jumpToSelection(elementID)
129                        {
130                                if(!elementID)
131                                {
132                                        var selections = document.getElementById("jumpToSelections");
133                                        elementID = selections.options[selections.selectedIndex].value;
134                                }
135                                var jumpToElement = document.getElementById(elementID);
136                                var left = 0;
137                                var top  = 0;
138                                if(jumpToElement)
139                                {
140                                        do
141                                        {
142                                                left += jumpToElement.offsetLeft;
143                                                top  += jumpToElement.offsetTop;
144                                        } while(jumpToElement = jumpToElement.offsetParent);
145                                        window.scrollTo(1, top);
146                                }
147                        }
148                </script>
149        </xsl:template>
150
151        <xsl:template name="Page.indexList" ibis:doc="Stubb to be overridden by specific index."/>
152
153</xsl:stylesheet>
154<!-- ============================= End of File ============================= -->
Note: See TracBrowser for help on using the repository browser.