Changeset 19879 in main for trunk/ibisph-view/src/main/webapp/xslt/html/indicator/index/table/Page.xslt

Timestamp:

02/20/20 22:56:16 (2 years ago)

Author:

GarthBraithwaite_STG

Message:

view - footer updates. text sections limited to 700px. Page content formatting and changes. Added goto submit for qm result. Fixed top margin for chart and maps. Limited MM css video to 400px. Changed org unit to authoring. Kendo template for table index page to change search placeholder to filter.

File:

• trunk/ibisph-view/src/main/webapp/xslt/html/indicator/index/table/Page.xslt (modified) (8 diffs)

trunk/ibisph-view/src/main/webapp/xslt/html/indicator/index/table/Page.xslt

@@ -17 +17 @@
 
 
-        <xsl:param name="Page.pageTitle" ibis:doc="Page's title text.">Sortable, Filterable Table of All Health Indicators</xsl:param>
+        <xsl:param name="Page.pageTitle" ibis:doc="Page's title text.">Sortable, Filterable Table of all Health Indicator Reports</xsl:param>
 
         <xsl:param name="DataSources"/>
@@ -23 +23 @@
 
         <xsl:param name="Page.overviewContent" ibis:doc="localizes the cat index overview content.  Set blank to turn this off.">
-                Welcome to the selection table of all available health indicator 
-                reports.  The table below provides some basic data that can be used refine 
-                the indicator report selections.
-
-                To view a health indicator report, locate the indicator title in the 
-                table below and click on that report's title link.
-
-                You can use the "Seach..." input field below, to narrow your selections to 
-                only those indicators that contain the entered keyboard or phase.  
-
-                Using the menu for each colum you can sort the rows, filter the column's
-                values to match your specified criteria, you can hide/show columns as well
-                as change the column ordering.  You can also group the rows by any column.
+                Click on an indicator report link to view a report. Use the search box to 
+                search the entire table. Click on a column header to sort by that column. 
+                Use the table's header column menus (<span font-icon="&#xe031;" style="background-color: #ddd"/>) to filter 
+                table rows and/or hide/unhide columns.
         </xsl:param>
 
@@ -58 +49 @@
         }
         ,"theme": "silver"
-        ,toolbar: ["search"]
+        ,"toolbar": [ { "template": kendo.template($("#gridSearchTemplate").html()) } ]
     ,"dataSource": kendoDataSource
         ,"columns": 
@@ -64 +55 @@
                 {
                         "field":  "name"
-                        ,"title": "Indicator Profile Name"
+                        ,"title": "Indicator Profile ID"
                         ,"hidden": true
                 }
                 ,{
                         "field":  "title"
-                        ,"title": "Indicator Title"     
+                        ,"title": "Indicator Report Title"      
                         ,"template": "&lt;a href=\"../summary/#=name#.html\"&gt;#=title#&lt;/a&gt;"
                 }
                 ,{
                         "field":  "viewNames"
-                        ,"title": "View Names"
+                        ,"title": "Data View IDs"
                         ,"hidden": true
                         ,encoded: false 
@@ -85 +76 @@
                 ,{
                         "field":  "dataSourceNames"
-                        ,"title": "Data Source Names"   
+                        ,"title": "Data Source IDs"     
                         ,"hidden": true
                         ,encoded: false 
@@ -96 +87 @@
                 ,{
                         "field":  "orgUnitName"
-                        ,"title": "Owning Program Name" 
+                        ,"title": "Authoring Program ID"        
                         ,"hidden": true
 /*
@@ -115 +106 @@
                 ,{
                         "field":  "orgUnitTitle"
-                        ,"title": "Owning Program"      
+                        ,"title": "Authoring Program"   
                 } 
                 ,{
@@ -130 +121 @@
 
         <xsl:template name="Page.contentBody">
-                <xsl:copy-of select="$Page.overviewContent"/>
+                <p><xsl:copy-of select="$Page.overviewContent"/></p>
+
+                <!-- as per: https://www.telerik.com/forums/search-panel-and-toolbar-template -->
+                <script id="gridSearchTemplate" type="text/x-kendo-template">
+                        <span class="k-textbox k-grid-search k-display-flex">
+                                <input autocomplete="off" placeholder="Filter..." title="Filter..." class="k-input"/>
+                                <span class="k-input-icon">
+                                        <span class="k-icon k-i-search"></span>
+                                </span>
+                        </span>
+                </script>
 
                 <div id="grid"/>