Changeset 481 for tapas/web


Ignore:
Timestamp:
04/18/12 11:28:17 (12 years ago)
Author:
rboipsl
Message:

modif design
modif menu formulaire

Location:
tapas/web
Files:
2 added
19 edited
1 copied

Legend:

Unmodified
Added
Removed

  • tapas/web/init.jsp

    r480 r481  
    2020            <div id="errors"><spring:message code="${errors}"/></div> 
    2121        </c:if> 
    22  
    23  
    24  
     22                            Home 
    2523    </tiles:put> 
    2624 

  • tapas/web/project/formTapas.jsp

    r480 r481  
    2323    </tiles:put> 
    2424 
    25     <tiles:put name="title" type="string"><spring:message code="app.title"/> - <spring:message code="title.home"/></tiles:put> 
    26     <tiles:put name="nav" type="string"><a href=""><spring:message code="label.home"/></a></tiles:put> 
     25    <tiles:put name="title" type="string"><spring:message code="app.title"/> - <spring:message code="title.form"/></tiles:put> 
     26    <!-- file d'ariane --> 
     27    <tiles:put name="nav" type="string"><a href=""><spring:message code="label.form"/></a></tiles:put> 
    2728 
    2829 
    2930    <%-- ****************** CONTENT ****************** --%> 
    30     <tiles:put name="bodytitle" type="string"><spring:message code="title.home"/></tiles:put> 
     31    <tiles:put name="bodytitle" type="string"><spring:message code="title.form"/></tiles:put> 
    3132 
    3233    <tiles:put name="body" type="string"> 
    3334 
    34         <div id="formulaire"></div> 
     35        <div class="containerForm" id="formulaire"></div> 
    3536 
    3637        <div id="errors"></div> 

  • tapas/web/project/formTapas_script.jsp

    r480 r481  
    77        this.containerForm = $( "#formulaire" ); 
    88        this.containerErrors = $( "#errors" ); 
     9        this.containerCenter = $( "#containerCenter" ); 
    910 
    1011        this.jSonFileFormats = jsonFileFormats || null; 
    … …  
    3536 
    3637        td1.html( texte ); 
     38        td1.attr( { class:"containerLabel" } ); 
     39 
    3740        tr.append( td1 ); 
     41 
     42 
     43         td2.attr({colspan:3}); 
    3844        td2.append( inputDate ); 
    3945        tr.append( td2 ); 
    … …  
    6066        var input = $( document.createElement( "input" ) ); 
    6167 
    62         input.attr( {id: inputId} ); 
     68        input.attr( {id: inputId, class:"containerText"} ); 
    6369 
    6470        td1.html( texte ); 
     71        td1.attr( {class:"containerLabel"} ); 
    6572        tr.append( td1 ); 
    6673        td2.append( input ); 
    … …  
    97104 
    98105 
    99         input1.attr( {id: inputId1} ); 
    100         input2.attr( {id: inputId2} ); 
     106        input1.attr( {id: inputId1,class:"containerText"} ); 
     107        input2.attr( {id: inputId2,class:"containerText"} ); 
    101108 
    102109        td1.html( texte1 ); 
    103110        td3.html( texte2 ); 
     111        td1.attr({class:"containerLabel"}); 
     112        td3.attr({class:"containerLabel"}); 
    104113        td2.append( input1 ); 
     114        //td2.html( texte2 ); 
    105115        td3.append( input2 ); 
    106116 
    … …  
    123133 
    124134        td1.html( texte ); 
     135        td1.attr( {class:"containerLabel", width:"140px"} ); 
    125136        tr.append( td1 ); 
    126137        if( type == 'format' ) this.displayFileFormats( td2 ); 
    … …  
    138149        else if( type == 'climatoReference' ) this.displayClimatoReferences( td2 ); 
    139150 
     151        td2.attr({colspan:3}); 
    140152        tr.append( td2 ); 
    141153        container.append( tr ); 
    … …  
    276288        var divAtmosphere = $( document.createElement( "div" ) ); 
    277289        var tabAtmosphere = $( document.createElement( "table" ) ); 
     290 
     291 
     292        var fieldSetObservation = $( document.createElement( "fieldset" ) ); 
     293        fieldSetObservation.addClass("cfs1"); 
     294        divObservation.append(fieldSetObservation); 
     295 
     296        var legendObservation = $( document.createElement( "legend" ) ); 
     297        legendObservation.html("Observation"); 
     298        fieldSetObservation.append(legendObservation); 
     299        legendObservation.addClass("containerField"); 
     300 
     301        var fieldSetPreference = $( document.createElement( "fieldset" ) ); 
     302        fieldSetPreference.addClass("cfs2"); 
     303        divPreference.append(fieldSetPreference); 
     304 
     305        var legendPreference = $( document.createElement( "legend" ) ); 
     306        legendPreference.html("Preferences"); 
     307        fieldSetPreference.append(legendPreference); 
     308        legendPreference.addClass("containerField"); 
    278309 
    279310 
    … …  
    305336        this.createTrList( "Climatologic reference", "icr", tabAtmosphere, "climatoReference" ); 
    306337 
    307         divPreference.append( tabPreference ); 
     338 
     339 
     340        fieldSetObservation.append( tabObservation ); 
     341        divObservation.addClass("divObservation"); 
     342        this.containerForm.append( divObservation ); 
     343 
     344        divAtmosphere.append( tabAtmosphere ); 
     345        //divAtmosphere.addClass("divAtmosphere"); 
     346        //this.containerForm.append( divAtmosphere ); 
     347        fieldSetObservation.append( divAtmosphere ); 
     348 
     349        fieldSetPreference.append( tabPreference ); 
     350        divPreference.addClass("divPreference"); 
    308351        this.containerForm.append( divPreference ); 
    309  
    310         divObservation.append( tabObservation ); 
    311         this.containerForm.append( divObservation ); 
    312  
    313         divAtmosphere.append( tabAtmosphere ); 
    314         this.containerForm.append( divAtmosphere ); 
    315352 
    316353        // Ajout du calendrier APRES la création du formulaire 
    … …  
    318355 
    319356        //jQuery.proxy permet d'envoyer le contexte this courant 
    320         var submitButton = new Button( {value:tapasTexts["label.submitButton"], parent:this.containerForm, id:"button_submit", className: "red_button", classNameText:"red_button_text", onClick:jQuery.proxy( this.onClickSubmit, this )} ); 
     357        var submitButton = new Button( {value:tapasTexts["label.submitButton"], parent:this.containerCenter, id:"button_submit", className: "red_button", classNameText:"red_button_text", onClick:jQuery.proxy( this.onClickSubmit, this )} ); 
    321358 
    322359    }, 

  • tapas/web/resources/css/TwitterLogin/front.css

    r409 r481  
    2525 
    2626#topnav a.signin { 
    27 /*background:#88bbd4;*/ 
     27 
    2828    padding: 4px 6px 6px; 
    2929    text-decoration: none; 
    … …  
    3636 
    3737#topnav a.signin:hover { 
    38 /*background: #59B;*/ 
     38 
    3939    *background: transparent url("images/signin-nav-bg-hover-ie.png") no-repeat 0 0; 
    4040    *padding: 4px 12px 6px; 
     41    color: #bfafd6; 
    4142} 
    4243 
    4344#topnav a.signin, #topnav a.signin:hover { 
    4445    *background-position: 0 3px !important; 
     46    //color: #bfafd6; 
    4547} 
    4648 
    … …  
    6062    -moz-border-radius-topleft: 4px; 
    6163    -moz-border-radius-topright: 4px; 
    62     background: #ddeef6 !important; 
    63     color: #666 !important; 
     64    background: white !important; 
     65    color: black !important; 
    6466    outline: none; 
    6567} 
    … …  
    7577a.signin.menu-open span { 
    7678    background-image: url("images/toggle_up_dark.png"); 
    77     color: #789; 
     79    color: black; 
    7880} 
    7981 
    … …  
    8486    -webkit-border-bottom-right-radius: 4px; 
    8587    display: none; 
    86     background-color: #ddeef6; 
     88    background-color: #bfafd6; 
    8789    position: absolute; 
    8890    width: 210px; 
    … …  
    9698    margin-right: 0px; 
    9799    *margin-right: -1px; 
    98     color: #789; 
     100    color: #574176; 
    99101    font-size: 11px; 
    100102} 
    … …  
    104106    -moz-border-radius: 4px; 
    105107    -webkit-border-radius: 4px; 
    106     border: 1px solid #ACE; 
     108    border: 1px solid #574176; 
    107109    font-size: 13px; 
    108110    margin: 0 0 5px; 
    … …  
    115117} 
    116118 
    117 #signin_menu a { 
    118     color: #6AC; 
    119 } 
     119/*#signin_menu a { 
     120    color: #574176; 
     121} */ 
    120122 
    121123#signin_menu label { 
    … …  
    132134} 
    133135 
    134 #signin_menu p a { 
    135     color: #27B !important; 
     136/*#signin_menu a { 
     137    color: #574176 !important; 
     138} */ 
     139 
     140#signin_menu a:hover{ 
     141    color:white; 
    136142} 
    137143 
    … …  
    139145    -moz-border-radius: 4px; 
    140146    -webkit-border-radius: 4px; 
    141     background: #39d url('images/bg-btn-blue.png') repeat-x scroll 0 0; 
    142     border: 1px solid #39D; 
     147    background: #574176 url('images/bg-btn-blue.png') repeat-x scroll 0 0; 
     148    border: 1px solid #574176; 
    143149    color: #fff; 
    144     text-shadow: 0 -1px 0 #39d; 
     150    //text-shadow: 0 -1px 0 #39d; 
    145151    padding: 4px 10px 5px; 
    146152    font-size: 11px; 
    … …  
    157163    background-position: 0 -5px; 
    158164    cursor: pointer; 
     165    color: #bfafd6; 
    159166} 
    160167 
    … …  
    181188    -webkit-border-radius: 4px; 
    182189    border-radius: 4px; 
    183     background-color: #000; 
     190    background-color: #574176; 
    184191    color: white; 
    185192    text-align: left; 

  • tapas/web/resources/css/apycom.com-5-red/menu.css

    r480 r481  
    2727    _background: url(images/left.gif) no-repeat; 
    2828    width: auto; 
     29    padding-top:20px; 
    2930} 
    3031 
    … …  
    142143 
    143144div#menu ul.menu>li:hover>a span { 
    144     color: #881714; 
     145    color: #574176; 
    145146} 
    146147 
    … …  
    192193div#menu ul ul a:hover span { 
    193194    background: none; 
    194     color: #881714; 
     195    color: #574176; 
    195196} 
    196197 

  • tapas/web/resources/css/mainEther.css

    r480 r481  
    2323 
    2424a { 
    25     color: #581700; 
     25    color: #574176; 
    2626    text-decoration: none; 
    2727} 

  • tapas/web/resources/css/tapas.css

    r480 r481  
    1616/** ********************** CONTAINER ******************** **/ 
    1717/** ***************************************************** **/ 
     18 .cfs1 { 
     19    border:2px solid white ; 
     20    -moz-border-radius:8px; 
     21    -webkit-border-radius:8px; 
     22    border-radius:8px; 
     23     padding-right:40px; 
     24     margin-left:30px; 
     25     padding-bottom:30px; 
     26} 
     27 
     28.cfs2 { 
     29     border:2px solid white ; 
     30    -moz-border-radius:8px; 
     31    -webkit-border-radius:8px; 
     32    border-radius:8px; 
     33    padding-right:40px; 
     34     padding-bottom:30px; 
     35} 
     36 
     37 
     38.containerForm { 
     39 
     40    float:left; 
     41    width:1000px; 
     42 
     43} 
     44 
     45.divPreference { 
     46    margin-top:20px; 
     47    float:left; 
     48} 
     49 
     50#button_submit { 
     51    margin-right:30px; 
     52 
     53} 
     54 
     55.divObservation { 
     56    margin-top:20px; 
     57    margin-left:30px; 
     58    margin-right:80px; 
     59    float:left; 
     60} 
     61 
    1862.containerLinkLogoEther { 
     63 
    1964    position: absolute; 
    2065    top: 0; 
    … …  
    2469    background-image: url("../images/link_logo_Ether.png"); 
    2570    background-repeat: repeat-y; 
     71 
    2672} 
    2773 
    … …  
    4086} 
    4187 
     88.containerText { 
     89    font-size: 12px; 
     90    color: #574176; 
     91   // float: left; 
     92    //margin-top: 10px; 
     93    padding-left: 0px; 
     94    width:100px; 
     95 
     96} 
     97 
     98.containerLabel { 
     99    font-size: 12px; 
     100    color: white; 
     101    font-weight: bold; 
     102    //margin-bottom: 10px; 
     103    padding-left: 20px; 
     104    text-align:right; 
     105} 
     106 
     107 
    42108.containerTapas { 
    43109    -moz-border-radius: 4px 4px 4px 4px; 
    … …  
    68134    padding-left: 30px; 
    69135    width: 120px; 
    70     top: -32px; 
     136    top: -22px; 
    71137    position: relative; 
    72138} 
    … …  
    91157    float: left; 
    92158    position: relative; 
    93     width: 400px; 
     159    width: 330px; 
    94160    height: 33px; 
    95161    color: #04155D; 
    … …  
    99165    padding-left: 10px; 
    100166    font-size: 11px; 
     167    top:12px; 
    101168} 
    102169 
    … …  
    121188    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
    122189    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); 
    123     background: -moz-linear-gradient(#574176, #bfafd6) repeat scroll 0 0 transparent; 
    124     background: -ms-linear-gradient(#574176, #bfafd6) repeat scroll 0 0 transparent; /*For IE10*/ 
     190    background: -moz-linear-gradient(#574176, #574176) repeat scroll 0 0 transparent; 
     191    background: -ms-linear-gradient(#574176, #574176) repeat scroll 0 0 transparent; /*For IE10*/ 
     192    background: -webkit-linear-gradient(#574176, #574176) repeat scroll 0 0 transparent; /*For IE10*/ 
    125193    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#574176', endColorstr = 'white'); /*For IE7-8-9*/ 
    126194    float: left; 
    … …  
    132200    padding-left: 10px; 
    133201    padding-top: 4px; 
     202    top:19px; 
     203    text-decoration:underline; 
     204 
     205} 
     206 
     207.containerField { 
     208    color: white; 
     209    font-weight: bold; 
     210    font-size:14px; 
    134211} 
    135212 
    … …  
    137214    -moz-border-radius-topright: 0; 
    138215    -webkit-border-radius: 0; /*#E8EFF3*//* #618EAC*/ 
    139     background: -moz-linear-gradient(#bfafd6, #574176); 
    140     background: -webkit-linear-gradient(#bfafd6, #574176); 
     216    background: -moz-linear-gradient(#574176, #bfafd6); 
     217    background: -webkit-linear-gradient(#574176, #bfafd6); 
    141218    background: -ms-linear-gradient(white,#C03000 ) repeat scroll 0 0 transparent; /*For IE10*/ 
    142219    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#574176'); /*For IE7-8-9*/ 
    … …  
    150227 
    151228.containerBottom { 
     229    background: #574176; 
    152230    background: -moz-linear-gradient(left center, white, #574176); 
    153     background: -webkit-linear-gradient(white, #574176); 
     231    /*background: -webkit-linear-gradient(white, #574176);*/ 
    154232    background: -ms-linear-gradient(white, #574176) repeat scroll 0 0 transparent; /*For IE10*/ 
    155233    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#574176'); /*For IE7-8-9*/ 
    … …  
    167245 
    168246.containerErrors, #errors { 
    169     background: #FEF1EC; 
     247    background: white; 
    170248    -moz-border-radius: 4px 4px 4px 4px; 
    171249    -webkit-border-radius: 4px 4px 4px 4px; 

  • tapas/web/resources/templates/templateEther.jsp

    r480 r481  
    7070    <div id="menu" class="containerMenu"> 
    7171        <ul class="menu"> 
    72             <li><a href="data?methodName=viewForm" class="parent"><span>Formulaire</span></a> 
     72            <li><a href="project?methodName=home" class="parent"><span><spring:message code="title.home"/></span></a> 
    7373 
    74                 <div> 
    75                     <ul> 
    76                         <li><a href="#" class="parent"><span>Sub Item 1</span></a> 
     74            </li> 
     75            <li id="liamenu"><a href="data?methodName=viewForm" id="amenu" class="parent"><span><spring:message code="title.form"/></span></a> 
    7776 
    78                             <div> 
    79                                 <ul> 
    80                                     <li><a href="#"><span>Sub Item 1.1</span></a></li> 
    81                                     <li><a href="#"><span>Sub Item 1.2</span></a></li> 
    82                                     <li><a href="#"><span>Sub Item 1.3</span></a></li> 
    83                                 </ul> 
    84                             </div> 
    85                         </li> 
    86                         <li><a href="#"><span>Sub Item 2</span></a></li> 
    87                         <li><a href="#"><span>Sub Item 3</span></a></li> 
    88                     </ul> 
    89                 </div> 
     77 
    9078            </li> 
    91             <li><a href="#" class="parent"><span>Product Info</span></a> 
    92  
    93                 <div> 
    94                     <ul> 
    95                         <li><a href="#" class="parent"><span>Sub Item 1</span></a> 
    96  
    97                             <div> 
    98                                 <ul> 
    99                                     <li><a href="#"><span>Sub Item 1.1</span></a></li> 
    100                                     <li><a href="#"><span>Sub Item 1.2</span></a></li> 
    101                                 </ul> 
    102                             </div> 
    103                         </li> 
    104                         <li><a href="#"><span>Sub Item 3</span></a></li> 
    105                         <li><a href="#"><span>Sub Item 4</span></a></li> 
    106                     </ul> 
    107                 </div> 
    108             </li> 
    109             <li><a href="#"><span>Help</span></a></li> 
     79            <li><a href="#"><span><spring:message code="title.legals"/></span></a></li> 
    11080        </ul> 
    11181    </div> 
    … …  
    11383    <%-- ****************** TITLE CONTENT ****************** --%> 
    11484    <div id="titleContent" class="containerTitleContent"><tiles:insert attribute="bodytitle"/> 
    115         <div id="titleContentBorder" class="containerTitleContentBorder"></div> 
     85 
    11686    </div> 
    11787 

  • tapas/web/resources/templates/templateEther_old.jsp

    r480 r481  
    7070    <div id="menu" class="containerMenu"> 
    7171        <ul class="menu"> 
    72             <li><a href="data?methodName=viewForm" class="parent"><span>Formulaire</span></a> 
     72            <li><a href="data?methodName=viewForm" class="parent"><span><spring:message code="app.title"/> - <spring:message code="title.home"/></span></a> 
    7373 
    7474                <div> 
    … …  
    113113    <%-- ****************** TITLE CONTENT ****************** --%> 
    114114    <div id="titleContent" class="containerTitleContent"><tiles:insert attribute="bodytitle"/> 
    115         <div id="titleContentBorder" class="containerTitleContentBorder"></div> 
     115 
    116116    </div> 
    117117 

  • tapas/web/resources/templates/templateEther_script.jsp

    r480 r481  
    2020            this.createLogin(); 
    2121            this.createTools(); 
     22            //onclick="javascript:desactiveOnglet();" 
     23            $( "#amenu" ).bind( 'click', this, jQuery.proxy( this.desactiveOnglet, this ) ); 
     24 
    2225        }, 
    2326 
    … …  
    2932            var mailButton = new Button( {value:'<spring:message code="label.mail"/>', parent:this.containerTools, id:"button_mail", className: "red_button", classNameText:"red_button_text", onClick:jQuery.proxy( this.onClickMail, this )} ); 
    3033            var languageButton = new Button( {value:'<spring:message code="label.language.to.switch"/>', parent:this.containerTools, id:"button_language", className: "red_button", classNameText:"red_button_text", onClick:jQuery.proxy( this.onClickLanguage, this )} ); 
    31             var homeButton = new Button( {value:'<spring:message code="label.home"/>', parent:this.containerTools, id:"button_home", className: "red_button", classNameText:"red_button_text", onClick:this.onClickHome} ); 
     34            //var homeButton = new Button( {value:'<spring:message code="label.home"/>', parent:this.containerTools, id:"button_home", className: "red_button", classNameText:"red_button_text", onClick:this.onClickHome} ); 
    3235        }, 
    3336 
    … …  
    9093                             } ); 
    9194            $dialog.dialog( 'open' ); 
     95        }, 
     96 
     97        desactiveOnglet:function() { 
     98            //alert("toto"); 
     99            //$("#liamenu").addClass("hover"); 
    92100        } 
    93101 

  • tapas/web/src/messages_en.properties

    r480 r481  
    1111app.no=No 
    1212 
    13 title.home=Tapas data 
     13title.home=Home 
     14title.form=Request form 
     15title.legals=Legals 
    1416 
    1517label.home=Home 
    … …  
    1719label.mail=Email 
    1820label.backoffice=Backoffice 
     21label.form=Request form 
    1922 
    2023label.role.administrator=Administrateur 
    … …  
    2427 
    2528label.submitButton=RUN 
    26 label.confirm=ARE YOU SURE TO SUBMIT THIS REQUEST ? 
     29label.confirm=ARE YOU SURE YOU WANT TO SEND THIS REQUEST ? 
    2730 
    2831label.spectralUnit.NM_STANDARD=Standard Wavelength (nm) 

  • tapas/web/src/messages_fr.properties

    r480 r481  
    1111app.no=Non 
    1212 
    13 title.home=Les données Tapas 
     13title.home=Accueil 
     14title.form=Formulaire reqête 
     15title.legals=Mentions légales 
    1416 
    1517label.home=Accueil 
    … …  
    1719label.mail=Email 
    1820label.backoffice=Backoffice 
     21label.form=Formulaire requête 
    1922 
    2023label.role.administrator=Administrator 
Note: See TracChangeset for help on using the changeset viewer.