WordPress.org

Plugin Directory

Changeset 623490


Ignore:
Timestamp:
11/10/12 22:27:00 (17 months ago)
Author:
eskapism
Message:

stuff

Location:
cms-tree-page-view/trunk
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • cms-tree-page-view/trunk/functions.php

    r623479 r623490  
    7777        wp_enqueue_script( "jquery-jstree", CMS_TPV_URL . "scripts/jquery.jstree.js", false, CMS_TPV_VERSION); 
    7878        wp_enqueue_script( "jquery-alerts", CMS_TPV_URL . "scripts/jquery.alerts.js", false, CMS_TPV_VERSION); 
    79         wp_enqueue_script( "jquery-hoverintent", CMS_TPV_URL . "scripts/jquery.hoverIntent.minified.js", false, CMS_TPV_VERSION); 
     79        wp_enqueue_script( "hoverIntent"); 
    8080        wp_enqueue_script( "cms_tree_page_view", CMS_TPV_URL . "scripts/cms_tree_page_view.js", false, CMS_TPV_VERSION);     
    8181 
  • cms-tree-page-view/trunk/readme.txt

    r623479 r623490  
    9494- Minor CSS changes like a little bit bigger text on the pages and a bit more spacing between each page. Makes a bit easier to drag and drop/move them around. 
    9595- Changed javascript to to use on() istead on live() 
     96- Removed hoverIntent since that is included in WordPress by default 
     97- Started using hoverIndent to make the popup with page actions show after a short while for each page. This also means that you can move outside the actions-pop-up for a short while without the pop up being closed - a thing that annoyed me very much. 
     98-  
    9699 
    97100= 0.8.14 = 
  • cms-tree-page-view/trunk/scripts/cms_tree_page_view.js

    r623479 r623490  
    9797        }); 
    9898         
     99        /** 
     100         * When tree is loaded: start hoverindenting stuff 
     101         */ 
     102        function cms_tpv_tree_loaded(event, data) { 
     103            //console.log(event); 
     104            //console.log(data); 
     105            var $target = $(event.target); 
     106            var $lis = $target.find("li a"); 
     107            var $hoverIntentWrap = $target.find("div.cmstpv-hoverIntent-wrap"); 
     108 
     109            $hoverIntentWrap.hoverIntent({     
     110                over: cms_tpv_mouseover, 
     111                out: cms_tpv_mouseout, 
     112                timeout: 500 
     113            }); 
     114 
     115            function cms_tpv_mouseover() { 
     116                var $this = $(this); 
     117                var $li = $this.closest("li"); 
     118                //$this.css("background-color", "yellow"); 
     119                console.log("mouseover"); 
     120                cms_tpv_mouseover_li($li.get(0)); 
     121            } 
     122 
     123            function cms_tpv_mouseout() { 
     124                var $this = $(this); 
     125                var $li = $this.closest("li"); 
     126                //$this.css("background-color", "transparent"); 
     127                console.log("mouseout"); 
     128                cms_tpv_mouseout_li($li.get(0)); 
     129            } 
     130 
     131        } 
     132 
     133        $elm.bind("loaded.jstree", cms_tpv_tree_loaded); 
     134         
    99135        $elm.jstree(treeOptionsTmp); 
    100136 
    101137    }); 
    102      
    103138 
    104139}); // end ondomready 
     
    209244} 
    210245 
     246/* 
     247jQuery(".jstree li").live("mouseover", function(e) { 
     248    var $li = jQuery(this); 
     249    var li_id = $li.attr("id"); 
     250    cms_tpv_mouseover_li(this); 
     251}); 
     252// ..and hide them again 
     253jQuery(".jstree li").live("mouseout", function() { 
     254    //cms_tpv_current_li_id = null; 
     255    //console.log("out"); 
     256    cms_tpv_mouseout_li(this); 
     257}); 
     258*/ 
     259 
     260 
     261 
    211262// fired when mouse is over li 
    212263function cms_tpv_mouseover_li(li) { 
     
    218269 
    219270    if (cms_tpv_is_dragging() == false) { 
    220      
    221         if (div_actions_for_post_type.is(":visible")) { 
     271         
     272        var is_visible = div_actions_for_post_type.is(":visible"); 
     273        is_visible = false; 
     274 
     275        if (is_visible) { 
    222276            // do nada 
    223277        } else { 
     
    234288            var editlink = $li.data("editlink"); 
    235289            $edit.attr("href", editlink); 
     290 
     291            // ..and some extras 
     292            div_actions_for_post_type.find(".cms_tpv_page_actions_modified_time").text($li.data("modified_time")); 
     293            div_actions_for_post_type.find(".cms_tpv_page_actions_modified_by").text($li.data("modified_author")); 
     294            div_actions_for_post_type.find(".cms_tpv_page_actions_page_id").text($li.data("post_id"));       
     295             
     296            div_actions_for_post_type.find(".cms_tpv_page_actions_columns").html( unescape($li.data("columns")) ); 
     297             
     298            // position and show action div 
     299            // put it inside cmstpv-hoverIntent-wrap so hoverIndent is cool with it 
     300            var $overIntentWrap = $li.find("div.cmstpv-hoverIntent-wrap:first"); 
     301            //console.log( $overIntentWrap.length ); 
     302            var $a = $li.find("a"); 
     303            var width = $a.outerWidth(true); 
     304            //$li.append(div_actions_for_post_type); 
     305             
     306            $overIntentWrap.append(div_actions_for_post_type); 
     307             
     308            left_pos = width+28; 
     309            top_pos = -8; 
     310            div_actions_for_post_type.css("left", left_pos); 
     311            div_actions_for_post_type.css("top", top_pos); 
    236312             
    237313            // check if user is allowed to edit page 
     
    242318                $cms_tpv_action_add_and_edit_page.hide(); 
    243319            } else { 
    244                 $edit.show(); 
     320                //$edit.show(); 
    245321                $cms_tpv_action_add_and_edit_page.show(); 
     322                div_actions_for_post_type.addClass("cms_tpv_page_actions_visible"); 
    246323            } 
    247324             
    248             // ..and some extras 
    249             div_actions_for_post_type.find(".cms_tpv_page_actions_modified_time").text($li.data("modified_time")); 
    250             div_actions_for_post_type.find(".cms_tpv_page_actions_modified_by").text($li.data("modified_author")); 
    251             div_actions_for_post_type.find(".cms_tpv_page_actions_page_id").text($li.data("post_id"));       
    252              
    253             div_actions_for_post_type.find(".cms_tpv_page_actions_columns").html( unescape($li.data("columns")) ); 
    254              
    255             // position and show action div 
    256             var $a = $li.find("a"); 
    257             var width = $a.outerWidth(true); 
    258             $li.append(div_actions_for_post_type); 
    259             left_pos = width+28; 
    260             top_pos = -8; 
    261             div_actions_for_post_type.css("left", left_pos); 
    262             div_actions_for_post_type.css("top", top_pos); 
    263             div_actions_for_post_type.show(); 
     325 
    264326        } 
    265327    } 
     
    269331// fired when mouse leaves li 
    270332function cms_tpv_mouseout_li(li) { 
     333    /* 
     334    when / how to hide? 
     335    */ 
    271336    $li = jQuery(li); 
    272337    $li.find("a:first").removeClass("hover"); 
    273     div_actions.hide(); 
    274 } 
    275  
    276 /* 
    277 jQuery(".jstree li").live("mouseover", function(e) { 
    278     var $li = jQuery(this); 
    279     var li_id = $li.attr("id"); 
    280     cms_tpv_mouseover_li(this); 
    281 }); 
    282 // ..and hide them again 
    283 jQuery(".jstree li").live("mouseout", function() { 
    284     //cms_tpv_current_li_id = null; 
    285     //console.log("out"); 
    286     cms_tpv_mouseout_li(this); 
    287 }); 
    288 */ 
     338    //div_actions.hide(); 
     339} 
     340 
    289341 
    290342// hide action links on drag 
     
    356408        if (obj && obj != -1) { 
    357409            obj.each(function(i, elm) { 
     410 
    358411                var li = jQuery(elm); 
    359412                var aFirst = li.find("a:first"); 
     
    365418                    li.data("done_cms_tpv_clean_node", true); 
    366419                } 
    367                 // new way: 
    368                 // console.log(li.data("childCount")); 
    369                 // add number of children 
    370                 //if (li.data("jstree")) { 
    371                     var childCount = li.data("childCount"); 
    372                     if (childCount > 0) { 
    373                         aFirst.append("<span title='" + childCount + " " + cmstpv_l10n.child_pages + "' class='child_count'>("+childCount+")</span>"); 
    374                     } 
    375                      
    376                     // add protection type 
    377                     var rel = li.data("rel"); 
    378                     if(rel == "password") { 
    379                         aFirst.find("ins").after("<span class='post_protected' title='" + cmstpv_l10n.Password_protected_page + "'>&nbsp;</span>"); 
    380                     } 
    381      
    382                     // add page type 
    383                     var post_status = li.data("post_status"); 
    384                     // post_status can be any value because of plugins like Edit flow 
    385                     // check if we have an existing translation for the string, otherwise use the post status directly 
    386                     var post_status_to_show = ""; 
    387                     if (post_status_to_show = cmstpv_l10n["Status_"+post_status + "_ucase"]) { 
    388                         // it's ok 
    389                     } else { 
    390                         post_status_to_show = post_status; 
    391                     } 
    392                     if (post_status != "publish") { 
    393                         aFirst.find("ins").first().after("<span class='post_type post_type_"+post_status+"'>" + post_status_to_show + "</span>"); 
    394                     } 
    395                 //} 
     420 
     421                var childCount = li.data("childCount"); 
     422                if (childCount > 0) { 
     423                    aFirst.append("<span title='" + childCount + " " + cmstpv_l10n.child_pages + "' class='child_count'>("+childCount+")</span>"); 
     424                } 
    396425                 
     426                // add protection type 
     427                var rel = li.data("rel"); 
     428                if(rel == "password") { 
     429                    aFirst.find("ins").after("<span class='post_protected' title='" + cmstpv_l10n.Password_protected_page + "'>&nbsp;</span>"); 
     430                } 
     431 
     432                // add page type 
     433                var post_status = li.data("post_status"); 
     434                // post_status can be any value because of plugins like Edit flow 
     435                // check if we have an existing translation for the string, otherwise use the post status directly 
     436                var post_status_to_show = ""; 
     437                if (post_status_to_show = cmstpv_l10n["Status_"+post_status + "_ucase"]) { 
     438                    // it's ok 
     439                } else { 
     440                    post_status_to_show = post_status; 
     441                } 
     442                if (post_status != "publish") { 
     443                    aFirst.find("ins").first().after("<span class='post_type post_type_"+post_status+"'>" + post_status_to_show + "</span>"); 
     444                } 
     445 
     446                // To make hoverindent work we must wrap something around the a bla bla bla 
     447 
     448                //li.find() 
     449                var div_wrap = jQuery("<div class='cmstpv-hoverIntent-wrap' />"); 
     450                div_wrap.css({ 
     451                    "display": "inline-block", 
     452                    "xwidth": "100%" 
     453                }); 
     454                aFirst.wrap(div_wrap); 
     455 
     456 
    397457            }); 
    398458        } 
  • cms-tree-page-view/trunk/scripts/themes/wordpress/style.css

    r623479 r623490  
    7979    position: relative; 
    8080} 
    81 .jstree li.jstree-closed, 
     81/*.jstree li.jstree-closed, 
    8282.jstree li.jstree-open 
    8383 { 
    84     /* padding-top: 4px; 
    85     padding-bottom: 4px; */ 
    86 } 
    87 .jstree li.hover a, 
     84}*/ 
     85 
     86/*.jstree li.hover a, 
    8887.jstree li a.hover 
    8988{ 
    9089    background-color: #e7f4f9; 
    9190} 
     91*/ 
    9292 
    93  
     93.jstree li a:hover { 
     94    background-color: #e7f4f9; 
     95} 
  • cms-tree-page-view/trunk/styles/styles.css

    r623479 r623490  
    249249 
    250250.cms_tpv_page_actions { 
     251    transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; 
    251252    width: auto; 
    252253    min-width: 125px; 
     
    258259    z-index: 100; 
    259260    padding: 7px; 
    260     display: none; 
    261     -moz-box-shadow: 2px 2px 8px #ddd; /* FF3.5+ */ 
     261    /*display: none;*/ 
     262    visibility: hidden; 
     263    -moz-box-shadow:    2px 2px 8px #ddd; 
     264    -webkit-box-shadow: 2px 2px 8px #ddd; 
     265    box-shadow:         2px 2px 8px #ddd; 
    262266    border: 1px solid #bbb; 
    263 } 
     267    opacity: 0; 
     268} 
     269 
     270.cms_tpv_page_actions.cms_tpv_page_actions_visible { 
     271    /*display: block;*/ 
     272    visibility: visible; 
     273    opacity: 1; 
     274} 
     275 
    264276.cms_tpv_page_actions p { 
    265277    margin: 0 0 .5em 0; 
     
    340352    border-left: 1px solid #E3E3E3; 
    341353} 
     354 
Note: See TracChangeset for help on using the changeset viewer.