Changeset 482 in main


Ignore:
Timestamp:
11/15/11 15:23:09 (8 years ago)
Author:
anonymous
Message:

navigate: replace atach/add_child DND with two buttons

Location:
trunk/openPLM
Files:
3 edited

Legend:

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

    r410 r482  
    683683 
    684684/** simple search **/ 
     685li.Result { 
     686    padding-bottom: 0.5em; 
     687    display:block; 
     688} 
     689 
     690li.Result:hover { 
     691    background-color: #ccc !important; 
     692} 
     693 
    685694li.Result div.summary { 
    686695    padding-left: 1em; 
    687 } 
     696    clear: both; 
     697} 
     698 
     699li.Result div.toolbar{ 
     700    display:inline; 
     701    float: right; 
     702    margin: 2px; 
     703} 
     704li.Result div.toolbar button{ 
     705    height: 16px; 
     706    width: 16px; 
     707} 
  • trunk/openPLM/media/js/navigate.js

    r478 r482  
    220220        var cache1 = new Object(); 
    221221        var cache2 = new Object(); 
    222         $("div.main_node").droppable({ 
    223                         accept:  
    224                 function (child_tr){ 
    225                     if (child_tr.is("li.Result")){ 
    226                         return (can_add_child($(this), $("form", child_tr), cache1) || 
    227                                 can_attach($(this), $("form", child_tr), cache2) 
    228                                 ); 
    229                      } 
    230                     return false; 
    231                 }, 
    232                         activeClass: "drop_active", 
    233                         hoverClass: "drop_hover", 
    234                         drop: function( event, ui ) { 
    235                 if (can_add_child($(this), $("form", ui.draggable), cache1)){ 
    236                     show_add_child($(this), $("form", ui.draggable)); 
    237                 } 
    238                 else if (can_attach($(this), $("form", ui.draggable), cache2)){ 
    239                     show_attach($(this), $("form", ui.draggable)); 
    240                 } 
    241                         } 
    242                 }); 
    243  
    244  
     222        var main_node = $("div.main_node"); 
     223        $("li.Result").hoverIntent( 
     224            function() {  
     225                var li = $(this); 
     226                var form = li.children("form").first(); 
     227                var add = can_add_child(main_node, form, cache1); 
     228                li.find("div.toolbar > button.add_child").button("option", "disabled", !add).button( "refresh" ); 
     229                var attach = can_attach(main_node, form, cache2); 
     230                li.find("div.toolbar > button.attach").button("option", "disabled", !attach).button( "refresh" );  
     231 
     232            }, 
     233            function() {  
     234                $(this).find("div.toolbar > button").button("disable").button( "refresh" ); 
     235            } 
     236        ); 
     237 
     238        $("button.add_child").button({ 
     239                icons: { 
     240                    primary: "ui-icon-plus" 
     241                }, 
     242                text: false, 
     243                disabled: true 
     244            }).click( 
     245            function () { 
     246                var form = $(this).closest("li.Result").children("form"); 
     247                show_add_child($("div.main_node"), form); 
     248            } 
     249        ); 
     250         
     251        $("button.attach").button({ 
     252                icons: { 
     253                    primary: "ui-icon-link" 
     254                }, 
     255                text: false, 
     256                disabled: true 
     257            }).click( 
     258            function () { 
     259                var form = $(this).closest("li.Result").children("form"); 
     260                show_attach($("div.main_node"), form); 
     261            } 
     262        ); 
     263         
     264        
    245265        $("#FilterNav").find("form").submit(function (e){ 
    246266                return false; 
     
    320340 
    321341 
    322  
    323         // add on drag and drop 
    324         $("li.Result").draggable({  
    325             zIndex: 2000, 
    326             cursor:"pointer", 
    327             cursorAt: { left: 16, top: -16} , 
    328             helper: function (){ 
    329                 var div = $(this).find("div.reference").clone(); 
    330                 div.addClass("dragged"); 
    331                 return div; 
    332                 }}); 
    333342        $("#navAddForm").dialog({ 
    334343            autoOpen: false, 
  • trunk/openPLM/templates/DisplayHomePage.htm

    r410 r482  
    4141            <div class="reference"> 
    4242                {{result.rendered|safe}} 
     43                {% if navigate_bool %} 
     44                    <div class="toolbar"> 
     45                        <button class="attach">{% trans "Attach" %}</button> 
     46                        <button class="add_child">{% trans "Add child" %}</button> 
     47                    </div> 
     48                {% endif %} 
    4349            </div> 
    4450            <div class="summary"> 
     
    4854                <form method="post" action="." enctype="multipart/form-data"> 
    4955                    {{result.rendered_add|safe}} 
    50                     {% if result.object|can_add:attach %} 
     56                    {% if link_creation and result.object|can_add:attach %} 
    5157                        <input type="submit" value="{% trans "ADD" %}"/> 
    5258                    {% endif %} 
Note: See TracChangeset for help on using the changeset viewer.