Changeset 596


Ignore:
Timestamp:
10/25/12 17:21:33 (12 years ago)
Author:
vmipsl
Message:

wijmo (linechart, barchart), credits, mentions

Location:
ether_statistics/web
Files:
33 added
6 edited
4 copied

Legend:

Unmodified
Added
Removed

  • ether_statistics/web/project/credits_en.jsp

    r423 r596  
    22 
    33<BR/> 
    4 <div class="containerSlideContent2"> 
     4 
     5<div class="containerCredits"> 
    56    <div class="title2">Web site Megapoli</div> 
    67    This web site design was created by the CGTD IPSL. 
    78    <BR/><BR/> 
     9 
    810    <div class="title2">Images credits</div> 
    9     Images used for this Megapoli web site mostly belong to the CNRS and ETHER pictures library.<BR/> 
     11    Images used for this web site mostly belong to the CNRS and ETHER pictures library.<BR/> 
    1012    They are properties to CNRS and ETHER. Any copies, complete or partial, can not be done without their consent. 
    1113    <BR/><BR/> 
    12     <div class="title2">Others</div> 
    13     The menu comes from the web site <a href="http://apycom.com/">Apycom jQuery Menus</a> (free download for this version). 
     14 
     15    <div class="title2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Others</div> 
     16    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Visualization tools : <a href="http://wijmo.com/">Wijmo</a> 
     17    <BR/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(free download). 
    1418</div> 

  • ether_statistics/web/project/credits_fr.jsp

    r423 r596  
    33<BR/> 
    44 
    5 <div class="containerSlideContent2"> 
     5<div class="containerCredits"> 
    66    <div class="title2">Site web Megapoli</div> 
    77    Le design de ce site a été conçu et réalisé par le CGTD IPSL. 
    88    <BR/><BR/> 
     9 
    910    <div class="title2">Crédits photos</div> 
    10     Les images utilisées pour la réalisation de ce site web Megapoli proviennent, pour la plupart, de la photothÚque du CNRS et du fond de ETHER.<BR/> 
    11     Elles sont la propriété du CNRS et de ETHER. Toute copie, totale ou partielle, ne peut se faire sans leur accord. 
     11    Les images utilisées pour la réalisation de ce site web proviennent, <BR/>pour la plupart, de la photothÚque du CNRS et du fond de ETHER.<BR/> 
     12    Elles sont la propriété du CNRS et de ETHER. Toute copie, totale <BR/> ou partielle, ne peut se faire sans leur accord. 
    1213    <BR/><BR/> 
    13     <div class="title2">Autres</div> 
    14     Le menu déroulant provient du site <a href="http://apycom.com/">Apycom jQuery Menus</a> (en téléchargement gratuit pour cette version). 
     14 
     15    <div class="title2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Autres</div> 
     16    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Outils de visualisation : <a href="http://wijmo.com/">Wijmo</a> 
     17    <BR/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(en téléchargement gratuit). 
    1518</div> 

  • ether_statistics/web/project/mentions_en.jsp

    r423 r596  
    33<BR/> 
    44 
    5 <div class="containerSlideContent2"> 
     5<div class="containerMentions"> 
    66    <div class="title2">IPSL - Institut Pierre Simon Laplace</div> 
    77    Université Pierre et Marie Curie<BR/> 

  • ether_statistics/web/project/mentions_fr.jsp

    r423 r596  
    33<BR/> 
    44 
    5 <div class="containerSlideContent2"> 
     5<div class="containerMentions"> 
    66    <div class="title2">IPSL - Institut Pierre Simon Laplace</div> 
    77    Université Pierre et Marie Curie<BR/> 

  • ether_statistics/web/project/statistics-script.jsp

    r593 r596  
    3232            {id:"GIRAFE", img:"logo_girafe_50.JPG", top:"-79.6667px", left:"192.333px"}, 
    3333            {id:"ARLETTY", img:"logo_arletty_50.jpg", top:"-79px", left:"161.667px"} 
    34         ] 
    35         this.selectedLogo = false; 
     34        ]; 
     35        this.widthInitLogin = $( "#login_bg" ).width(); 
     36        this.widthInitMentionsOrCredits = $( "#mentions" ).width(); 
    3637 
    3738        this.bindButtons(); 
    38         this.createDivs(); 
    39         this.animateMenuCircle(); 
     39        this.createDraggableSlides(); 
     40        this.createMenuCircle(); 
     41 
    4042        $( document ).ready( jQuery.proxy( function() 
    4143        { 
    4244            $( ".containerToDrag" ).draggable(); 
     45            // Menu 
     46            this.animateMenuCircle(); 
    4347            this.bindMenuCircle(); 
     48            // Slides 
     49            this.onClickHelp(); 
     50            this.selectedLogo = $( "#ETHER" )[0]; 
     51            this.onClickLogo(); 
     52//            this.hideHelp(); 
    4453        }, this ) ); 
    4554    }, 
    … …  
    5362        $( "#mail_button" ).bind( "dblclick", this.onClickMail ); 
    5463        $( "#login_button" ).bind( "dblclick", jQuery.proxy( this.onClickLogin, this ) ); 
    55     }, 
    56  
    57     createDivs: function() 
    58     { 
    59         this.leftTopSlide = new DragSlide( {id:"leftTop", parent:this.parent, width:"150", height:"200", top:"140px", left:"53px", 
    60             specificClass:"containerStatistics", specificTitleClass:"containerStatisticsTitle", specificContentClass:"containerStatisticsContent", 
    61             title:"Main statistics", contentSlide:"leftTop"} ); 
    62  
    63         this.leftBottomSlide = new DragSlide( {id:"leftBottom", parent:this.parent, width:"430", height:"430", top:"140px", left:"230px", 
    64             specificClass:"containerStatistics", specificTitleClass:"containerStatisticsTitle", specificContentClass:"containerStatisticsContent", 
    65             title:"MEGAPOLI statistics", contentSlide:"leftBottom"} ); 
    66  
    67         this.middleSlide = new DragSlide( {id:"middle", parent:this.parent, width:"200", height:"300", top:"180px", left:"700px", 
    68             specificClass:"containerStatistics", specificTitleClass:"containerStatisticsTitle", specificContentClass:"containerStatisticsContent", 
    69             title:"TAPAS statistics", contentSlide:"middle"} ); 
    70  
    71         this.rightSlide = new DragSlide( {id:"right", parent:this.parent, width:"150", height:"200", top:"370px", left:"53px", 
    72             specificClass:"containerStatistics", specificTitleClass:"containerStatisticsTitle", specificContentClass:"containerStatisticsContent", 
    73             title:"Hop hop hop", contentSlide:"right"} ); 
    74  
    75     }, 
    76  
    77     createDiv: function( id, width, height, top, left, title, content ) 
    78     { 
    79         var divContainer = $( document.createElement( "div" ) ); 
    80         divContainer.addClass( "containerStatistics containerToDrag" ); 
    81         divContainer.attr( {id:id, style:"width:" + width + "px; height:" + height + "px; top:" + top + "px; left:" + left + "px"} ); 
    82         var divTitle = $( document.createElement( "div" ) ); 
    83         divTitle.addClass( "containerStatisticsTitle" ); 
    84         divTitle.html( title ); 
    85         divTitle.attr( {style:"width:" + (this.width - 7) + "px"} ); 
    86         divContainer.append( divTitle ); 
    87         var divContent = $( document.createElement( "div" ) ); 
    88         divContent.addClass( "containerStatisticsContent" ); 
    89         divContent.html( content ); 
    90         divContainer.append( divContent ); 
    91         return divContainer; 
     64        $( "#help" ).bind( "click", jQuery.proxy( this.onClickHelp, this ) ); 
     65        $( "#credits" ).bind( "dblclick", jQuery.proxy( this.onClickCredits, this ) ); 
     66        $( "#mentions" ).bind( "dblclick", jQuery.proxy( this.onClickMentions, this ) ); 
     67    }, 
     68 
     69    createMenuCircle: function() 
     70    { 
     71        var menuSize = this.containerMenu.width(); 
     72        var nbLogosForSize = (this.projectsArray.length / 2) + 1; 
     73        var divLogoSize = menuSize / nbLogosForSize; 
     74        this.logoSize = divLogoSize - 5; 
     75 
     76        var initTop = this.projectsArray[0].top; 
     77        var initLeft = this.projectsArray[0].left; 
     78 
     79        jQuery.each( this.projectsArray, jQuery.proxy( function( i, logo ) 
     80        { 
     81            var divLogo = $( document.createElement( "div" ) ); 
     82            divLogo.addClass( "divLogo containerToDrag" ); 
     83            divLogo.attr( {id:logo.id, style:"position:absolute; top:" + initTop + "; left:" + initLeft} ); 
     84            divLogo.html( '<img id="img_' + logo.id + '"src="' + this.projectsPath + '' + logo.img + '" width="' + this.logoSize + 'px" height="' + this.logoSize + 'px"/>' ); 
     85            $( "#menuCircle" ).append( divLogo ); 
     86        }, this ) ); 
     87    }, 
     88 
     89    createDraggableSlides: function() 
     90    { 
     91        this.leftTopSlide = new DragSlide( {id:"leftTop", parent:this.parent, width:"170", height:"200", top:"140px", left:"53px", 
     92            specificClass:"containerStatistics", specificTitleClass:"containerStatisticsTitle", specificContentClass:"containerStatisticsContent"} ); 
     93 
     94        this.leftMiddleSlide = new DragSlide( {id:"leftMiddleSlide", parent:this.parent, width:"170", height:"100", top:"355px", left:"53px", 
     95            specificClass:"containerStatistics", specificTitleClass:"containerStatisticsTitle", specificContentClass:"containerStatisticsContent"} ); 
     96        this.leftMiddleSlide.setTitle( '<spring:message code="statistics.data"/>' ); 
     97 
     98        this.leftBottomSlide = new DragSlide( {id:"leftBottomSlide", parent:this.parent, width:"170", height:"100", top:"470px", left:"53px", 
     99            specificClass:"containerStatistics", specificTitleClass:"containerStatisticsTitle", specificContentClass:"containerStatisticsContent"} ); 
     100        this.leftBottomSlide.setTitle( '<spring:message code="statistics.duration"/>' ); 
     101 
     102        this.middleSlide = new DragSlide( {id:"middle", parent:this.parent, width:"430", height:"430", top:"140px", left:"245px", 
     103            specificClass:"containerStatistics", specificTitleClass:"containerStatisticsTitle", specificContentClass:"containerStatisticsContent"} ); 
     104        this.middleSlide.setTitle( '<spring:message code="statistics.evolution"/>' ); 
     105 
     106        this.rightSlide = new DragSlide( {id:"right", parent:this.parent, width:"200", height:"300", top:"180px", left:"698px", 
     107            specificClass:"containerStatistics", specificTitleClass:"containerStatisticsTitle", specificContentClass:"containerStatisticsContent"} ); 
     108 
     109        var linechart = $( document.createElement( "div" ) ); 
     110        linechart.addClass( "ui-widget ui-widget-content ui-corner-all statisticsEther" ); 
     111        linechart.attr( {id:"wijlinechart"} ); 
     112        this.middleSlide.getDivContent().append( linechart ); 
     113 
     114        var barchart = $( document.createElement( "div" ) ); 
     115        barchart.addClass( "ui-widget ui-widget-content ui-corner-all statisticsEther" ); 
     116        barchart.attr( {id:"wijbarchart"} ); 
     117        this.middleSlide.getDivContent().append( barchart ); 
     118 
     119        this.createLinechart(); 
     120//        this.createBarchart(); 
    92121    }, 
    93122 
    … …  
    133162    onClickLogin: function() 
    134163    { 
    135         if( 88 == $( "#login_bg" ).width() ) 
     164        if( this.widthInitLogin == $( "#login_bg" ).width() ) 
    136165            this.enlargeLogin(); 
    137166        else 
    … …  
    139168    }, 
    140169 
     170    onClickMentions: function() 
     171    { 
     172        if( this.widthInitMentionsOrCredits == $( "#mentions" ).width() ) 
     173            this.enlargeCreditsOrMentions( $( "#mentions" ), $( "#mentions_bg" ), $( "#mentions_text" ), $( "#mentions_title" ), "project/mentions_" + this.language + ".jsp" ); 
     174        else 
     175            this.reduceCreditsOrMentions( $( "#mentions" ), $( "#mentions_bg" ), $( "#mentions_text" ), $( "#mentions_title" ), "project/mentions_" + this.language + ".jsp" ); 
     176    }, 
     177 
     178    onClickCredits: function() 
     179    { 
     180        if( this.widthInitMentionsOrCredits == $( "#credits" ).width() ) 
     181            this.enlargeCreditsOrMentions( $( "#credits" ), $( "#credits_bg" ), $( "#credits_text" ), $( "#credits_title" ), "project/credits_" + this.language + ".jsp" ); 
     182        else 
     183            this.reduceCreditsOrMentions( $( "#credits" ), $( "#credits_bg" ), $( "#credits_text" ), $( "#credits_title" ), "project/credits_" + this.language + ".jsp" ); 
     184    }, 
     185 
     186    onClickHelp: function() 
     187    { 
     188        this.rightSlide.setTitle( '<spring:message code="label.help"/>' ); 
     189        this.rightSlide.setContent( "<spring:message code='label.help.content'/>" ); 
     190        var backHelpButton = new Button( {value:"<spring:message code="label.display.actions"/>", parent:this.rightSlide.getDivContent(), className: "small positive back_button", onClick:jQuery.proxy( this.changeRightSlide, this )} ); 
     191    }, 
     192 
    141193    onClickButtonLogin: function() 
    142194    { 
    … …  
    150202            return; 
    151203 
    152         this.leftTopSlide.html( this.selectedLogo.id ); 
     204        this.changeLeftTopSlide(); 
     205        this.changeLeftMiddleSlide(); 
     206        this.changeLeftBottomSlide(); 
    153207    }, 
    154208 
    … …  
    195249    }, 
    196250 
     251    reduceCreditsOrMentions: function( div, div_bg, div_text, div_title ) 
     252    { 
     253        div.css( { zIndex:0 } ); 
     254        div_text.css( "visibility", "hidden" ); 
     255        div.animate( { 
     256            left: '+=500', 
     257            top: '+=500' 
     258        }, 2000, function() 
     259        { 
     260        } ); 
     261        div_bg.animate( { 
     262            opacity: 1, 
     263            height:'42px', 
     264            width:'59px', 
     265            zIndex:'0' 
     266        }, 2000, function() 
     267        { 
     268            div_title.css( "visibility", "visible" ); 
     269        } ); 
     270    }, 
     271 
     272    enlargeCreditsOrMentions: function( div, div_bg, div_text, div_title, pageToLoad ) 
     273    { 
     274        div_title.css( "visibility", "hidden" ); 
     275        div.css( { zIndex:1 } ); 
     276        div.animate( { 
     277            left: '-=500', 
     278            top: '-=500' 
     279        }, 2000, function() 
     280        { 
     281        } ); 
     282 
     283        div_bg.animate( { 
     284            opacity: 0.95, 
     285            height:'500px', 
     286            width:'500px' 
     287        }, 2000, function() 
     288        { 
     289            div_text.css( "visibility", "visible" ); 
     290            div_text.load( pageToLoad ); 
     291        } ); 
     292    }, 
     293 
    197294    animateMenuCircle: function() 
    198295    { 
    199         var menuSize = this.containerMenu.width(); 
    200         var nbLogosForSize = (this.projectsArray.length / 2) + 1; 
    201         var divLogoSize = menuSize / nbLogosForSize; 
    202         this.logoSize = divLogoSize - 5; 
    203  
    204         var initTop = this.projectsArray[0].top; 
    205         var initLeft = this.projectsArray[0].left; 
    206  
    207         jQuery.each( this.projectsArray, jQuery.proxy( function( i, logo ) 
    208         { 
    209             var divLogo = $( document.createElement( "div" ) ); 
    210             divLogo.addClass( "divLogo containerToDrag" ); 
    211             divLogo.attr( {id:logo.id, style:"position:absolute; top:" + initTop + "; left:" + initLeft} ); 
    212             divLogo.html( '<img id="img_' + logo.id + '"src="' + this.projectsPath + '' + logo.img + '" width="' + this.logoSize + 'px" height="' + this.logoSize + 'px"/>' ); 
    213             $( "#menuCircle" ).append( divLogo ); 
    214         }, this ) ); 
    215  
    216296        jQuery.each( this.projectsArray, jQuery.proxy( function( i, logo ) 
    217297        { 
    … …  
    243323                    this.onClickLogo(); 
    244324                }, this ) ); 
     325    }, 
     326 
     327//    hideHelp: function() 
     328//    { 
     329//        this.rightSlide.getDivContent().animate( 
     330//        { 
     331//            opacity: 0 
     332//        }, 10000, jQuery.proxy( function() 
     333//        { 
     334//            this.changeRightSlide(); 
     335//            this.rightSlide.getDivContent().attr( {style:"opacity:1"} ); 
     336//        }, this ) ); 
     337//    }, 
     338// 
     339    changeLeftTopSlide: function() 
     340    { 
     341        this.leftTopSlide.setTitle( this.selectedLogo.id + ' <spring:message code="title"/>' ); 
     342        this.leftTopSlide.setContent( 
     343                "<spring:message code="statistics.online"/> : 2006/05/08<BR/>" + 
     344                        "<span class='text1'><spring:message code="statistics.since"/> : 2009/05/08<BR/></span>" + 
     345                        "<spring:message code="statistics.user.registered"/> : 1500<BR/>" + 
     346                        "<spring:message code="statistics.user.connected"/> : 17<BR/>" + 
     347                        "<spring:message code="statistics.visit"/> : 150<BR/>" + 
     348                        "<spring:message code="statistics.email"/> : 15<BR/>" ); 
     349    }, 
     350 
     351    changeLeftMiddleSlide: function() 
     352    { 
     353        this.leftMiddleSlide.setContent( "<spring:message code="statistics.data.download"/> : 15001<BR/><spring:message code="statistics.data.download.size"/> : 50To<BR/>" ); 
     354    }, 
     355 
     356    changeLeftBottomSlide: function() 
     357    { 
     358        this.leftBottomSlide.setContent( "<spring:message code="statistics.duration.total"/> : 15001''<BR/><spring:message code="statistics.duration.average"/> : 50''<BR/>" ); 
     359    }, 
     360 
     361    changeRightSlide: function() 
     362    { 
     363        this.rightSlide.setTitle( '<spring:message code="label.actions"/>' ); 
     364        this.rightSlide.setContent( "pouif" ); 
     365    }, 
     366 
     367    // STATISTICS ******************************************************** 
     368    createBarchart: function() 
     369    { 
     370        $( "#wijbarchart" ).wijbarchart( { 
     371            axis: { 
     372                y: { 
     373                    text: "Total Hardware" 
     374                }, 
     375                x: { 
     376                    text: "", 
     377                    labels: { 
     378                        style: { 
     379                            rotation: -45 
     380                        } 
     381                    } 
     382                } 
     383            }, 
     384            hint: { 
     385                content: function () 
     386                { 
     387                    return this.data.label + '\n ' + this.y + ''; 
     388                } 
     389            }, 
     390            header: { 
     391                text: "Console Wars" 
     392            }, 
     393            seriesList: [ 
     394                { 
     395                    label: "US", 
     396                    legendEntry: true, 
     397                    data: { x: ['PS3', 'XBOX360', 'Wii'], y: [12.35, 21.50, 30.56] } 
     398                } 
     399            ], 
     400            seriesStyles: [ 
     401                { 
     402                    fill: "#8ede43", stroke: "#7fc73c", opacity: 0.8 
     403                } 
     404            ], 
     405            seriesHoverStyles: [ 
     406                { 
     407                    "stroke-width": "1.5", opacity: 1 
     408                } 
     409            ] 
     410        } ); 
     411    }, 
     412 
     413    createLinechart: function() 
     414    { 
     415        var xArray = ["2010-10", "2010-11", "2010-12", "2011-01", "2011-02"]; 
     416        var yArray = [0, 10, 30, 50, 100]; 
     417        $( "#wijlinechart" ).wijlinechart( { 
     418            height: 200, 
     419            width: 400, 
     420            axis: { 
     421                y: { 
     422                    origin: 0 
     423                } 
     424            }, 
     425            showChartLabels: false, 
     426            header: { 
     427                text: "<spring:message code="statistics.evolution.visit"/>" 
     428            }, 
     429            hint: { 
     430                content: function () 
     431                { 
     432                    return this.data.lineSeries.label + '\n' + this.x + '\n' + this.y + ''; 
     433                }, 
     434                contentStyle: { "font-size": 10 }, 
     435                offsetY: -10 
     436            }, 
     437            legend: { 
     438                visible: false 
     439            }, 
     440            seriesList: [ 
     441                { 
     442                    label: "<spring:message code="statistics.visit"/>", 
     443                    legendEntry: true, 
     444                    data: { 
     445                        x: xArray, 
     446                        y: yArray 
     447                    }, 
     448                    markers: { 
     449                        visible: true, 
     450                        type: "circle" 
     451                    } 
     452                } 
     453            ] 
     454        } ); 
    245455    } 
    246456 

  • ether_statistics/web/project/statistics.jsp

    r593 r596  
    1414 
    1515    <ether:htmlCss cssFile="button"/> 
    16     <ether:htmlCss cssFile="complexButton"/> 
    17     <ether:htmlCss cssFile="jquery-ui-1.8.16.custom/jquery-ui-1.8.16.custom"/> 
     16    <%--<ether:htmlCss cssFile="jquery-ui-1.8.16.custom/jquery-ui-1.8.16.custom"/>--%> 
     17    <%-- WIJMO --%> 
     18    <ether:htmlCss cssFile="Wijmo/rocket/jquery-wijmo"/> 
     19    <ether:htmlCss cssFile="Wijmo/jquery.wijmo-complete.all.2.0.0.min"/> 
     20 
    1821    <ether:htmlCss cssFile="ether"/> 
    1922    <ether:htmlCss cssFile="statistics"/> 
    2023 
    21     <ether:htmlJs jsFile="library/jquery-1.4.2.min"/> 
     24    <ether:htmlJs jsFile="library/jquery-1.8.2"/> 
     25    <ether:htmlJs jsFile="library/jquery-ui-1.9.0.custom"/> 
    2226    <ether:htmlJs jsFile="library/jquery.class"/> 
    2327    <ether:htmlJs jsFile="library/jquery.protify-0.3"/> 
    2428    <ether:htmlJs jsFile="classesForJQuery/etherHelper"/> 
    2529    <ether:htmlJs jsFile="classesForJQuery/Button"/> 
    26     <ether:htmlJs jsFile="classesForJQuery/ComplexButton"/> 
    2730    <ether:htmlJs jsFile="classesForJQuery/DragSlide"/> 
    28     <ether:htmlJs jsFile="TwitterLogin/javascripts/jquery.tipsy"/> 
    29     <ether:htmlJs jsFile="jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min"/> 
     31 
     32    <%-- WIJMO --%> 
     33    <ether:htmlJs jsFile="Wijmo.2.2.2/Wijmo-Open/js/jquery.wijmo-open.all.2.2.2.min"/> 
     34    <ether:htmlJs jsFile="Wijmo.2.2.2/Wijmo-Complete/js/jquery.wijmo-complete.all.2.2.2.min"/> 
    3035 
    3136    <ether:htmlJsp jspFile="statistics-script"/> 
    … …  
    4449        </div> 
    4550 
    46         <div id="login" class="loginToClick containerToDrag"> 
    47             <img id="login_bg" class="loginToClick" src='resources/images/cloud.png' width="88px" height="71px"/> 
    48             <img id="login_button" class="loginToClick" src='resources/images/Milky/Chat.png' width="30px" height="30px"/> 
     51        <div id="login" class="containerToDrag"> 
     52            <img id="login_bg" src='resources/images/cloud.png' width="88px" height="71px"/> 
     53            <img id="login_button" src='resources/images/Milky/Chat.png' width="30px" height="30px"/> 
    4954 
    5055            <div id="login_text"> 
    … …  
    7176        </div> 
    7277 
     78        <div id="help" class="containerToDrag"><img id="help" src='resources/images/help.gif' width="40px" height="40px"/></div> 
     79 
     80        <div id="credits" class="containerToDrag"> 
     81            <img id="credits_bg" src='resources/images/cloud.png' width="59px" height="42px"/> 
     82            <div id="credits_title"><spring:message code="label.credits"/></div> 
     83            <div id="credits_text"></div> 
     84        </div> 
     85 
     86        <div id="mentions" class="containerToDrag"> 
     87            <img id="mentions_bg" src='resources/images/cloud.png' width="59px" height="42px"/> 
     88            <div id="mentions_title"><spring:message code="label.mentions"/></div> 
     89            <div id="mentions_text"></div> 
     90        </div> 
     91 
    7392    </div> 
    7493 

  • ether_statistics/web/resources/css/statistics.css

    r593 r596  
    33/** ***************************************************** **/ 
    44.title1 { 
    5     color: #165076; 
     5    color: #65981E; 
    66    font-weight: bold; 
    77    font-size: 15px; 
    … …  
    99 
    1010.title2 { 
    11     color: #165076; 
    12     font-weight: bold; 
     11    color: #99CC32; 
     12    font-weight: bold; 
     13} 
     14 
     15.text1 { 
     16    color: #99CC32; 
    1317} 
    1418 
    … …  
    4953.containerStatisticsContent { 
    5054    padding: 5px; 
     55    font-size: 11px; 
    5156} 
    5257 
    … …  
    97102} 
    98103 
     104.containerMentions { 
     105    margin: 4px 0 0 -19px; 
     106} 
     107 
     108.containerCredits { 
     109    margin: 4px 0 0 -60px; 
     110} 
     111 
    99112/** ***************************************************** **/ 
    100113/** ************************ OTHER ********************** **/ 
    … …  
    108121} 
    109122 
     123/*.cloud_small {*/ 
     124/*background-image: url("../images/cloud_smaller.png");*/ 
     125/*background-repeat: repeat-x;*/ 
     126/*height: 32px;*/ 
     127/*width: 49px;*/ 
     128/*padding: 13px 0 0 11px;*/ 
     129/*font-size: 9px;*/ 
     130/*}*/ 
     131 
    110132#title { 
    111133    position: relative; 
    … …  
    135157#copy { 
    136158    position: absolute; 
    137     top: 500px; 
    138     left: 773px; 
     159    top: 497px; 
     160    left: 812px; 
    139161} 
    140162 
    … …  
    151173} 
    152174 
     175#help { 
     176    position: absolute; 
     177    top: 247px; 
     178    left: 375px; 
     179} 
     180 
     181#credits { 
     182    position: absolute; 
     183    top: 524px; 
     184    left: 695px; 
     185} 
     186 
     187#mentions { 
     188    position: absolute; 
     189    top: 543px; 
     190    left: 725px; 
     191} 
     192 
    153193#login { 
    154194    position: relative; 
    … …  
    171211} 
    172212 
    173 #login_text { 
     213#login_text, #credits_text, #mentions_text { 
    174214    visibility: hidden; 
    175215    position: absolute; 
    … …  
    188228    left: 80px; 
    189229    width: 273px; 
     230} 
     231 
     232#credits_title, #mentions_title { 
     233    margin: -31px 0 0 9px; 
     234    font-size: 9px; 
     235} 
     236 
     237#mentions_text, #credits_text { 
     238    top: 100px; 
     239    left: 141px; 
    190240} 
    191241 
    … …  
    201251    margin: auto; 
    202252} 
     253 
     254.statisticsEther { 
     255    background: none; 
     256    border: none; 
     257} 
     258 
     259.back_button { 
     260    float: right; 
     261    margin-right: 10px; 
     262    margin-top: 35px; 
     263} 

  • ether_statistics/web/resources/js/classesForJQuery/DragSlide.js

    r593 r596  
    4545        if( this.specificContentClass ) 
    4646            this.divContent.addClass( this.specificContentClass ); 
    47         this.divContent.html( this.content ); 
     47        this.divContent.html( this.contentSlide ); 
    4848        this.divContainer.append( this.divContent ); 
    4949 
    … …  
    5757    }, 
    5858 
     59    getTitle: function() 
     60    { 
     61        return this.divTitle.html(); 
     62    }, 
     63 
     64    setTitle: function( newTitle ) 
     65    { 
     66        this.divTitle.html( newTitle ); 
     67    }, 
     68 
    5969    getContent: function() 
    6070    { 
    … …  
    6575    { 
    6676        this.divContent.html( newContent ); 
     77    }, 
     78 
     79    getDivContent: function() 
     80    { 
     81        return this.divContent; 
    6782    }, 
    6883 

  • ether_statistics/web/src/messages_en.properties

    r587 r596  
    88label.firstname=First name 
    99label.lastname=Last name 
     10label.help=Help 
     11label.help.content=All slides and objects on this site are draggable. You can move them to arrange your own desktop.<BR/>To do some actions such as login or select a logo, please use the double click ! 
     12label.display.actions=Display actions 
     13label.actions=Actions 
     14label.mentions=Mentions 
     15label.credits=Credits 
     16 
     17statistics.online=Online since 
     18statistics.since=Statistics since 
     19statistics.user.registered=Registered users 
     20statistics.user.connected=Connected users 
     21statistics.visit=Visited pages 
     22statistics.email=Emails 
     23statistics.data=Data 
     24statistics.data.download=Downloads 
     25statistics.data.download.size=Size 
     26statistics.duration=Connection duration 
     27statistics.duration.total=Total 
     28statistics.duration.average=Average 
     29 
     30statistics.evolution=Statistics evolution 
     31statistics.evolution.visit=Visited pages evolution 
     32statistics.evolution.user.registered=Visited pages evolution 
     33statistics.evolution.user.connected=Visited pages evolution 
     34statistics.evolution.download=Visited pages evolution 
     35statistics.map.distribution=Geographic distribution 

  • ether_statistics/web/src/messages_fr.properties

    r587 r596  
    88label.firstname=Prénom 
    99label.lastname=Nom 
     10label.help=Aide 
     11label.help.content=Tous les objets de ce site sont déplacables, vous pouvez donc ainsi arranger leur positionnement à votre convenance. <BR/>Pour effectuer des actions telles login ou sélection d\'un projet via son logo, veuillez utiliser le double click ! 
     12label.display.actions=Afficher les actions 
     13label.actions=Actions 
     14label.mentions=Mentions 
     15label.credits=Crédits 
     16 
     17statistics.online=En ligne depuis le 
     18statistics.since=Statistiques depuis 
     19statistics.user.registered=Utilisateurs enregistrés 
     20statistics.user.connected=Utilisateurs connectés 
     21statistics.visit=Pages visitées 
     22statistics.email=Emails 
     23statistics.data=Données 
     24statistics.data.download=Téléchargements 
     25statistics.data.download.size=Taille 
     26statistics.duration=Durée de connexions 
     27statistics.duration.total=Totale 
     28statistics.duration.average=Moyenne 
     29 
     30statistics.evolution=Evolution des statistiques 
     31statistics.evolution.visit=Evolution des pages visitées 
     32statistics.evolution.user.registered=Evolution des utilisateurs enregistrés 
     33statistics.evolution.user.connected=Evolution des utilisateurs connectés 
     34statistics.evolution.download=Evolution des téléchargements 
     35statistics.map.distribution=Répartition géographique 
Note: See TracChangeset for help on using the changeset viewer.