You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

addressbook.html 9.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <roundcube:object name="doctype" value="html5" />
  2. <html>
  3. <head>
  4. <title><roundcube:object name="pagetitle" /></title>
  5. <roundcube:include file="/includes/links.html" />
  6. </head>
  7. <roundcube:if condition="env:extwin" /><body class="noscroll extwin"><roundcube:else /><body class="noscroll"><roundcube:endif />
  8. <roundcube:include file="/includes/header.html" />
  9. <div id="mainscreen">
  10. <h1 class="voice"><roundcube:label name="addressbook" /></h1>
  11. <!-- toolbar -->
  12. <h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
  13. <div id="addressbooktoolbar" class="toolbar" role="toolbar" aria-labelledby="aria-label-toolbar">
  14. <roundcube:button command="import" type="link" class="button import disabled" classAct="button import" classSel="button import pressed" label="import" title="importcontacts" />
  15. <span class="dropbutton">
  16. <roundcube:button command="export" type="link" class="button export disabled" classAct="button export" classSel="button export pressed" label="export" title="exportvcards" />
  17. <a href="#export" class="dropbuttontip" id="exportmenulink" onclick="return UI.toggle_popup('exportmenu',event)" aria-haspopup="true" aria-expanded="false" aria-owns="exportmenu-menu" tabindex="0"><roundcube:label name="arialabelcontactexportoptions" /></a>
  18. </span>
  19. <span class="spacer"></span>
  20. <roundcube:button command="compose" type="link" class="button compose disabled" classAct="button compose" classSel="button compose pressed" label="compose" title="writenewmessage" />
  21. <roundcube:button command="print" type="link" class="button print disabled" classAct="button print" classSel="button print pressed" label="print" title="printcontact" />
  22. <roundcube:button command="advanced-search" type="link" class="button search disabled" classAct="button search" classSel="button search pressed" label="advanced" title="advsearch" />
  23. <roundcube:container name="toolbar" id="addressbooktoolbar" />
  24. <div id="exportmenu" class="popupmenu" aria-hidden="true">
  25. <h3 id="aria-label-exportmenu" class="voice"><roundcube:label name="arialabelcontactexportoptions" /></h3>
  26. <ul id="exportmenu-menu" class="toolbarmenu" role="menu" aria-labelledby="aria-label-exportmenu">
  27. <roundcube:button type="link-menuitem" command="export" label="exportall" prop="sub" class="exportalllink" classAct="exportalllink active" />
  28. <roundcube:button type="link-menuitem" command="export-selected" label="exportsel" prop="sub" class="exportsellink" classAct="exportsellink active" />
  29. </ul>
  30. </div>
  31. </div>
  32. <!-- search box -->
  33. <div id="quicksearchbar" class="searchbox" role="search" aria-labelledby="aria-label-searchform">
  34. <h2 id="aria-label-searchform" class="voice"><roundcube:label name="arialabelcontactsearchform" /></h2>
  35. <label for="quicksearchbox" class="voice"><roundcube:label name="arialabelquicksearchbox" /></label>
  36. <roundcube:button command="menu-open" prop="searchmenu" id="searchmenulink" class="iconbutton searchoptions" title="searchmod" label="options" aria-haspopup="true" aria-expanded="false" aria-owns="searchmenu-menu" />
  37. <roundcube:object name="searchform" id="quicksearchbox" />
  38. <roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" label="resetsearch" />
  39. <div id="searchmenu" class="popupmenu" data-editable="true">
  40. <h3 id="aria-label-searchmenu" class="voice"><roundcube:label name="searchmod" /></h3>
  41. <ul class="toolbarmenu" id="searchmenu-menu" role="menu" aria-labelledby="aria-label-searchmenu">
  42. <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="name" id="s_mod_name" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="name" /></span></label></li>
  43. <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="firstname" id="s_mod_firstname" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="firstname" /></span></label></li>
  44. <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="surname" id="s_mod_surname" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="surname" /></span></label></li>
  45. <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="email" id="s_mod_email" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="email" /></span></label></li>
  46. <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="*" id="s_mod_all" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="allfields" /></span></label></li>
  47. </ul>
  48. <div class="buttons"><a class="button" href="#" onclick="if (rcmail.command('search')) UI.show_popup('searchmenu',false)"><roundcube:label name="search" /></a></div>
  49. </div>
  50. </div>
  51. <div id="mainscreencontent">
  52. <div id="addressview-left">
  53. <!-- sources/groups list -->
  54. <div id="directorylistbox" class="uibox listbox" role="navigation" aria-labelledby="directorylist-header">
  55. <h2 id="directorylist-header" class="boxtitle"><roundcube:label name="groups" /></h2>
  56. <div id="directorylist-content" class="scroller withfooter">
  57. <roundcube:object name="directorylist" id="directorylist" class="treelist listing iconized" />
  58. <h3 class="boxtitle voice"><roundcube:label name="savedsearches" /></h3>
  59. <roundcube:object name="savedsearchlist" id="savedsearchlist" class="treelist listing iconized" />
  60. </div>
  61. <div id="directorylist-footer" class="boxfooter">
  62. <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" />
  63. </div>
  64. </div>
  65. <div id="groupoptions" class="popupmenu" aria-hidden="true">
  66. <h3 id="aria-label-groupoptions" class="voice"><roundcube:label name="arialabelabookgroupoptions" /></h3>
  67. <ul id="groupoptionsmenu" class="toolbarmenu" role="menu" aria-labelledby="aria-label-groupoptions">
  68. <roundcube:button type="link-menuitem" command="group-rename" label="grouprename" classAct="active" />
  69. <roundcube:button type="link-menuitem" command="group-delete" label="groupdelete" classAct="active" />
  70. <roundcube:button type="link-menuitem" command="search-create" label="searchsave" classAct="active" />
  71. <roundcube:button type="link-menuitem" command="search-delete" label="searchdelete" classAct="active" />
  72. <roundcube:container name="groupoptions" id="groupoptionsmenu" />
  73. </ul>
  74. </div>
  75. </div><!-- end addressview-left -->
  76. <div id="addressview-right" role="main" aria-labelledby="aria-label-contactslist">
  77. <!-- contacts list -->
  78. <div id="addresslist" class="uibox listbox">
  79. <roundcube:object name="addresslisttitle" label="contacts" tag="h2" class="boxtitle" id="aria-label-contactslist" />
  80. <div class="scroller withfooter">
  81. <roundcube:object name="addresslist" id="contacts-table" class="listing iconized" noheader="true" role="listbox" />
  82. </div>
  83. <div class="boxpagenav">
  84. <roundcube:button command="firstpage" type="link" class="icon firstpage disabled" classAct="icon firstpage" title="firstpage" label="first" />
  85. <roundcube:button command="previouspage" type="link" class="icon prevpage disabled" classAct="icon prevpage" title="previouspage" label="previous" />
  86. <roundcube:button command="nextpage" type="link" class="icon nextpage disabled" classAct="icon nextpage" title="nextpage" label="next" />
  87. <roundcube:button command="lastpage" type="link" class="icon lastpage disabled" classAct="icon lastpage" title="lastpage" label="last" />
  88. </div>
  89. <div class="boxfooter">
  90. <roundcube:button command="add" type="link" title="newcontact" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" label="addcontact" /><roundcube:button command="delete" type="link" title="deletecontact" class="listbutton delete disabled" classAct="listbutton delete" innerClass="inner" label="deletecontact" /><roundcube:button command="group-remove-selected" type="link" title="groupremoveselected" class="listbutton removegroup disabled" classAct="listbutton removegroup" innerClass="inner" label="groupremoveselected" />
  91. <span class="countdisplay" aria-live="polite" aria-relevant="text">
  92. <span class="voice"><roundcube:label name="contacts" /></span>
  93. <roundcube:object name="recordsCountDisplay" label="fromtoshort" />
  94. </span>
  95. </div>
  96. </div>
  97. <div class="voice" role="note">
  98. <h3><roundcube:label name="helplistnavigation" /></h3>
  99. <pre>
  100. <roundcube:label name="helplistkeyboardnavigation" />
  101. <roundcube:label name="helplistkeyboardnavcontacts" />
  102. </pre>
  103. </div>
  104. <div id="contacts-box" class="uibox">
  105. <div class="iframebox">
  106. <roundcube:object name="addressframe" id="contact-frame" style="width:100%; height:100%" frameborder="0" src="/watermark.html" title="contactproperties" />
  107. </div>
  108. </div>
  109. </div><!-- end addressview-right -->
  110. </div><!-- end mainscreencontent -->
  111. </div><!-- end mainscreen -->
  112. <div id="dragcontactmenu" class="popupmenu" aria-hidden="true">
  113. <ul class="toolbarmenu" role="menu">
  114. <roundcube:button type="link-menuitem" command="move" onclick="return rcmail.drag_menu_action('move')" label="move" classAct="active" />
  115. <roundcube:button type="link-menuitem" command="copy" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" />
  116. </ul>
  117. </div>
  118. <roundcube:include file="/includes/footer.html" />
  119. </body>
  120. </html>