Changeset 28702


Ignore:
Timestamp:
06/14/14 14:18:40 (5 years ago)
Author:
mistic100
Message:

no more use of jquery ui for admin menu accordion

Location:
trunk/admin/themes
Files:
3 edited

Legend:

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

    r26019 r28702  
    161161 
    162162.sort { clear: none; } 
     163 
    163164/* menubar is on all admin pages => No specific css file */ 
    164165#menubar { 
     
    167168} 
    168169 
    169 #menubar ul.scroll { overflow-y:auto; max-height:500px; 
    170  /* Only IE family supports colored scrollbar */ 
    171  scrollbar-face-color: #ddd; scrollbar-shadow-color: #bbb; scrollbar-highlight-color: #fff; 
    172  scrollbar-3dlight-color: #d6d6d6; scrollbar-darkshadow-color: #ccc; scrollbar-track-color: #eee; 
    173  scrollbar-arrow-color: #0cccc; } 
    174 #menubar dd { margin: 0; padding: 0;} 
    175 #menubar dl { width: 200px; border:0; margin: 0; padding: 0; display: block; min-height:35px; border:1px solid #ddd; background-color:#f1f1f1; border-left:none; border-right:1px solid #ddd;} 
    176 #menubar dl.first {border-top:none;border-radius:0 6px 0 0;} 
    177 #menubar dl.first dt {border-radius:0 6px 0 0;} 
    178 #menubar dl.last {border-bottom:1px solid #ddd; border-radius:0 0 6px 0;} 
     170#menubar ul.scroll { overflow-y:auto; max-height:500px; } 
     171#menubar dl { width: 200px; min-height:35px; border:0; margin: 0; padding: 0; display: block; border:1px solid #ddd; background-color:#f1f1f1; border-left:none; } 
     172#menubar dd { margin: 0; padding: 0; } 
    179173#menubar dt { 
    180174        background-color: #ddd; margin: 0; display: block; font-weight:bold; 
     
    182176        cursor:pointer; 
    183177} 
     178#menubar dl:first-of-type, #menubar dl:first-of-type dt { border-radius:0 6px 0 0;  } 
     179#menubar dl:last-of-type { border-radius:0 0 6px 0;  } 
    184180#menubar li { margin: 0; padding-left:10px; } 
    185181#menubar li A { display:block; } 
  • trunk/admin/themes/default/template/admin.tpl

    r25749 r28702  
    1 {combine_script id='jquery.ui.accordion' load='header'}{*we load in the header because the accordion is on every admin page and usually all admin pages use the same header combined script but not the same footer script*} 
    2 {footer_script require='jquery.ui.accordion'} 
    3 jQuery(document).ready(function(){ldelim} 
    4         jQuery('#menubar').accordion({ldelim} 
    5                 header: "dt.rdion", 
    6                 event: "click", 
    7                 heightStyle: "content", 
    8                 active: {$ACTIVE_MENU} 
    9         }); 
     1{footer_script} 
     2jQuery.fn.lightAccordion = function(options) { 
     3  var settings = $.extend({ 
     4    header: 'dt', 
     5    content: 'dd', 
     6    active: 0 
     7  }, options); 
     8   
     9  return this.each(function() { 
     10    var self = jQuery(this); 
     11     
     12    var contents = self.find(settings.content), 
     13        headers = self.find(settings.header); 
     14     
     15    contents.not(contents[settings.active]).hide(); 
     16   
     17    self.on('click', settings.header, function() { 
     18        var content = jQuery(this).next(settings.content); 
     19        content.slideDown(); 
     20        contents.not(content).slideUp(); 
     21    }); 
     22  }); 
     23}; 
     24 
     25$('#menubar').lightAccordion({ 
     26  active: {$ACTIVE_MENU} 
    1027}); 
    1128{/footer_script} 
     
    1330<div id="menubar"> 
    1431  <div id="adminHome"><a href="{$U_ADMIN}">{'Administration Home'|@translate}</a></div> 
    15         <dl class="first"> 
    16                 <dt class="rdion"><span class="icon-picture"> </span><span>{'Photos'|@translate}&nbsp;</span></dt> 
     32 
     33        <dl> 
     34                <dt><i class="icon-picture"> </i><span>{'Photos'|@translate}&nbsp;</span></dt> 
    1735                <dd> 
    1836                        <ul> 
    19                                 <li><a class="icon-plus-circled" href="{$U_ADD_PHOTOS}">{'Add'|@translate}</a></li> 
    20                                 <li><a class="icon-star" href="{$U_RATING}">{'Rating'|@translate}</a></li> 
    21                                 <li><a class="icon-tags" href="{$U_TAGS}">{'Tags'|@translate}</a></li> 
    22                                 <li><a class="icon-clock" href="{$U_RECENT_SET}">{'Recent photos'|@translate}</a></li> 
    23                                 <li><a class="icon-pencil" href="{$U_BATCH}">{'Batch Manager'|@translate}</a></li> 
     37                                <li><a href="{$U_ADD_PHOTOS}"><i class="icon-plus-circled"></i>{'Add'|@translate}</a></li> 
     38                                <li><a href="{$U_RATING}"><i class="icon-star"></i>{'Rating'|@translate}</a></li> 
     39                                <li><a href="{$U_TAGS}"><i class="icon-tags"></i>{'Tags'|@translate}</a></li> 
     40                                <li><a href="{$U_RECENT_SET}"><i class="icon-clock"></i>{'Recent photos'|@translate}</a></li> 
     41                                <li><a href="{$U_BATCH}"><i class="icon-pencil"></i>{'Batch Manager'|@translate}</a></li> 
    2442{if $NB_PHOTOS_IN_CADDIE > 0} 
    25                                 <li><a class="icon-flag" href="{$U_CADDIE}">{'Caddie'|@translate}<span class="adminMenubarCounter">{$NB_PHOTOS_IN_CADDIE}</span></a></li> 
     43                                <li><a href="{$U_CADDIE}"><i class="icon-flag"></i>{'Caddie'|@translate}<span class="adminMenubarCounter">{$NB_PHOTOS_IN_CADDIE}</span></a></li> 
    2644{/if} 
    2745                        </ul> 
    2846                </dd> 
    29         </dl> 
    30         <dl> 
    31                 <dt class="rdion"><span class="icon-sitemap"> </span><span>{'Albums'|@translate}&nbsp;</span></dt> 
     47  </dl> 
     48  <dl> 
     49                <dt><i class="icon-sitemap"> </i><span>{'Albums'|@translate}&nbsp;</span></dt> 
    3250    <dd> 
    3351      <ul> 
    34         <li><a class="icon-folder-open" href="{$U_CATEGORIES}">{'Manage'|@translate}</a></li> 
    35         <li><a class="icon-pencil" href="{$U_CAT_OPTIONS}">{'Properties'|@translate}</a></li> 
     52        <li><a href="{$U_CATEGORIES}"><i class="icon-folder-open"></i>{'Manage'|@translate}</a></li> 
     53        <li><a href="{$U_CAT_OPTIONS}"><i class="icon-pencil"></i>{'Properties'|@translate}</a></li> 
    3654      </ul> 
    3755    </dd> 
    38         </dl> 
    39         <dl> 
    40                 <dt class="rdion"><span class="icon-users"> </span><span>{'Users'|@translate}&nbsp;</span></dt> 
     56  </dl> 
     57  <dl> 
     58                <dt><i class="icon-users"> </i><span>{'Users'|@translate}&nbsp;</span></dt> 
    4159                <dd> 
    4260      <ul> 
    43         <li><a class="icon-user-add" href="{$U_USERS}">{'Manage'|@translate}</a></li> 
    44         <li><a class="icon-group" href="{$U_GROUPS}">{'Groups'|@translate}</a></li> 
    45                                 <li><a class="icon-mail-1" href="{$U_NOTIFICATION_BY_MAIL}">{'Notification'|@translate}</a></li> 
     61        <li><a href="{$U_USERS}"><i class="icon-user-add"></i>{'Manage'|@translate}</a></li> 
     62        <li><a href="{$U_GROUPS}"><i class="icon-group"></i>{'Groups'|@translate}</a></li> 
     63                                <li><a href="{$U_NOTIFICATION_BY_MAIL}"><i class="icon-mail-1"></i>{'Notification'|@translate}</a></li> 
    4664      </ul> 
    4765                </dd> 
    48         </dl> 
    49         <dl> 
    50                 <dt class="rdion"><span class="icon-puzzle"> </span><span>{'Plugins'|@translate}&nbsp;</span></dt> 
     66  </dl> 
     67  <dl> 
     68                <dt><i class="icon-puzzle"> </i><span>{'Plugins'|@translate}&nbsp;</span></dt> 
    5169                <dd> 
    5270      <ul> 
    53         <li><a class="icon-equalizer" href="{$U_PLUGINS}">{'Manage'|@translate}</a></li> 
     71        <li><a href="{$U_PLUGINS}"><i class="icon-equalizer"></i>{'Manage'|@translate}</a></li> 
    5472      </ul> 
    5573      <div id="pluginsMenuSeparator"></div> 
     
    6280{/if} 
    6381                </dd> 
    64         </dl> 
    65         <dl> 
    66                 <dt class="rdion"><span class="icon-wrench"> </span><span>{'Tools'|@translate}&nbsp;</span></dt> 
     82  </dl> 
     83  <dl> 
     84                <dt><i class="icon-wrench"> </i><span>{'Tools'|@translate}&nbsp;</span></dt> 
    6785                <dd> 
    6886      <ul> 
    6987{if $ENABLE_SYNCHRONIZATION} 
    70         <li><a class="icon-exchange" href="{$U_CAT_UPDATE}">{'Synchronize'|@translate}</a></li> 
    71         <li><a class="icon-flow-branch" href="{$U_SITE_MANAGER}">{'Site manager'|@translate}</a></li> 
     88        <li><a href="{$U_CAT_UPDATE}"><i class="icon-exchange"></i>{'Synchronize'|@translate}</a></li> 
     89        <li><a href="{$U_SITE_MANAGER}"><i class="icon-flow-branch"></i>{'Site manager'|@translate}</a></li> 
    7290{/if} 
    73                                 <li><a class="icon-signal" href="{$U_HISTORY_STAT}">{'History'|@translate}</a></li> 
    74                                 <li><a class="icon-tools" href="{$U_MAINTENANCE}">{'Maintenance'|@translate}</a></li> 
     91                                <li><a href="{$U_HISTORY_STAT}"><i class="icon-signal"></i>{'History'|@translate}</a></li> 
     92                                <li><a href="{$U_MAINTENANCE}"><i class="icon-tools"></i>{'Maintenance'|@translate}</a></li> 
    7593{if isset($U_COMMENTS)} 
    76                                 <li><a class="icon-chat" href="{$U_COMMENTS}">{'Comments'|@translate}{if $NB_PENDING_COMMENTS > 0}<span class="adminMenubarCounter" title="{'%d waiting for validation'|translate:$NB_PENDING_COMMENTS}">{$NB_PENDING_COMMENTS}</span>{/if}</a></li> 
     94                                <li><a href="{$U_COMMENTS}"><i class="icon-chat"></i>{'Comments'|@translate} 
     95        {if $NB_PENDING_COMMENTS > 0} 
     96          <span class="adminMenubarCounter" title="{'%d waiting for validation'|translate:$NB_PENDING_COMMENTS}">{$NB_PENDING_COMMENTS}</span> 
     97        {/if}</a></li> 
    7798{/if} 
    78         <li><a class="icon-arrows-cw" href="{$U_UPDATES}">{'Updates'|@translate}</a></li> 
     99        <li><a href="{$U_UPDATES}"><i class="icon-arrows-cw"></i>{'Updates'|@translate}</a></li> 
    79100      </ul> 
    80101                </dd> 
    81         </dl> 
    82         <dl class="last"> 
    83                 <dt class="rdion"><span class="icon-cog"> </span><span>{'Configuration'|@translate}&nbsp;</span></dt> 
     102  </dl> 
     103  <dl> 
     104                <dt><i class="icon-cog"> </i><span>{'Configuration'|@translate}&nbsp;</span></dt> 
    84105                <dd> 
    85106      <ul> 
    86         <li><a class="icon-cog-alt" href="{$U_CONFIG_GENERAL}">{'Options'|@translate}</a></li> 
    87         <li><a class="icon-menu" href="{$U_CONFIG_MENUBAR}">{'Menu Management'|@translate}</a></li> 
    88         <li><a class="icon-code" href="{$U_CONFIG_EXTENTS}">{'Templates'|@translate}</a></li> 
    89                                 <li><a class="icon-language" href="{$U_CONFIG_LANGUAGES}">{'Languages'|@translate}</a></li> 
    90         <li><a class="icon-brush" href="{$U_CONFIG_THEMES}">{'Themes'|@translate}</a></li> 
     107        <li><a href="{$U_CONFIG_GENERAL}"><i class="icon-cog-alt"></i>{'Options'|@translate}</a></li> 
     108        <li><a href="{$U_CONFIG_MENUBAR}"><i class="icon-menu"></i>{'Menu Management'|@translate}</a></li> 
     109        <li><a href="{$U_CONFIG_EXTENTS}"><i class="icon-code"></i>{'Templates'|@translate}</a></li> 
     110                                <li><a href="{$U_CONFIG_LANGUAGES}"><i class="icon-language"></i>{'Languages'|@translate}</a></li> 
     111        <li><a href="{$U_CONFIG_THEMES}"><i class="icon-brush"></i>{'Themes'|@translate}</a></li> 
    91112      </ul> 
    92113    </dd> 
  • trunk/admin/themes/roma/theme.css

    r26019 r28702  
    137137.tabsheet a:hover, .tabsheet li.selected_tab  a { color: #F36; } 
    138138.tabsheet a span { background-color:#222; font-size:10px; margin-right:2px; padding:0 3px 0 1px; } 
     139 
    139140/* menubar is on all admin pages => No specific css file */ 
    140141#menubar { 
     
    145146 
    146147#menubar dd { 
    147 background: transparent url(images/menubar-detail.png) repeat-y top left; 
     148background: #111 url(images/menubar-detail.png) repeat-y top left; 
    148149margin: 0; padding: 0 0 10px 0; } 
    149150#menubar dl { 
    150151background:transparent url(images/menuBoxTop_new.png) no-repeat scroll left top; 
    151152width: 207px; border:0; margin: 0; padding: 0; display: block; min-height:35px; } 
    152 #menubar dl.first { 
     153#menubar dl:first-of-type{ 
    153154background:transparent url(images/menubar-top.png) no-repeat scroll left 1px; } 
    154 #menubar dl.last { padding: 0 0 24px 0;} 
     155#menubar dl:last-of-type { padding: 0 0 24px 0;} 
    155156#menubar dt {  
    156157        margin: 0; display: block; background: none; left:10px; font-weight:bold; 
     
    158159        cursor:pointer; 
    159160} 
    160 #menubar dt  span { background-color: #111; } 
     161#menubar dt * { background-color: #111; } 
    161162#menubar li { margin: 0 0 0 12px; } 
    162163#menubar li.external { list-style-image:url(images/external_inactive.png); padding:10px 0px 0pt 10px; } 
Note: See TracChangeset for help on using the changeset viewer.