browser/base/content/popup-notifications.inc

   1 # to be included inside a popupset element
   2
   3     <panel id="notification-popup"
   4            type="arrow"
   5            position="after_start"
   6            hidden="true"
   7            orient="vertical"
   8            noautofocus="true"
   9            role="alert"/>
  10
  11     <popupnotification id="webRTC-shareDevices-notification" hidden="true"
  12                        descriptionid="webRTC-shareDevices-notification-description">
  13       <popupnotificationcontent id="webRTC-selectCamera" orient="vertical">
  14         <label id="webRTC-selectCamera-label"
  15                data-l10n-id="popup-select-camera-device"
  16                control="webRTC-selectCamera-menulist"/>
  17         <html:div class="webRTC-selectDevice-selector-container">
  18           <xul:image id="webRTC-selectCamera-icon" class="webRTC-selectDevice-icon" data-l10n-id="popup-select-camera-icon"/>
  19           <menulist id="webRTC-selectCamera-menulist" aria-labelledby="webRTC-selectCamera-icon" size="large">
  20             <menupopup id="webRTC-selectCamera-menupopup"/>
  21           </menulist>
  22           <label id="webRTC-selectCamera-single-device-label" class="webRTC-selectDevice-label"></label>
  23         </html:div>
  24       </popupnotificationcontent>
  25
  26       <popupnotificationcontent id="webRTC-selectWindowOrScreen" orient="vertical">
  27         <label id="webRTC-selectWindow-label"
  28                data-l10n-id="popup-select-window-or-screen"
  29                control="webRTC-selectWindow-menulist"/>
  30         <menulist id="webRTC-selectWindow-menulist"
  31                   oncommand="webrtcUI.updateWarningLabel(this);"
  32                   size="large">
  33           <menupopup id="webRTC-selectWindow-menupopup"/>
  34         </menulist>
  35         <description id="webRTC-all-windows-shared" hidden="true" data-l10n-id="popup-all-windows-shared"></description>
  36       </popupnotificationcontent>
  37
  38       <popupnotificationcontent id="webRTC-preview" orient="vertical" hidden="true">
  39         <html:video id="webRTC-previewVideo" tabindex="-1"/>
  40         <vbox id="webRTC-previewWarningBox">
  41           <description id="webRTC-previewWarning"/>
  42           <hbox>
  43             <label id="webRTC-previewWarning-learnMore" is="text-link" class="popup-notification-learnmore-link"/>
  44           </hbox>
  45         </vbox>
  46       </popupnotificationcontent>
  47
  48       <popupnotificationcontent id="webRTC-selectMicrophone" orient="vertical">
  49         <label id="webRTC-selectMicrophone-label"
  50                data-l10n-id="popup-select-microphone-device"
  51                control="webRTC-selectMicrophone-menulist"/>
  52         <html:div class="webRTC-selectDevice-selector-container">
  53           <xul:image id="webRTC-selectMicrophone-icon" data-l10n-id="popup-select-microphone-icon" class="webRTC-selectDevice-icon"/>
  54           <menulist id="webRTC-selectMicrophone-menulist" aria-labelledby="webRTC-selectMicrophone-icon" size="large">
  55             <menupopup id="webRTC-selectMicrophone-menupopup"/>
  56           </menulist>
  57           <label id="webRTC-selectMicrophone-single-device-label" class="webRTC-selectDevice-label"></label>
  58         </html:div>
  59       </popupnotificationcontent>
  60
  61       <popupnotificationcontent id="webRTC-selectSpeaker" orient="vertical">
  62         <html:div class="webRTC-selectDevice-selector-container">
  63           <xul:image id="webRTC-selectSpeaker-icon" data-l10n-id="popup-select-speaker-icon" class="webRTC-selectDevice-icon"/>
  64           <richlistbox id="webRTC-selectSpeaker-richlistbox" aria-labelledby="webRTC-selectSpeaker-icon" size="large">
  65           </richlistbox>
  66           <label id="webRTC-selectSpeaker-single-device-label" class="webRTC-selectDevice-label"></label>
  67         </html:div>
  68       </popupnotificationcontent>
  69     </popupnotification>
  70
  71     <popupnotification id="servicesInstall-notification" hidden="true">
  72       <popupnotificationcontent orient="vertical" align="start">
  73         <!-- XXX bug 974146, tests are looking for this, can't remove yet. -->
  74       </popupnotificationcontent>
  75     </popupnotification>
  76
  77     <popupnotification id="password-notification" hidden="true">
  78       <popupnotificationcontent orient="vertical">
  79         <label data-l10n-id="panel-save-update-username" control="password-notification-username" class="password-notification-label"></label>
  80         <stack>
  81           <html:input id="password-notification-username"
  82                       type="text"
  83                       class="ac-has-end-icon"
  84                       autocompletesearch="login-doorhanger-username"
  85                       autocompletepopup="PopupAutoComplete"
  86                       is="autocomplete-input"
  87                       maxrows="10"
  88                       maxdropmarkerrows="10"/>
  89           <dropmarker id="password-notification-username-dropmarker"
  90                       class="ac-dropmarker"/>
  91         </stack>
  92         <label data-l10n-id="panel-save-update-password" control="password-notification-password" class="password-notification-label"></label>
  93         <stack>
  94           <html:input id="password-notification-password" type="password"/>
  95           <dropmarker id="password-notification-password-dropmarker"
  96                       class="ac-dropmarker"
  97                       hidden="true"/>
  98         </stack>
  99         <checkbox id="password-notification-visibilityToggle" hidden="true"/>
 100       </popupnotificationcontent>
 101     </popupnotification>
 102
 103     <popupnotification id="addon-progress-notification" is="addon-progress-notification" hidden="true">
 104       <popupnotificationcontent orient="vertical">
 105         <html:progress id="addon-progress-notification-progressmeter" max="100"/>
 106         <label id="addon-progress-notification-progresstext" crop="end"/>
 107       </popupnotificationcontent>
 108     </popupnotification>
 109
 110     <popupnotification id="addon-install-confirmation-notification" hidden="true">
 111       <popupnotificationcontent id="addon-install-confirmation-content" orient="vertical"/>
 112     </popupnotification>
 113
 114     <popupnotification id="addon-webext-permissions-notification"
 115                        is="addon-webext-permissions-notification"
 116                        hidden="true">
 117       <popupnotificationcontent class="addon-webext-perm-notification-content" orient="vertical">
 118         <description id="addon-webext-perm-text" class="addon-webext-perm-text"/>
 119         <label id="addon-webext-perm-intro" class="addon-webext-perm-text"/>
 120         <label id="addon-webext-perm-single-entry" class="addon-webext-perm-single-entry"/>
 121         <html:ul id="addon-webext-perm-list" class="addon-webext-perm-list"/>
 122       </popupnotificationcontent>
 123     </popupnotification>
 124
 125     <popupnotification id="addon-install-blocked-notification" hidden="true">
 126       <popupnotificationcontent id="addon-install-blocked-content" orient="vertical">
 127         <description id="addon-install-blocked-message" class="popup-notification-description"></description>
 128         <hbox>
 129           <html:a
 130               is="moz-support-link"
 131               id="addon-install-blocked-info"
 132               class="popup-notification-learnmore-link"
 133               data-l10n-id="popup-notification-xpinstall-prompt-learn-more"
 134             />
 135         </hbox>
 136       </popupnotificationcontent>
 137     </popupnotification>
 138
 139     <popupnotification id="canvas-permissions-prompt-notification" hidden="true">
 140       <popupnotificationcontent orient="vertical">
 141         <description class="popup-notification-description"/>
 142         <label id="canvas-permissions-prompt-warning"/>
 143       </popupnotificationcontent>
 144     </popupnotification>
 145
 146     <popupnotification id="contextual-feature-recommendation-notification"
 147                        buttonhighlight="true"
 148                        hidden="true">
 149       <popupnotificationheader id="cfr-notification-header">
 150         <stack id="cfr-notification-header-stack">
 151           <description id="cfr-notification-header-label"></description>
 152           <label id="cfr-notification-header-link" is="text-link">
 153             <xul:image id="cfr-notification-header-image"/>
 154           </label>
 155         </stack>
 156       </popupnotificationheader>
 157       <popupnotificationcontent>
 158       <hbox>
 159         <description id="cfr-notification-author"></description>
 160         <hbox id="cfr-notification-footer-addon-info">
 161             <hbox id="cfr-notification-footer-filled-stars"/>
 162             <hbox id="cfr-notification-footer-empty-stars"/>
 163             <label id="cfr-notification-footer-users"/>
 164           </hbox>
 165       </hbox>
 166       </popupnotificationcontent>
 167       <popupnotificationfooter id="cfr-notification-footer" orient="vertical">
 168         <vbox id="cfr-notification-footer-text-and-addon-info">
 169           <description id="cfr-notification-footer-text"/>
 170           <label id="cfr-notification-footer-learn-more-link" is="text-link"/>
 171         </vbox>
 172       </popupnotificationfooter>
 173     </popupnotification>
 174     <popupnotification id="credential-chooser-notification" hidden="true">
 175       <popupnotificationheader id="credential-chooser-header" orient="horizontal">
 176         <html:div id="credential-chooser-header-container">
 177           <html:span id="credential-chooser-header-text"/>
 178         </html:div>
 179       </popupnotificationheader>
 180       <popupnotificationcontent id="credential-chooser-entry" orient="vertical">
 181         <html:div id="credential-chooser-entry-selector-container"/>
 182         <html:template id="template-credential-entry-list-item">
 183           <html:label class="identity-credential-list-item" align="center">
 184             <html:input type="radio" name="credential-entry" class="identity-credential-list-item-radio"></html:input>
 185             <html:img class="identity-credential-list-item-icon"/>
 186             <html:div class="identity-credential-list-item-label-stack">
 187               <html:div class="identity-credential-list-item-label-primary"/>
 188               <html:div class="identity-credential-list-item-label-secondary" hidden="true"/>
 189             </html:div>
 190           </html:label>
 191         </html:template>
 192       </popupnotificationcontent>
 193     </popupnotification>
 194     <popupnotification id="identity-credential-notification" hidden="true">
 195       <popupnotificationheader id="identity-credential-header" orient="horizontal" hidden="true">
 196         <html:div id="identity-credential-header-container">
 197           <html:img class="identity-credential-header-icon"></html:img>
 198           <span id="identity-credential-header-text"></span>
 199         </html:div>
 200       </popupnotificationheader>
 201       <popupnotificationcontent id="identity-credential-provider" orient="vertical">
 202         <html:div id="identity-credential-provider-selector-container">
 203         </html:div>
 204         <html:template id="template-credential-provider-list-item">
 205           <html:label class="identity-credential-list-item" align="center">
 206             <html:input type="radio" name="credential-provider" class="identity-credential-list-item-radio"></html:input>
 207             <html:img class="identity-credential-list-item-icon" src="chrome://global/skin/icons/defaultFavicon.svg"></html:img>
 208             <div class="identity-credential-list-item-info">
 209               <span class="identity-credential-list-item-label-primary"></span>
 210               <span class="identity-credential-list-item-label-secondary" hidden="true"></span>
 211             </div>
 212           </html:label>
 213         </html:template>
 214       </popupnotificationcontent>
 215       <popupnotificationcontent id="identity-credential-policy" orient="vertical">
 216         <description id="identity-credential-policy-explanation" data-l10n-id="identity-credential-policy-description"  data-l10n-args='{"host":"", "provider":""}'>
 217           <label class="text-link" is="text-link" data-l10n-name="privacy-url" id="identity-credential-privacy-policy"></label>
 218           <label class="text-link" is="text-link" data-l10n-name="tos-url" id="identity-credential-terms-of-service"></label>
 219         </description>
 220       </popupnotificationcontent>
 221       <popupnotificationcontent id="identity-credential-account" orient="vertical" hidden="true">
 222         <html:div id="identity-credential-account-selector-container">
 223         </html:div>
 224         <html:template id="template-credential-account-list-item">
 225            <html:label class="identity-credential-list-item" align="center">
 226             <html:input type="radio" name="credential-account" class="identity-credential-list-item-radio"></html:input>
 227             <html:img class="identity-credential-list-item-icon" src="chrome://browser/skin/fxa/avatar.svg"></html:img>
 228             <div class="identity-credential-list-item-label-stack">
 229               <div class="identity-credential-list-item-label-primary"></div>
 230               <div class="identity-credential-list-item-label-secondary"></div>
 231             </div>
 232           </html:label>
 233         </html:template>
 234       </popupnotificationcontent>
 235     </popupnotification>
 236
 237     <popupnotification id="relay-integration-offer-notification" hidden="true">
 238       <popupnotificationcontent orient="vertical">
 239         <html:div>
 240           <html:p data-l10n-id="firefox-relay-offer-why-to-use-relay"></html:p>
 241           <html:p id="firefox-relay-offer-what-relay-provides" data-l10n-id="firefox-relay-offer-what-relay-provides" data-l10n-args='{"useremail": ""}'></html:p>
 242           <html:p id="firefox-relay-offer-legal-notice" data-l10n-id="firefox-relay-offer-legal-notice">
 243             <label id="firefox-relay-offer-tos-url" is="text-link" data-l10n-name="tos-url"/>
 244             <label id="firefox-relay-offer-privacy-url" is="text-link" data-l10n-name="privacy-url"/>
 245           </html:p>
 246         </html:div>
 247       </popupnotificationcontent>
 248     </popupnotification>
 249
 250     <popupnotification id="fxa-and-relay-integration-offer-notification" hidden="true">
 251       <popupnotificationcontent orient="vertical">
 252         <html:div>
 253           <html:p data-l10n-id="firefox-relay-offer-why-to-use-relay"></html:p>
 254           <html:p id="firefox-relay-offer-what-fxa-and-relay-provides" data-l10n-id="firefox-relay-offer-what-fxa-and-relay-provides"></html:p>
 255           <html:p id="firefox-fxa-and-relay-offer-legal-notice" data-l10n-id="firefox-relay-offer-legal-notice">
 256             <label id="firefox-fxa-and-relay-offer-tos-url" is="text-link" data-l10n-name="tos-url"/>
 257             <label id="firefox-fxa-and-relay-offer-privacy-url" is="text-link" data-l10n-name="privacy-url"/>
 258           </html:p>
 259         </html:div>
 260       </popupnotificationcontent>
 261     </popupnotification>
 262
 263     <popupnotification id="relay-integration-reuse-masks-notification" hidden="true">
 264       <popupnotificationcontent orient="vertical">
 265         <html:div>
 266           <html:p class="error-message"></html:p>
 267           <html:div class="reusable-relay-masks" />
 268         </html:div>
 269       </popupnotificationcontent>
 270     </popupnotification>
 271
 272     <template id="firefox-relay-header">
 273       <html:div class="relay-integration-header">
 274         <html:div />
 275         <html:span>Firefox</html:span>
 276         <html:span> Relay</html:span>
 277       </html:div>
 278     </template>
 279
 280     <popupnotification id="credit-card-save-update-notification" class="credit-card-capture-notification" hidden="true">
 281       <popupnotificationcontent class="credit-card-save-update-notification-content" orient="vertical">
 282         <html:div class="credit-card-capture-content">
 283         </html:div>
 284       </popupnotificationcontent>
 285     </popupnotification>
 286
 287     <popupnotification id="address-save-update-notification" class="address-capture-notification" hidden="true">
 288       <popupnotificationcontent class="address-save-update-notification-content" orient="vertical">
 289         <html:div class="address-capture-header">
 290           <html:h1/>
 291         </html:div>
 292         <html:div class="address-capture-description">
 293           <html:p/>
 294         </html:div>
 295         <html:div class="address-capture-content">
 296         </html:div>
 297       </popupnotificationcontent>
 298     </popupnotification>
 299
 300     <popupnotification id="address-edit-notification" class="address-capture-notification" hidden="true">
 301       <popupnotificationcontent class="address-edit-notification-content" orient="vertical">
 302         <html:div class="address-capture-header">
 303           <html:h1/>
 304         </html:div>
 305         <html:div class="address-capture-content">
 306         </html:div>
 307       </popupnotificationcontent>
 308     </popupnotification>