Changeset 502

Show
Ignore:
Timestamp:
08/29/06 05:33:06
Author:
piv
Message:

merge css, renaming classes, added div.bridge

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • qPloneTabs/trunk/TODO.txt

    r501 r502  
    1 #  * write css 
    21  * Opera compatibility 
    32  * 'portal-globalnav' visualization without page reloading 
    4 #  * sliding 'Advanced' section 
    5 #  * intelligent url processing on adding 

  • qPloneTabs/trunk/skins/qPloneTabs/javascripts/qplonetabs.js

    r501 r502  
    9797    } 
    9898  }, 
    99   '#app .collapsibleHeader1' : function(el){ 
     99  '#app .headerAdvanced' : function(el){ 
    100100    el.onclick =  function(ev){ 
    101101      var ev = ev?ev:window.event, dl = Event.findElement(ev, 'DL'), 
    …… 
    209209                 Form.reset('addaction'); 
    210210                 Element.removeClassName('addaction', 'adding'); 
     211                 var dls = document.getElementsByClassName('collapseAdvanced', 'tabslist'); 
     212                 collapseLi(dls[dls.length-1]); 
    211213                 Behaviour.apply(); 
    212214                 ieHover(); 
    …… 
    296298}; 
    297299 
     300function collapseLi(dl) { 
     301  var dd = dl.getElementsByTagName('DD')[0]; 
     302  if (!Element.hasClassName(dl, 'collapsedBlock') && Element.visible(dd)) { 
     303    shiftClassNames(dl, 'expandedBlock', 'collapsedBlock'); 
     304  }; 
     305  Element.hide(dd); 
     306}; 
     307 
    298308function collapseAdvanced() { 
    299   $A(document.getElementsByClassName('collapsible1', 'app')).each( 
    300     function(dl){ 
    301       var dd = dl.getElementsByTagName('DD')[0]; 
    302       if (!Element.hasClassName(dl, 'collapsedBlock') && Element.visible(dd)) { 
    303         shiftClassNames(dl, 'expandedBlock', 'collapsedBlock'); 
    304       }; 
    305       Element.hide(dd); 
    306     } 
    307   ); 
     309  $A(document.getElementsByClassName('collapseAdvanced', 'app')).each(collapseLi); 
    308310}; 
    309311 

  • qPloneTabs/trunk/skins/qPloneTabs/prefs_tabs_form.cpt

    r501 r502  
    5252                        name="action" /></dd></dl> 
    5353 
    54         <dl class="advanced collapsible1 expandedBlock"> 
    55           <dt class="collapsibleHeader1">Advanced</dt> 
    56           <dd class="collapsibleContent1"> 
     54        <dl class="advanced collapseAdvanced expandedBlock"> 
     55          <dt class="headerAdvanced">Advanced</dt> 
     56          <dd class="contentAdvanced"> 
    5757            <dl class="field-visible"><dt><label>Visible</label></dt> 
    5858              <dd><input id="actvisible" type="checkbox" value="1" checked="checked" 

  • qPloneTabs/trunk/skins/qPloneTabs/qplonetabs.css.dtml

    r501 r502  
    2626*/ 
    2727 
    28 #app.viewing                      .reorder-controls, 
    29 #app.sorting                      .sort-controls, 
    30 #app.viewing li.editing           .editform, 
    31 #app #addaction.adding            .field-visible, 
    32 #app #addaction.adding            .field-name dt, 
    33 #app #addaction.adding            .field-action, 
    34 #app #addaction.adding            .field-action label, 
    35 #app #addaction.adding            .advanced, 
    36 #app #addaction.adding            .field-id, 
    37 #app #addaction.adding            .field-condition, 
    38 #app #addaction.adding            .add-controls    {display: block;} 
    39  
    40 #app                              #busy, 
    41 #app                              .reorder-controls, 
    42 #app                              .sort-controls, 
    43 #app.viewing li.editing           .url-helper, 
    44 #app.viewing li.editing           .tab-title, 
    45 #app                              .drag-handle, 
    46 #app                              .delete, 
    47 #app ul.csshover li.editing:hover .delete, 
    48 #app ul.csshover li.editing.hover .delete, 
    49 #app                              .visibility, 
    50 #app                              .editform, 
    51 #app.sorting                      #addaction, 
    52 #app                              .field-visible, 
    53 #app                              .field-name dt, 
    54 #app                              .field-action, 
    55 #app                              .advanced, 
    56 #app                              .field-id, 
    57 #app                              .field-condition, 
    58 #app                              .add-controls    {display: none;} 
     28#app.viewing                      .reorder-controls, 
     29#app.sorting                      .sort-controls, 
     30#app.viewing li.editing            .editform, 
     31#app #addaction.adding            .field-visible, 
     32#app #addaction.adding            .field-name dt, 
     33#app #addaction.adding            .field-action, 
     34#app #addaction.adding            .field-action label, 
     35#app #addaction.adding            .advanced, 
     36#app #addaction.adding            .field-id, 
     37#app #addaction.adding            .field-condition, 
     38#app #addaction.adding            .add-controls    {display: block;} 
     39 
     40#app                              #busy, 
     41#app                              .reorder-controls, 
     42#app                              .sort-controls, 
     43#app.viewing li.editing            .url-helper, 
     44#app.viewing li.editing            .tab-title, 
     45#app                              .drag-handle, 
     46#app                              .delete, 
     47#app ul.csshover li.editing:hover .delete, 
     48#app ul.csshover li.editing.hover .delete, 
     49#app                              .visibility, 
     50#app                              .editform, 
     51#app.sorting                      #addaction, 
     52#app                              .field-visible, 
     53#app                              .field-name dt, 
     54#app                              .field-action, 
     55#app                              .advanced, 
     56#app                              .field-id, 
     57#app                              .field-condition, 
     58#app                              .add-controls    {display: none;} 
    5959 
    6060#app.working #busy, 
    61 #app.viewing ul.csshover li:hover .delete, 
    62 #app.viewing ul.csshover li.hover .delete, 
    63 #app.viewing ul.csshover li:hover .visibility, 
    64 #app.viewing ul.csshover li.hover .visibility, 
     61#app.viewing ul.csshover li:hover .delete, 
     62#app.viewing ul.csshover li.hover .delete, 
     63#app.viewing ul.csshover li:hover .visibility, 
     64#app.viewing ul.csshover li.hover .visibility, 
    6565#app ul#roottabs.csshover li:hover .visibility, 
    6666#app ul#roottabs.csshover li.hover .visibility, 
    67 #app.sorting                      .drag-handle     {display: inline;} 
    68  
    69 #app.sorting #tabslist             img.drag-handle {cursor: move;} 
    70  
    71 #app .invisible                    span.tab-title, 
    72 #app .invisible                    span.url-helper {color:#aaa;} 
     67#app.sorting                       .drag-handle     {display: inline;} 
     68 
     69/**********************************************************/ 
     70 
     71#app.sorting #tabslist img.drag-handle {cursor: move;} 
     72 
     73#app .invisible span.tab-title {color:#aaa;} 
    7374 
    7475/*common***************************************************/ 
    …… 
    8586 
    8687#app ul { 
    87   list-style-type: none; 
     88    list-style-type: none; 
    8889    list-style-image: none; 
    89     margin:2.5em 0 0 0; 
     90    margin:2.5em 0 0 1.7em; 
    9091} 
    9192 
    9293#app .delete { 
    93   background: url(&dtml-portal_url;/trash.gif) 12px 50% no-repeat; 
    94     float:right; 
     94    background: url(&dtml-portal_url;/trash.gif) 12px 50% no-repeat; 
    9595    padding: 0 0 0 25px; 
    9696    line-height:1.8em; 
    9797    font-size:80%; 
    9898    border:0; 
    99     position:relative; 
     99    position:absolute; 
     100    right:0; 
    100101    margin-right:-6.3em; 
    101102    color: &dtml-linkColor; !important; 
    …… 
    111112    line-height:1.5em; 
    112113    clear:left; 
     114    position:relative; 
    113115} 
    114116 
    …… 
    119121#app ul.csshover li span { 
    120122    display:block; 
     123} 
     124 
     125#app ul.csshover li span.url-helper { 
     126    position:absolute; 
     127    right:0; 
     128    padding-right:0.5em; 
     129    font-size:80%; 
     130    color:#aaa; 
    121131} 
    122132 
    …… 
    127137} 
    128138 
     139#app.sorting ul.csshover li.editing { 
     140    padding: 0 0.5em; 
     141} 
     142 
    129143#app li.editing form { 
    130144    margin:-0.1em; 
    …… 
    133147* html #app li.editing form { 
    134148    margin: -0.2em 0 0 0; 
    135 } 
    136  
    137 #app fieldset { 
    138     margin:0; 
    139     padding:0; 
    140     border:0; 
    141149} 
    142150 
    …… 
    161169} 
    162170 
    163 #app legend { 
    164     padding:0 0.5em; 
    165     top:-1px; 
    166     color: &dtml-globalFontColor;; 
    167   float:left; 
    168     display:none; 
    169 } 
    170  
    171 #app input { 
     171#app input[type="text"] { 
    172172    width:96.8%; 
    173     padding:0.17em 0.5em; 
     173} 
     174 
     175#app div.bridge { 
     176    position:absolute; 
     177    left:-1.5em; 
     178    top:0.2em; 
     179    width:3em; 
     180} 
     181 
     182* html #app div.bridge { 
     183    top:0; 
     184    left:-2em; 
    174185} 
    175186 
    …… 
    214225#app ul#roottabs.csshover li:hover, 
    215226#app ul#roottabs.csshover li.hover { 
    216   background-color: #FFFFDD; 
     227    background-color: #FFFFDD; 
    217228    border:  1px inset threedface; 
    218   cursor: text; 
     229    cursor: text; 
    219230} 
    220231 
    221232#app.viewing ul.csshover li.editing, 
    222233#app.viewing ul.csshover li.editing { 
    223   background-color: &dtml-backgroundColor;; 
    224     border: none; 
     234    background-color: &dtml-backgroundColor;; 
     235    border: 1px &dtml-borderStyle; white; 
    225236    cursor: auto; 
    226237} 
    …… 
    228239/*edit*****************************************************/ 
    229240 
    230 #app dl.collapsible1 { 
     241#app dl.collapseAdvanced { 
    231242    margin-top:0.15em; 
    232243    position:relative; 
    …… 
    237248} 
    238249 
    239 #app dl.collapsible1 dt.collapsibleHeader1 { 
     250#app dl.collapseAdvanced dt.headerAdvanced { 
    240251    cursor: pointer; 
    241252    font-size: 90%; 
    …… 
    252263} 
    253264 
    254 #app dl.collapsible1 dd.collapsibleContent1 { 
     265#app dl.collapseAdvanced dd.contentAdvanced { 
    255266    padding:1em 1.5em 0 1.5em; 
    256267    border:0; 
    …… 
    258269} 
    259270 
    260 dl.expandedBlock dt.collapsibleHeader1 { 
     271dl.expandedBlock dt.headerAdvanced { 
    261272    padding: 0 6px 0 22px; 
    262273    background: url(treeExpanded.gif) no-repeat 6px 50%; 
    263274} 
    264275 
    265 dl.collapsedBlock dt.collapsibleHeader1 { 
     276dl.collapsedBlock dt.headerAdvanced { 
    266277    padding: 0 0 0 22px; 
    267278    background: url(treeCollapsed.gif) no-repeat 6px 50%; 
    268279 } 
    269280 
    270  
    271281#app dl.advanced {  
    272282    clear: both; 
    …… 
    276286 
    277287#app #addaction { 
     288    margin-left:1.7em; 
    278289    width:36.2em; 
    279290    position:relative; 

  • qPloneTabs/trunk/skins/qPloneTabs/qpt_add.py

    r501 r502  
    3030<li id="tabslist_%(id)s" class="%(class)s"> 
    3131  <img class="drag-handle" src="drag.gif" alt="" height="11" width="25"> 
    32   <input class="visibility" value="1" name="i%(idx)s_visibility" %(checked)s type="checkbox" title="visibility"> 
     32  <div class="bridge"><input class="visibility" value="1" name="i%(idx)s_visibility" %(checked)s type="checkbox" title="visibility"></div> 
    3333  <a class="delete" href="#">Delete</a> 
    3434  <span class="url-helper">%(action)s</span> 
    …… 
    4040        <dd><input type="text"     value="%(name)s"      name="i%(idx)s_name"                /></dd> 
    4141      </dl> 
    42       <dl class="collapsible1 collapsedBlock"> 
    43         <dt class="collapsibleHeader1">Advanced</dt> 
    44         <dd class="collapsibleContent1"> 
     42      <dl class="collapseAdvanced collapsedBlock"> 
     43        <dt class="headerAdvanced">Advanced</dt> 
     44        <dd class="contentAdvanced"> 
    4545          <dl> 
    4646            <dt><label>URL (Expression)</label></dt> 

  • qPloneTabs/trunk/skins/qPloneTabs/qpt_getroottabs.pt

    r501 r502  
    66                    title tab/description|nothing; 
    77                    class python:test(visible, '', 'invisible')"> 
    8   <input type="checkbox" class="visibility" value="1" id="id" name="rootvis"  title="visibility" 
     8  <div class="bridge"><input type="checkbox" class="visibility" value="1" id="id" name="rootvis"  title="visibility" 
    99         tal:attributes="name string:i${repeat/tab/index}_${attrs/name}; 
    1010                         id id; 
    11                          checked python:test(visible, 'checked', None)" /> 
     11                         checked python:test(visible, 'checked', None)" /></div> 
    1212  <span class="url-helper" tal:content="python:tab['url']">Tab Action</span> 
    1313  <span class="tab-title"  tal:content="tab/name">Tab Name</span> 

  • qPloneTabs/trunk/skins/qPloneTabs/qpt_gettabslist.pt

    r501 r502  
    88                    class python:test(visible, '', 'invisible')"> 
    99  <img class="drag-handle" src="drag.gif" alt="" height="11" width="25" /> 
    10   <input type="checkbox" class="visibility" value="1" name="visibility" title="visibility" 
    11          tal:attributes="checked python:test(visible, 'checked', None); 
    12                          name string:i${index}_${attrs/name}" /> 
     10  <div class="bridge"><input type="checkbox" class="visibility" value="1" name="visibility" title="visibility" 
     11                             tal:attributes="checked python:test(visible, 'checked', None); 
     12                                             name string:i${index}_${attrs/name}" /></div> 
    1313  <a class="delete" href="#">Delete</a> 
    1414  <span class="url-helper" tal:content="tab/getActionExpression|nothing">Tab Action</span> 
    …… 
    2020                        name string:f$index"> 
    2121    <input type="hidden" name="idx" tal:attributes="value index" /> 
    22       <dl class="na"> 
     22      <dl> 
    2323        <dt><label>Name</label></dt> 
    2424        <dd><input type="text" value="" name="name" 
    …… 
    2626                                   name string:i${index}_${attrs/name}"      /></dd> 
    2727      </dl> 
    28       <dl class="collapsible1 expandedBlock"> 
    29         <dt class="collapsibleHeader1">Advanced</dt> 
    30         <dd class="collapsibleContent1"> 
     28      <dl class="collapseAdvanced expandedBlock"> 
     29        <dt class="headerAdvanced">Advanced</dt> 
     30        <dd class="contentAdvanced"> 
    3131          <dl> 
    3232            <dt><label>URL (Expression)</label></dt>