Changeset 289 in main


Ignore:
Timestamp:
09/15/11 09:06:27 (8 years ago)
Author:
pcosquer
Message:

rewrite left panel stuff

Location:
trunk/openPLM
Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/openPLM/media/css/openplm.css

    r287 r289  
    5656list-style-type: none; 
    5757text-indent: 0px; 
     58} 
     59 
     60 
     61div.main-box { 
     62position:relative; 
     63text-align:left; 
     64overflow:hidden; 
     65width:80%; 
     66} 
     67div.top-box { 
     68} 
     69div.bottom-box { 
     70} 
     71div.center-box { 
     72position:relative; 
     73margin-left:300px; 
     74margin-top:60px; 
     75} 
     76div.reset-box { 
     77position:relative; 
     78width:100%; 
     79left:100%; 
     80margin-left:-300px; 
     81}  
     82div.right-box { 
     83position:relative; 
     84width:100%; 
     85margin-left:-22%; 
     86} 
     87div.content-box { 
     88position:relative; 
     89width:100%; 
     90margin-top:60px; 
     91} 
     92div.left-col { 
     93float:left; 
     94width:300px; 
     95} 
     96div.right-col { 
     97float:right; 
     98width:22%; 
     99} 
     100div.center-col { 
     101margin-left:330px; 
     102} 
     103* html div.center-col { 
     104height:1%; 
     105margin:0; 
     106} 
     107* html div.left-col { 
     108margin-right:-3px; 
     109} 
     110* html div.right-col { 
     111margin-left:-3px; 
     112} 
     113.clearfix:after { 
     114content: ".";  
     115display: block; 
     116height: 0px; 
     117clear: both;  
     118visibility: hidden; 
     119} 
     120.heightfix:before { 
     121content:'.'; 
     122display:block; 
     123visibility:hidden; 
     124height:0; 
    58125} 
    59126 
     
    141208{ 
    142209display: none; 
    143 float: left; 
    144 width: 380px; 
     210/*float: left;*/ 
     211width: 100%; 
    145212margin-right: 0px; 
    146213} 
     
    170237div#ActiveBox 
    171238{ 
    172 width: 1168px; 
    173 float: right; 
    174239min-height: 420px; 
    175240margin-bottom: 110px; 
     
    182247/* *************************************************************************************** */ 
    183248/* FOR ALL BUTTONS */ 
    184 li#FindButton, li#CreateButton, li#NavigateButtonOff, li#NavigateButtonOn, 
    185 li#StudyButtonOn, li#StudyButtonOff, li#QuitButton 
    186 { 
    187 border: 2px outset; 
    188 padding: 3px; 
    189 margin-right: 10px; 
    190 -moz-border-radius: 5px; 
    191 background-color: #CCCCCC; 
    192 cursor: pointer; 
    193 } 
     249/*li#FindButton, li#CreateButton, li#NavigateButtonOff, li#NavigateButtonOn,*/ 
     250/*li#StudyButtonOn, li#StudyButtonOff, li#QuitButton*/ 
     251/*{*/ 
     252/*border: 2px outset;*/ 
     253/*padding: 3px;*/ 
     254/*margin-right: 10px;*/ 
     255/*-moz-border-radius: 5px;*/ 
     256/*background-color: #CCCCCC;*/ 
     257/*cursor: pointer;*/ 
     258/*}*/ 
    194259 
    195260/* STYLE FOR LINKS IS DESACTIVED */ 
    196 li#StudyButtonOn a, li#StudyButtonOff a, li#NavigateButtonOff a, 
    197 li#NavigateButtonOn a, li#QuitButton a 
    198 { 
    199 text-decoration: none; 
    200 color: #000000; 
    201 } 
     261/*li#StudyButtonOn a, li#StudyButtonOff a, li#NavigateButtonOff a,*/ 
     262/*li#NavigateButtonOn a, li#QuitButton a*/ 
     263/*{*/ 
     264/*text-decoration: none;*/ 
     265/*color: #000000;*/ 
     266/*}*/ 
    202267 
    203268/* BUTTON TO SWITCH TO STUDY MODE DISPLAY */ 
    204 li#StudyButtonOn, li#StudyButtonOff 
    205 { 
    206 -moz-border-radius-topleft: 0px; 
    207 -moz-border-radius-bottomleft: 0px; 
    208 } 
     269/*li#StudyButtonOn, li#StudyButtonOff*/ 
     270/*{*/ 
     271/*-moz-border-radius-topleft: 0px;*/ 
     272/*-moz-border-radius-bottomleft: 0px;*/ 
     273/*}*/ 
    209274 
    210275/* BUTTON TO SWITCH TO NAVIGATE MODE DISPLAY */ 
    211276li#NavigateButtonOff, li#NavigateButtonOn 
    212277{ 
    213 -moz-border-radius-topright: 0px; 
    214 -moz-border-radius-bottomright: 0px; 
    215 margin-right: -3px; 
     278/*-moz-border-radius-topright: 0px;*/ 
     279/*-moz-border-radius-bottomright: 0px;*/ 
     280margin-right: -5px; 
    216281} 
    217282 
    218283/* WHEN BUTTON IS ON */ 
    219 li#NavigateButtonOn, li#StudyButtonOn 
    220 { 
    221 border: 2px inset; 
    222 background-color: #777777; 
    223 } 
     284/*li#NavigateButtonOn, li#StudyButtonOn*/ 
     285/*{*/ 
     286/*border: 2px inset;*/ 
     287/*background-color: #777777;*/ 
     288/*}*/ 
    224289 
    225290#SetLangForm 
     
    434499} 
    435500 
     501div#navThumbnails { 
     502    overflow: scroll; 
     503    width: 180px; 
     504    display:none; 
     505    float:right; 
     506    height: 500px; 
     507    z-index:70; 
     508    position:absolute; 
     509    right:0px; 
     510} 
     511 
     512div#navThumbnailus > img{ 
     513    width: 180px; 
     514} 
     515 
     516 
    436517div#DivNav { 
    437518position: absolute; 
     
    447528} 
    448529 
     530img.node_thumbnails { 
     531    position:absolute; 
     532    right: 0; 
     533    bottom: 0; 
     534    display:none; 
     535    z-index:50; 
     536} 
    449537 
    450538img#ImgNav 
  • trunk/openPLM/media/js/display.js

    r288 r289  
    134134        //nouvelle valeur pour l'element id 
    135135        document.getElementById(id1).style.display = showHide; 
    136         document.getElementById(id3).style.width = widthDiv; 
     136        //document.getElementById(id3).style.width = widthDiv; 
    137137        document.getElementById(button).style.border = buttonBorder; 
    138138        document.getElementById(button).style.background = buttonBackground; 
     
    260260                                        break; 
    261261                                    case 'width': 
    262                                         affiche_id.style.width = tab_cook_showDiv[index]; 
     262                                        //affiche_id.style.width = tab_cook_showDiv[index]; 
    263263                                        break; 
    264264                                    case 'border': 
  • trunk/openPLM/templates/BaseDisplayHomePage.htm

    r288 r289  
    1515    <script type="text/javascript" src="/media/js/jquery-1.4.2.min.js"></script> 
    1616    <script type="text/javascript" src="/media/js/jquery-ui-1.8.4.custom.min.js"></script> 
     17    <script type="text/javascript" src="/media/js/jquery.cookie.js"></script> 
    1718    <script type="text/javascript" src="/media/js/navigate.js"></script> 
    1819    <script type="text/javascript" src="/media/js/search_form.js"></script> 
    1920    <script type="text/javascript" src="/media/js/display.js"></script> 
     21    <script type="text/javascript" src="/media/js/panels.js"></script> 
     22 
     23    {% block scripts %} {% endblock %} 
     24 
    2025</head> 
    21 <body onload="InitShowDiv()"> 
    22     <div id="Page"> 
     26<!--<body onload="InitShowDiv()">--> 
     27<body> 
     28   
     29 
     30    <div class="main-box" id="Page"> 
     31        <div class="top-box"> 
    2332            <div id="DisplayBox"> 
    24                 <ul> 
    25                     <li id="FindButton" onclick="showHide('FindButton', 'SearchBox', 'CreationBox', 'ActiveBox', 'DivNav')"> 
     33                <input type="checkbox" id="FindButton" /> 
     34                <label for="FindButton"> 
    2635                        {% trans "FIND" %} 
    27                     </li> 
    28                     <li id="CreateButton" onclick="showHide('CreateButton', 'CreationBox', 'SearchBox', 'ActiveBox', 'DivNav')"> 
     36                </label> 
     37 
     38                <input type="checkbox" id="CreationButton" /> 
     39                <label for="CreationButton"> 
    2940                        {% trans "CREATE" %} 
    30                     </li> 
     41                </label> 
     42 
     43                  <ul> 
     44 
    3145                    {% if not creation_form %} 
    3246                        {% if navigate_bool %} 
    33                             <li id="NavigateButtonOn"> 
     47                            <li class="ui-button ui-button-text-only ui-widget ui-state-focus ui-state-active  ui-corner-left" id="NavigateButtonOn"> 
    3448                        {% else %} 
    35                         <li id="NavigateButtonOff"> 
     49                        <li class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-left" id="NavigateButtonOff"> 
    3650                        {% endif %} 
    3751                        {% ifequal class4div 'ActiveBox4User' %} 
     
    4458                        </li> 
    4559                        {% if navigate_bool %} 
    46                             <li id="StudyButtonOff"> 
     60                            <li class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-right"  id="StudyButtonOff"> 
    4761                        {% else %} 
    48                             <li id="StudyButtonOn"> 
     62                            <li class="ui-button ui-button-text-only ui-widget ui-state-focus ui-state-active ui-corner-right"  id="StudyButtonOn"> 
    4963                        {% endif %} 
    5064                            <a href="../attributes/"> 
     
    5367                        </li> 
    5468                        {% endif %} 
    55                     <li id="QuitButton"> 
     69                    <li class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all"  id="QuitButton"> 
    5670                        <a href="/logout/"> 
    5771                            {% trans "EXIT" %} 
     
    6377                {% block LoggedPersonBlock %}{% endblock %} 
    6478            </div> 
     79        </div> 
     80 
     81 
     82 
     83    <div class="content-box clearfix"> 
     84 
     85        <div class="left-col"> 
     86 
    6587            <div id="CreationBox"> 
    6688                Create object : 
    67                     {% block CreationBlock %}{% endblock %} 
     89                {% block CreationBlock %}{% endblock %} 
    6890            </div> 
     91 
     92            {% ifequal class4search_div 'DisplayHomePage4Addition.htm'%} 
     93                <div id="SearchBox" style="background:#ff4848"> 
     94            {% else %} 
     95                <div id="SearchBox"> 
     96            {% endifequal %} 
     97                Search object : 
     98                {% block SearchBlock %}{% endblock %} 
     99                <hr/> 
     100                {% block ResultBlock %}{% endblock %} 
     101            </div> 
     102 
     103 
     104      </div> 
     105         <div class="center-col heightfix"> 
     106 
    69107            {% ifequal class4div 'ActiveBox4Part' %} 
    70108                <div id="ActiveBox"> 
     
    77115            {% endifequal %} 
    78116                {% block ObjectBlock %}{% endblock %} 
    79                 </div> 
    80             {% ifequal class4search_div 'DisplayHomePage4Addition.htm'%} 
    81                 <div id="SearchBox" style="background:#ff4848"> 
    82             {% else %} 
    83                 <div id="SearchBox"> 
    84             {% endifequal %} 
    85                 Search object : 
    86                 {% block SearchBlock %}{% endblock %} 
    87                 <hr/> 
    88                 {% block ResultBlock %}{% endblock %} 
    89117            </div> 
    90         <br class="clear" /> 
     118 
     119        </div> 
     120 
     121    </div> 
     122             
     123 
     124            <!--<br class="clear" />--> 
     125 
     126  <div class="bottom-box"> 
     127 
     128  </div> 
     129 
    91130    </div> 
    92131</body> 
Note: See TracChangeset for help on using the changeset viewer.