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

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

view, content - updated all topic pages to html5. Removed context nav xmls. Unversioned all QMs. xslt and css sectionsContent to contentBody. Changed panel css back to megamenu. Moved all input control xslt code to the selectionlist.xslt. Removed Click css class and moved all to Popup. ip/page.xslt to include basic control. Changed chart container from div to figure. Updated error jsp.

File size: 4.9 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.contextPath}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                <xsl:copy-of select="$Page.overviewContent"/>
47<!--
48<br/><br/>
49Published Count:
50<xsl:value-of select="count($Page.publishedIndicators)"/>
51<br/><br/>
52-->
53                <xsl:call-template name="Page.indexList"/>
54
55                <style>
56                        .JumpToLinks select
57                        {
58                                font-size: 1em;
59                                width: calc(100% - 15em);
60                        }
61
62                        .km-listview-wrapper .km-filter-form .km-filter-wrap:before
63                        {
64                                content:        "List Filter: ";
65                                font-size:      1.2em;
66                        }
67                </style>
68                <script type="text/x-kendo-template" id="headerRowTemplate">
69                  <a id="#=value#" onclick="jumpToSelection('jumpToLinks')" class="FloatRight">Top</a>
70                  <h3 class="">#=value#</h3> 
71                </script>
72                <script type="text/x-kendo-template" id="hrefTemplate">
73                   <a href="#=href#" title="Published on: #=published#">${title}</a>
74                </script>
75                <script>
76                        $("#listViewContainer").kendoMobileListView({
77                                dataSource: kendo.data.DataSource.create(
78                                {
79                                        data: ips
80                                        ,group: "group"
81                                        ,sort:
82                                        {
83                                                field: "title"
84                                                ,dir: "asc"
85                                        }
86                                })
87                        // WORKS:       ,template: "&lt;a href='#=href#' title='click me'&gt; #=title#&lt;/a&gt;"
88                        // href doesn't work    ,template: "<a href='${href}' title='click me'>${title}</a>"
89                        // still doesn't like the href  ,template: "<a href='#=href#' title='click me'>${title}</a>"
90                                ,template: $('#hrefTemplate').html()
91                                ,fixedHeaders: true
92                                ,filterable:
93                                {
94                                        field:        "title"
95                                        ,operator:    "contains"
96                                        ,autoFilter:  true
97                                        ,placeholder: "Enter a key word or phrase"
98                                        ,ignoreCase:  true
99                                }
100                        //      ,style: "inset"
101                                ,headerTemplate: $('#headerRowTemplate').html()
102                        //      ,headerTemplate: "&lt;h3&gt;#:value#&lt;/h3&gt; &lt;a href='##top' title='index'&gt; Top &lt;/a&gt;"
103                        //      ,headerTemplate: "hi#:value#"
104                        //      ,headerTemplate: "#= firstLetter #"
105                        //      ,headerTemplate: "&lt;h3&gt; #=firstLetter# &lt;/h3&gt;"
106                        // not for mobile widget        ,navigatable: true
107                        });
108
109                        //new kendo.mobile.Application();
110
111
112                        function jumpToSelection(elementID)
113                        {
114                                if(!elementID)
115                                {
116                                        var selections = document.getElementById("jumpToSelections");
117                                        elementID = selections.options[selections.selectedIndex].value;
118                                }
119                                var jumpToElement = document.getElementById(elementID);
120                                var left = 0;
121                                var top  = 0;
122                                if(jumpToElement)
123                                {
124                                        do
125                                        {
126                                                left += jumpToElement.offsetLeft;
127                                                top  += jumpToElement.offsetTop;
128                                        } while(jumpToElement = jumpToElement.offsetParent);
129                                        window.scrollTo(1, top);
130                                }
131                        }
132
133                        function jumpToSelection(elementID)
134                        {
135                                if(!elementID)
136                                {
137                                        var selections = document.getElementById("jumpToSelections");
138                                        elementID = selections.options[selections.selectedIndex].value;
139                                }
140                                var jumpToElement = document.getElementById(elementID);
141                                var left = 0;
142                                var top  = 0;
143                                if(jumpToElement)
144                                {
145                                        do
146                                        {
147                                                left += jumpToElement.offsetLeft;
148                                                top  += jumpToElement.offsetTop;
149                                        } while(jumpToElement = jumpToElement.offsetParent);
150                                        window.scrollTo(1, top);
151                                }
152                        }
153                </script>
154        </xsl:template>
155
156        <xsl:template name="Page.indexList" ibis:doc="Stubb to be overridden by specific index."/>
157
158</xsl:stylesheet>
159<!-- ============================= End of File ============================= -->
Note: See TracBrowser for help on using the repository browser.