Changeset 553 in main


Ignore:
Timestamp:
11/24/11 17:24:54 (8 years ago)
Author:
pcosquer
Message:

add an help system and explain the search feature

To compile the documentation ;-):

make
(it requires rst2html.py from doc-utils)

Location:
trunk/openPLM
Files:
9 added
4 edited

Legend:

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

    r550 r553  
    8787} 
    8888 
    89 li 
     89ul li 
    9090{ 
    9191    display: inline-block; 
     
    9595} 
    9696 
    97 li > * { 
     97ul li > * { 
    9898    vertical-align: middle; 
    9999} 
     
    571571    margin-top: 0.2em; 
    572572} 
     573 
     574h2 div.toolbar { 
     575    float:right; 
     576    margin: -0.5em 0 auto 0; 
     577    font-size: 100%; 
     578} 
     579h2 div.toolbar > ul > li { 
     580    width: 1em; 
     581    height: 1em; 
     582    font-size: 100%; 
     583    vertical-align: middle; 
     584} 
     585h2 div.toolbar > ul > li > *{ 
     586    width: 1em; 
     587    font-size: 100%; 
     588    height: 1em; 
     589    vertical-align: middle; 
     590} 
     591h2 div.toolbar > ul > li > button{ 
     592    height: 1.1em; 
     593} 
     594 
     595/* Help dialog */ 
     596 
     597#help-dialog h3 ~ * { 
     598    background-color: #343434; 
     599} 
     600 
     601#help-dialog ul, 
     602#help-dialog ol, 
     603{ 
     604    display: block; 
     605} 
     606#help-dialog ul li { 
     607    display: list-item; 
     608    list-style-type: square; 
     609} 
     610#help-dialog li { 
     611    margin-left: 2em; 
     612} 
     613 
     614#help-dialog .section * { 
     615    font-size: 14px; 
     616} 
  • trunk/openPLM/media/css/openplm/jquery-ui.css

    r552 r553  
    436436 * http://docs.jquery.com/UI/Dialog#theming 
    437437 */ 
    438 .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } 
     438.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; border-color: #343434;} 
    439439.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  } 
    440440.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }  
  • trunk/openPLM/media/js/panels.js

    r539 r553  
    7979        text:false 
    8080        }).click(toggle_create_box); 
    81     button.css({margin: "auto 0", float:"right", width:"1em", height:"1em" }); 
    82     $("#CreationBox h2").append(button); 
     81    var li = $("<li/>"); 
     82    li.append(button); 
     83    $("#CreationBox h2>div.toolbar>ul").append(li); 
    8384 
    8485    var close_search_box = $("<button>close</button>"); 
     
    8990        text:false 
    9091        }).click(toggle_search_box); 
    91     button.css({margin: "auto 0", float:"right", width:"1em", height:"1em" }); 
    92     $("#SearchBox h2").append(button); 
     92    li = $("<li/>"); 
     93    li.append(button); 
     94    $("#SearchBox h2>div.toolbar>ul").append(li); 
    9395 
    9496 
  • trunk/openPLM/templates/BaseDisplayHomePage.htm

    r539 r553  
    11<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    2     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
     2"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    33{% load i18n plmapp_tags %} 
    44<html xmlns="http://www.w3.org/1999/xhtml"> 
    5 <head> 
    6     <meta http-equiv="content-type" content="text/html" charset="utf-8"/> 
    7     <link type="text/css" href="/media/css/openplm/jquery-ui.css" rel="Stylesheet" />  
    8     <link rel="stylesheet" href="/media/css/uniform/uniform.openplm.css" type="text/css" media="screen" charset="utf-8" /> 
    9     <link rel="stylesheet" type="text/css" href="/media/css/openplm.css" /> 
    10      
    11     {% block css %} {% endblock %} 
    12      
    13     <title>{% block title %} {% endblock %}</title> 
    14     <meta name="Robots" content="none"/> 
    15     <meta name="Author" content="openplm" /> 
    16     <meta name="Classification" content="" /> 
    17     <meta name="Description" content="" /> 
    18     <meta name="keywords" content="" /> 
    19     <script type="text/javascript" src="/media/js/jquery.min.js"></script> 
    20     <script type="text/javascript" src="/media/js/jquery-ui.min.js"></script> 
    21     <script type="text/javascript" src="/media/js/jquery.cookie.js"></script> 
    22     <script src="/media/js/jquery.uniform.js" type="text/javascript"></script> 
    23     <script type="text/javascript" src="/media/js/combobox.js"></script> 
    24     <script type="text/javascript" src="/media/js/panels.js"></script> 
     5    <head> 
     6        <meta http-equiv="content-type" content="text/html" charset="utf-8"/> 
     7        <link type="text/css" href="/media/css/openplm/jquery-ui.css" rel="Stylesheet" />  
     8        <link rel="stylesheet" href="/media/css/uniform/uniform.openplm.css" type="text/css" media="screen" charset="utf-8" /> 
     9        <link rel="stylesheet" type="text/css" href="/media/css/openplm.css" /> 
     10        <link rel="stylesheet" type="text/css" href="/media/css/help.css" /> 
     11 
     12        {% block css %} {% endblock %} 
     13 
     14        <title>{% block title %} {% endblock %}</title> 
     15        <meta name="Robots" content="none"/> 
     16        <meta name="Author" content="openplm" /> 
     17        <meta name="Classification" content="" /> 
     18        <meta name="Description" content="" /> 
     19        <meta name="keywords" content="" /> 
     20        <script type="text/javascript" src="/media/js/jquery.min.js"></script> 
     21        <script type="text/javascript" src="/media/js/jquery-ui.min.js"></script> 
     22        <script type="text/javascript" src="/media/js/jquery.cookie.js"></script> 
     23        <script src="/media/js/jquery.uniform.js" type="text/javascript"></script> 
     24        <script type="text/javascript" src="/media/js/combobox.js"></script> 
     25        <script type="text/javascript" src="/media/js/panels.js"></script> 
     26        <script type="text/javascript" src="/media/js/help.js"></script> 
    2527 
    2628 
    27     {% block scripts %} {% endblock %} 
     29        {% block scripts %} {% endblock %} 
    2830 
    29 </head> 
    30 <body> 
    31    
     31    </head> 
     32    <body> 
    3233 
    33     <div class="main-box" id="Page"> 
    34         <div class="top-box"> 
    35             <div id="LoggedPersonBox"> 
    36                 {% block LoggedPersonBlock %}{% endblock %} 
    37             </div> 
    38             <div id="DisplayBox"> 
    39                 <ul> 
     34        {% get_current_language as LANGUAGE_CODE %} 
     35        <div class="main-box" id="Page"> 
     36            <div class="top-box"> 
     37                <div id="LoggedPersonBox"> 
     38                    {% block LoggedPersonBlock %}{% endblock %} 
     39                </div> 
     40                <div id="DisplayBox"> 
     41                    <ul> 
    4042 
    41                     <li> 
    42                     <input type="checkbox" id="FindButton" /> 
    43                     <label for="FindButton"> 
    44                         {% trans "FIND" %} 
    45                     </label> 
    46                     </li> 
    47                     <li> 
    48                     <input type="checkbox" id="CreationButton" /> 
    49                     <label for="CreationButton"> 
    50                         {% trans "CREATE" %} 
    51                     </label> 
    52                     </li> 
     43                        <li> 
     44                        <input type="checkbox" id="FindButton" /> 
     45                        <label for="FindButton"> 
     46                            {% trans "FIND" %} 
     47                        </label> 
     48                        </li> 
     49                        <li> 
     50                        <input type="checkbox" id="CreationButton" /> 
     51                        <label for="CreationButton"> 
     52                            {% trans "CREATE" %} 
     53                        </label> 
     54                        </li> 
    5355 
    5456 
    55                     {% if not creation_form %} 
     57                        {% if not creation_form %} 
    5658                        {% if navigate_bool %} 
    5759                        <li class="{{"Button"|button:"corner-left,state-focus"}}" id="NavigateButton"> 
     
    6062                        {% endif %} 
    6163                        {% ifequal class4div 'ActiveBox4User' %} 
    62                             <a href="/user/{{object_reference}}/navigate/"> 
    63                         {% else %} 
     64                        <a href="/user/{{object_reference}}/navigate/"> 
     65                            {% else %} 
    6466                            <a href="/object/{{object_type}}/{{object_reference}}/{{object_revision}}/navigate/"> 
    65                         {% endifequal %} 
    66                         <span class="ui-button-text">{% trans "NAVIGATE" %}</span> 
    67                         </a> 
    68                         </li> 
    69                         {% if navigate_bool %} 
     67                                {% endifequal %} 
     68                                <span class="ui-button-text">{% trans "NAVIGATE" %}</span> 
     69                            </a> 
     70                            </li> 
     71                            {% if navigate_bool %} 
    7072                            <li class="{{"Button"|button:"corner-right"}}" id="StudyButtonOff"> 
    71                         {% else %} 
     73                            {% else %} 
    7274                            <li class="{{"Button"|button:"corner-right,state-active,state-focus"}}"  id="StudyButtonOn"> 
    73                         {% endif %} 
     75                            {% endif %} 
    7476                            <a href="../attributes/"> 
    7577                                <span class="ui-button-text">{% trans "STUDY" %}</span> 
    7678                            </a> 
    77                         </li> 
    78                         {% endif %} 
    79                         <li class="{{"Button"|button}}" id="QuitButton"> 
    80                         <a href="/logout/"> 
    81                             <span class="ui-button-text">{% trans "EXIT" %}</span> 
    82                         </a> 
    83                     </li> 
    84                 </ul> 
    85             </div> 
    86         </div> 
     79                            </li> 
     80                            {% endif %} 
     81                            <li class="{{"Button"|button}}" id="QuitButton"> 
     82                            <a href="/logout/"> 
     83                                <span class="ui-button-text">{% trans "EXIT" %}</span> 
     84                            </a> 
     85                            </li> 
     86                        </ul> 
     87                    </div> 
     88                </div> 
    8789 
    8890 
    8991 
    90     <div id="content-box" class="clearfix"> 
     92                <div id="content-box" class="clearfix"> 
    9193 
    92         <div id="left-col"> 
     94                    <div id="left-col"> 
    9395 
    94             <div id="CreationBox"> 
    95                 <h2>{% trans "Create" %}</h2> 
    96                 {% block CreationBlock %}{% endblock %} 
    97             </div> 
     96                        <div id="CreationBox"> 
     97                            <h2>{% trans "Create" %} 
     98                                <div class="toolbar"> 
     99                                    <ul> 
     100                                    </ul> 
     101                                </div> 
     102                            </h2> 
     103                            {% block CreationBlock %}{% endblock %} 
     104                        </div> 
    98105 
    99             <div id="SearchBox" class="{{link_creation|yesno:"link_creation,"}}"> 
    100                 <h2>{% trans "Search" %}</h2> 
    101                 {% block SearchBlock %}{% endblock %} 
    102                 <hr/> 
    103                 {% block ResultBlock %}{% endblock %} 
    104             </div> 
     106                        <div id="SearchBox" class="{{link_creation|yesno:"link_creation,"}}"> 
     107                            <h2>{% trans "Search" %} 
     108                                <div class="toolbar"> 
     109                                    <ul> 
     110                                        <li> 
     111                                        <a class="help ui-button ui-button-text-icon-primary ui-state-default ui-button-icon-only ui-corner-all ui-widget"  
     112                                            href="/media/help/{{LANGUAGE_CODE}}/search.html" target="_blank"> 
     113                                            <span class="ui-button-icon-primary ui-icon ui-icon-help">&nbsp;</span> 
     114                                            <span class="ui-button-text">?</span> 
     115                                        </a> 
     116                                        </li> 
     117                                    </ul> 
     118                                </div> 
     119                            </h2> 
     120                            {% block SearchBlock %}{% endblock %} 
     121                            <hr/> 
     122                            {% block ResultBlock %}{% endblock %} 
     123                        </div> 
    105124 
    106125 
    107       </div> 
    108          <div id="center-col" class="heightfix"> 
     126                    </div> 
     127                    <div id="center-col" class="heightfix"> 
    109128 
    110              <div id="ActiveBox" class="{{class4div}}"> 
    111                 {% block ObjectBlock %}{% endblock %} 
     129                        <div id="ActiveBox" class="{{class4div}}"> 
     130                            {% block ObjectBlock %}{% endblock %} 
     131                        </div> 
     132 
     133                    </div> 
     134 
     135                </div> 
     136 
     137                <div id="bottom-box"> 
     138 
     139                </div> 
     140 
    112141            </div> 
    113  
    114         </div> 
    115  
    116     </div> 
    117              
    118  
    119             <!--<br class="clear" />--> 
    120  
    121   <div id="bottom-box"> 
    122  
    123   </div> 
    124  
    125     </div> 
    126 </body> 
    127 </html> 
     142        </body> 
     143    </html> 
Note: See TracChangeset for help on using the changeset viewer.