Changeset 347


Ignore:
Timestamp:
01/12/12 15:48:56 (12 years ago)
Author:
vmipsl
Message:

menu

Location:
ether_2012/trunk/web
Files:
1 deleted
6 edited
1 moved

Legend:

Unmodified
Added
Removed

  • ether_2012/trunk/web/resources/css/button.css

    r330 r347  
    55/* BUTTONS */ 
    66 
    7 .buttons a, .buttons button { 
    8     display:block; 
    9     float:left; 
    10     margin:0 11px 0 0; 
    11     background-color:#f5f5f5; 
    12     border:1px solid #dedede; 
    13     border-top:1px solid #eee; 
    14     border-left:1px solid #eee; 
     7button { 
     8    -moz-border-radius: 4px 4px 4px 4px; 
     9    -webkit-border-radius: 4px 4px 4px 4px; 
    1510 
    16     font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; 
    17     font-size:100%; 
    18     line-height:130%; 
    19     text-decoration:none; 
    20     font-weight:bold; 
    21     color:#565656; 
    22     cursor:pointer; 
    23     padding:5px 10px 6px 7px; /* Links */ 
    24 } 
    25 .buttons button{ 
    26     width:auto; 
    27     overflow:visible; 
    28     padding:4px 6px 3px 6px; /* IE6 */ 
    29 } 
    30 .buttons button[type]{ 
    31     padding:5px 10px 5px 7px; /* Firefox */ 
    32     line-height:17px; /* Safari */ 
    33 } 
    34 *:first-child+html button[type]{ 
    35     padding:4px 10px 3px 7px; /* IE7 */ 
    36 } 
    37 .buttons button img, .buttons a img{ 
    38     margin:0 3px -3px 0 !important; 
    39     padding:0; 
    40     border:none; 
    41     width:16px; 
    42     height:16px; 
     11    display: block; 
     12    float: left; 
     13    margin: 0 11px 0 0; 
     14    background-color: #f5f5f5; 
     15    border: 1px solid #dedede; 
     16    border-top: 1px solid #eee; 
     17    border-left: 1px solid #eee; 
     18 
     19    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; 
     20    font-size: 100%; 
     21    line-height: 130%; 
     22    text-decoration: none; 
     23    font-weight: bold; 
     24    color: #565656; 
     25    cursor: pointer; 
     26 
     27    width: auto; 
     28    overflow: visible; 
     29    padding: 4px 6px 3px 6px; /* IE6 */ 
    4330} 
    4431 
     32button[type] { 
     33    padding: 5px 10px 5px 7px; /* Firefox */ 
     34    line-height: 17px; /* Safari */ 
     35} 
     36 
     37*:first-child+html button[type] { 
     38    padding: 4px 10px 3px 7px; /* IE7 */ 
     39} 
     40 
     41.small { 
     42    font-size: 80%; 
     43} 
     44 
     45button img { 
     46    margin: 0 3px -3px 0 !important; 
     47    padding: 0; 
     48    border: none; 
     49    width: 16px; 
     50    height: 16px; 
     51} 
    4552 
    4653/* STANDARD */ 
    47  
    48 button:hover, .buttons a:hover{ 
    49     background-color:#dff4ff; 
    50     border:1px solid #c2e1ef; 
    51     color:#336699; 
    52 } 
    53 .buttons a:active{ 
    54     background-color:#6299c5; 
    55     border:1px solid #6299c5; 
    56     color:#fff; 
     54button:hover, .button.gray_button:hover { 
     55    background-color: #dff4ff !important; 
     56    border: 1px solid #c2e1ef; 
     57    color: #336699; 
    5758} 
    5859 
    5960/* POSITIVE */ 
     61button.positive { 
     62    background-color: #F0FFF0; 
     63    color: #529214; 
     64} 
    6065 
    61 button.positive, .buttons a.positive{ 
    62     color:#529214; 
    63 } 
    64 .buttons a.positive:hover, button.positive:hover{ 
    65     background-color:#E6EFC2; 
    66     border:1px solid #C6D880; 
    67     color:#529214; 
    68 } 
    69 .buttons a.positive:active{ 
    70     background-color:#529214; 
    71     border:1px solid #529214; 
    72     color:#fff; 
     66button.positive:hover { 
     67    background-color: #E6EFC2; 
     68    border: 1px solid #C6D880; 
     69    color: #529214; 
    7370} 
    7471 
    7572/* NEGATIVE */ 
     73button.negative { 
     74    color: #d12f19; 
     75} 
    7676 
    77 .buttons a.negative, button.negative{ 
    78     color:#d12f19; 
    79 } 
    80 .buttons a.negative:hover, button.negative:hover{ 
    81     background:#fbe3e4; 
    82     border:1px solid #fbc2c4; 
    83     color:#d12f19; 
    84 } 
    85 .buttons a.negative:active{ 
    86     background-color:#d12f19; 
    87     border:1px solid #d12f19; 
    88     color:#fff; 
     77button.negative:hover { 
     78    background: #fbe3e4; 
     79    border: 1px solid #fbc2c4; 
     80    color: #d12f19; 
    8981} 
    9082 
    9183/* DISABLE */ 
    92  
    93 .buttons a.disable, .buttons a.disable:hover, .buttons button.disable, .buttons button.disable:hover 
    94 { 
    95     background-color:#CCCCCC; 
    96     border:1px solid #dedede; 
    97     color:#565656; 
     84button.disable, button.disable:hover { 
     85    background-color: #CCCCCC; 
     86    border: 1px solid #dedede; 
     87    color: #565656; 
    9888} 
    9989 
     90/* ********************* BLUE BUTTON ********************* */ 
     91button.blue_button { 
     92    background-image: url("../images/elements/button_middle_3.png"); 
     93    background-repeat: repeat-x; 
     94    height: 39px; 
     95    float: right; 
     96    margin-right: 0; 
     97    border: 0; 
     98} 
     99 
     100.blue_button_text, .big_blue_button_text { 
     101    color: white; 
     102    font-size: 11px; 
     103    font-weight: bold; 
     104} 
     105 
     106button.big_blue_button { 
     107    background-image: url("../images/elements/big_button_middle_3.png"); 
     108    background-repeat: repeat-x repeat-y; 
     109    height: 50px; 
     110    width: 50px; 
     111    float: right; 
     112    margin-right: 0; 
     113    border: 0; 
     114} 
     115 
     116.big_blue_button_text { 
     117    position: relative; 
     118    top: -3px; 
     119    font-size: 44px; 
     120} 
     121 
     122/* ********************* GRAY BUTTON ********************* */ 
     123button.gray_button { 
     124    background-color: transparent; 
     125    border: hidden; 
     126    height: 31px; 
     127    float: right; 
     128    margin-right: 0; 
     129    position: relative; 
     130    top: -1px; 
     131} 
     132 
     133.gray_button_text { 
     134    color: gray; 
     135    font-size: 11px; 
     136    font-weight: bold; 
     137} 
     138 
     139button.action_button { 
     140    margin-left: 5px; 
     141    margin-right: -3px; 
     142} 

  • ether_2012/trunk/web/resources/css/ether.css

    r345 r347  
    1616/** ********************** CONTAINER ******************** **/ 
    1717/** ***************************************************** **/ 
     18.containerEther { 
     19    -moz-border-radius: 4px 4px 4px 4px; 
     20    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); 
     21    -webkit-border-radius: 4px 4px 4px 4px; 
     22    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); 
     23    width: 980px; 
     24    float: left; 
     25    margin-bottom: 10px; 
     26} 
     27 
    1828.containerLogoEther { 
    19     position: absolute; 
    20     top: 100px; 
    21     left: 50px; 
    22     -moz-border-radius: 4px 4px 4px 4px; 
    23     -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); 
    24     -webkit-border-radius: 4px 4px 4px 4px; 
    25     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); 
     29    float: left; 
    2630    width: 80px; 
    2731    height: 80px; 
    … …  
    3034 
    3135.containerTools { 
    32     position: absolute; 
    33     top: 100px; 
    34     left: 50px; 
    35     -moz-border-radius: 4px 4px 4px 4px; 
    36     -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); 
    37     -webkit-border-radius: 4px 4px 4px 4px; 
    38     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); 
    39     width: 80px; 
    40     height: 80px; 
    41     padding: 15px; 
    42 } 
    43  
    44 .containerEther { 
    45     -moz-border-radius: 4px 4px 4px 4px; 
    46     -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); 
    47     -webkit-border-radius: 4px 4px 4px 4px; 
    48     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); 
    49     width: 980px; 
    50     float: left; 
    51     margin-bottom: 10px; 
     36    float: right; 
     37    -moz-border-radius: 4px 4px 4px 4px; 
     38    -webkit-border-radius: 4px 4px 4px 4px; 
     39    background: -moz-linear-gradient(left, white, #C0C0C0); 
     40    background: -webkit-linear-gradient(left, white, #COCOCO); 
     41    width: 300px; 
     42    height: 30px; 
    5243} 
    5344 
    5445.containerTitle { 
    55 /*background: url("../images/nuage_bleu.png") no-repeat scroll 0 0 transparent;*/ 
    56     font-size: 20px; 
     46    font-size: 18px; 
    5747    color: #165076; 
    5848    font-weight: bold; 
    5949    float: left; 
    60     margin-top: 9px; 
    61     padding-left: 177px; 
    62 } 
    63  
    64 .containerLogo { 
    65     -moz-border-radius: 4px 4px 4px 4px; /*-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/ 
    66     -webkit-border-radius: 4px 4px 4px 4px; 
    67     float: left; 
    68     margin-bottom: 10px; 
    69     margin-right: 20px; 
    70     padding-left: 30px; 
    71     width: 120px; 
    72     top: -32px; 
    73     position: relative; 
     50    margin-top: 110px; 
     51    margin-left: -53px; 
     52    margin-bottom: 20px; 
     53} 
     54 
     55.containerMenu { 
     56    float: left; 
     57    color: #456487; 
     58    margin-left: 30px; 
     59} 
     60 
     61.containerSubMenu { 
     62    float: left; 
     63    color: #81A0C3; 
     64    margin-top: 6px; 
     65    font-size: 11px; 
     66} 
     67 
     68.containerSubMenu li { 
     69    margin-top: -6px; 
     70} 
     71 
     72.containerNews { 
     73    background: -moz-linear-gradient(white, #E8EFF3); 
     74    background: -webkit-linear-gradient(white, #E8EFF3); 
     75    height: 150px; 
    7476} 
    7577 
    … …  
    102104} 
    103105 
    104 .containerMenu { 
    105     float: right; 
    106 } 
    107  
    108106.containerTitleContentBorder { 
    109107    float: left; 
    … …  
    156154    height: 26px; 
    157155    padding-right: 10px; 
    158     position: relative; 
    159     top: -32px; 
     156    position: relative; /*top: -32px;*/ 
    160157    width: 972px; 
    161158} 
    … …  
    227224 
    228225/** ***************************************************** **/ 
    229 /** ************************ SLIDES ********************** **/ 
    230 /** ***************************************************** **/ 
    231 .containerSlide { 
    232     position: absolute; 
    233     top: 300px; 
    234 } 
    235  
    236 .containerSlideContent { 
    237     float: left; 
    238     min-height: 200px; 
    239     -moz-border-radius: 4px 4px 0 0; 
    240     -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
    241     -webkit-border-radius: 4px 4px 0 0; 
    242     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
    243     margin-right: 1px; 
    244     display: none; 
    245     background-color: white; 
    246     padding: 18px 36px 10px; 
    247 } 
    248  
    249 .containerSlideContent2 { 
    250     padding-left: 10px; 
    251 } 
    252  
    253 .containerSlideButton { 
    254     float: left; 
    255     -moz-border-radius: 4px; 
    256     -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
    257     -webkit-border-radius: 4px; 
    258     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
    259 } 
    260  
    261 .containerSlideButtonMentions { 
    262     margin-top: 51px; 
    263 } 
    264  
    265 .containerSlideButtonInfos { 
    266     margin-top: 102px; 
    267 } 
    268  
    269 /*#hideSlide {*/ 
    270 /*background-image: url("../images/utils/toggle_up_dark.png");*/ 
    271 /*height: 13px;*/ 
    272 /*width: 13px;*/ 
    273 /*margin-top: -10px;*/ 
    274 /*}*/ 
    275  
    276 #creditSlide { 
    277     z-index: 2; 
    278 } 
    279  
    280 #mentionSlide { 
    281     z-index: 1; 
    282 } 
    283  
    284 #infoSlide { 
    285     z-index: 0; 
    286 } 
    287  
    288 #slideContentCredits { 
    289     width: 700px; 
    290 } 
    291  
    292 #slideContentMentions { 
    293     width: 300px; 
    294 } 
    295  
    296 #slideContentInfos { 
    297     width: 550px; 
    298 } 
    299  
    300 /** ***************************************************** **/ 
    301226/** ************************ OTHER ********************** **/ 
    302227/** ***************************************************** **/ 
    303 #tools .complexButton { 
    304     float: right; 
    305 } 
    306  
    307228.colborder { 
    308229    border-right: 1px solid #96A1BA; 
    … …  
    378299/** ************************ PAGES ********************** **/ 
    379300/** ***************************************************** **/ 
    380 #tools, #tools .links li a { 
    381     height: 39px; 
    382 } 
    383  
    384 #tools { 
    385     font: 12px/18px Trebuchet MS, Arial, san-serif; 
    386     margin: 18px auto 12px; 
    387     position: relative; 
    388 } 
     301/*#tools, #tools .links li a {*/ 
     302/*height: 39px;*/ 
     303/*}*/ 
     304 
     305/*#tools {*/ 
     306/*font: 12px/18px Trebuchet MS, Arial, san-serif;*/ 
     307/*margin: 18px auto 12px;*/ 
     308/*position: relative;*/ 
     309/*}*/ 
    389310 
    390311#level2 .title { 
    … …  
    469390    margin: auto; 
    470391} 
     392 
     393/** ***************************************************** **/ 
     394/** ********************* LI SUBMENUS ******************* **/ 
     395/** ***************************************************** **/ 
     396li.li0 { 
     397    border-left: 7px solid #ADEAEA; 
     398} 
     399 
     400li.li1 { 
     401    border-left: 7px solid #236B8E; 
     402} 
     403 
     404li.li2 { 
     405    border-left: 7px solid #3299CC; 
     406} 
     407 
     408li.li3 { 
     409    border-left: 7px solid #38B0DE; 
     410} 
     411 
     412li.li4 { 
     413    border-left: 7px solid #7093D8; 
     414} 
     415 
     416li.li5 { 
     417    border-left: 7px solid #5959AB; 
     418} 
     419 
     420li.li0:hover, li.li1:hover, li.li2:hover, li.li3:hover, li.li4:hover, li.li5:hover { 
     421    border-left: 7px solid #00FFFF; 
     422    color: #165076; 
     423} 

  • ether_2012/trunk/web/resources/css/mainEther.css

    r345 r347  
    1515    width: 980px; 
    1616    text-align: left; 
    17     margin: -13px auto; 
     17    margin: auto; 
    1818} 
    1919 
    … …  
    4040    -moz-border-radius: 4px 4px 4px 4px; 
    4141    -webkit-border-radius: 4px 4px 4px 4px; 
     42} 
     43 
     44li { 
     45    list-style-type: none; 
     46} 
     47 
     48li:hover { 
     49    color: #165076; 
    4250} 
    4351 

  • ether_2012/trunk/web/resources/templates/templateEther.jsp

    r345 r347  
     1<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> 
     2<%@ taglib prefix="ether" tagdir="/WEB-INF/tags" %> 
    13<%@ taglib uri="/WEB-INF/tlds/struts-tiles.tld" prefix="tiles" %> 
    24<%@ taglib uri="/WEB-INF/tlds/struts-html.tld" prefix="html" %> 
    35<%@ taglib uri="/WEB-INF/tlds/struts-bean.tld" prefix="bean" %> 
    4 <%@ taglib prefix="ether" tagdir="/WEB-INF/tags" %> 
    56 
    67<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    … …  
    1415    <%--<link rel="shortcut icon" href="<html:rewrite page='/resources/images/megapoli/favicon.ico'/>">--%> 
    1516 
    16     <ether:htmlCss cssFile="apycom.com-4-steel-blue/menu"/> 
    1717    <ether:htmlCss cssFile="button"/> 
    1818    <ether:htmlCss cssFile="complexButton"/> 
    19     <ether:htmlCss cssFile="TwitterLogin/front"/> 
     19    <ether:htmlCss cssFile="mainEther"/> 
    2020    <ether:htmlCss cssFile="ether"/> 
    21     <ether:htmlCss cssFile="megapoli"/> 
    22     <ether:htmlCss cssFile="backoffice"/> 
    2321 
    2422    <ether:htmlJs jsFile="library/jquery-1.4.2.min"/> 
    … …  
    2826    <ether:htmlJs jsFile="classesForJQuery/Button"/> 
    2927    <ether:htmlJs jsFile="classesForJQuery/ComplexButton"/> 
    30     <ether:htmlJs jsFile="classesForJQuery/LoginButton"/> 
    31     <ether:htmlJs jsFile="apycom.com-4-steel-blue/menu"/> 
    32     <ether:htmlJs jsFile="TwitterLogin/javascripts/jquery.tipsy"/> 
     28    <%--<ether:htmlJs jsFile="classesForJQuery/LoginButton"/>--%> 
    3329 
    34     <%--<jsp:include page="templateEther_script.jsp" />--%> 
     30    <jsp:include page="templateEther_script.jsp"/> 
    3531 
    3632    <tiles:insert attribute="insertCss"/> 
    … …  
    4541<div class="pageWrapper"> 
    4642 
    47     <%-- ****************** LOGO ETHER ****************** --%> 
    48     <div id="logoEther" class="containerLogoEther"> 
    49         <html:link href="http://ether.ipsl.jussieu.fr" target="help"><img src="resources/images/logo_Ether.jpg" width="80px" height="80px"/></html:link> 
     43    <%-- ****************** LOGO, TITLE, TOOLS, MENU ****************** --%> 
     44    <div id="title_tools" class="containerEther"> 
     45        <div id="logoEther" class="containerLogoEther"> 
     46            <a href=""><img src="resources/images/logo_Ether.jpg" width="80px" height="80px"/></a> 
     47        </div> 
     48 
     49        <div id="tools" class="containerTools" align="right"></div> 
     50 
     51        <div id="title" class="containerTitle"><spring:message code="home.title"/></div> 
     52        <div id="menu" class="containerMenu"></div> 
     53        <div id="subMenu" class="containerSubMenu"></div> 
    5054    </div> 
    5155 
    52     <%-- ****************** TITLE & TOOLS ****************** --%> 
    53     <div id="tools" class="containerTools"> 
    54         <div id="title"></div> 
    55  
    56         <div id="tools" align="right"> 
    57             <div id="loginModule" align="right"></div> 
    58         </div> 
    59  
     56    <%-- ****************** NEWS ****************** --%> 
     57    <div id="news" class="containerEther containerNews"> 
     58        news 
    6059    </div> 
    6160 
    62     <%-- ****************** LOGO ****************** --%> 
    63     <div id="logo" class="containerLogo"> 
    64         <%--<html:link href="http://megapoli.dmi.dk/" target="help" titleKey="app.linkmegapoli">--%> 
    65             <%--<html:img page="/resources/images/logo_Megapoli_white.png" height="110px" width="110px" altKey="app.home"/>--%> 
    66         <%--</html:link>--%> 
     61    <%-- ****************** SLIDES ****************** --%> 
     62    <div id="slides" class="containerEther containerSlides"> 
     63        slides 
    6764    </div> 
    6865 
    69     <%-- ****************** MENU ****************** --%> 
    70     <div id="menuBO" class="containerMenu"></div> 
    71  
    72     <%-- ****************** TITLE CONTENT ****************** --%> 
    73     <div id="titleContent" class="containerTitleContent"><tiles:insert attribute="bodytitle"/> 
    74         <div id="titleContentBorder" class="containerTitleContentBorder"></div> 
    75     </div> 
     66    <%--<div id="titleContent" class="containerTitleContent"><tiles:insert attribute="bodytitle"/>--%> 
     67    <%--<div id="titleContentBorder" class="containerTitleContentBorder"></div>--%> 
     68    <%--</div>--%> 
    7669 
    7770    <%-- ****************** CONTENT ****************** --%> 
    78     <div id="containerCenter" class="containerEther containerCenter"> 
    79         <tiles:insert attribute="body"/> 
    80     </div> 
     71    <%--<div id="containerCenter" class="containerEther containerCenter">--%> 
     72    <%--<tiles:insert attribute="body"/>--%> 
     73    <%--</div>--%> 
    8174 
    8275    <%-- ****************** BOTTOM ****************** --%> 
    … …  
    8780</div> 
    8881 
    89 <%--<script type="text/javascript">--%> 
    90     <%--var templateTexts = $A( "" );--%> 
    91     <%--templateTexts["app.home"] = '<bean:message key="app.home"/>';--%> 
    92     <%--templateTexts["bo.fulltitle"] = '<bean:message key="bo.fulltitle"/>';--%> 
    93     <%--templateTexts["app.en"] = '<bean:message key="app.en"/>';--%> 
    94     <%--templateTexts["app.fr"] = '<bean:message key="app.fr"/>';--%> 
    95     <%--templateTexts["data.upload.metadata.contact.mail"] = '<bean:message key="data.upload.metadata.contact.mail"/>';--%> 
    96     <%--templateTexts["bo.user"] = '<bean:message key="bo.user"/>';--%> 
    97     <%--templateTexts["bo.site"] = '<bean:message key="bo.site"/>';--%> 
     82<div id="menuAtmosphere" style="visibility:hidden;"> 
     83    <ul> 
     84        <li class="liPole">&nbsp;&nbsp;<spring:message code="label.pole.presentation"/></li> 
     85        <li class="liUsers">&nbsp;&nbsp;<spring:message code="label.users.committee"/></li> 
     86        <li class="liLaboratories">&nbsp;&nbsp;<spring:message code="label.laboratories"/></li> 
     87        <li class="liWorkshops">&nbsp;&nbsp;<spring:message code="label.workshops"/></li> 
     88        <li class="liEther">&nbsp;&nbsp;<spring:message code="label.ether.letters"/></li> 
     89        <li class="liInformations">&nbsp;&nbsp;<spring:message code="label.informations"/></li> 
     90    </ul> 
     91</div> 
     92<div id="menuActivities" style="visibility:hidden;"> 
     93    <ul> 
     94        <li class="liPole">&nbsp;&nbsp;<spring:message code="label.pole.presentation"/></li> 
     95        <li class="liUsers">&nbsp;&nbsp;<spring:message code="label.users.committee"/></li> 
     96        <li class="liLaboratories">&nbsp;&nbsp;<spring:message code="label.laboratories"/></li> 
     97    </ul> 
     98</div> 
     99<div id="menuData" style="visibility:hidden;"> 
     100    <ul> 
     101        <li class="liPole">&nbsp;&nbsp;<spring:message code="label.pole.presentation"/></li> 
     102        <li class="liUsers">&nbsp;&nbsp;<spring:message code="label.users.committee"/></li> 
     103        <li class="liLaboratories">&nbsp;&nbsp;<spring:message code="label.laboratories"/></li> 
     104    </ul> 
     105</div> 
     106<div id="menuCommunity" style="visibility:hidden;"> 
     107    <ul> 
     108        <li class="liPole">&nbsp;&nbsp;<spring:message code="label.pole.presentation"/></li> 
     109        <li class="liUsers">&nbsp;&nbsp;<spring:message code="label.users.committee"/></li> 
     110        <li class="liLaboratories">&nbsp;&nbsp;<spring:message code="label.laboratories"/></li> 
     111    </ul> 
     112</div> 
    98113 
    99     <%--// Needed texts if you use the library LoginButton.js--%> 
    100     <%--var loginTexts = $A( "" );--%> 
    101     <%--loginTexts["app.connexion"] = '<bean:message key="app.connexion"/>';--%> 
    102     <%--loginTexts["login"] = '<bean:message key="login"/>';--%> 
    103     <%--loginTexts["login.password"] = '<bean:message key="login.password"/>';--%> 
    104     <%--loginTexts["login.sign"] = '<bean:message key="login.sign"/>';--%> 
    105     <%--loginTexts["login.pwdForget"] = '<bean:message key="login.pwdForget"/>';--%> 
    106     <%--loginTexts["login.loginForget.help"] = '<bean:message key="login.loginForget.help"/>';--%> 
    107     <%--loginTexts["login.loginForget"] = '<bean:message key="login.loginForget"/>';--%> 
    108     <%--loginTexts["login.error.notFound"] = "<bean:message key='login.error.notFound' arg0="<%=Context.getWebmaster( request )%>"/>";--%> 
    109     <%--loginTexts["login.error.wrongPassword"] = "<bean:message key='login.error.wrongPassword'/>";--%> 
    110     <%--loginTexts["login.error.failed"] = "<bean:message key='login.error.failed' arg0="<%=Context.getWebmaster( request )%>"/>";--%> 
    111     <%--loginTexts["login.error.notAccepted"] = "<bean:message key='login.error.notAccepted'/>";--%> 
    112     <%--loginTexts["<%=UserRole.ADMINISTRATOR%>"] = '<bean:message key="app.administrator"/>';--%> 
    113     <%--loginTexts["<%=UserRole.TECHNICIEN%>"] = '<bean:message key="app.technician"/>';--%> 
    114     <%--loginTexts["<%=UserRole.COORDINATOR%>"] = '<bean:message key="app.coordinator"/>';--%> 
     114<script type="text/javascript"> 
     115    var templateTexts = $A( "" ); 
     116    templateTexts["label.home"] = '<spring:message code="label.home"/>'; 
     117    templateTexts["language"] = '<spring:message code="language"/>'; 
     118    templateTexts["label.map"] = '<spring:message code="label.map"/>'; 
     119    templateTexts["label.atmosphere.chemistry"] = '<spring:message code="label.atmosphere.chemistry"/>'; 
     120    templateTexts["label.activities"] = '<spring:message code="label.activities"/>'; 
     121    templateTexts["label.data.services"] = '<spring:message code="label.data.services"/>'; 
     122    templateTexts["label.community"] = '<spring:message code="label.community"/>'; 
     123    templateTexts["label.pole.presentation"] = '<spring:message code="label.pole.presentation"/>'; 
     124    templateTexts["label.users.committee"] = '<spring:message code="label.users.committee"/>'; 
     125    templateTexts["label.laboratories"] = '<spring:message code="label.laboratories"/>'; 
     126    templateTexts["label.workshops"] = '<spring:message code="label.workshops"/>'; 
     127    templateTexts["label.ether.letter"] = '<spring:message code="label.ether.letters"/>'; 
     128    templateTexts["label.informations"] = '<spring:message code="label.informations"/>'; 
    115129 
    116     <%--var interfaceTemplate = new InterfaceTemplate();--%> 
    117 <%--</script>--%> 
    118  
    119 <%--<div style="visibility:hidden"><a href="http://apycom.com/">Apycom jQuery Menus</a></div>--%> 
     130    var interfaceTemplate = new InterfaceTemplate(); 
     131</script> 
    120132 
    121133</BODY> 

  • ether_2012/trunk/web/resources/templates/templateEther_script.jsp

    r345 r347  
    1 <%@ page import="com.medias.Context" %> 
     1<%@ page import="com.ether.Context" %> 
    22 
    33<script type="text/javascript"> 
    … …  
    77        { 
    88            /** *********** CONTAINERS *********** **/ 
    9             this.containerTitle = $( "#title" ); 
    109            this.containerTools = $( "#tools" ); 
    11             this.containerLogin = $( "#loginModule" ); 
    12             this.containerMenu = $( "#menuBO" ); 
     10            this.containerMenu = $( "#menu" ); 
     11            this.containerSubMenu = $( "#subMenu" ); 
    1312 
    1413            /** *********** VARIABLES *********** **/ 
    … …  
    1716            this.webmaster = "<%=Context.getWebmaster(request)%>"; 
    1817            this.relativePageUri = <%=request.getQueryString() != null%> ? "<%=Context.getRelativePath( request )%>?<%=request.getQueryString()%>" : "<%=Context.getRelativePageURI(request)%>"; 
    19             this.jSONUser = <%=Context.getJSONUser( request )%> ? <%=Context.getJSONUser( request )%> : false; 
    20             this.screenWidthLimit = 1336; 
     18            <%--this.jSONUser = <%=Context.getJSONUser( request )%> ? <%=Context.getJSONUser( request )%> : false;--%> 
    2119 
    2220            /** ************ CREATE ************ **/ 
    23             this.createTitleTools(); 
     21            this.createTools(); 
    2422            this.createMenu(); 
     23//            this.createMenu(); 
    2524        }, 
    2625 
    2726        // CREATES ******************************************************** 
    28         createTitleTools: function() 
     27        createTools: function() 
    2928        { 
    30             this.containerTitle.addClass( "containerTitle" ); 
    31             this.containerTitle.html( templateTexts["bo.fulltitle"] ); 
    32  
    33             this.createLogin(); 
    34  
    35             var interfaceButton = new Button( {value:templateTexts["bo.site"], parent:this.containerTools, id:"button_interface", className: "gray_button", classNameText:"blue_button_text", onClick:this.onClickMegapoli} ); 
    36             var homeButton = new Button( {value:templateTexts["app.home"], parent:this.containerTools, id:"button_home", className: "gray_button", classNameText:"blue_button_text", onClick:this.onClickHome} ); 
     29            var mapButton = new Button( {value:templateTexts["label.map"], parent:this.containerTools, id:"button_map", className: "gray_button", classNameText:"gray_button_text", onClick:this.onClickMap} ); 
     30            var languageButton = new Button( {value: templateTexts["language"], parent:this.containerTools, id:"button_language", className: "gray_button", classNameText:"gray_button_text", onClick:jQuery.proxy( this.onClickLanguage, this )} ); 
     31            var homeButton = new Button( {value: templateTexts["label.home"], parent:this.containerTools, id:"button_home", className: "gray_button", classNameText:"gray_button_text", onClick:this.onClickHome} ); 
    3732 
    3833//            var divSmallLogoEther = $( document.createElement( "div" ) ); 
    … …  
    4237//            $( "#smallLogoEther" ).show(); 
    4338 
    44             this.updateLogoEther(); 
     39//            this.updateLogoEther(); 
     40        }, 
     41 
     42        createMenu: function() 
     43        { 
     44            var ulMenu = $( document.createElement( "ul" ) ); 
     45            this.containerMenu.append( ulMenu ); 
     46 
     47            var liAtmosphere = $( document.createElement( "li" ) ); 
     48            liAtmosphere.html( templateTexts["label.atmosphere.chemistry"] ); 
     49            liAtmosphere.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Atmosphere"] ) ); 
     50            ulMenu.append( liAtmosphere ); 
     51 
     52            var liActivities = $( document.createElement( "li" ) ); 
     53            liActivities.html( templateTexts["label.activities"] ); 
     54            liActivities.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Activities"] ) ); 
     55            ulMenu.append( liActivities ); 
     56 
     57            var liData = $( document.createElement( "li" ) ); 
     58            liData.html( templateTexts["label.data.services"] ); 
     59            liData.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Data"] ) ); 
     60            ulMenu.append( liData ); 
     61 
     62            var liCommunity = $( document.createElement( "li" ) ); 
     63            liCommunity.html( templateTexts["label.community"] ); 
     64            liCommunity.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Community"] ) ); 
     65            ulMenu.append( liCommunity ); 
    4566        }, 
    4667 
    … …  
    5273        }, 
    5374 
    54         createMenu: function() 
     75        createSubMenuLi: function( container, subMenus ) 
    5576        { 
    56             var usersButton = new Button( {value:templateTexts["bo.user"], parent:this.containerMenu, id:"button_home", className: "gray_button", classNameText:"blue_button_text", onClick:this.onClickUser} ); 
     77            jQuery.each( subMenus, jQuery.proxy( function( i, subMenu ) 
     78            { 
     79                var liSubMenu = $( document.createElement( "li" ) ); 
     80                liSubMenu.addClass( "li" + i ); 
     81                liSubMenu.html( "&nbsp;&nbsp;" + subMenu ); 
     82                container.append( liSubMenu ); 
     83            }, this ) ); 
    5784        }, 
    5885 
    … …  
    6390        }, 
    6491 
    65         onClickMegapoli: function() 
     92        onClickLanguage: function() 
     93        { 
     94            if( this.isLanguageFr ) 
     95                document.location.href = this.path + "/English.do?requestUri=" + this.relativePageUri; 
     96            else 
     97                document.location.href = this.path + "/French.do?requestUri=" + this.relativePageUri; 
     98        }, 
     99 
     100        onClickMap: function() 
    66101        { 
    67102            document.location.href = "index.jsp"; 
    68103        }, 
    69104 
    70         onClickUser: function() 
     105        onClickMenu: function() 
    71106        { 
    72             document.location.href = "backoffice?methodName=viewUser"; 
    73         }, 
     107            var context = this[0]; 
     108            var liMenu = this[1]; 
    74109 
    75         /** 
    76          * This method display a small Ether logo if the screen is too small to contain the big one 
    77          */ 
    78         updateLogoEther: function() 
    79         { 
    80             if( this.screenWidthLimit > innerWidth ) 
     110            context.containerSubMenu.empty(); 
     111 
     112            var ulMenu = $( document.createElement( "ul" ) ); 
     113            context.containerSubMenu.append( ulMenu ); 
     114 
     115            switch( liMenu ) 
    81116            { 
    82                 $( "#logoEther" ).hide(); 
    83                 $( "#linkLogoEther" ).hide(); 
    84                 $( "#smallLogoEther" ).show(); 
     117                case "Atmosphere": 
     118                    context.createSubMenuLi( ulMenu, [templateTexts["label.pole.presentation"], templateTexts["label.users.committee"],templateTexts["label.laboratories"], templateTexts["label.workshops"], templateTexts["label.ether.letter"], templateTexts["label.informations"]] ); 
     119                    break; 
     120                case "Activities": 
     121                    context.createSubMenuLi( ulMenu, [templateTexts["label.pole.presentation"], templateTexts["label.users.committee"],templateTexts["label.laboratories"]] ); 
     122                    break; 
     123                case "Data": 
     124                    context.createSubMenuLi( ulMenu, [templateTexts["label.workshops"], templateTexts["label.ether.letter"]] ); 
     125                    break; 
     126                case "Community": 
     127                    context.createSubMenuLi( ulMenu, [templateTexts["label.informations"], templateTexts["label.pole.presentation"], templateTexts["label.users.committee"],templateTexts["label.laboratories"]] ); 
     128                    break; 
     129                default: 
     130                    break; 
    85131            } 
    86             else 
    87             { 
    88                 $( "#logoEther" ).show(); 
    89                 $( "#linkLogoEther" ).show(); 
    90                 $( "#smallLogoEther" ).hide(); 
    91             } 
     132            ; 
    92133        } 
    93134 
     135 
    94136    } ); 
    95  
    96137</script> 

  • ether_2012/trunk/web/src/messages_en.properties

    r345 r347  
    44label.language.en=English 
    55label.language=Language 
    6 label.index=Back to index 
    7  
    8 titre.visu=Simple visualization page 
    9 titre.visu.pf=Visualization page for all plateforms and parameters 
    10 titre.init=Init 
    11  
    12 text.visu.pf=Load of the method "viewAllPlateforms" from the controller wich returns results to page "visu_plateform.jsp" 
    13 text.visu.pf.href=Plateforms viex 
    14  
    15 text.visu=Load of the method "view" from the controller which returns results to page visu.jsp 
    16 text.visu.href=Simple view 
    17  
    18 text.results=Results from controller : 
    19 text.change.language=Switch language (use of labels from messages_en.properties) 
    20  
    21 data.visualization=Data visualization 
    22 data.visualization.pf=View plateforms 
    23 data.visualization.noPf=No plateform 
    24 data.visualization.selectPf=Plateforms 
    25 data.visualization.noParameter=No parameter 
    26 data.visualization.selectParameter=Parameters 
    27 data.visualization.selectTime=Periode 
    28 data.visualization.selectDate=Select a date 
    29 data.visualization.BeginDate=Begin date 
    30 data.visualization.EndDate=End date 
    31 data.visualization.Unvalid_Period=Unvalid period ! 
    32 data.visualization.button.visualize=Visualization 
    33 data.visualization.button.download=Download 
    34 data.visualization.loading.data=Data loading 
    356 
    367label.ether=Ether 
    378label.home=Home 
     9label.map=Map 
     10 
     11label.atmosphere.chemistry=Atmosphere chemistry 
     12label.activities=Activities 
     13label.data.services=Data/Services 
     14label.community=Community 
     15label.pole.presentation=Pole presentation 
     16label.users.committee=Users committee 
     17label.laboratories=Laboratories 
     18label.workshops=Workshops 
     19label.ether.letters=Ether letters 
     20label.informations=Informations 
     21 
    3822home.title=Centre for Atmospheric Chemistry Products and Services 

  • ether_2012/trunk/web/src/messages_fr.properties

    r345 r347  
    11inWork=Page en cours de construction.. 
    2 language=FRANCAIS 
     2language=Français 
    33label.language.fr=Français 
    44label.language.en=Anglais 
    55label.language=Langue 
    6 label.index=Retour à l'index 
    7  
    8 titre.visu=Page de visualisation simple 
    9 titre.visu.pf=Page de visualisation de toutes les plateformes/paramÚtres 
    10 titre.init=Init 
    11  
    12 text.visu.pf=Appel de la méthode viewAllPlateforms du controller qui renvoit vers la page visu_plateform.jsp 
    13 text.visu.pf.href=vue plateforms 
    14  
    15 text.visu=Appel de la méthode "view" du controller qui renvoit vers la page visu.jsp 
    16 text.visu.href=vue simple 
    17  
    18 text.results=Résultats retournés par le controller : 
    19 text.change.language=Changement de langue (utilisation des labels de messages_en.properties) 
    20  
    21  
    22 data.visualization=Visualisation des données 
    23 data.visualization.pf=Voir les plateformes 
    24 data.visualization.noPf=Pas de plateforme 
    25 data.visualization.selectPf=Plateformes 
    26 data.visualization.noParameter=Pas de param\u00E8tre 
    27 data.visualization.selectParameter=Param\u00E8tres 
    28 data.visualization.selectTime=P\u00E9riode 
    29 data.visualization.selectDate=Choisissez une date 
    30 data.visualization.BeginDate=Date de d\u00E9but : 
    31 data.visualization.EndDate=Date de fin : 
    32 data.visualization.Unvalid_Period=P\u00E9riode non valide ! 
    33 data.visualization.button.visualize=Visualisation 
    34 data.visualization.button.download=T\u00E9l\u00E9chargement 
    35 data.visualization.loading.data=Chargement des donn\u00E9es 
    36  
    37  
    386 
    397label.ether=Ether 
    408label.home=Accueil 
    41 home.title=Centre de Produits et Services de la Chimie de l'AtmosphÚre 
     9label.map=Plan 
     10 
     11label.atmosphere.chemistry=Chimie de l&apos;atmosphÚre 
     12label.activities=Activités 
     13label.data.services=Données/Services 
     14label.community=Communauté 
     15label.pole.presentation=Présentation du pÃŽle 
     16label.users.committee=Comité utilisateurs 
     17label.laboratories=Laboratoires 
     18label.workshops=Colloques/Ateliers 
     19label.ether.letters=Lettres Ether 
     20label.informations=Informations 
     21 
     22home.title=Centre de Produits et Services de la Chimie de l&apos;AtmosphÚre 
Note: See TracChangeset for help on using the changeset viewer.