Changeset 22708 in main


Ignore:
Timestamp:
03/15/21 11:01:43 (5 weeks ago)
Author:
GarthBraithwaite_STG
Message:

nm epht - added topic/SiteSpecific.xslt templates to handle creation of the topic's moreData selections. topic css tweaks.

Location:
adopters/nm-epht/trunk/src/main/webapps/nmepht-view
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • adopters/nm-epht/trunk/src/main/webapps/nmepht-view/css/_SiteSpecific-Topic.css

    r22684 r22708  
    199199.Topic #content #downloadsResources .Selections
    200200{
    201         width: 100%;
    202201}
    203202.Topic #content #downloadsResources .Selections ul
    … …  
    206205}
    207206
     207
     208.Topic #content #downloadsResources .Columns > div
     209{
     210        flex: 1 0 0%;
     211}
    208212.Topic #content #downloadsResources .Columns img
    209213{
    210         display:                block;
    211214        max-width:              40%;
    212 
    213215        object-fit:             cover;     
    214216        overflow:               hidden;
    … …  
    243245        display: block;
    244246        width: 100%;
     247/*
    245248        max-height: 250px;
     249        object-fit: contain;
     250
     251        contain centers image but keeps aspect ratio correct.
     252        cover stretches if max he set.
     253        above take off width 100% and it keeps aspect but left justifies the image
     254                but has resize issues.
     255        if 100% by itself then it keeps aspect but height is rather large and is
     256        bigger then the links image - unless more css is done to help that.
     257
     258        object-fit: contain;
     259        max-height: 250px;
     260
     261        options - if max height then will stretch image if max he set.
     262        if left as is then images grow large.
     263
     264        width: 100%;
     265        object-fit: contain;
     266        max-height: 250px;
     267
     268        below centers the image but keeps aspect ratio right:
     269*/
    246270}
    247271

  • adopters/nm-epht/trunk/src/main/webapps/nmepht-view/xslt/html/topic/SiteSpecific.xslt

    r22469 r22708  
    1212        <ibis:doc>
    1313                <name>html/topic/SiteSpecific</name>
    14                 <summary>Provides adopter 'topic' core site specific template overrides</summary>
     14                <summary>Provides NM EPHT 'topic' templates</summary>
    1515                <description>
    16                         Provides a topic specific '_site_specific' API template
    17                         implmentation of 'siteSpecific.topMenu' and default
    18                         topic left nav menu.
     16                        Templates below handle the bottom of the topic page's data selections.
    1917                </description>
    2018        </ibis:doc>
     19
     20
     21        <xsl:template match="ibis:TopicsMoreData" mode="#all">
     22
     23                <div id="moreData">
     24                        <div id="relatedData">
     25                                <img src="{$ibis.baseRequestPath}view/image/topic/related_data.png"/>
     26                                <h3>Explore Related Data</h3>
     27
     28                                <div class="Popup Above">
     29                                        <xsl:call-template name="SelectionsList.inputControl">
     30                                                <xsl:with-param name="inputID"     select="'ipSelectionsControl'"/>
     31                                                <xsl:with-param name="inputName"   select="'relatedData'"/>
     32                                                <xsl:with-param name="inputType"   select="'radio'"/>
     33                                                <xsl:with-param name="toggleRadioOnClick" select="true()"/>
     34                                                <xsl:with-param name="labelClass"  select="'Button'"/>
     35                                                <xsl:with-param name="title"       select="'Select a Related Indicator Report'"/>
     36                                                <xsl:with-param name="description" select="'Show/hide list of Related Indicator Reports associated with this topic'"/>
     37                                        </xsl:call-template>
     38
     39                                        <div class="Container">
     40                                                <div class="Content">
     41                                                        <h4>Associated Indicator Reports</h4>
     42                                                        Health Indicator Reports provide more specific, detailed data and
     43                                                        information that is related to this health topic.  These reports include
     44                                                        interactive thematic maps, charts, and data tables along with
     45                                                        why this health indicator is important, what is being done, meta
     46                                                        data and much more.  Simply click on the links in the list below
     47                                                        to view this information. 
     48
     49                                                        <xsl:call-template name="HTMLContent.getSelectionsList">
     50                                                                <xsl:with-param name="url" select="concat(@topicSelectionsPath, 'indicator_profiles.xml')"/>
     51                                                        </xsl:call-template>
     52                                                </div>
     53                                        </div>
     54                                </div>
     55
     56                                <div class="Popup Below">
     57                                        <xsl:call-template name="SelectionsList.inputControl">
     58                                                <xsl:with-param name="inputID"     select="'qmSelectionsControl'"/>
     59                                                <xsl:with-param name="inputName"   select="'relatedData'"/>
     60                                                <xsl:with-param name="inputType"   select="'radio'"/>
     61                                                <xsl:with-param name="toggleRadioOnClick" select="true()"/>
     62                                                <xsl:with-param name="labelClass"  select="'Button'"/>
     63                                                <xsl:with-param name="title"       select="'Select a Related Queryable Dataset'"/>
     64                                                <xsl:with-param name="description" select="'Show/hide list of Related Queryable Datasets associated with this topic'"/>
     65                                        </xsl:call-template>
     66
     67                                        <div class="Container">
     68                                                <div class="Content">
     69                                                        <h4>Associated Queryable Datasets</h4>
     70                                                        Queryable Datasets provides access to record level data.
     71                                                        Who, what, when, and where as well as other data attribute
     72                                                        values can be specified as filtering criteria.  Options
     73                                                        also exist that control how to display (group by) the data. 
     74
     75                                                        <xsl:call-template name="HTMLContent.getSelectionsList">
     76                                                                <xsl:with-param name="url" select="concat(@topicSelectionsPath, 'query_modules.xml')"/>
     77                                                        </xsl:call-template>
     78                                                </div>
     79                                        </div>
     80                                </div>
     81                        </div>
     82
     83                        <div id="relatedTopics">
     84                                <img src="{$ibis.baseRequestPath}view/image/topic/related_topics.png"/>
     85                                <h3>Related Topics</h3>
     86
     87                                <xsl:call-template name="HTMLContent.getSelectionsList">
     88                                        <xsl:with-param name="url" select="concat(@topicSelectionsPath, 'topics.xml')"/>
     89                                </xsl:call-template>
     90                        </div>
     91
     92                </div>
     93        </xsl:template>
     94
     95
     96        <xsl:template name="HTMLContent.getSelectionsList">
     97                <xsl:param name="url"/>
     98
     99                <xsl:variable name="selections">
     100                        <xsl:call-template name="ibis.include">
     101                                <xsl:with-param name="url" select="$url"/>
     102                        </xsl:call-template>
     103                </xsl:variable>
     104                <xsl:if test="0  = count($selections//SELECTION)"><br/><br/><div class="Bold">Sorry, No Selections Available</div></xsl:if>
     105                <xsl:if test="0 != count($selections//SELECTION)">
     106                        <xsl:call-template name="SelectionsList.processSelections">
     107                                <xsl:with-param name="selections" select="$selections"/>
     108                        </xsl:call-template>
     109                </xsl:if>
     110        </xsl:template>
     111
    21112
    22113        <xsl:template name="Page.contentHeader"
    … …  
    27118        </xsl:template>
    28119
    29 
    30120</xsl:stylesheet>
    31121<!-- ============================= End of File ============================= -->
Note: See TracChangeset for help on using the changeset viewer.