Changeset 5980


Ignore:
Timestamp:
Apr 28, 2010, 2:35:24 AM (10 years ago)
Author:
patdenice
Message:

Fix tooltip position on admin intro page.
Menubar reordering now looks like category reordering.

Location:
trunk/admin/themes
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • trunk/admin/themes/clear/theme.css

    r5724 r5980  
    9696.throw  { font-size: 120%; line-height: 26px; padding-top: 10px; font-weight: bold; color: #0cc9c; }
    9797label { cursor:pointer }
    98 .categoryLi { background: #ddd }
    99 .virtual_cat { background: #ccc !important; }
     98.categoryLi, .menuLi { background: #ddd }
     99.virtual_cat, .menuLi_hidden { background: #ccc !important; }
    100100a.Piwigo {
    101101  font-family: verdana, arial, helvetica, sans-serif !important;
  • trunk/admin/themes/default/default-layout.css

    r5866 r5980  
    100100        height:45px;
    101101        line-height:45px;
     102}
     103/* */
     104
     105/* menuOrdering */
     106FORM#menuOrdering {
     107        padding-left: 1em;
     108        padding-right: 1em;
     109}
     110FORM#menuOrdering p {
     111        text-align: left;
     112        margin: 0 10px;
     113}
     114FORM#menuOrdering p span {
     115        float:right;
     116}
     117FORM#menuOrdering input {
     118        vertical-align: middle;
     119  margin:0 10px;
     120}
     121FORM#menuOrdering .menuAuthor {
     122  margin: 5px 0 0 40px;
     123}
     124FORM#menuOrdering .menuSubmit {
     125  margin: 20px 0;
     126}
     127
     128UL.menuUl {
     129        list-style: none;
     130        padding: 0;
     131        margin: 0;
     132}
     133
     134LI.menuLi {
     135        width: 100%;
     136        border: 1px solid #666;
     137        padding: 12px 0;
     138        margin-bottom: 5px;
    102139}
    103140/* */
  • trunk/admin/themes/default/template/intro.tpl

    r5493 r5980  
    66  jQuery('.cluetip').cluetip({ldelim}
    77    width: 300,
    8     splitTitle: '|'
     8    splitTitle: '|',
     9    positionBy: 'bottomTop'
    910  });
    1011});
  • trunk/admin/themes/default/template/menubar.tpl

    r5783 r5980  
    11{known_script id="jquery" src=$ROOT_URL|@cat:"themes/default/js/jquery.packed.js"}
    22{known_script id="jquery.ui" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.core.packed.js" }
    3 {known_script id="jquery-tablednd" src=$ROOT_URL|@cat:"themes/default/js/jquery.tablednd.js"}
     3{known_script id="jquery.ui.sortable" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.sortable.packed.js" }
    44
    5 {literal}
    65<script type="text/javascript">
    7 $(function() {
    8 $('table.table2').tableDnD({
    9 onDrop:function(table,row) {
    10 var rows = table.tBodies[0].rows;
    11 for (var i=0; i<rows.length; i++) {
    12   $(rows[i])
    13      .attr('class', 'row'+i%2)
    14      .find("input:text").attr('value', (i+1)*10);
    15 }
    16 }
    17 });
    18 });
     6  jQuery().ready(function(){ldelim}
     7    jQuery(".menuPos").hide();
     8    jQuery(".drag_button").show();
     9    jQuery(".menuLi").css("cursor","move");
     10    jQuery(".menuUl").sortable({ldelim}
     11      axis: "y",
     12      opacity: 0.8
     13    });
     14    jQuery("input[name^='hide_']").click(function() {ldelim}
     15      men = this.name.split('hide_');
     16      if (this.checked) {ldelim}
     17        jQuery("#menu_"+men[1]).addClass('menuLi_hidden');
     18      } else {ldelim}
     19        jQuery("#menu_"+men[1]).removeClass('menuLi_hidden');
     20      }
     21    });
     22    jQuery("#menuOrdering").submit(function(){ldelim}
     23      ar = jQuery('.menuUl').sortable('toArray');
     24      for(i=0;i<ar.length;i++) {ldelim}
     25        men = ar[i].split('menu_');
     26        document.getElementsByName('pos_' + men[1])[0].value = i+1;
     27      }
     28    });
     29  });
    1930</script>
    20 {/literal}
    2131
    2232<div class="titrePage">
    2333  <h2>Menubar</h2>
    2434</div>
    25 <div id="debugArea"></div>
    26 <form method="post" action="{$F_ACTION}" class="properties">
    27   <table class="table2" style="width:99%">
    28     <thead>
    29       <tr class="throw">
    30         <td>Id</td>
    31         <td>{'Author'|@translate}</td>
    32         <td>{'Name'|@translate}</td>
    33         <td>{'Position'|@translate}</td>
    34         <td>{'Hide'|@translate}</td>
    35       </tr>
    36     </thead>
    37     <tbody>
     35
     36<form id="menuOrdering" action="{$F_ACTION}" method="post">
     37  <ul class="menuUl">
    3838    {foreach from=$blocks item=block name="block_loop"}
    39         <tr class="{if $smarty.foreach.block_loop.index is odd}row1{else}row2{/if}">
    40           <td>
    41             <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">
    42             {$block.reg->get_id()}
    43           </td>
    44           <td>{$block.reg->get_owner()}</td>
    45           <td>{$block.reg->get_name()|@translate}</td>
    46           <td><input type="text" name="pos_{$block.reg->get_id()}" value={math equation="abs(pos)" pos=$block.pos} size="2"></td>
    47           <td><input type="checkbox" name="hide_{$block.reg->get_id()}" {if $block.pos<0}checked="checked"{/if}></td>
    48         </tr>
    49      {/foreach}
    50      </tbody>
    51   </table>
    52   <p>
     39    <li class="menuLi {if $block.pos<0}menuLi_hidden{/if}" id="menu_{$block.reg->get_id()}">
     40      <p>
     41        <span>
     42          <strong>{'Hide'|@translate} <input type="checkbox" name="hide_{$block.reg->get_id()}" {if $block.pos<0}checked="checked"{/if}></strong>
     43        </span>
     44
     45        <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">
     46        <strong>{$block.reg->get_name()|@translate}</strong> ({$block.reg->get_id()})
     47      </p>
     48
     49      {if $block.reg->get_owner() != 'piwigo'}
     50      <p class="menuAuthor">
     51        {'Author'|@translate}: <i>{$block.reg->get_owner()}</i>
     52      </p>
     53      {/if}
     54
     55      <p class="menuPos">
     56        <label>
     57          {'Position'|@translate} :
     58          <input type="text" size="4" name="pos_{$block.reg->get_id()}" maxlength="4" value="{math equation="abs(pos)" pos=$block.pos}">
     59        </label>
     60      </p>
     61    </li>
     62    {/foreach}
     63  </ul>
     64  <p class="menuSubmit">
    5365    <input type="submit" name="submit" value="{'Submit'|@translate}" {$TAG_INPUT_ENABLED}>
    5466    <input type="submit" name="reset" value="{'Reset'|@translate}" {$TAG_INPUT_ENABLED}>
    5567  </p>
     68
    5669</form>
  • trunk/admin/themes/roma/theme.css

    r5724 r5980  
    102102.throw  { font-size: 120%; line-height: 26px; padding-top: 10px; font-weight: bold; color: #ff3363; }
    103103label { cursor:pointer }
    104 .categoryLi { background: #222 }
    105 .virtual_cat { background: #333 !important; }
     104.categoryLi, .menuLi { background: #222 }
     105.virtual_cat, .menuLi_hidden { background: #333 !important; }
    106106a.Piwigo {
    107107  font-family: verdana, arial, helvetica, sans-serif !important;
Note: See TracChangeset for help on using the changeset viewer.