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

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

db, view - fixed prev other topic name. Implemented topic ip list. Cleaned up and moved _commity.css to Community. XML services and model map cleanup and better descrips. Removed extra "/" from dynamic IP paths when building filename. Renamed IP page.options to page.contentOptions to be consist.

File size: 4.4 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        <xsl:param name="Page.overviewContent" ibis:doc="localizes the cat index overview content.  Set blank to turn this off.">
28                Welcome to the selection list of all available health indicator
29                reports. To view a health indicator report, simply click on the link.
30                You can use the "Filter" text input field to narrow your selections to
31                only those that contain the entered text. 
32        </xsl:param>
33
34
35        <xsl:template name="Page.contentBody">
36                <p><xsl:copy-of select="$Page.overviewContent"/></p>
37
38                <xsl:call-template name="Page.indexList"/>
39
40                <style>
41                        .JumpToLinks select
42                        {
43                                font-size: 1em;
44                                width: calc(100% - 15em);
45                        }
46
47                        .km-listview-wrapper .km-filter-form .km-filter-wrap:before
48                        {
49                                content:        "List Filter: ";
50                                font-size:      1.2em;
51                        }
52                </style>
53                <script type="text/x-kendo-template" id="headerRowTemplate">
54                  <a id="#=value#" onclick="jumpToSelection('jumpToLinks')" class="FloatRight">Top</a>
55                  <h3 class="">#=value#</h3> 
56                </script>
57                <script type="text/x-kendo-template" id="hrefTemplate">
58                   <a href="#=href#" title="Published on: #=published#">${title}</a>
59                </script>
60                <script>
61                        $("#listViewContainer").kendoMobileListView({
62                                dataSource: kendo.data.DataSource.create(
63                                {
64                                        data: ips
65                                        ,group: "group"
66                                        ,sort:
67                                        {
68                                                field: "title"
69                                                ,dir: "asc"
70                                        }
71                                })
72                        // WORKS:       ,template: "&lt;a href='#=href#' title='click me'&gt; #=title#&lt;/a&gt;"
73                        // href doesn't work    ,template: "<a href='${href}' title='click me'>${title}</a>"
74                        // still doesn't like the href  ,template: "<a href='#=href#' title='click me'>${title}</a>"
75                                ,template: $('#hrefTemplate').html()
76                                ,fixedHeaders: true
77                                ,filterable:
78                                {
79                                        field:        "title"
80                                        ,operator:    "contains"
81                                        ,autoFilter:  true
82                                        ,placeholder: "Enter a key word or phrase"
83                                        ,ignoreCase:  true
84                                }
85                        //      ,style: "inset"
86                                ,headerTemplate: $('#headerRowTemplate').html()
87                        //      ,headerTemplate: "&lt;h3&gt;#:value#&lt;/h3&gt; &lt;a href='##top' title='index'&gt; Top &lt;/a&gt;"
88                        //      ,headerTemplate: "hi#:value#"
89                        //      ,headerTemplate: "#= firstLetter #"
90                        //      ,headerTemplate: "&lt;h3&gt; #=firstLetter# &lt;/h3&gt;"
91                        // not for mobile widget        ,navigatable: true
92                        });
93
94                        //new kendo.mobile.Application();
95
96
97                        function jumpToSelection(elementID)
98                        {
99                                if(!elementID)
100                                {
101                                        var selections = document.getElementById("jumpToSelections");
102                                        elementID = selections.options[selections.selectedIndex].value;
103                                }
104                                var jumpToElement = document.getElementById(elementID);
105                                var left = 0;
106                                var top  = 0;
107                                if(jumpToElement)
108                                {
109                                        do
110                                        {
111                                                left += jumpToElement.offsetLeft;
112                                                top  += jumpToElement.offsetTop;
113                                        } while(jumpToElement = jumpToElement.offsetParent);
114                                        window.scrollTo(1, top);
115                                }
116                        }
117
118                        function jumpToSelection(elementID)
119                        {
120                                if(!elementID)
121                                {
122                                        var selections = document.getElementById("jumpToSelections");
123                                        elementID = selections.options[selections.selectedIndex].value;
124                                }
125                                var jumpToElement = document.getElementById(elementID);
126                                var left = 0;
127                                var top  = 0;
128                                if(jumpToElement)
129                                {
130                                        do
131                                        {
132                                                left += jumpToElement.offsetLeft;
133                                                top  += jumpToElement.offsetTop;
134                                        } while(jumpToElement = jumpToElement.offsetParent);
135                                        window.scrollTo(1, top);
136                                }
137                        }
138                </script>
139        </xsl:template>
140
141        <xsl:template name="Page.indexList" ibis:doc="Stubb to be overridden by specific index."/>
142
143</xsl:stylesheet>
144<!-- ============================= End of File ============================= -->
Note: See TracBrowser for help on using the repository browser.