Allow preference sections to define CSS class names

Thomas Bruederli

2015-04-17 a3644638aaf0418598196a870204e0b632a4c8ad

 skins/larry/templates/addressbook.html

@@ -23,14 +23,15 @@

   <span class="spacer"></span>
   <roundcube:button command="compose" type="link" class="button compose disabled" classAct="button compose" classSel="button compose pressed" label="compose" title="writenewmessage" />
   <roundcube:button command="print" type="link" class="button print disabled" classAct="button print" classSel="button print pressed" label="print" title="printcontact" />
   <roundcube:button command="advanced-search" type="link" class="button search disabled" classAct="button search" classSel="button search pressed" label="advanced" title="advsearch" />
   <roundcube:container name="toolbar" id="addressbooktoolbar" />

   <div id="exportmenu" class="popupmenu" aria-hidden="true">
      <h3 id="aria-label-exportmenu" class="voice"><roundcube:label name="arialabelcontactexportoptions" /></h3>
      <ul id="exportmenu-menu" class="toolbarmenu" role="menu" aria-labelledby="aria-label-exportmenu">
         <li role="menuitem"><roundcube:button command="export" label="exportall" prop="sub" class="exportalllink" classAct="exportalllink active" /></li>
         <li role="menuitem"><roundcube:button command="export-selected" label="exportsel" prop="sub" class="exportsellink" classAct="exportsellink active" /></li>
         <roundcube:button type="link-menuitem" command="export" label="exportall" prop="sub" class="exportalllink" classAct="exportalllink active" />
         <roundcube:button type="link-menuitem" command="export-selected" label="exportsel" prop="sub" class="exportsellink" classAct="exportsellink active" />
      </ul>
   </div>

@@ -65,6 +66,8 @@
<h2 id="directorylist-header" class="boxtitle"><roundcube:label name="groups" /></h2>
<div id="directorylist-content" class="scroller withfooter">
   <roundcube:object name="directorylist" id="directorylist" class="treelist listing iconized" />
   <h3 class="boxtitle voice"><roundcube:label name="savedsearches" /></h3>
   <roundcube:object name="savedsearchlist" id="savedsearchlist" class="treelist listing iconized" />
</div>
<div id="directorylist-footer" class="boxfooter">
   <roundcube:button command="group-create" type="link" title="newgroup" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" label="addgroup" /><roundcube:button name="groupoptions" id="groupoptionslink" type="link" title="moreactions" class="listbutton groupactions" onclick="return UI.toggle_popup('groupoptions',event)" innerClass="inner" label="arialabelabookgroupoptions" aria-haspopup="true" aria-expanded="false" aria-owns="groupoptionsmenu" />
@@ -74,10 +77,10 @@
<div id="groupoptions" class="popupmenu" aria-hidden="true">
   <h3 id="aria-label-groupoptions" class="voice"><roundcube:label name="arialabelabookgroupoptions" /></h3>
   <ul id="groupoptionsmenu" class="toolbarmenu" role="menu" aria-labelledby="aria-label-groupoptions">
      <li role="menuitem"><roundcube:button command="group-rename" label="grouprename" classAct="active" /></li>
      <li role="menuitem"><roundcube:button command="group-delete" label="groupdelete" classAct="active" /></li>
      <li role="menuitem"><roundcube:button command="search-create" label="searchsave" classAct="active" /></li>
      <li role="menuitem"><roundcube:button command="search-delete" label="searchdelete" classAct="active" /></li>
      <roundcube:button type="link-menuitem" command="group-rename" label="grouprename" classAct="active" />
      <roundcube:button type="link-menuitem" command="group-delete" label="groupdelete" classAct="active" />
      <roundcube:button type="link-menuitem" command="search-create" label="searchsave" classAct="active" />
      <roundcube:button type="link-menuitem" command="search-delete" label="searchdelete" classAct="active" />
      <roundcube:container name="groupoptions" id="groupoptionsmenu" />
   </ul>
</div>
@@ -130,8 +133,8 @@

<div id="dragcontactmenu" class="popupmenu" aria-hidden="true">
   <ul class="toolbarmenu" role="menu">
      <li role="menuitem"><roundcube:button command="move" onclick="return rcmail.drag_menu_action('move')" label="move" classAct="active" /></li>
      <li role="menuitem"><roundcube:button command="copy" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" /></li>
      <roundcube:button type="link-menuitem" command="move" onclick="return rcmail.drag_menu_action('move')" label="move" classAct="active" />
      <roundcube:button type="link-menuitem" command="copy" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" />
   </ul>
</div>