sidebar.xhtml (5505B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <!-- This Source Code Form is subject to the terms of the Mozilla Public 3 - License, v. 2.0. If a copy of the MPL was not distributed with this 4 - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> 5 6 <!DOCTYPE html> 7 <html 8 xmlns="http://www.w3.org/1999/xhtml" 9 xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 10 > 11 <head> 12 <meta 13 http-equiv="Content-Security-Policy" 14 content="default-src chrome:; img-src data: *;" 15 /> 16 17 <script src="chrome://browser/content/syncedtabs/sidebar.js" /> 18 <script src="chrome://browser/content/utilityOverlay.js" /> 19 <script src="chrome://browser/content/contentTheme.js" /> 20 21 <link 22 rel="stylesheet" 23 href="chrome://global/skin/design-system/tokens-brand.css" 24 /> 25 <link 26 rel="stylesheet" 27 href="chrome://browser/skin/syncedtabs/sidebar.css" 28 /> 29 <link rel="localization" href="browser/syncedTabs.ftl" /> 30 <title data-l10n-id="synced-tabs-sidebar-title" /> 31 </head> 32 33 <body role="application"> 34 <template id="client-template"> 35 <div class="item client" role="option" tabindex="-1"> 36 <div class="item-title-container"> 37 <div class="item-twisty-container"></div> 38 <div class="item-icon-container"></div> 39 <p class="item-title"></p> 40 </div> 41 <div class="item-tabs-list"></div> 42 </div> 43 </template> 44 <template id="empty-client-template"> 45 <div class="item empty client" role="option" tabindex="-1"> 46 <div class="item-title-container"> 47 <div class="item-twisty-container"></div> 48 <div class="item-icon-container"></div> 49 <p class="item-title"></p> 50 </div> 51 <div class="item-tabs-list"> 52 <div class="item empty" role="option" tabindex="-1"> 53 <div class="item-title-container"> 54 <div class="item-icon-container"></div> 55 <p 56 class="item-title" 57 data-l10n-id="synced-tabs-sidebar-notabs" 58 ></p> 59 </div> 60 </div> 61 </div> 62 </div> 63 </template> 64 <template id="tab-template"> 65 <div class="item tab" role="option" tabindex="-1"> 66 <div class="item-title-container"> 67 <div class="item-icon-container"></div> 68 <p class="item-title"></p> 69 </div> 70 </div> 71 </template> 72 73 <template id="tabs-container-template"> 74 <div class="tabs-container"> 75 <div class="list" role="listbox"></div> 76 </div> 77 </template> 78 79 <template id="deck-template"> 80 <div class="deck"> 81 <div class="tabs-fetching sync-state"> 82 <!-- Show intentionally blank panel, see bug 1239845 --> 83 </div> 84 <div class="notAuthedInfo sync-state"> 85 <div class="syncIllustration"></div> 86 <p class="instructions" data-l10n-id="synced-tabs-sidebar-intro"></p> 87 <button 88 class="button sync-prefs" 89 data-l10n-id="synced-tabs-fxa-sign-in" 90 ></button> 91 </div> 92 <div class="syncDisabled sync-state"> 93 <div class="syncIllustration"></div> 94 <p class="instructions" data-l10n-id="synced-tabs-sidebar-intro"></p> 95 <button 96 class="button sync-prefs" 97 data-l10n-id="synced-tabs-turn-on-sync" 98 ></button> 99 </div> 100 <div class="reauth sync-state"> 101 <div class="syncIllustrationIssue"></div> 102 <p class="instructions" data-l10n-id="synced-tabs-sidebar-intro"></p> 103 <button 104 class="button sync-prefs" 105 data-l10n-id="synced-tabs-fxa-sign-in" 106 ></button> 107 </div> 108 <div class="unverified sync-state"> 109 <div class="syncIllustrationIssue"></div> 110 <p 111 class="instructions" 112 data-l10n-id="synced-tabs-sidebar-unverified" 113 ></p> 114 <button 115 class="button sync-prefs" 116 data-l10n-id="synced-tabs-sidebar-open-settings" 117 ></button> 118 </div> 119 <div class="singleDeviceInfo sync-state"> 120 <div class="syncIllustrationIssue"></div> 121 <p 122 class="instructions" 123 data-l10n-id="synced-tabs-sidebar-noclients-subtitle" 124 ></p> 125 <button 126 class="button connect-device" 127 data-l10n-id="synced-tabs-sidebar-connect-another-device" 128 ></button> 129 </div> 130 <div class="tabs-disabled sync-state"> 131 <div class="syncIllustrationIssue"></div> 132 <p 133 class="instructions" 134 data-l10n-id="synced-tabs-sidebar-tabsnotsyncing" 135 ></p> 136 <button 137 class="button sync-prefs" 138 data-l10n-id="synced-tabs-sidebar-open-settings" 139 ></button> 140 </div> 141 </div> 142 </template> 143 144 <div class="content-container"> 145 <!-- the non-scrollable header --> 146 <div class="content-header"> 147 <div class="sidebar-search-container tabs-container sync-state"> 148 <moz-input-search 149 class="tabsFilter" 150 tabindex="1" 151 data-l10n-id="synced-tabs-sidebar-search" 152 data-l10n-attrs="placeholder" 153 /> 154 </div> 155 </div> 156 <!-- the scrollable content area where our templates are inserted --> 157 <div 158 id="template-container" 159 class="content-scrollable" 160 tabindex="-1" 161 ></div> 162 </div> 163 </body> 164 </html>