To participate you must create an account on apostrophenow.org. If you have already done so, click Login.

Show
Ignore:
Timestamp:
04/30/10 15:01:36 (3 years ago)
Author:
johnnyoffline
Message:

reworked some class name assignments with Simple Edit Button. When you click the edit button, the corresponding Slot AND Area are classed with 'editing-now'. This allows us to scope styles and js events to either the Slot or Area that is currently being actively edited.

Files:
1 modified

Legend:

Unmodified
Added
Removed

  • plugins/apostrophePlugin/trunk/modules/a/templates/_simpleEditButton.php

    r803 r1107  
    88<?php endif ?> 
    99 
    10         <li class="a-controls-item edit"> 
    11   <?php echo jq_link_to_function(isset($label) ? __($label, null, 'apostrophe') : __("edit", null, 'apostrophe'), "",  
    12                                 array( 
    13                                         'id' => "a-slot-edit-$pageid-$name-$permid", 
    14                                         'class' => isset($class) ? $class : 'a-btn icon a-edit',  
    15                                         'title' => isset($title) ? $title : __('Edit', null, 'apostrophe'),  
    16         )) ?> 
     10<li class="a-controls-item edit"> 
     11<?php echo jq_link_to_function(isset($label) ? __($label, null, 'apostrophe') : __("edit", null, 'apostrophe'), "",  
     12                        array( 
     13                                'id' => "a-slot-edit-$pageid-$name-$permid", 
     14                                'class' => isset($class) ? $class : 'a-btn icon a-edit',  
     15                                'title' => isset($title) ? $title : __('Edit', null, 'apostrophe'),  
     16)) ?> 
     17 
    1718<script type="text/javascript" charset="utf-8"> 
     19<?php // TODO: Rewrite this as a button class scoped to ALL edit buttons so there's only a single instance of this Javascript ?> 
    1820        $(document).ready(function(){ 
    1921                var editBtn = $('#a-slot-edit-<?php echo "$pageid-$name-$permid" ?>'); 
    2022                var editSlot = $('#a-slot-<?php echo "$pageid-$name-$permid" ?>'); 
    2123                editBtn.click(function(event){ 
    22                         $(this).parent().addClass('editing-now'); 
    23                         $(this).parents('.a-area').addClass('editing-now'); 
    24                         $(editSlot).children('.a-slot-content').children('.a-slot-content-container').hide(); // Hide content 
    25                         $(editSlot).children('.a-slot-content').children('.a-slot-content-container').hide(); // Hide content 
    26                         $(editSlot).children('.a-slot-content').children('.a-slot-form').fadeIn();                                                      // Show form 
    27                         $(editSlot).children('.a-controls-item variant').hide(); 
    28                         aUI($(this).parents('.a-slot').attr('id')); 
     24                        editBtn.parents('.a-slot, .a-area').addClass('editing-now'); <?php // Apply a class to the Area and Slot Being Edited ?> 
     25                        editSlot.children('.a-slot-content').children('.a-slot-content-container').hide(); <?php // Hide the Content Container ?> 
     26                        editSlot.children('.a-slot-content').children('.a-slot-form').fadeIn(); <?php // Fade In the Edit Form ?> 
     27                        editSlot.children('.a-controls-item variant').hide(); <?php // Hide the Variant Options ?> 
     28                        aUI(editBtn.parents('.a-slot').attr('id')); <?php // Refresh the UI scoped to this Slot ?> 
    2929                        return false; 
    3030                }); 
    31         }) 
     31        }); 
    3232</script> 
    33         </li> 
     33</li> 
    3434         
    3535<?php if ($controlsSlot): ?>