Changeset 1014 in main


Ignore:
Timestamp:
04/19/12 10:09:37 (10 years ago)
Author:
zali
Message:

document3D templates: change style of table displayed to build BOM

Location:
trunk/openPLM
Files:
3 added
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/openPLM/document3D/templates/DisplayDecompose.htm

    r1012 r1014  
    88        $( 
    99            function(){ 
     10                // display or hide all assembly at the level of the span clicked 
     11                $("span.display_level").click(function(){ 
     12                    var level = $(this).parent().attr("id"); 
     13                    var td_level = $("td[level^="+level+"]"); 
     14                    var open; 
     15                    $(this).parent().hasClass("open")? open=true : open=false; 
     16                    $.each(td_level,function(index,value){ 
     17                        if($(value).hasClass("open")===open) 
     18                            $(value).find("span").click(); 
     19                    }); 
     20                    $(this).parent().toggleClass("open"); 
     21                }); 
     22 
     23                // display or hide one assembly 
    1024                $("span.display_name").click(function (){ 
    1125                    level = $(this).parent().attr("level"); 
     
    1428                    $(this).parent().toggleClass("open"); 
    1529                }); 
    16                 $("td.|-> p a").click(function (){ 
     30 
     31                // display or hide the assembly corresponding to the part 
     32                $("a.display").click(function (){ 
    1733                    //$(this).attr("href") return '#name' where name is the name of the assembly 
    18                     $($(this).attr("href")+" span.display_name").click(); 
     34                    var id_ref=$(this).attr("href").substr(1); 
     35                    var array=$("td.assembly_name"); 
     36                    $.each(array, function(index, value){ 
     37                        if(value.id === id_ref) 
     38                           $(value).find("span").click(); 
     39                    }); 
    1940                }); 
    20                 $("td a").click(function(){ 
     41 
     42                // display description of a part (type, document, name ....) 
     43                $("a.indexed").click(function(){ 
    2144                    var t_body = $(this).parent().parent().parent(); 
    22                     //$(this).attr("name") return 'name' where name is the name of the assembly 
    23                     var array = $(t_body).children("tr.part").children("td").children("p[name=ref_"+$(this).attr("name")+"]"); 
     45                    var name_ref=$(this).attr("name"); 
     46                    //$(this).attr("name") return 'name' where name is the name of the part 
     47                    var array = $(t_body).children("tr.part").children("td").children('p[name=ref_'+name_ref+']'); 
    2448                    $.each(array, function(index, value){ 
    25                         if($(value).children("a").attr("ref")==undefined) { 
    26                                 var level=$(value).parent().parent().attr("level"); 
    27                                 $("td[level="+level.substring(0,2)+"]").find("span").click(); 
     49                        if($(value).attr("name").substr(4) === name_ref){ 
     50                            var level=$(value).parent().parent().attr("level"); 
     51                            var td_level = $("td[level="+level.substring(0,2)+"]"); 
     52                            if($(td_level).hasClass("open") == false) 
     53                                $(td_level).find("span").click(); 
    2854                        } 
    2955                    }); 
     
    74100 
    75101        <tr class="assembly">  
     102            {% if forloop.counter0 == 0 %} 
     103            <td class="assembly_level open" id="{{forloop.counter0}}" colspan="10"> 
     104            {% else %} 
    76105            <td class="assembly_level" id="{{forloop.counter0}}" colspan="10"> 
    77             <!--<td class="assembly_name" id="level{{forloop.counter0}}" colspan="10">--> 
    78  
    79                 {% trans "Level" %} {{forloop.counter0}} 
    80  
     106            {% endif %} 
     107                <span class="display_level" title="{%trans "Display or Hide all assemblys at this level"%}">{% trans "Level" %} {{forloop.counter0}}</span> 
    81108            </td>         
    82109        {% with forloop.counter0 as level %} 
    83110                 
    84         {% for assembly in deep %}       <!-- assembly.0 froms ,  assembly.1 name , assembly.2 interne reference pour href links -->                   
     111        {% for assembly in deep %}       <!-- assembly.0 froms ,  assembly.1 name , assembly.2 interne reference pour href links , assembly.4 type-->                   
    85112   
    86113             
     
    97124                   <a id="{{assembly.2}}_part"> 
    98125                 
    99                 (Part) <!-- type de part de la part  --> 
     126                <!--(Part) <!-- type de part de la part  --> 
     127                   ({{assembly.4}}) 
    100128                   </a> 
    101129                </span> 
     
    124152                        {%if not prefix and forloop.last %} 
    125153                         
    126                         ->  
     154                        <img src="/media/img/arrows.png" alt="->" hight="50%" width="50%" /> 
    127155                        {% else %} 
    128156                         
    129157                         
    130158                        {% if not forloop.last or forloop.first %}  
    131                          |-> 
     159                        <img src="/media/img/arrow_middle.png" alt="|->" hight="50%" width="50%"/> 
    132160                        {% else %} 
    133                         ->                         
     161                        <img src="/media/img/arrows.png" alt="->" hight="50%" width="50%"/> 
    134162                        {% endif %} 
    135163                        {% endif %} 
     
    143171                             {% if is_assembly %} 
    144172                                 
    145                                 <a href="#{{name}}"  
     173                                <a class="display" href="#{{name}}"  
    146174                                {% if ref %} 
    147175                                ref="#{{ref}}_ref" 
     
    154182 
    155183                        </td> 
    156                         <td class="order"  >{{ord_quantity.order}}{{ord_quantity.order.errors }}</td> 
    157                         <td class="quantity"  >{{ord_quantity.quantity}}{{ord_quantity.quantity.errors}}</td> 
     184                        <td  class="order"  >{{ord_quantity.order}}{{ord_quantity.order.errors }}</td> 
     185                        <td  class="quantity"  >{{ord_quantity.quantity}}{{ord_quantity.quantity.errors}}</td> 
    158186                        <td class="quantity"  >{{ord_quantity.unit}}{{ord_quantity.unit.errors}}</td> 
    159187 
     
    188216                        > 
    189217                       <td class="|"> 
    190                         {% if not forloop.last %}| {% endif %} 
     218                        {% if not forloop.last %} 
     219                        <img src="/media/img/line.png" alt="|" hight="50%" width="50%" /> 
     220                        {% endif %} 
    191221                        </td> 
    192222                        <td class="vide" colspan="4"> 
     
    203233                         
    204234                         <td colspan="5">  
    205                          <a href="#{{ref}}_ref" name="{{name}}">{% trans "already indexed" %}<a> 
     235                         <a class="indexed" href="#{{ref}}_ref" name="{{name}}">{% trans "already indexed" %}<a> 
    206236                         </td> 
    207237                         
     
    220250                    {% endif %} 
    221251                        <td class="|"> 
    222                         {% if not forloop.last %}| {% endif %} 
     252                        {% if not forloop.last %} 
     253                        <img src="/media/img/line.png" alt="|" hight="50%" width="50%"/> 
     254                        {% endif %} 
    223255                        </td> 
    224256                        <td class="vide" colspan="4"> 
     
    255287                     
    256288                     
    257                         <td class="|"> 
     289                       <td class="|"> 
    258290                        <!--esthetique --> 
    259                         {% if not forloop.last %}| {% endif %} 
     291                        {% if not forloop.last %} 
     292                        <img src="/media/img/line.png" alt="|" hight="50%" width="50%"/> 
     293                        {% endif %} 
    260294                        <!--/esthetique --> 
    261295                        </td> 
  • trunk/openPLM/media/css/displayDecompose.css

    r1011 r1014  
    1  
    2 /* todo : add color to line which contain file name 
    3 ** td.assembly_name { 
    4     ** background-image : url("../../img/dark/h2_bg_2.png"); 
    5 ** } 
    6 */ 
    7  
     1table.Content tr td{ 
     2    vertical-align: middle; 
     3} 
    84table.Content tr.assembly td.assembly_level{ 
    9    /*background-image: url("../img/dark/h2_bg_2.png"); 
    10    background-repeat: no-repeat; 
    11    background-size: 100%;*/ 
    125    height: 40px; 
    136    background-color: #597f8e; 
     
    4134 
    4235table.Content tr.assembly td.assembly_name{ 
    43     /*background-image: url("../img/dark/h2_bg.png"); 
    44     background-repeat: no-repeat; 
    45     background-size: 100%;*/ 
    4636    height: 30px; 
    4737    background-color: #8f8d8d; 
     
    7969} 
    8070 
     71td.assembly_level span.display_level { 
     72    cursor: pointer; 
     73    margin-top: auto; 
     74    margin-bottom: auto; 
     75    background-image: url("../img/expander_normal.png"); 
     76    background-size: 0.55%; 
     77    display:block; min-width:36px;  
     78    text-indent: 16px; 
     79    background-repeat: no-repeat; 
     80    background-position: 0 50%; 
     81    padding-left:4px; 
     82    margin-left:6px; 
     83    color:black; 
     84    text-align:left; 
     85} 
     86 
     87td.assembly_level span.display_level:hover{ 
     88    background-image: url("../img/expander_normal_hover.png"); 
     89} 
     90 
     91td.open span.display_level{ 
     92    background-image : url("../img/expander_open.png"); 
     93    background-size: 1%; 
     94} 
     95 
     96td.open span.display_level:hover{ 
     97   background-image : url("../img/expander_open_hover.png"); 
     98} 
    8199.hidden{ 
    82100    display : none; 
Note: See TracChangeset for help on using the changeset viewer.