Changeset 19902 in main


Ignore:
Timestamp:
02/25/20 00:49:22 (5 weeks ago)
Author:
GarthBraithwaite_STG
Message:

view, db - removed old INDICATOR_VIEW_VALUE_QUERY table. MOved topic specific css to Topic.css. Conent options to use a grid. Updated jquery.scrollBlockListItems.js to work better. Added cp ip requst link to the com qf. Summary if show map then don't show chart as per Lois request. Removed the old IE shortcut icon head link.

Location:
trunk
Files:
1 added
12 edited

Legend:

Unmodified
Added
Removed
  • trunk/db/src/main/scripts/mysql/update_cleanup.sql

    r19336 r19902  
    4040
    4141drop table if exists INDICATOR_VIEW_VALUE;
     42drop table if exists INDICATOR_VIEW_VALUE_QUERY;
    4243
    4344drop table if exists TMP_DATASET_RECORD;
  • trunk/ibisph-view/src/main/webapp/css/ContentOptions.css

    r19890 r19902  
    99.ContentOptions
    1010{
    11         padding:                        0.5em 1rem 1em 1rem;
     11        padding:                        0.5em 1rem 0.7em 1rem;
    1212        background-color:       #ebebeb;
     13}
     14
     15
     16.ContentOptions label
     17{
     18        font-weight:            bold;
    1319}
    1420
     
    1622{
    1723        padding:                        2px;
    18         vertical-align:         bottom;
     24        line-height:            1.5rem;
     25        vertical-align:         middle;
    1926}
    2027.ContentOptions .ListTable tr td select
    2128{
    22         margin-top:             5px;
    2329        padding:                        3px;
    2430}
     
    3440
    3541
     42.ContentOptions .Container
     43{
     44        display:                        -ms-grid; /* IE 10 */
     45        display:                        grid;
     46        grid-auto-columns:      auto;
     47        grid-auto-flow:         column;
     48}
     49
    3650.ContentOptions .Container.Buttons
    3751{
    38         margin:                         0.3em auto 0 auto;
     52        margin:                         0.3em auto 0.5em auto;
    3953        text-align:             center;
    4054}
    41 .ContentOptions .Container h4
     55.xContentOptions .Container.Buttons
     56{
     57        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
     58        margin:                         0.3em auto 0.5em auto;
     59        text-align:             center;
     60}
     61.ContentOptions .Container .Block label
    4262{
    4363        text-align:             left;
    4464}
    4565
    46 .ContentOptions .Container > div
     66.ContentOptions .Container .Block
    4767{
    4868        display:                        inline-block;
    4969        padding-right:          2rem;
    5070}
    51 .ContentOptions .Container select
     71.ContentOptions .Container .Block select
    5272{
    5373        min-width:                      150px;
     
    135155.ContentOptions .Help.Popup
    136156{
    137         margin-top:                     5px;
    138157}
    139158.ContentOptions button .Help.Popup
  • trunk/ibisph-view/src/main/webapp/css/MegaMenu.css

    r19893 r19902  
    6363nav .MegaMenu .Body
    6464{
     65        /* grid in IE: https://medium.com/@elad/supporting-css-grid-in-internet-explorer-b38669e75d66
    6566        /* setup grid with equal columns */
    6667        display:                        -ms-grid; /* IE 10 */
  • trunk/ibisph-view/src/main/webapp/css/_general.css

    r19893 r19902  
    9393        font-weight:            bold;
    9494}
     95h5
     96{
     97        margin-top:                     1em;
     98        font-weight:            bold;
     99}
    95100
    96101
  • trunk/ibisph-view/src/main/webapp/css/_layout.css

    r19890 r19902  
    167167}
    168168
    169 
    170 .Topic #content #contentSections
    171 {
    172         width:                          calc(100% - 425px);
    173         max-width:                      50%;
    174 }
    175 .Topic #content figure
    176 {
    177         display:                        block;
    178         width:                          100%;
    179         margin:                         0 0 2em 0;
    180 }
    181 .Topic #content figure img
    182 {
    183         display:                        block;
    184         width:                          100%;
    185     max-width:                  100%;
    186 max-height: 300px;
    187 }
    188 .Topic #content figure figcaption
    189 {
    190         display: block;
    191         width: 100%;
    192         background-color:       #eee;
    193         padding:                        1em 1rem;
    194 /*
    195         display:                        inline-block;
    196         max-width:                      45%;
    197         float:                          none;
    198 float: right;
    199 */
    200 }
    201 
    202169#content #contentSections section
    203170{
     
    291258
    292259
    293 
    294 
    295 
    296 
    297 
    298 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    299  * GARTH TODO: remove - Topic Detail page IP and QM block styles.  Redo these
    300  *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    301 
    302 
    303 /* topic intro page IP, Q, Links selections */
    304 #contextNavigation
    305 {
    306         position:                       relative;       /* needed for menu to be able get local relative position info */
    307         margin:                         0 0rem 0 2rem;
    308         vertical-align:         top;
    309 }
    310 .Topic #contextNavigation
    311 {
    312         float:                          right;
    313         width:                          425px;
    314     max-width:                  45%;
    315 }
    316 
    317 #contextNavigation .Container
    318 {
    319         padding:                        0;
    320 }
    321 #contextNavigation section
    322 {
    323         display:                        inline-block;
    324         margin:                         1em 0 1em 0;
    325         width:                          100%;
    326         background-color:       #eee;
    327         vertical-align:         top;
    328 }
    329 #contextNavigation section:first-of-type
    330 {
    331         margin-top:                     0;
    332 }
    333 
    334 #contextNavigation section h3
    335 {
    336         background:             #114477 url("../image/icon/chart-white.png") 8px 10px no-repeat;
    337         background-size:        35px 35px;
    338         color:                          white;
    339         margin:                         0;
    340         padding:                        1.2rem 1rem 1rem 50px;
    341         min-height:             40px;
    342         border-radius:          5px 5px 0 0;
    343 }
    344 #contextNavigation #querySelections h3
    345 {
    346         background-image:       url("../image/icon/chart_find-white.png");
    347 }
    348 #contextNavigation #linkSelections h3
    349 {
    350         background-image:       url("../image/icon/link-white.png");
    351 }
    352 
    353 #contextNavigation section > *:not(h3)
    354 {
    355         margin:                         1rem 1rem 1rem 1rem;
    356 }
    357 #contextNavigation section > h4
    358 {
    359         margin-bottom:          0;
    360 }
    361 #contextNavigation section > h4 + ul
    362 {
    363         margin-top:             0;
    364 }
    365 
    366 
    367 #contextNavigation section .Scroll
    368 {
    369         background-color:       #eee;
    370         overflow:                       auto;
    371         max-height:                     250px;
    372         padding-left:           0.5rem;
    373 }
    374 #contextNavigation section .Scroll + button
    375 {
    376         display:                        inline-block;
    377         margin-top:             0;
    378         padding:                        0.4rem 1rem;
    379         height:                         3rem;
    380         vertical-align:         middle;
    381 }
    382 #contextNavigation section button
    383 {
    384         display:                        none;
    385 }
    386 #contextNavigation section button.MoreDetails
    387 {
    388         display:                        block;
    389         padding:                        0.4rem 1rem;
    390         height:                         3rem;
    391         margin:                         0.5rem 0 0.5rem 0;
    392 }
    393 
    394 /*
    395 .TopicSelections .Block div
    396 {
    397 text-overflow: ellipsis;
    398         max-height:             300px;
    399         overflow:               hidden;
    400 }
    401 */
    402 
    403 #contextNavigation ul li a
    404 {
    405         display:                        block;
    406         padding:                        0.25em;
    407 }
    408 #contextNavigation .VerticalMenu li
    409 {
    410         padding-right:          5px;
    411 }
    412 
    413 
    414 
    415 
    416 
    417 
    418 
    419260/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ F O O T E R
    420261-- see _layout-footer.css
  • trunk/ibisph-view/src/main/webapp/js/jquery.scrollBlockListItems.js

    r17938 r19902  
    44                var options = $.extend(
    55                {
    6                         maxSelectionsContainerHeight:   250
     6                        maxSelectionsContainerHeight:   300
    77                        ,scrollCSSClass:                                "Scroll"
    88                        ,buttonTemplateText:                    "Show all [LIST_ITEM_COUNT] Selections"
     
    1212                        this.each(function()
    1313                        {
    14                                 var selectionsContainer =  $(this);
     14                                var selectionsContainer = $(this);
    1515                                console.log("selectionsContainer height: " + selectionsContainer.height() );
    1616                                console.log("selectionsContainer css: " + selectionsContainer.css("max-height") );
     
    2424                                {
    2525                                        selectionsContainer.addClass(options.scrollCSSClass);
     26                                        selectionsContainer.css("max-height", options.maxSelectionsContainerHeight);
    2627
    2728                                        var selections = $(selectionsContainer).find("li");
     
    3031                                                selectionsContainer.removeClass(options.scrollCSSClass);
    3132                                                selectionsContainer.css("max-height", "none");
     33                                                button.hide();
    3234                                        });
    3335                                }
  • trunk/ibisph-view/src/main/webapp/xslt/html/ContentContainer.xslt

    r19798 r19902  
    186186                <xsl:param name="contentContinerElementName" select="if(0 != string-length($title)) then 'section' else 'div'"/>
    187187
    188 <!-- xsl:message select="concat('xxxxxxxxxxxxxx length: ', string-length($title), ', title: ', $title)"/ -->
     188<!--
     189<xsl:message select="concat('~~~~~~~~~~ conent contain fixed element, title:', $title, ', content element count: ', count($content/*))"/>
     190<xsl:message select="$content"/>
     191-->
    189192                <xsl:if test="exists($content/*) or (0 != string-length($content))">
    190193                        <xsl:element name="{$contentContinerElementName}">
     
    194197                                <xsl:if test="0 != string-length($containerID)"><xsl:attribute name="id" select="$containerID"/></xsl:if>
    195198                                <xsl:if test="$addWikiAttribute = true()"><xsl:attribute name="wiki" select="'true'"/></xsl:if>
    196 
    197199                                <xsl:call-template name="ContentContainer.title">
    198200                                        <xsl:with-param name="title"       select="$title"/>
  • trunk/ibisph-view/src/main/webapp/xslt/html/Page.xslt

    r19891 r19902  
    250250                        <title><xsl:value-of select="if(contains($Page.pageTitle, $Page.applicationTitle))then $Page.pageTitle else concat($Page.applicationTitle, ' - ', $Page.pageTitle)"/></title>
    251251
    252                         <link rel="shortcut icon" href="{$ibis.baseRequestPath}image/application.ico" type="image/vnd.microsoft.icon"/>
    253                         <link rel="icon"          href="{$ibis.baseRequestPath}image/application.ico" type="image/vnd.microsoft.icon"/>
    254                         <link rel="home"          href="{$ibis.baseRequestPath}"/>
    255                         <link rel="help"          href="{$ibis.baseRequestPath}about/Help.html"/>
    256                         <link rel="toc"           href="{$ibis.baseRequestPath}about/SiteMap.html"/>
    257                         <link rel="make"          href="http://www.ibisph.org"/>
     252                        <link rel="icon" href="{$ibis.baseRequestPath}image/application.ico" type="image/x-icon"/>
     253                        <link rel="icon" href="{$ibis.baseRequestPath}image/application.png" type="image/png"/>
     254                        <link rel="home" href="{$ibis.baseRequestPath}"/>
     255                        <link rel="help" href="{$ibis.baseRequestPath}about/Help.html"/>
     256                        <link rel="toc"  href="{$ibis.baseRequestPath}about/SiteMap.html"/>
     257                        <link rel="make" href="http://www.ibisph.org"/>
    258258
    259259                        <xsl:call-template name="Page.standardCSS"/>
  • trunk/ibisph-view/src/main/webapp/xslt/html/community/facts/Page.xslt

    r19882 r19902  
    3232
    3333        <xsl:param name="Page.pageTitle" ibis:doc="Page's browser title text."
    34                 select="concat(Page.communityTitle, ' Facts')"
     34                select="concat(Page.communityTitle, ' Quick Facts')"
    3535        />
    3636        <xsl:param name="Page.contentTitle" ibis:doc="Page's content title text."
    37                 select="concat('Facts for ', $Page.communityTitle)"
     37                select="concat('Quick Facts for ', $Page.communityTitle)"
    3838        />
    3939
     
    5959        .Overview
    6060        {
     61                margin-top: 2em;
     62                vertical-align: top;
    6163                max-width: 60%;
    6264                min-width: 300px;
     
    7274        .GoogleMap
    7375        {
    74                 max-width: 35%;
    75                 min-width: 350px;
    76                 padding: 0 2rem 0 2rem;
     76                max-width: 30%;
     77                min-width: 300px;
     78                padding: 1em 2rem 0 2rem;
    7779        }
    7880
     
    8688        }
    8789</style>
     90
     91                <div class="ContentOptions">
     92                        <h3>Quick Facts Report Options</h3>
     93
     94                        <table class="ListTable">
     95                                <tr>
     96                                        <td><label for="dimensionValue"><xsl:value-of select="$Page.communityDimensionTitle"/>:</label></td>
     97                                        <td>
     98<!--
     99                                                <xsl:if test="0 != string-length($Page.previousDimensionValue/TITLE)">
     100                                                        <a href="javascript:requestSamePageDifferentDimensionValue('{normalize-space($Page.previousDimensionValue/text()[1])}')"
     101                                                                title="show previous community value"
     102                                                        >&lt;&lt; Show <xsl:value-of select="$Page.previousDimensionValue/TITLE"/></a>
     103                                                </xsl:if>
     104-->
     105                                                <select name="dimensionValue" id="dimensionValue" onchange="requestSamePageDifferentDimensionValue()" style="width: 200px;">
     106                                                        <xsl:for-each select="$Page.communityDimension/VALUES/VALUE[not(NOT_SELECTABLE_FLAG)]">
     107                                                                <xsl:sort select="SORT_ORDER" data-type="number" order="ascending"/>
     108                                                                <xsl:sort select="TITLE" order="ascending"/>
     109                                                                <xsl:variable name="value" select="normalize-space(text()[1])"/>
     110                                                                <option value="{$value}">
     111                                                                        <xsl:if test="$value = $Page.dimensionValue">
     112                                                                                <xsl:attribute name="selected">selected</xsl:attribute>
     113                                                                        </xsl:if>
     114                                                                        <xsl:value-of select="TITLE"/>
     115                                                                </option>
     116                                                        </xsl:for-each>
     117                                                </select>
     118<!--
     119                                                <xsl:if test="0 != string-length($Page.nextDimensionValue/TITLE)">
     120                                                        <a href="javascript:requestSamePageDifferentDimensionValue('{normalize-space($Page.nextDimensionValue/text()[1])}')"
     121                                                                title="show next community value"
     122                                                        >Show <xsl:value-of select="$Page.nextDimensionValue/TITLE"/> &gt;&gt;</a>
     123                                                </xsl:if>
     124-->
     125                                        </td>
     126                                </tr>
     127                        </table>
     128                </div>
    88129
    89130                <!-- The content file contains elements that control demographic and
     
    155196-->
    156197                        <tr class="Value">
    157                                 <th><xsl:value-of select="$indicator/TITLE"/> (<xsl:value-of select="$indicatorComparisonValues/PERIOD_DIMENSION/VALUE/TITLE"/>) </th>
     198                                <th><a href="{ibis:getRequestURL(concat('community/indicator/', $indicator/NAME, '/', $Page.communityDimension/NAME, '/', normalize-space($Page.communityDimensionValue/text()[1]),'.html'))}">
     199                                        <xsl:value-of select="ibis:getIndicatorTitle($indicator)"/> (<xsl:value-of select="$indicatorComparisonValues/PERIOD_DIMENSION/VALUE/TITLE"/>)
     200                                </a> </th>
    158201                                <td><xsl:value-of select="$indicatorComparisonValues/COMMUNITY/VALUE/TITLE"/></td>
    159202                                <td><xsl:value-of select="$indicatorComparisonValues/STATE/VALUE/TITLE"/></td>
  • trunk/ibisph-view/src/main/webapp/xslt/html/community/indicators/Page.xslt

    r19890 r19902  
    6161                        <table class="ListTable">
    6262                                <tr>
    63                                         <td><label for="dimensionValue"><h4><xsl:value-of select="$Page.communityDimensionTitle"/>:</h4></label></td>
     63                                        <td><label for="dimensionValue"><xsl:value-of select="$Page.communityDimensionTitle"/>:</label></td>
    6464                                        <td>
    6565<!--
     
    9494                                <tr>
    9595                                        <td>
    96                                                 <label for="indicatorSetName"><h4>Set of Health Indicators:</h4></label>
     96                                                <label for="indicatorSetName">Set of Health Indicators:</label>
    9797                                        </td>
    9898                                        <td>
     
    139139                                        <td><h4>About <xsl:value-of select="$Page.communityDimensionValue/TITLE"/>:</h4></td>
    140140-->
    141                                         <td><h4><xsl:value-of select="$Page.communityDimensionTitle"/> Information:</h4></td>
     141                                        <td><label><xsl:value-of select="$Page.communityDimensionTitle"/> Information:</label></td>
    142142                                        <td>
    143143                                                <a title="Show this communities quick facts page."
  • trunk/ibisph-view/src/main/webapp/xslt/html/indicator/profile/Page.xslt

    r19891 r19902  
    7474
    7575                        <div class="Container">
    76                                 <div>
    77                                         <label for="indicatorViews"><h4>Data Views:</h4></label>
     76                                <div class="Block">
     77                                        <label for="indicatorViews">Data Views:</label>
    7878                                        <xsl:variable name="currentIndicatorViewName" select="$indicatorView/NAME"/>
    7979                                        <select name="indicatorViews" id="indicatorViews" onchange="location=this.value; this.value='';">
     
    9898                                </div>
    9999
    100                                 <div>
    101                                         <label for="moreInformation"><h4>More Information:</h4></label>
     100                                <div class="Block">
     101                                        <label for="moreInformation">More Information:</label>
    102102                                        <select name="moreInformation" id="moreInformation" onchange="location=this.value; this.value='';">
    103103                                                <xsl:if test="('services' != $pageType) and ('facts' != $pageType) and ('resources' != $pageType)">
     
    128128
    129129                                <xsl:if test="0 != count($indicator/RELATIONS/RELATION/RELATED_INDICATORS/RELATED_INDICATOR)">
    130                                 <div>
    131                                         <label for="relatedIndicators"><h4>Related Indicator Reports:</h4></label>
     130                                <div class="Block">
     131                                        <label for="relatedIndicators">Related Indicator Reports:</label>
    132132                                        <select name="relatedIndicators" id="relatedIndicators" onchange="location=this.value; this.value='';">
    133133                                                <option value="javascript:location"></option>
     
    141141
    142142                                <xsl:if test="0 != count($indicator/TOPICS/TOPIC)">
    143                                 <div>
    144                                         <label for="relatedIndicators"><h4>Associated Health Topics:</h4></label>
     143                                <div class="Block">
     144                                        <label for="relatedIndicators">Associated Health Topics:</label>
    145145                                        <select name="associatedHealthTopics" id="associatedHealthTopics" onchange="location=this.value; this.value='';">
    146146                                                <option value="javascript:location"></option>
  • trunk/ibisph-view/src/main/webapp/xslt/html/indicator/profile/summary/Page.xslt

    r19896 r19902  
    9090                                        </xsl:call-template>
    9191                                </xsl:if>
    92                                 <xsl:if test="$showChart">
     92                                <xsl:if test="not($showMap) and $showChart">
    9393                                        <xsl:call-template name="DataViz.chartContainer">
    9494                                                <xsl:with-param name="containerID"   select="concat('chart', position())"/>
Note: See TracChangeset for help on using the changeset viewer.