Changeset 19718 in main


Ignore:
Timestamp:
01/15/20 09:22:28 (6 months ago)
Author:
GarthBraithwaite_STG
Message:

view - mega menu updates with intro videos. css for font icons and videos. css variables for colors. Basic centered content layout - temp needs work. turned off lots of responsive css defs. Removed most image icons - all except map ones. Updated ip indexes text.

Location:
trunk/ibisph-view/src
Files:
11 deleted
39 edited

Legend:

Unmodified
Added
Removed
  • trunk/ibisph-view/src/content/xml/selection/navigation/AboutSelection.xml

    r18745 r19718  
    2323                <SELECTION>
    2424                        <SELECTIONS>
    25                                 <ADDITIONAL_CLASSES>Icon Info</ADDITIONAL_CLASSES>
    2625                                <SELECTION>
     26                                        <TITLE>NM-IBIS</TITLE>
    2727                                        <SELECTIONS>
     28                                                <ADDITIONAL_CLASSES>Icon Info</ADDITIONAL_CLASSES>
    2829                                                <SELECTION>
     30                                                        <TITLE>Welcome</TITLE>
    2931                                                        <DESCRIPTION>Show the IBIS-PH Home/Welcome page.</DESCRIPTION>
    3032                                                        <LOCAL_URL>about/Welcome.html</LOCAL_URL>
    31                                                         <TITLE>Welcome</TITLE>
    3233                                                </SELECTION>
    3334                                                <SELECTION>
     35                                                        <TITLE>Contents and Usage</TITLE>
    3436                                                        <DESCRIPTION>Page that describes the types of data content available on this IBIS-PH web site.</DESCRIPTION>
    3537                                                        <LOCAL_URL>about/ContentUsage.html</LOCAL_URL>
    36                                                         <TITLE>Contents and Usage</TITLE>
    37                                                 </SELECTION>
    38                                                 <SELECTION>
    39                                                         <TITLE>Glossary</TITLE>
    40                                                         <DESCRIPTION>
    41                                                                 List of health assessment and epidemiology terms
    42                                                                 and definitions with links to additional help
    43                                                                 pages on IBIS and elsewhere.
    44                                                         </DESCRIPTION>
    45                                                         <LOCAL_URL>about/Glossary.html</LOCAL_URL>
    46                                                 </SELECTION>
    47                                                 <SELECTION>
    48                                                         <TITLE>Help</TITLE>
    49                                                         <DESCRIPTION>Page that contains indexes for help pages and tutorials.</DESCRIPTION>
    50                                                         <LOCAL_URL>about/Help.html</LOCAL_URL>
    51                                                 </SELECTION>
    52                                         </SELECTIONS>
    53                                 </SELECTION>
    54                         </SELECTIONS>
    55                 </SELECTION>
    56 
    57                 <SELECTION>
    58                         <SELECTIONS>
    59                                 <ADDITIONAL_CLASSES>Icon Info</ADDITIONAL_CLASSES>
    60                                 <SELECTION>
    61                                         <SELECTIONS>
    62                                                 <SELECTION>
    63                                                         <TITLE>Community Health Assessment Resources</TITLE>
    64                                                         <DESCRIPTION>Page that contains links to community health assessment resources.</DESCRIPTION>
    65                                                         <LOCAL_URL>about/CHA_Resources.html</LOCAL_URL>
    66                                                 </SELECTION>
    67                                                 <SELECTION>
    68                                                         <TITLE>Epidemiology Resources</TITLE>
    69                                                         <DESCRIPTION>Information on Epidemiology and statistics topics.</DESCRIPTION>
    70                                                         <LOCAL_URL>about/EpiConcepts.html</LOCAL_URL>
    7138                                                </SELECTION>
    7239                                                <SELECTION>
     
    8754                <SELECTION>
    8855                        <SELECTIONS>
    89                                 <ADDITIONAL_CLASSES>Icon Info</ADDITIONAL_CLASSES>
    9056                                <SELECTION>
     57                                        <TITLE>Resources</TITLE>
    9158                                        <SELECTIONS>
     59                                                <ADDITIONAL_CLASSES>Icon Info</ADDITIONAL_CLASSES>
     60                                                <SELECTION>
     61                                                        <TITLE>Glossary</TITLE>
     62                                                        <DESCRIPTION>
     63                                                                List of health assessment and epidemiology terms
     64                                                                and definitions with links to additional help
     65                                                                pages on IBIS and elsewhere.
     66                                                        </DESCRIPTION>
     67                                                        <LOCAL_URL>about/Glossary.html</LOCAL_URL>
     68                                                </SELECTION>
     69
     70                                                <SELECTION>
     71                                                        <TITLE>Community Health Assessment Resources</TITLE>
     72                                                        <DESCRIPTION>Page that contains links to community health assessment resources.</DESCRIPTION>
     73                                                        <LOCAL_URL>about/CHA_Resources.html</LOCAL_URL>
     74                                                </SELECTION>
     75                                                <SELECTION>
     76                                                        <TITLE>Epidemiology Resources</TITLE>
     77                                                        <DESCRIPTION>Information on Epidemiology and statistics topics.</DESCRIPTION>
     78                                                        <LOCAL_URL>about/EpiConcepts.html</LOCAL_URL>
     79                                                </SELECTION>
     80
     81                                                <SELECTION>
     82                                                        <TITLE>Help</TITLE>
     83                                                        <DESCRIPTION>Page that contains indexes for help pages and tutorials.</DESCRIPTION>
     84                                                        <LOCAL_URL>about/Help.html</LOCAL_URL>
     85                                                </SELECTION>
     86                                        </SELECTIONS>
     87                                </SELECTION>
     88                        </SELECTIONS>
     89                </SELECTION>
     90
     91                <SELECTION>
     92                        <SELECTIONS>
     93                                <SELECTION>
     94                                        <TITLE>Misc</TITLE>
     95                                        <SELECTIONS>
     96                                                <ADDITIONAL_CLASSES>Icon Info</ADDITIONAL_CLASSES>
    9297                                                <SELECTION>
    9398                                                        <DESCRIPTION>Background of the IBIS-PH system</DESCRIPTION>
     
    106111                                                </SELECTION>
    107112                                                <SELECTION>
     113                                                        <TITLE>Contact Information</TITLE>
    108114                                                        <LOCAL_URL>about/ContactInformation.html</LOCAL_URL>
    109                                                         <TITLE>Contact Information</TITLE>
    110115                                                </SELECTION>
    111116                                                <SELECTION>
     117                                                        <TITLE>Site Map</TITLE>
    112118                                                        <LOCAL_URL>about/SiteMap.html</LOCAL_URL>
    113                                                         <TITLE>Site Map</TITLE>
    114119                                                </SELECTION>
    115120                                        </SELECTIONS>
    116121                                </SELECTION>
     122                        </SELECTIONS>
     123                </SELECTION>
     124
     125                <SELECTION>
     126                        <SELECTIONS>
     127                                <SELECTION>
     128                                        <CONTENT>
     129                                                <h5>Introduction</h5>
     130                                                <div class="Introduction">
     131                                                        NM-IBIS is your source for data and information on our state's
     132                                                        priority public health issues. The mission of the Department of
     133                                                        Health is to promote health and wellness, improve health outcomes,
     134                                                        and assure safety net services for all people in our state.
     135                                                        NM-IBIS provides access to the data that can help provide answers
     136                                                        to realize our health goals.
     137                                                </div>
     138                                                <div class="IntroductionVideo FontIcon" onclick="javascript:showVideo('view/video/about/Introduction.mp4', 'Introduction to IBIS-PH')">
     139                                                        <div class="Overlay">
     140                                                                View quick introduction video that describes
     141                                                                what this site provides.
     142                                                        </div>
     143                                                </div>
     144                                        </CONTENT>
     145                                </SELECTION>           
    117146                        </SELECTIONS>
    118147                </SELECTION>
  • trunk/ibisph-view/src/content/xml/selection/navigation/CommunitySelection.xml

    r19705 r19718  
    2020                        <SELECTIONS>
    2121                                <SELECTION>
    22                                         <TITLE>Community How Doing Report</TITLE>
    23                                         <DESCRIPTION>Select a community to view comparison data on.</DESCRIPTION>
     22                                        <TITLE>Geographic How Doing Reports</TITLE>
     23                                        <DESCRIPTION>Lois said to call it Profile but that's jaron that some likely won't understand.
     24                                                Select a community to view a list of comparison health indicator data on.</DESCRIPTION>
    2425                                        <SELECTIONS>
    2526                                                <ADDITIONAL_CLASSES>Icon Report</ADDITIONAL_CLASSES>
     
    4849                                                        <LOCAL_URL>community/indicators/LFC/GeoSchDist/3500030.html</LOCAL_URL>
    4950                                                </SELECTION>
     51                                        </SELECTIONS>
     52                                </SELECTION>
    5053
     54                                <SELECTION>
     55                                        <TITLE>Demographic How Doing Reports</TITLE>
     56                                        <SELECTIONS>
     57                                                <ADDITIONAL_CLASSES>Icon Report</ADDITIONAL_CLASSES>
    5158                                                <SELECTION>
    5259                                                        <TITLE>Race Ethnicity</TITLE>
     
    8895                        <SELECTIONS>
    8996                                <SELECTION>
    90                                         <TITLE>Community Report Selector</TITLE>
     97                                        <TITLE>Choose Community Report</TITLE>
    9198                                        <DESCRIPTION>blah blah blah.</DESCRIPTION>
    9299                                        <SELECTIONS>
    93100                                                <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
    94101                                                <SELECTION>
    95                                                         <TITLE>County</TITLE>
     102                                                        <TITLE>How Doing</TITLE>
    96103                                                        <DESCRIPTION>
    97104                                                        </DESCRIPTION>
    98                                                         <LOCAL_URL>community/index/GeoCnty.html</LOCAL_URL>
     105                                                        <LOCAL_URL>community/index/HowDoing.html</LOCAL_URL>
    99106                                                </SELECTION>
    100107                                                <SELECTION>
    101                                                         <TITLE>Health Region</TITLE>
     108                                                        <TITLE>Facts</TITLE>
    102109                                                        <DESCRIPTION>
    103110                                                        </DESCRIPTION>
    104                                                         <LOCAL_URL>community/index/GeoRegion.html</LOCAL_URL>
     111                                                        <LOCAL_URL>community/index/Facts.html</LOCAL_URL>
    105112                                                </SELECTION>
    106113                                                <SELECTION>
    107                                                         <TITLE>Census Tracts</TITLE>
     114                                                        <TITLE>Health Highlights</TITLE>
    108115                                                        <DESCRIPTION>
    109116                                                        </DESCRIPTION>
    110                                                         <LOCAL_URL>community/index/GeoTract.html</LOCAL_URL>
    111                                                 </SELECTION>
    112                                                 <SELECTION>
    113                                                         <TITLE>New Mexico School District</TITLE>
    114                                                         <DESCRIPTION>
    115                                                         </DESCRIPTION>
    116                                                         <LOCAL_URL>community/index/GeoSchDist.html</LOCAL_URL>
    117                                                 </SELECTION>
    118 
    119                                                 <SELECTION>
    120                                                         <TITLE>Race Ethnicity</TITLE>
    121                                                         <DESCRIPTION>
    122                                                         </DESCRIPTION>
    123                                                         <LOCAL_URL>community/index/RacEthDOH.html</LOCAL_URL>
    124                                                 </SELECTION>
    125                                                 <SELECTION>
    126                                                         <TITLE>Sex</TITLE>
    127                                                         <DESCRIPTION>
    128                                                         </DESCRIPTION>
    129                                                         <LOCAL_URL>community/index/Sex.html</LOCAL_URL>
    130                                                 </SELECTION>
    131                                                 <SELECTION>
    132                                                         <TITLE>Sexual Orientation</TITLE>
    133                                                         <DESCRIPTION>
    134                                                         </DESCRIPTION>
    135                                                         <LOCAL_URL>community/index/SexualOrientation.html</LOCAL_URL>
    136                                                 </SELECTION>
    137                                                 <SELECTION>
    138                                                         <TITLE>Household Income</TITLE>
    139                                                         <DESCRIPTION>
    140                                                         </DESCRIPTION>
    141                                                         <LOCAL_URL>community/index/Income5Grps.html</LOCAL_URL>
    142                                                 </SELECTION>
    143                                                 <SELECTION>
    144                                                         <TITLE>Household Language</TITLE>
    145                                                         <DESCRIPTION>
    146                                                         </DESCRIPTION>
    147                                                         <LOCAL_URL>community/index/Language.html</LOCAL_URL>
    148                                                 </SELECTION>
    149                                         </SELECTIONS>
    150                                 </SELECTION>
    151 
    152                                 <SELECTION>
    153                                         <TITLE>Community Publications</TITLE>
    154                                         <DESCRIPTION></DESCRIPTION>
    155                                         <SELECTIONS>
    156                                                 <ADDITIONAL_CLASSES>Icon PDF</ADDITIONAL_CLASSES>
    157                                                 <SELECTION>
    158                                                         <TITLE>County Health Highlights Report</TITLE>
    159                                                         <DESCRIPTION>
    160                                                         </DESCRIPTION>
    161                                                         <LOCAL_URL>report/highlight/Builder.html</LOCAL_URL>
     117                                                        <LOCAL_URL>community/index/Indicator.html</LOCAL_URL>
    162118                                                </SELECTION>
    163119                                        </SELECTIONS>
     
    176132                                                        impacts and for project decision-making.
    177133                                                </div>
    178                                                 <video controls="controls">
    179                                                         <source ibis:src="view/video/community/Introduction.mp4" type="video/mp4"/>
    180                                                         Your browser does not support the video tag.
    181                                                 </video>
     134                                                <div class="IntroductionVideo FontIcon" onclick="javascript:showVideo('view/video/community/Introduction.mp4', 'Introduction to Community Reports')">
     135                                                        <div class="Overlay">
     136                                                                View quick introduction video that describes
     137                                                                what the Community Profile reports provide.
     138                                                        </div>
     139                                                </div>
    182140                                        </CONTENT>
    183                                 </SELECTION>           
     141                                </SELECTION>
    184142                        </SELECTIONS>
    185143                </SELECTION>
  • trunk/ibisph-view/src/content/xml/selection/navigation/IndicatorSelection.xml

    r19705 r19718  
    2525                        <SELECTIONS>
    2626                                <SELECTION>
    27                                         <TITLE>Find Indicator Report by</TITLE>
     27                                        <TITLE>Choose Indicator Report by</TITLE>
    2828                                        <SELECTIONS>
    2929                                                <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
     
    4949                                                </SELECTION>
    5050                                                <SELECTION>
    51                                                         <TITLE>Sortable, filterable table of common indicator fields</TITLE>
     51                                                        <TITLE>Table of All Indicators</TITLE>
    5252                                                        <DESCRIPTION>Table of all indicator reports with titles, data sources, organization, view titles, and published date.</DESCRIPTION>
    5353                                                        <LOCAL_URL>indicator/index/Table.html</LOCAL_URL>
    5454                                                </SELECTION>
     55<!--
    5556                                                <SELECTION>
    5657                                                        <TITLE>General Health Categories</TITLE>
     
    5859                                                        <LOCAL_URL>indicator/index/Categorized.html</LOCAL_URL>
    5960                                                </SELECTION>
     61
    6062                                                <SELECTION>
    6163                                                        <TITLE>Search</TITLE>
     
    7274                                                        </CONTENT>
    7375                                                </SELECTION>
     76-->
    7477
    7578                                        </SELECTIONS>
     
    102105                                        <DESCRIPTION></DESCRIPTION>
    103106                                        <SELECTIONS>
    104                                                 <ADDITIONAL_CLASSES>Icon PDF</ADDITIONAL_CLASSES>
    105107                                                <SELECTION>
    106108                                                        <TITLE>State of Health in New Mexico, 2018</TITLE>
    107109                                                        <DESCRIPTION>2018 State of Health, state health assessment report.</DESCRIPTION>
    108                                                         <LOCAL_URL>report/soh/Introduction.html</LOCAL_URL>
     110                                                        <LOCAL_URL>https://nmhealth.org/publication/view/report/4442/</LOCAL_URL>
     111                                                        <ADDITIONAL_CLASSES>Icon PDF</ADDITIONAL_CLASSES>
    109112                                                </SELECTION>
    110113                                                <SELECTION>
     
    112115                                                        <DESCRIPTION>A statewide report of mental health indicators.</DESCRIPTION>
    113116                                                        <URL>https://nmhealth.org/data/view/general/2193/</URL>
     117                                                        <ADDITIONAL_CLASSES>Icon PDF</ADDITIONAL_CLASSES>
    114118                                                </SELECTION>
    115119                                                <SELECTION>
     
    117121                                                        <DESCRIPTION>A report of substance use, abuse and consequences in New Mexico.</DESCRIPTION>
    118122                                                        <URL>https://nmhealth.org/data/view/substance/2201/</URL>
     123                                                        <ADDITIONAL_CLASSES>Icon PDF</ADDITIONAL_CLASSES>
    119124                                                </SELECTION>
    120125                                                <SELECTION>
     
    122127                                                        <DESCRIPTION>A report ranking New Mexico against 50 U.S. states on health indicators.</DESCRIPTION>
    123128                                                        <LOCAL_URL>indicator/USStates.html</LOCAL_URL>
     129                                                        <ADDITIONAL_CLASSES>Icon Report</ADDITIONAL_CLASSES>
    124130                                                </SELECTION>
    125131                                        </SELECTIONS>
     
    142148                                                        non-governmental agencies.
    143149                                                </div>
    144                                                 <video controls="controls">
    145                                                         <source ibis:src="view/video/indicator/Introduction.mp4" type="video/mp4"/>
    146                                                         Your browser does not support the video tag.
    147                                                 </video>
     150
     151                                                <div class="IntroductionVideo FontIcon" onclick="javascript:showVideo('view/video/indicator/Introduction.mp4', 'Introduction to Health Indicators')">
     152                                                        <div class="Overlay">
     153                                                                View quick introduction video that describes
     154                                                                what the Health Indicator Profile reports provide.
     155                                                        </div>
     156                                                </div>
    148157                                        </CONTENT>
    149158                                </SELECTION>           
  • trunk/ibisph-view/src/content/xml/selection/navigation/QuerySelection.xml

    r19705 r19718  
    2222
    2323                                <SELECTION>
    24                                         <TITLE>About Datasets</TITLE>
     24                                        <TITLE>About Exploring Datasets</TITLE>
    2525                                        <SELECTIONS>
    2626                                                <ADDITIONAL_CLASSES>Icon Info</ADDITIONAL_CLASSES>
     
    4747                                <SELECTION>
    4848                                        <CONTENT>
    49                                                 <h5>Introduction Video</h5>
    50                                                 <video controls="controls">
    51                                                         <source ibis:src="view/video/query/Introduction.mp4" type="video/mp4"/>
    52                                                         Your browser does not support the video tag.
    53                                                 </video>
     49                                                <div class="IntroductionVideo FontIcon" onclick="javascript:showVideo('view/video/query/Introduction.mp4', 'Introduction to Dataset Queeries')">
     50                                                        <div class="Overlay">
     51                                                                View quick introduction video that describes
     52                                                                what Dataset Queries provides.
     53                                                        </div>
     54                                                </div>
    5455                                        </CONTENT>
    5556                                </SELECTION>
  • trunk/ibisph-view/src/content/xml/selection/navigation/TopicSelection.xml

    r19705 r19718  
    175175                                        non-governmental agencies.
    176176                                </div>
    177                                         <video controls="controls">
    178                                                 <source ibis:src="view/video/topic/Introduction.mp4" type="video/mp4"/>
    179                                                 Your browser does not support the video tag.
    180                                         </video>
     177                                <div class="IntroductionVideo FontIcon" onclick="javascript:showVideo('view/video/topic/Introduction.mp4', 'Introduction to Health Topics')">
     178                                        <div class="Overlay">
     179                                                View quick introduction video that describes
     180                                                what Health Topics provide.
     181                                        </div>
     182                                </div>
    181183                        </CONTENT>
    182184                </SELECTION>
  • trunk/ibisph-view/src/main/webapp/css/Edit.css

    r16650 r19718  
    2626{
    2727        background-color:       #336699;
    28         color:                          #ffcc66;
     28        color:                          var(--color-hover);
    2929        text-decoration:        none;
    3030}
  • trunk/ibisph-view/src/main/webapp/css/ExpandableContent.css

    r19700 r19718  
    5555        border-bottom:          1px solid #666;
    5656        border-right:           1px solid #666;
    57         border-radius:          4px 4px 4px 4px
     57        border-radius:          var(--border-radius-button)
    5858}
    5959.ExpandableContent:hover  > .Control,
     
    6262{
    6363        background-color:       #114477;
    64         color:                          #ffcc66;
     64        color:                          var(--color-hover);
    6565        cursor:                         pointer;
    6666}
  • trunk/ibisph-view/src/main/webapp/css/ExpandableList.css

    r19700 r19718  
    8585{
    8686        background-color:       #114477;
    87         color:                          #ffcc66;
     87        color:                          var(--color-hover);
    8888        border-radius:          5px 5px 5px 5px; 
    8989        box-shadow:                     inset 1px 1px 2px 0px #F2E4D5;
     
    107107.ExpandableList li label:hover > a:hover
    108108{
    109         color:                          #ffcc66;
     109        color:                          var(--color-hover);
    110110}
    111111
  • trunk/ibisph-view/src/main/webapp/css/Graphic.css

    r19338 r19718  
    116116        min-width:                      16px;
    117117        min-height:             16px;
    118         background:             transparent url("../image/icon/16/stickpin-head_red_white.png") 0 0 no-repeat;
     118        background:             transparent url("../image/leaflet/stickpin.png") 0 0 no-repeat;
    119119}
    120120.Graphic.Map .GeoCityIconMarker
    121121{
    122         background-image:       url("../image/icon/16/city-simple_black.png");
     122        background-image:       url("../image/leaflet/city.png");
    123123}
    124124.Graphic.Map .GeoSchoolIconMarker
    125125{
    126         background-image:       url("../image/icon/16/school-border_black.png");
     126        background-image:       url("../image/leaflet/school.png");
    127127}
    128128.Graphic.Map .GeoGovernmentIconMarker
    129129{
    130         background-image:       url("../image/icon/16/government-capitol_black.png");
     130        background-image:       url("../image/leaflet/government.png");
    131131}
    132132.Graphic.Map .GeoHospitalIconMarker
    133133{
    134         background-image:       url("../image/icon/16/hospital-solid_black.png");
     134        background-image:       url("../image/leaflet/hospital.png");
    135135}
    136136.Graphic.Map .GeoPoliceIconMarker
    137137{
    138         background-image:       url("../image/icon/16/police_badge-simple_black.png");
     138        background-image:       url("../image/leaflet/police.png");
    139139}
    140140.Graphic.Map .GeoLiquorIconMarker
    141141{
    142         background-image:       url("../image/icon/16/wine_bottle-simple_black.png");
     142        background-image:       url("../image/leaflet/alcohol.png");
    143143}
    144144
     
    265265.Graphic.Map .leaflet-default-icon-path { background-image: url("../image/leaflet/marker-icon.png"); }
    266266
    267 .Graphic.Map .leaflet-control-zoom-in   { background-image: url("../image/icon/16/magnify_zoom-in-black.png"); }
    268 .Graphic.Map .leaflet-control-zoom-out  { background-image: url("../image/icon/16/magnify_zoom-out-black.png"); }
    269 .Graphic.Map .leaflet-control-zoom-min  { background-image: url("../image/icon/16/arrows_shrink-black.png"); }
    270 .Graphic.Map .leaflet-control-zoom-home { background-image: url("../image/icon/16/reset_black.png"); }
     267.Graphic.Map .leaflet-control-zoom-in   { background-image: url("../image/leaflet/zoom-in.png"); }
     268.Graphic.Map .leaflet-control-zoom-out  { background-image: url("../image/leaflet/zoom-out.png"); }
     269.Graphic.Map .leaflet-control-zoom-min  { background-image: url("../image/leaflet/shrink.png"); }
     270.Graphic.Map .leaflet-control-zoom-home { background-image: url("../image/leaflet/reset.png"); }
    271271
    272272
     
    313313{
    314314        float:                          right;
    315         background-image:       url("../image/icon/16/download_blue-box.png");
     315        background-image:       url("../image/leaflet/download.png");
    316316        background-repeat:      no-repeat;
    317317        margin:                         0.25em 0.5em 0 0.5em;
  • trunk/ibisph-view/src/main/webapp/css/GridPanelList.css

    r19705 r19718  
    114114        color:                          #e8e8e8;
    115115        font-size:                      0.9rem;
    116         line-height:            1.3rem;
     116        line-height:            1.4rem;
    117117        padding:                        0.8rem 0 0.8rem 0.5rem;
    118118}
     
    124124        font-size:                      0.8rem;
    125125        line-height:            1rem;
    126 }
    127 
    128 nav .Panel .Body .Block video
    129 {
    130         margin-top: 0.5rem;
    131         width:          100%;
    132126}
    133127
     
    211205nav .Panel .Body .Block ul li a:focus
    212206{
    213         background-color:       #003366;
    214         color:                          #ffcc66;
     207        background-color:       var(--background-color-hover);
     208        color:                          var(--color-hover);
    215209    border-color:               #6699aa;
    216210        border-radius:          5px 5px 5px 5px; 
     
    345339nav .Panel .Body .Block .Icon.PDF a:before
    346340{
    347         background-color:       red;
     341        background-color:       #FF3500;
    348342        content:                        "\e90e";
    349343        width:                          20px;
     
    393387nav .Panel .Body .Block .TextIconBlocks li a:hover
    394388{
    395         background-color:       #003366;
    396         color:                          #ffcc66;
     389        background-color:       var(--background-color-hover);
     390        color:                          var(--color-hover);
    397391}
    398392nav .Panel .Body .Block .TextIconBlocks li a img
  • trunk/ibisph-view/src/main/webapp/css/HorizontalMenu.css

    r19705 r19718  
    1717        display:                        block;
    1818        position:                       relative;
    19         background-color:       #33669925;
     19        background-color:       #c2d7f8;  /* #6699ee65; */
    2020        width:                          100%;
    2121        margin:                         0;
     
    3232        margin:                         3px 1em 2px 0;
    3333        padding:                        0;
    34         color:                          #555;
     34        color:                          #003366;
    3535        list-style:                     none;
    3636        border:                         1px solid transparent;
     
    4242ul.HorizontalMenu > li.On:hover
    4343{
    44         background-color:       #003366;
    45         color:                          #ffcc66;
     44        background-color:       var(--background-color-hover);
     45        color:                          var(--color-hover);
    4646        overflow:                       hidden;
    4747}
     
    4949ul.HorizontalMenu > li.On
    5050{
    51         background-color:       #33669910;
    52         color:                          #003366;
     51        background-color:       #abc4ea; /* 33669915 */
    5352}
    5453
  • trunk/ibisph-view/src/main/webapp/css/Popup.css

    r19700 r19718  
    7171        cursor:                         default;
    7272
    73         border-radius:          5px 5px 5px 5px
     73        border-radius:          var(--border-radius-container)
    7474        box-shadow:                     2px 2px 5px 0px #333;
    7575        transition:         opacity 0.5s linear;
     
    132132        font-weight:            normal;
    133133
    134         border-radius:          5px 5px 5px 5px
     134        border-radius:          border-radius-container
    135135        box-shadow:                     inset 2px 2px 5px 0px #333;
    136136}
  • trunk/ibisph-view/src/main/webapp/css/SlideOutContent.css

    r19700 r19718  
    5353        border-bottom:          1px solid #666;
    5454        border-right:           1px solid #666;
    55         border-radius:          4px 4px 4px 4px
     55        border-radius:          var(--border-radius-button)
    5656}
    5757.SlideOutContent:hover  > .Control,
     
    5959.SlideOutContent:focus  > .Control
    6060{
    61         background-color:       #003366;
     61        background-color:       var(--background-color-hover);
    6262        color:                          white;
    6363        cursor:                         pointer;
  • trunk/ibisph-view/src/main/webapp/css/SocialMedia.css

    r16074 r19718  
    44.SocialMedia
    55{
     6        float:          right;
    67}
     8
     9.SocialMedia li
     10{
     11        display: inline-block;
     12        list-style:             none;
     13        margin:         0 0 0 3px;
     14        padding:        0;
     15}
     16
    717.SocialMedia a
    818{
    9         margin:         8px 3px 5px 0px;
    10         padding:        0px;
    11         width:          32px;
    12         height:         32px;
    13         float:          right;
     19        text-decoration: none;
     20        margin:         0;
     21        padding:        0;
     22        font-size:      24px;
    1423}
    15 .SocialMedia a img
     24
     25.SocialMedia a:after
    1626{
    17         border:         0px;
     27        padding:        2px;
     28        margin:         0px;
    1829}
     30.SocialMedia ul li a:hover:after
     31{
     32        color:  var(--color-hover);
     33}
     34
     35.SocialMedia a.PrinterFriendly:after
     36{
     37        content:        "\e10a";
     38        color:          #336699;
     39}
     40.SocialMedia a.Twitter:after
     41{
     42        content:        "\e820";
     43        color:          #00acee;
     44}
     45.SocialMedia a.LinkedIn:after
     46{
     47        content:        "\e812";
     48        color:          #0e76a8;
     49}
     50.SocialMedia a.Facebook:after
     51{
     52        content:        "\e80c";
     53        color:          #3b5998;
     54}
     55.SocialMedia a.GooglePlus:after
     56{
     57        content:        "\e810";
     58        color:          #dd4b39;
     59}
     60
     61
     62
     63
    1964/*============================ End of Style Sheet ============================*/
    2065
     66/*
     67play: \e200  round e65a
     68share e800
     69facebook \e80b
     70linked in e811
     71twitter e81f     
     72printer e10a
     73*/
  • trunk/ibisph-view/src/main/webapp/css/TabbedContent.css

    r19700 r19718  
    3737.TabbedContent > .Tab:focus
    3838{
    39         background-color:       #003366;
     39        background-color:       var(--background-color-hover);
    4040        color:                          white;
    4141}
  • trunk/ibisph-view/src/main/webapp/css/VerticalMenu-ExpandableList.css

    r19700 r19718  
    101101.VerticalMenu.ExpandableList li a:focus
    102102{
    103         color:                          #ffcc66;
     103        color:                          var(--color-hover);
    104104}
    105105
  • trunk/ibisph-view/src/main/webapp/css/VerticalMenu.css

    r19700 r19718  
    6969{
    7070        background-color:       #114477;
    71         color:                          #ffcc66;
     71        color:                          var(--color-hover);
    7272        border-radius:          0 5px 5px 0;
    7373        box-shadow:                     none;
  • trunk/ibisph-view/src/main/webapp/css/VerticalPopoutList.css

    r19700 r19718  
    6666ul.VerticalPopoutList li a:focus
    6767{
    68         color:                          #ffcc66;
     68        color:                          var(--color-hover);
    6969}
    7070
  • trunk/ibisph-view/src/main/webapp/css/_SiteSpecific.css

    r19705 r19718  
    3535
    3636
     37#siteNavigationMenu .Panel .Body .Block .Description {display: none;}
     38#siteNavigationMenu .Panel .Body .Block ul li ul li > a
     39{
     40        padding:        13px 8px 10px 5px;
     41}
     42#siteNavigationMenu .Panel .Body .Block .Icon li > a:before,
     43#siteNavigationMenu .Panel .Body .Block li.Icon > a:before
     44{
     45    top:                12px;
     46}
     47
    3748/* Simple rules to help debug responsive layout sizes
    3849@media only screen and (max-width:  959px)
  • trunk/ibisph-view/src/main/webapp/css/_general.css

    r19705 r19718  
    55 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    66
     7/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ G L O B A L   V A R I A B L E S */
     8:root
     9{
     10        --color-hover:                          #ffcc66;
     11        --background-color-hover:       #003366;
     12        --border-radius-button:         4px;
     13        --border-radius-container:      5px;
     14}
     15
     16
    717/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ G E N E R I C   E L E M E N T S */
     18
    819*
    920{
     
    4960h1
    5061{
    51         font-size:                      1.75rem;
    52         line-height:            1.75rem;
    53         padding-bottom:         0.5rem;
     62        font-size:                      2rem;
     63        line-height:            2rem;
     64        padding-bottom:         0.75rem;
    5465        color:                          #336699;
    5566}
     
    129140        padding-right:          0.4em;
    130141        text-decoration:        underline;
    131         color:                          #006699;
     142        color:                          #003366;
    132143        background-color:       transparent;    /* NN 4.x does better with general setter NOT specific one */
    133144}
     
    137148{
    138149        text-decoration:        none;
    139         color:                          #ffcc66;
    140         background-color:       #114477;
    141         border-radius:          4px;
     150        color:                          var(--color-hover);
     151        background-color:       var(--background-color-hover);
     152        border-radius:          var(--border-radius-button);
    142153}
    143154
     
    173184
    174185        border:                         solid 1px #777;
    175         border-radius:          4px;
     186        border-radius:          var(--border-radius-button);
    176187        box-shadow:                     inset 1px 1px 2px #bbb;
    177188/*
     
    183194button:hover
    184195{       
    185         color:                                  #ffcc66;
     196        color:                                  var(--color-hover);
    186197        background-color:               #114477;
    187198}
     
    400411}
    401412*/
    402 
     413.FontIcon:after,
    403414[font-icon]:after
    404415{
     
    407418        font-style:             normal;
    408419        font-variant:           normal;
    409         font-weight:            bold;
     420        font-weight:            normal;
    410421
    411422        speak:                          none;
  • trunk/ibisph-view/src/main/webapp/css/_kendo_overrides.css

    r17722 r19718  
    99.k-button.k-bare.k-button-icon.k-window-action:hover
    1010{
    11         color: #ffcc66;
     11        color: var(--color-hover);
    1212}
    1313
     
    2424}
    2525
     26.k-link:hover, .k-button:hover
     27{
     28        background-color:       var(--background-color-hover);
     29        color:                          var(--color-hover);
     30}
    2631.k-link:hover .k-icon,
    2732.k-icon.k-filter:hover
  • trunk/ibisph-view/src/main/webapp/css/_layout-header.css

    r19705 r19718  
    8787{
    8888        position:                       relative;       /* so that the pf and menu will be relative */
    89 
    90 /*
    91         background:             linear-gradient(to right, #434c89 45%, #ebf3ff 100%);
    92 
    93         background:                     #00397C url('../image/header_background.png') no-repeat;
    94         background-size:        1100px 110%;
    95 
    96         background-color:       #ebf3ff; / * #c4def9; * /
    97 
    98         background:             -ms-linear-gradient(left, white 45%, #ebf3ff 100%);
    99         background:             -moz-linear-gradient(left, white 45%, #ebf3ff 100%);  / * Mozilla Firefox * /
    100         background:             -o-linear-gradient(left, white 45%, #ebf3ff 100%);    / * Opera * /
    101         background:             -webkit-linear-gradient(left, white 45%, #ebf3ff 100%);
    102         background:             -webkit-gradient(linear, left top, right top, color-stop(.45, white), color-stop(1, #ebf3ff)); / * Webkit (Safari/Chrome 10) * /
    103         background:             linear-gradient(to right, white 45%, #ebf3ff 100%);
    104 */
    10589        z-index:                        1;
    10690        /* Need to be explicit with z-index for for IE 7.  Needs to be put here 
     
    10993}
    11094
    111 /*
    112 #header a img
    113 {
    114         margin:                         5px 10px 5px 15px;
    115         display:                        block;
    116         object-fit:             cover;
    117 }
    118 #header a:hover img
    119 {
    120         background-color:       transparent;
    121 }
    122 */
    123 
    12495#header .Logo
    12596{
    12697        position:                       absolute;
    127         top:                            10px;
     98        top:                            5px;
    12899        left:                           10px;
    129         height:                         100px;
     100        height:                         120px;
    130101        z-index:                        2;
    131102}
     
    133104#header h1
    134105{
    135         padding:                        0.9em 0px 0.4em 150px;
     106        padding:                        1.0em 0px 0.7em 170px;
    136107        color:                          #003366;
    137 /*
    138         font-family:            tahoma, geneva, verdana, arial, helvetica, sans-serif;
    139 */
    140108        font-size:                      2rem;
    141109        font-weight:            normal;
     
    168136#siteNavigationMenu
    169137{
    170         padding-left: 150px;
     138        padding-left:           170px;
    171139}
    172140
     
    175143#siteNavigationMenu > li:last-child
    176144{
     145        position:                       absolute;
     146        top:                            -9px;
     147        right:                          0px;
     148        margin-right:           0;
     149}
     150#siteNavigationMenu > li:last-child:hover
     151{
     152        background-color: transparent;
     153}
     154
     155
     156
     157
     158#siteNavigationMenu .Panel .Block .IntroductionVideo
     159{
     160        position:       relative;
     161        background:     transparent url("../view/image/navigation/about.png") no-repeat;
     162        background-size:        contain;
     163        background-position: center;
     164        margin-top:             1em;
     165        width: 100%;
     166        height: 300px;
     167        max-height: 300px;
     168        cursor: pointer;
     169}
     170
     171#siteNavigationMenu .Panel .Block .IntroductionVideo:after
     172{
    177173        position: absolute;
    178         top:            -6px;
    179         right: 0px;
    180         margin-right: 0;
    181 }
    182 #siteNavigationMenu > li:last-child:hover
    183 {
    184         background-color: transparent;
    185 }
     174        top: calc((100% / 2) - 50px);
     175        left: calc((100% / 2) - 1em);
     176        color: #fff;
     177        background-color: rgb(33, 33, 33, 0.55);
     178        padding: .2em .2em .2em .3em;
     179        font-size: 4em;
     180        content: "\e200";
     181}
     182#siteNavigationMenu .Panel .Block .IntroductionVideo:hover:after
     183{
     184        background-color: var(--background-color-hover);
     185        color: var(--color-hover);
     186}
     187#siteNavigationMenu #topicMenu .Panel .Block .IntroductionVideo
     188{
     189        background-image:       url("../view/image/navigation/topic.png");
     190}
     191#siteNavigationMenu #communityMenu .Panel .Block .IntroductionVideo
     192{
     193        background-image:       url("../view/image/navigation/community.png");
     194}
     195#siteNavigationMenu #indicatorMenu .Panel .Block .IntroductionVideo
     196{
     197        background-image:       url("../view/image/navigation/indicator.png");
     198}
     199#siteNavigationMenu #queryMenu .Panel .Block .IntroductionVideo
     200{
     201        background-image:       url("../view/image/navigation/query.png");
     202}
     203#siteNavigationMenu .Panel .Block .IntroductionVideo .Overlay
     204{
     205        position: absolute;
     206        bottom: 0;
     207        width: 100%;
     208        padding: 1em;
     209        color: #eee;
     210        background-color: rgb(33, 33, 33, 0.55);
     211}
     212
     213
     214
     215
     216
     217
     218
     219
    186220
    187221form.Search
    188222{
    189         border: 1px solid #003366;
    190         background-color:               #e8e8e8;
    191         border-radius: 5px 0 0 5px;
     223        border:                         1px solid #003366;
     224        background-color:       #e8e8e8;
     225        border-radius:          5px 0 0 5px;
    192226}
    193227#siteNavigationMenu form.Search:hover
    194228{
    195         border-left-width: 2px;
    196 }
    197 
     229        border-width:           2px;
     230}
    198231
    199232form.Search input[type="text"]
    200233{
    201234        width:                          140px;
    202         height:                         40px;
     235        height:                         45px;
    203236        font-size:                      16px;
    204237        padding:                        5px 5px 3px 5px;
     
    225258        border:                         none;
    226259        background-color:       transparent;
    227         color: black;
     260        color:                          black;
    228261        box-shadow:                     none;
    229262}
     
    236269        content: "&#e13e";
    237270        content: "\e13e";
    238          attr(font-icon);;*/
    239 }
    240 
     271         attr(font-icon);*/
     272}
    241273
    242274
     
    250282        width:                          30px;
    251283}
     284
     285
    252286
    253287
     
    261295#userMenu:hover
    262296{
    263         background-color:       #003366;
     297        background-color:       var(--background-color-hover);
    264298}
    265299#userMenu > input
     
    269303#userMenu:hover > input.Control + label
    270304{
    271         color:                          #ffcc66;
     305        color:                          var(--color-hover);
    272306        font-weight:            normal;
    273307}
     
    304338        display:                        inline-block;
    305339        margin-left:            0px;
    306         font-size:                      12px;
     340        font-size:                      16px;
    307341        color:                          #003366;
    308342}
     
    323357{
    324358        display:                        inline-block;
    325         margin-left:            0.25em;
    326359}
    327360#navigationPath li:not(:first-child):before
    328361{
    329362        content:                        "\0BB";
    330         padding-right:          0.5em;
    331363}
    332364
  • trunk/ibisph-view/src/main/webapp/css/_layout.css

    r19705 r19718  
    1818        margin:                         0 auto;   /* center */
    1919        border:                         0;        /* IE defaults to 1px - so turn this off */
     20
     21        background-color:       #f8f8f8;        /* #f2f7ff; */
    2022
    2123        /* Do footer color and image here so short pages will fill browser window
     
    7375{
    7476/* These values can be used when width is specified as a %
     77
    7578        width:                          755px;
    7679        min-width:                      800px;
    7780        max-width:                      800px;
    7881*/
    79         margin:                         auto;   /* centers block on page - whole point of this container */
    8082}
    8183
     
    9193{
    9294        position:                       relative;       /* z-index only works if position is set. */
    93 /*      background-color:       #ebf3ff;        / * #f2f7ff; */
     95        margin:                         0 auto;   /* center */
     96        margin-top:                     3em;
    9497        z-index:                        0;                      /* set to low value so menus etc go over top */
    95 }
     98       
     99max-width: 1080px;
     100}
     101.IndicatorProfile #content,
     102.Community  #content
     103{
     104        max-width:                      100%;
     105}
     106
    96107
    97108
     
    130141#content .Sections .Header
    131142{
    132         padding-top:            0.6em;
    133 /*
    134         margin-bottom:          0.5em;
    135 */
    136143        border:                         none;
    137144}
    138145
     146#content .Sections header h1
     147{
     148        padding-top:            0.5em;
     149        line-height:            1em;
     150        font-size:                      3em;
     151}
    139152
    140153
     
    279292{
    280293        border-color:           #225588;
    281         color:                          #ffcc66;
     294        color:                          var(--color-hover);
    282295}
    283296/* Definitions needed for the javascript based footer */
  • trunk/ibisph-view/src/main/webapp/css/_responsive-huge.css

    r19705 r19718  
    2929#content .Sections
    3030{
    31         width: calc(99% - 300px);
    3231}
    3332
  • trunk/ibisph-view/src/main/webapp/css/_responsive-large.css

    r19705 r19718  
    2424#content .Sections
    2525{
    26         width: calc(99% - 250px - 1em);
     26        width: 100%;
     27        max-width: 1200px;
    2728}
    2829#content .Sections .FluidContainer
  • trunk/ibisph-view/src/main/webapp/css/_responsive-tiny.css

    r19705 r19718  
    140140{
    141141        background-color:               #003366;
    142         color:                                  #ffcc66;
     142        color:                                  var(--color-hover);
    143143}
    144144
  • trunk/ibisph-view/src/main/webapp/css/_topic.css

    r18288 r19718  
    4747.Container nav ul li a:focus
    4848{
    49         color:                          #003366;
     49        color:                          var(--background-color-hover);
    5050        background-color:       #ddd;
    5151        border:                         1px solid #336699;
  • trunk/ibisph-view/src/main/webapp/css/leaflet.label.css

    r6992 r19718  
    1414        padding: 1px 6px;
    1515        position: absolute;
    16         -webkit-user-select: none;
    17            -moz-user-select: none;
    18             -ms-user-select: none;
    19                 user-select: none;
     16        user-select: none;
    2017        pointer-events: none;
    2118        white-space: nowrap;
  • trunk/ibisph-view/src/main/webapp/xslt/html/SiteSpecific.xslt

    r19705 r19718  
    77        exclude-result-prefixes="ibis"
    88>
     9
     10        <xsl:import href="VideoDialog.xslt"/>
     11
    912
    1013        <ibis:doc>
     
    6366
    6467
    65         <xsl:param name="SiteSpecific.contextNavigationSelectionsXMLFilePathAndName"
    66                 select="ibis:getContentPath(concat('xml/selection/navigation/', $PathSegments[1], 'ContextSelection.xml'))"
    67         />
    68         <xsl:param name="SiteSpecific.contextNavigationSelections"
    69                 ibis:doc="Default context menu - static site selections list associated
    70                         with the current app module.  This param can be overridden for specific
    71                         context menus e.g. indicator reports, phom reports, query builder/result
    72                         etc.  This mechanism also allows the java controller to inject a custom
    73                         built selections list.
    74                 "
    75         >
    76                 <xsl:variable name="contextSelections">
    77                         <xsl:apply-templates select="document($SiteSpecific.contextNavigationSelectionsXMLFilePathAndName)/*" mode="ibis.copy"/>
    78                 </xsl:variable>
    79                 <xsl:choose>
    80                         <xsl:when test="count($contextSelections/*) != 0">
    81                                 <xsl:copy-of select="$contextSelections"/>
    82                         </xsl:when>
    83                         <xsl:otherwise>
    84                                 <xsl:copy-of select="$SiteSpecific.siteNavigationSelections/SELECTION[NAME = $SiteSpecific.siteNavigationSelectedSelectionName]/SELECTIONS/SELECTION"/>
    85                         </xsl:otherwise>
    86                 </xsl:choose>
    87         </xsl:param>
     68        <xsl:param name="SiteSpecific.contextNavigationSelections" select="NULL" ibis:doc="Stubbed out context menu API."/>
    8869
    8970       
     
    130111
    131112
    132         <xsl:template name="Page.banner">
    133                 <div id="banner">
    134                         <div class="StateBanner">
    135                                 <div style="float: right">
    136                                         <a href="#agencies" title="Agencies" target="_blank">State.gov Agencies</a>
    137                                 </div>
    138                                 <div>
    139                                         <a href="#services" title="Services" target="_blank">State.gov Services</a>
    140                                 </div>
    141                         </div>
    142 
    143                         <div class="DOHBanner">
    144                                 <a href="http://health.gov"></a>
    145                                 <ul>
    146                                         <li><a href="http://www.health.gov/">Home</a></li>
    147                                         <li><a href="http://health.gov/services/index.html">Health Services</a></li>
    148                                         <li><a href="http://health.gov/a-z/index.html">A-Z List</a></li>
    149                                         <li><a href="http://health.gov/faq/index.html">FAQ</a></li>
    150                                         <li><a href="http://health.gov/data/index.html">Data</a></li>
    151                                         <li><a href="http://health.gov/about/index.html">About Us</a></li>
    152                                 </ul>
    153                         </div>
    154                 </div>
    155         </xsl:template>
     113        <xsl:template name="Page.banner"/>
    156114
    157115
     
    164122        >
    165123                <header id="header">
    166                         <h1 class="Title">New Mexico's Public Health Data &amp; Statistics</h1>
     124                        <h1 class="Title">NM-IBIS; New Mexico's Health Indicator Data &amp; Statistics</h1>
    167125
    168126                        <div id="userMenu" class="{if(ibis:hasAuthorities())then 'Click Secure' else 'Click'}">
     
    233191        </xsl:template>
    234192
     193
    235194        <xsl:template name="Page.content"
    236195                ibis:doc="Provides the adopter specific layout by overriding the standard
     
    249208
    250209                        <section id="sectionsContainer" class="Sections">
    251                 <div id="navigationPath" title="Navigation path to get to this page.">
    252                         Path:
    253                         <xsl:call-template name="SelectionsList.processSelections">
    254                                 <xsl:with-param name="selections">
    255                                         <SELECTION>
    256                                                 <TITLE><xsl:value-of select="$Page.applicationTitle"/></TITLE>
    257                                                 <URL><xsl:value-of select="$ibis.contextPath"/></URL>
    258                                         </SELECTION>
    259                                         <xsl:copy-of select="$SiteSpecific.navigationPathSelections"/>
    260                                 </xsl:with-param>
    261                         </xsl:call-template>
    262                 </div>
     210                                <div class="NavigationPathSocialMedia">
     211                                        <div id="navigationPath" title="Navigation path to get to this page.">
     212                                                Path:
     213                                                <xsl:call-template name="SelectionsList.processSelections">
     214                                                        <xsl:with-param name="selections">
     215                                                                <SELECTION>
     216                                                                        <TITLE><xsl:value-of select="$Page.applicationTitle"/></TITLE>
     217                                                                        <URL><xsl:value-of select="$ibis.contextPath"/></URL>
     218                                                                </SELECTION>
     219                                                                <xsl:copy-of select="$SiteSpecific.navigationPathSelections"/>
     220                                                        </xsl:with-param>
     221                                                </xsl:call-template>
     222                                        </div>
     223                                        <xsl:call-template name="socialMediaLinks"/>
     224                                </div>
    263225
    264226                                <xsl:call-template name="Page.sectionsHeader"/>
     
    267229                        </section>
    268230                </main>
     231                <xsl:call-template name="Page.videoDialog"/>
    269232        </xsl:template>
    270233
     
    301264                                <xsl:with-param name="showContainerTitleFlag" select="false()"/>
    302265                        </xsl:call-template>
    303 
    304                         <div class="SocialMedia">
    305                                 <a href="#" onclick="window.print();return false;"
    306                                         title="Print this page and share it"
    307                                         rel="nofollow" target="_blank"
    308                                 >
    309                                         <img src="{$ibis.contextPath}image/icon/32/printer.gif"/>
    310                                 </a>
    311                                 <a href="javascript:window.open('http://www.facebook.com/sharer.php?url=' + location.href)"
    312                                         title="Share this page on Facebook"
    313                                         rel="nofollow" target="_blank"
    314                                 >
    315                                         <img typeof="foaf:Image" src="{$ibis.contextPath}image/icon/32/facebook-blue.png" alt="Facebook logo"/>
    316                                 </a>
    317                                 <a href="javascript:window.open('http://twitter.com/share?url=' + location.href)"
    318                                         title="Share this page on Twitter"
    319                                         rel="nofollow" target="_blank"
    320                                 >
    321                                         <img typeof="foaf:Image" src="{$ibis.contextPath}image/icon/32/twitter-blue.png" alt="Twitter logo"/>
    322                                 </a>
    323                                 <a href="javascript:window.open('https://plus.google.com/share?url=' + location.href)"
    324                                         title="Share this page on Google+"
    325                                         rel="nofollow" target="_blank"
    326                                 >
    327                                         <img typeof="foaf:Image" src="{$ibis.contextPath}image/icon/32/google_plus-red.png" alt="Google+ logo"/>
    328                                 </a>
    329                                 <a href="javascript:window.open('http://www.linkedin.com/shareArticle?url=' + location.href)"
    330                                         title="Share this page on LinkedIn"
    331                                         rel="nofollow" target="_blank"
    332                                 >
    333                                         <img typeof="foaf:Image" src="{$ibis.contextPath}image/icon/32/linkedin-blue.png" alt="LinkedIn logo"/>
    334                                 </a>
    335                         </div>
    336266                </nav>
    337267        </xsl:template>
     
    409339                        <ul>
    410340                                <li>
     341                                        <a href="javascript:window.open('http://www.linkedin.com/shareArticle?url=' + location.href)"
     342                                                title="Share this page on LinkedIn"
     343                                                rel="nofollow" target="_blank"
     344                                                class="FontIcon LinkedIn"
     345                                        >
     346                                        </a>
     347                                </li>
     348                                <li>
    411349                                        <a href="javascript:window.open('http://www.facebook.com/sharer.php?url=' + location.href)"
    412                                                 class="Facebook" title="Share this page on Facebook"
    413                                                 rel="nofollow" target="_blank">
     350                                                title="Share this page on Facebook"
     351                                                rel="nofollow" target="_blank"
     352                                                class="FontIcon Facebook"
     353                                        >
    414354                                        </a>
    415355                                </li>
    416356                                <li>
    417357                                        <a href="javascript:window.open('http://twitter.com/share?url=' + location.href)"
    418                                                 class="Twitter" title="Share this page on Twitter"
    419                                                 rel="nofollow" target="_blank">
     358                                                title="Share this page on Twitter"
     359                                                rel="nofollow" target="_blank"
     360                                                class="FontIcon Twitter"
     361                                        >
     362                                        </a>
     363                                </li>
     364                                <li>
     365                                        <a href="javascript:window.open('https://plus.google.com/share?url=' + location.href)"
     366                                                title="Share this page on Google+"
     367                                                rel="nofollow" target="_blank"
     368                                                class="FontIcon GooglePlus"
     369                                        >
     370                                        </a>
     371                                </li>
     372
     373                                <li>
     374                                        <a href="#" onclick="window.print();return false;"
     375                                                title="Print this page and share it"
     376                                                rel="nofollow" target="_blank"
     377                                                class="FontIcon PrinterFriendly"
     378                                        >
    420379                                        </a>
    421380                                </li>
     
    423382                </nav>
    424383        </xsl:template>
    425 <!--
    426                                 <li><a href="#" class="Youtube" title="YouTube">YouTube</a></li>
    427                                 <li><a href="#" class="Flickr" title="Flickr">Flickr</a></li>
    428                                 <li><a href="http://www.maryland.gov/pages/social_media.aspx" class="All" title="MD Social Media Directory">MD Social Media Directory</a></li>
    429 
    430                                         <a href="javascript:window.open('http://www.facebook.com/sharer.php?url=' + location.href)"
    431                                                 title="Share this page on Facebook"
    432                                                 rel="nofollow" target="_blank">
    433                                                 <img typeof="foaf:Image" src="{$ibis.contextPath}image/icon/32/facebook-blue.png"
    434                                                 alt="Facebook logo"/>
    435                                         </a>
    436                                         <a href="javascript:window.open('http://twitter.com/share?url=' + location.href)"
    437                                                 title="Share this page on Twitter"
    438                                                 rel="nofollow" target="_blank">
    439                                                 <img typeof="foaf:Image" src="{$ibis.contextPath}image/icon/32/twitter-blue.png"
    440                                                 alt="Twitter logo"/>
    441                                         </a>
    442                                         <a href="#" onclick="window.print();return false;">
    443                                                 <img src="{$ibis.contextPath}image/icon/32/printer.gif"/>
    444                                         </a>
    445 
    446                                         <a href="javascript:window.open('https://plus.google.com/share?url=' + location.href)"
    447                                                 title="Share this page on Google+"
    448                                                 rel="nofollow" target="_blank">
    449                                                 <img typeof="foaf:Image" src="{$ibis.contextPath}image/icon/32/google_plus-red.png"
    450                                                 alt="Google+ logo"/>
    451                                         </a>
    452                                         <a href="javascript:window.open('http://www.linkedin.com/shareArticle?url=' + location.href)"
    453                                                 title="Share this page on LinkedIn"
    454                                                 rel="nofollow" target="_blank">
    455                                                 <img typeof="foaf:Image" src="{$ibis.contextPath}image/icon/32/linkedin-blue.png"
    456                                                 alt="LinkedIn logo"/>
    457                                         </a>
    458 -->
    459 
    460384
    461385</xsl:stylesheet>
  • trunk/ibisph-view/src/main/webapp/xslt/html/community/Page.xslt

    r19705 r19718  
    2424        <xsl:param name="Page.stateTitle" select="$ibis.adopterTitle"/>
    2525       
     26        <xsl:param name="Page.htmlClass" select="'Community'"/>
     27
    2628        <xsl:param name="Dimensions"/>
    2729        <xsl:param name="Page.dimensions" select="$Dimensions/DIMENSIONS"/>
  • trunk/ibisph-view/src/main/webapp/xslt/html/community/index/Page.xslt

    r19071 r19718  
    2222        />
    2323        <xsl:param name="Page.sectionsTitle" ibis:doc="Page's content title text = page.PageTitle value."
    24                 select="concat($Page.communityDimensionTitle, ' Community Report Index / Report Locator')"
     24                select="concat($Page.communityDimensionTitle, ' Community Report Selector')"
    2525        />
    2626
  • trunk/ibisph-view/src/main/webapp/xslt/html/indicator/index/Page.xslt

    r19691 r19718  
    5353                <xsl:call-template name="Page.indexList"/>
    5454
     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>
    5568                <script type="text/x-kendo-template" id="headerRowTemplate">
    5669                  <a id="#=value#" onclick="jumpToSelection('jumpToLinks')" class="FloatRight">Top</a>
     
    8295                                        ,operator:    "contains"
    8396                                        ,autoFilter:  true
    84                                         ,placeholder: "Type in here to filter the list..."
     97                                        ,placeholder: "Enter a key word or phrase"
    8598                                        ,ignoreCase:  true
    8699                                }
  • trunk/ibisph-view/src/main/webapp/xslt/html/indicator/index/alphabetical/Page.xslt

    r19691 r19718  
    1919        </ibis:doc>
    2020
    21         <xsl:param name="Page.pageTitle" ibis:doc="Page's title text.">Alphabetical List of All Health Indicators</xsl:param>
     21        <xsl:param name="Page.pageTitle" ibis:doc="Page's title text.">Alphabetical List of All Health Indicator Reports</xsl:param>
    2222
    2323        <xsl:param name="Page.overviewContent" ibis:doc="localizes the cat index overview content.  Set blank to turn this off.">
    24                 Welcome to the alphabetical selection list of all available health indicator
    25                 reports. To view a health indicator report, simply click on the link.
    26                 You can use the "Filter" text input field to narrow your selections to
    27                 only those that contain the entered text or click on a "Jump To" letter
    28                 to go to a list of health indicator reports that begin with that letter.
     24                To view a health indicator report, locate the indicator title in the list
     25                below and click on that report's title link.
     26
     27                You can use the "Filter" input field below, to narrow your selections to
     28                only those indicators that contain the entered text. 
     29
     30                You can also click on a "Jump To" that will take you to a sub list of the
     31                health indicator reports that begins with that letter.
     32
     33                To return to the top of this index page click on the "top" link that is
     34                located to the right of each list section.
    2935        </xsl:param>
    3036
  • trunk/ibisph-view/src/main/webapp/xslt/html/indicator/index/data_source/Page.xslt

    r19691 r19718  
    2424        <xsl:param name="Page.overviewContent" ibis:doc="localizes the cat index overview content.  Set blank to turn this off.">
    2525                Welcome to the selection list of all available health indicator
    26                 reports organized by the primary datasource. To view a health indicator
    27                 report, simply click on the link. You can use the "Filter" text input field
    28                 to narrow your selections to only those that contain the entered text or
    29                 "Jump To" a specific data source via the selection drop down list.
     26                reports organized by the primary datasource.
     27
     28                To view a health indicator report, locate the indicator title in the list
     29                below and click on that report's title link.
     30
     31                You can use the "Filter" input field below, to narrow your selections to
     32                only those indicators that contain the entered text. 
     33
     34                You can also use the "Jump To" drop down list that will take you to a
     35                sub list of the health indicator reports whos' data are from the
     36                selected datasource.
     37
     38                To return to the top of this index page click on the "top" link that is
     39                located to the right of each list section.
    3040        </xsl:param>
    3141
  • trunk/ibisph-view/src/main/webapp/xslt/html/indicator/index/indicator_set/Page.xslt

    r19691 r19718  
    2424        <xsl:param name="Page.overviewContent" ibis:doc="localizes the cat index overview content.  Set blank to turn this off.">
    2525                Welcome to the selection list of all available health indicator
    26                 reports organized by major indicator groups/sets. To view a health indicator
    27                 report, simply click on the link. You can use the "Filter" text input field
    28                 to narrow your selections to only those that contain the entered text or
    29                 "Jump To" a specific set of health indicators via the selection drop down list.
     26                reports organized by major indicator groups/sets.
     27
     28                To view a health indicator report, locate the indicator title in the list
     29                below and click on that report's title link.
     30
     31                You can use the "Filter" input field below, to narrow your selections to
     32                only those indicators that contain the entered text. 
     33
     34                You can also use the "Jump To" drop down list that will take you to a
     35                sub list of the health indicator reports that are associated with the
     36                selected set of indicators.
     37
     38                To return to the top of this index page click on the "top" link that is
     39                located to the right of each list section.
    3040        </xsl:param>
    3141
  • trunk/ibisph-view/src/main/webapp/xslt/html/indicator/index/org_unit/Page.xslt

    r19691 r19718  
    2121        <xsl:param name="Page.overviewContent" ibis:doc="localizes the cat index overview content.  Set blank to turn this off.">
    2222                Welcome to the selection list of all available health indicator
    23                 reports organized by the owning health program/office. To view a health indicator
    24                 report, simply click on the link. You can use the "Filter" text input field
    25                 to narrow your selections to only those that contain the entered text or
    26                 "Jump To" a specific Health Program/Office via the selection drop down list.
     23                reports organized by the owning health program/office.
     24
     25                To view a health indicator report, locate the indicator title in the list
     26                below and click on that report's title link.
     27
     28                You can use the "Filter" input field below, to narrow your selections to
     29                only those indicators that contain the entered text. 
     30
     31                You can also use the "Jump To" drop down list that will take you to a
     32                sub list of the health indicator reports that are owned and maintained
     33                by that health department/organization.
     34
     35                To return to the top of this index page click on the "top" link that is
     36                located to the right of each list section.
    2737        </xsl:param>
    2838
  • trunk/ibisph-view/src/main/webapp/xslt/html/indicator/index/table/Page.xslt

    r19705 r19718  
    1717
    1818
    19         <xsl:param name="Page.pageTitle" ibis:doc="Page's title text.">Table of All Health Indicators</xsl:param>
     19        <xsl:param name="Page.pageTitle" ibis:doc="Page's title text.">Sortable, Filterable Table of All Health Indicators</xsl:param>
    2020
    2121        <xsl:param name="DataSources"/>
     
    2424        <xsl:param name="Page.overviewContent" ibis:doc="localizes the cat index overview content.  Set blank to turn this off.">
    2525                Welcome to the selection table of all available health indicator
    26                 reports.  This list can be sorted by clicking on the column heading.  Use
    27                 the heading's "filter" capability to limit the selections shown.
     26                reports.  The table below provides some basic data that can be used refine
     27                the indicator report selections.
     28
     29                To view a health indicator report, locate the indicator title in the
     30                table below and click on that report's title link.
     31
     32                You can use the "Seach..." input field below, to narrow your selections to
     33                only those indicators that contain the entered keyboard or phase. 
     34
     35                Using the menu for each colum you can sort the rows, filter the column's
     36                values to match your specified criteria, you can hide/show columns as well
     37                as change the column ordering.  You can also group the rows by any column.
    2838        </xsl:param>
    2939
     
    5969                ,{
    6070                        "field":  "title"
    61                         ,"title": "Indicator Profile Title"     
     71                        ,"title": "Indicator Title"     
    6272                        ,"template": "&lt;a href=\"../summary/#=name#.html\"&gt;#=title#&lt;/a&gt;"
    6373                }
     
    7080                ,{
    7181                        "field":  "viewTitles"
    72                         ,"title": "Views"       
     82                        ,"title": "Data Views" 
    7383                        ,encoded: false
    7484                }
  • trunk/ibisph-view/src/main/webapp/xslt/html/indicator/profile/Indicator.xslt

    r19071 r19718  
    399399        <div id="gauge"/>
    400400        <div id="thermo_gauge"/>
    401        
     401
    402402    <script>
    403403                function createChart()
     
    405405                        $("#chart-temp").kendoChart(
    406406                        {
    407                                 "legend": {"visible": false // doesn't matter}
     407                                "legend": {"visible": false } // doesn't matter
    408408                                ,"series":
    409409                                [{
    410                                         "type": "bullet",
    411                                         "data": [[25, 22]]      // , 15, 16, 17  -  only does 2 data points
     410                                        "type": "bullet"
     411                                        ,"data": [[25, 22]]     // , 15, 16, 17  -  only does 2 data points
    412412                                }]
    413413                                ,"categoryAxis":
     
    420420                                        {
    421421                                                "reverse": true
    422                                                 "plotBands":
     422                                                ,"plotBands":
    423423                                                [
    424                                                          {"from": 0, "to": 10, "color": "yellow", "opacity": .3}
     424                                                         {"from":  0, "to": 10, "color": "yellow", "opacity": .3}
    425425                                                        ,{"from": 10, "to": 20, "color": "orange", "opacity": .3}
    426                                                         ,{"from": 20, "to": 30, "color": "red", "opacity": .3}
     426                                                        ,{"from": 20, "to": 30, "color": "red",    "opacity": .3}
    427427                                                ]
    428428                                                ,"majorGridLines": {"visible": false}
     
    432432                                        }
    433433                                ]
    434                                 ."tooltip":
     434                                ,"tooltip":
    435435                                {
    436436                                        "visible": true
     
    440440
    441441
    442                         $("#boxplot").kendoChart({
    443                                 "series":
    444                                 [
    445                                         {
    446                                                 "type": "verticalBoxPlot"
    447                                                 ,
    448                                 q1Field: 'q1',
    449                                 q3Field: 'q3',
    450                                 lowerField: 'lower',
    451                                 upperField: 'upper',
    452                                 medianField: 'median',
    453                                 meanField: 'mean',
    454                                 outliersField: 'outliers'
    455                                 }],
    456                                 dataSource: {
    457                                 data: [
     442$("#boxplot").kendoChart({
     443        "series":
     444        [
     445                {
     446                        "type": "verticalBoxPlot"
     447                        ,q1Field: 'q1'
     448                        ,q3Field: 'q3'
     449                        ,lowerField: 'lower'
     450                        ,upperField: 'upper'
     451                        ,medianField: 'median'
     452                        ,meanField: 'mean'
     453                        ,outliersField: 'outliers'
     454                }
     455        ]
     456        ,dataSource:
     457        {
     458                "data": [
    458459                                { year: 2004, lower: 1.8, q1: 2.75, median: 3.35, q3: 3.825, upper: 4.9, mean: 3.4 },
    459460                                { year: 2005, lower: 1.7, q1: 2.275, median: 3.2, q3: 3.825, upper: 5.5, outliers: [0.5, 6.7] },
    460461                                { year: 2006, lower: 1.2, q1: 1.95, median: 2.45, q3: 3.075, upper: 3.5, mean: 2.5 },
    461462                                { year: 2007, lower: 1.3, q1: 1.9, median: 3.05, q3: 3.425, upper: 4, mean: 2.7, outliers: [7, 8.5] }
    462                                 ]
    463                                 },
    464                                 categoryAxis: {
    465                                 field: 'year'
    466                                 },
    467                                 tooltip: {
    468                                 visible: true
    469                                 }
    470                                 });
    471 
    472 
    473                                 $("#gauge").kendoArcGauge({
    474                                 value: <xsl:value-of select="$indicatorComparisonValues/STATE/VALUE/text()"/>,
    475                                 centerTemplate: 'State: <xsl:value-of select="$indicatorComparisonValues/STATE/VALUE/TITLE"/>'
    476                                 ,scale:
    477                                 {
    478                                 reverse: false
    479                                 ,startAngle: 90
    480                                 ,endAngle: 360
    481                                 ,min: 10
    482                                 ,max: 50
    483                                 ,labels:
    484                                 {
    485                                 visible: true
    486                                 }
    487                                 ,majorTicks:
    488                                 {
    489                                 visible: true
    490 
    491                                 }
    492                                 }
    493                                 });
    494 
    495 
    496 
    497                                 $("#thermo_gauge").kendoLinearGauge({
    498                                 vertical: false,
    499                                 pointer: [{
    500                                 value: 10,
    501                                 color: "#c20000",
    502                                 shape: "arrow"
    503                                 }, {
    504                                 value: 70,
    505                                 color: "#ff7a00",
    506                                 margin: 10
    507                                 }, {
    508                                 value: 140,
    509                                 color: "#ffc700"
    510                                 }],
    511                                 scale: {
    512                                 vertical: false,
    513                                 minorUnit: 5,
    514                                 min: 0,
    515                                 max: 180
    516                                 }
    517                                 });
    518 
    519 
    520 
     463                ]
     464        }
     465        ,categoryAxis:
     466        {
     467                field: 'year'
     468        }
     469        ,"tooltip": {"visible": true}
     470});
     471
     472$("#gauge").kendoArcGauge({
     473        value: "<xsl:value-of select="$indicatorComparisonValues/STATE/VALUE/text()"/>"
     474        ,centerTemplate: "State: <xsl:value-of select="$indicatorComparisonValues/STATE/VALUE/TITLE"/>"
     475        ,scale:
     476        {
     477                reverse: false
     478                ,startAngle: 90
     479                ,endAngle: 360
     480                ,min: 10
     481                ,max: 50
     482                ,labels: {visible: true}
     483                ,majorTicks: {visible: true}
     484        }
     485});
     486
     487$("#thermo_gauge").kendoLinearGauge({
     488                vertical: false,
     489                pointer: [{
     490                value: 10,
     491                color: "#c20000",
     492                shape: "arrow"
     493                }, {
     494                value: 70,
     495                color: "#ff7a00",
     496                margin: 10
     497                }, {
     498                value: 140,
     499                color: "#ffc700"
     500                }],
     501                scale: {
     502                vertical: false,
     503                minorUnit: 5,
     504                min: 0,
     505                max: 180
    521506                }
     507});
     508
     509                }       // End of function createChart
    522510
    523511                $(document).ready(createChart);
  • trunk/ibisph-view/src/main/webapp/xslt/html/indicator/profile/Page.xslt

    r18253 r19718  
    4848
    4949
     50        <xsl:param name="Page.htmlClass" select="'IndicatorProfile'"/>
     51
     52
    5053
    5154        <!-- DEPENDENCY NOTE: This file is not meant to be imported as a stand alone
Note: See TracChangeset for help on using the changeset viewer.