tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

popup-notifications.inc.xhtml (21128B)


      1 # This Source Code Form is subject to the terms of the Mozilla Public
      2 # License, v. 2.0. If a copy of the MPL was not distributed with this
      3 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
      4 
      5 # to be included inside a popupset element
      6 
      7    <panel id="notification-popup"
      8           type="arrow"
      9           position="after_start"
     10           hidden="true"
     11           orient="vertical"
     12           noautofocus="true"
     13           role="alert"
     14           remote="true"/>
     15 
     16    <!-- Shown when visiting first web page with an onion-available header.
     17       - This allows us to add some extra content to the popup.
     18       - See tor-browser#21952 and tor-browser#41341 -->
     19    <popupnotification id="onion-location-notification" hidden="true">
     20      <popupnotificationcontent orient="vertical">
     21        <description id="onion-location-body-text"/>
     22      </popupnotificationcontent>
     23    </popupnotification>
     24 
     25    <popupnotification id="webRTC-shareDevices-notification" hidden="true"
     26                       descriptionid="webRTC-shareDevices-notification-description">
     27      <popupnotificationcontent id="webRTC-selectCamera" orient="vertical">
     28        <label id="webRTC-selectCamera-label"
     29               data-l10n-id="popup-select-camera-device"
     30               control="webRTC-selectCamera-menulist"/>
     31        <html:div class="webRTC-selectDevice-selector-container">
     32          <xul:image id="webRTC-selectCamera-icon" class="webRTC-selectDevice-icon" data-l10n-id="popup-select-camera-icon"/>
     33          <menulist id="webRTC-selectCamera-menulist" aria-labelledby="webRTC-selectCamera-icon" size="large">
     34            <menupopup id="webRTC-selectCamera-menupopup"/>
     35          </menulist>
     36          <label id="webRTC-selectCamera-single-device-label" class="webRTC-selectDevice-label"></label>
     37        </html:div>
     38      </popupnotificationcontent>
     39 
     40      <popupnotificationcontent id="webRTC-selectWindowOrScreen" orient="vertical">
     41        <label id="webRTC-selectWindow-label"
     42               data-l10n-id="popup-select-window-or-screen"
     43               control="webRTC-selectWindow-menulist"/>
     44        <menulist id="webRTC-selectWindow-menulist"
     45                  size="large">
     46          <menupopup id="webRTC-selectWindow-menupopup"/>
     47        </menulist>
     48        <description id="webRTC-all-windows-shared" hidden="true" data-l10n-id="popup-all-windows-shared"></description>
     49      </popupnotificationcontent>
     50 
     51      <popupnotificationcontent id="webRTC-preview-section" orient="vertical">
     52        <!-- <webrtc-preview> gets inserted here lazily by WebRTCParent.sys.mjs -->
     53        <vbox id="webRTC-previewWarningBox">
     54          <description id="webRTC-previewWarning"/>
     55          <hbox>
     56            <html:a id="webRTC-previewWarning-learnMore"
     57                    is="moz-support-link"
     58                    support-page="screenshare-safety"
     59                    class="popup-notification-learnmore-link"
     60          ></html:a>
     61          </hbox>
     62        </vbox>
     63      </popupnotificationcontent>
     64 
     65      <popupnotificationcontent id="webRTC-selectMicrophone" orient="vertical">
     66        <label id="webRTC-selectMicrophone-label"
     67               data-l10n-id="popup-select-microphone-device"
     68               control="webRTC-selectMicrophone-menulist"/>
     69        <html:div class="webRTC-selectDevice-selector-container">
     70          <xul:image id="webRTC-selectMicrophone-icon" data-l10n-id="popup-select-microphone-icon" class="webRTC-selectDevice-icon"/>
     71          <menulist id="webRTC-selectMicrophone-menulist" aria-labelledby="webRTC-selectMicrophone-icon" size="large">
     72            <menupopup id="webRTC-selectMicrophone-menupopup"/>
     73          </menulist>
     74          <label id="webRTC-selectMicrophone-single-device-label" class="webRTC-selectDevice-label"></label>
     75        </html:div>
     76      </popupnotificationcontent>
     77 
     78      <popupnotificationcontent id="webRTC-selectSpeaker" orient="vertical">
     79        <html:div class="webRTC-selectDevice-selector-container">
     80          <xul:image id="webRTC-selectSpeaker-icon" data-l10n-id="popup-select-speaker-icon" class="webRTC-selectDevice-icon"/>
     81          <richlistbox id="webRTC-selectSpeaker-richlistbox" aria-labelledby="webRTC-selectSpeaker-icon" size="large">
     82          </richlistbox>
     83          <label id="webRTC-selectSpeaker-single-device-label" class="webRTC-selectDevice-label"></label>
     84        </html:div>
     85      </popupnotificationcontent>
     86    </popupnotification>
     87 
     88    <popupnotification id="servicesInstall-notification" hidden="true">
     89      <popupnotificationcontent orient="vertical" align="start">
     90        <!-- XXX bug 974146, tests are looking for this, can't remove yet. -->
     91      </popupnotificationcontent>
     92    </popupnotification>
     93 
     94    <popupnotification id="password-notification" hidden="true">
     95      <popupnotificationcontent orient="vertical">
     96        <label data-l10n-id="panel-save-update-username" control="password-notification-username" class="password-notification-label"></label>
     97        <stack>
     98          <html:input id="password-notification-username"
     99                      type="text"
    100                      class="ac-has-end-icon"
    101                      autocompletesearch="login-doorhanger-username"
    102                      autocompletepopup="PopupAutoComplete"
    103                      is="autocomplete-input"
    104                      maxrows="10"
    105                      maxdropmarkerrows="10"/>
    106          <dropmarker id="password-notification-username-dropmarker"
    107                      class="ac-dropmarker"/>
    108        </stack>
    109        <label data-l10n-id="panel-save-update-password" control="password-notification-password" class="password-notification-label"></label>
    110        <stack>
    111          <html:input id="password-notification-password" type="password"/>
    112          <dropmarker id="password-notification-password-dropmarker"
    113                      class="ac-dropmarker"
    114                      hidden="true"/>
    115        </stack>
    116      </popupnotificationcontent>
    117    </popupnotification>
    118 
    119    <popupnotification id="addon-progress-notification" is="addon-progress-notification" hidden="true">
    120      <popupnotificationcontent orient="vertical">
    121        <html:progress id="addon-progress-notification-progressmeter" max="100"/>
    122        <label id="addon-progress-notification-progresstext" crop="end"/>
    123      </popupnotificationcontent>
    124    </popupnotification>
    125 
    126    <popupnotification id="addon-install-confirmation-notification" hidden="true">
    127      <popupnotificationcontent id="addon-install-confirmation-content" orient="vertical"/>
    128    </popupnotification>
    129 
    130    <popupnotification id="addon-webext-permissions-notification"
    131                       is="addon-webext-permissions-notification"
    132                       hidden="true">
    133      <popupnotificationcontent class="addon-webext-perm-notification-content" orient="vertical">
    134        <description id="addon-webext-perm-text" class="addon-webext-perm-text"/>
    135        <label id="addon-webext-perm-intro" class="addon-webext-perm-text"/>
    136 
    137        <html:h2 id="addon-webext-perm-title-required"/>
    138        <html:ul id="addon-webext-perm-list-required" class="addon-webext-perm-list"/>
    139 
    140        <html:h2 id="addon-webext-perm-title-data-collection"/>
    141        <html:ul id="addon-webext-perm-list-data-collection" class="addon-webext-perm-list"/>
    142 
    143        <html:h2 id="addon-webext-perm-title-optional"/>
    144        <html:ul id="addon-webext-perm-list-optional" class="addon-webext-perm-list"/>
    145      </popupnotificationcontent>
    146    </popupnotification>
    147 
    148    <popupnotification id="addon-install-blocked-notification" hidden="true">
    149      <popupnotificationcontent id="addon-install-blocked-content" orient="vertical">
    150        <description id="addon-install-blocked-message" class="popup-notification-description"></description>
    151        <hbox>
    152          <html:a
    153              is="moz-support-link"
    154              id="addon-install-blocked-info"
    155              class="popup-notification-learnmore-link"
    156              data-l10n-id="popup-notification-xpinstall-prompt-learn-more"
    157            />
    158        </hbox>
    159      </popupnotificationcontent>
    160    </popupnotification>
    161 
    162    <popupnotification id="addon-install-failed-blocklist-notification" hidden="true">
    163      <popupnotificationcontent id="addon-install-failed-blocklist-content" orient="vertical">
    164        <html:a
    165            id="addon-install-failed-blocklist-info"
    166            is="addon-notification-blocklist-url"
    167            class="popup-notification-learnmore-link"
    168            data-l10n-id="popup-notification-xpinstall-prompt-block-url"
    169          />
    170      </popupnotificationcontent>
    171    </popupnotification>
    172 
    173    <popupnotification id="canvas-permissions-prompt-notification" hidden="true">
    174      <popupnotificationcontent orient="vertical">
    175        <description class="popup-notification-description"/>
    176        <label id="canvas-permissions-prompt-warning"/>
    177      </popupnotificationcontent>
    178    </popupnotification>
    179 
    180    <popupnotification id="contextual-feature-recommendation-notification"
    181                       buttonhighlight="true"
    182                       hidden="true">
    183      <popupnotificationheader id="cfr-notification-header">
    184        <stack id="cfr-notification-header-stack">
    185          <description id="cfr-notification-header-label"></description>
    186          <label id="cfr-notification-header-link" is="text-link">
    187            <xul:image id="cfr-notification-header-image"/>
    188          </label>
    189        </stack>
    190      </popupnotificationheader>
    191      <popupnotificationcontent>
    192      <hbox>
    193        <description id="cfr-notification-author"></description>
    194        <hbox id="cfr-notification-footer-addon-info">
    195            <hbox id="cfr-notification-footer-filled-stars"/>
    196            <hbox id="cfr-notification-footer-empty-stars"/>
    197            <label id="cfr-notification-footer-users"/>
    198          </hbox>
    199      </hbox>
    200      </popupnotificationcontent>
    201      <popupnotificationfooter id="cfr-notification-footer" orient="vertical">
    202        <vbox id="cfr-notification-footer-text-and-addon-info">
    203          <description id="cfr-notification-footer-text"/>
    204          <label id="cfr-notification-footer-learn-more-link" is="text-link"/>
    205        </vbox>
    206      </popupnotificationfooter>
    207    </popupnotification>
    208    <popupnotification id="credential-chooser-notification" hidden="true">
    209      <popupnotificationheader id="credential-chooser-header" orient="horizontal">
    210        <html:div id="credential-chooser-header-container">
    211          <html:span id="credential-chooser-header-text"/>
    212        </html:div>
    213      </popupnotificationheader>
    214      <popupnotificationcontent id="credential-chooser-entry" orient="vertical">
    215        <html:div id="credential-chooser-entry-selector-container"/>
    216        <html:template id="template-credential-entry-list-item">
    217          <html:label class="identity-credential-list-item" align="center">
    218            <html:input type="radio" name="credential-entry" class="identity-credential-list-item-radio"></html:input>
    219            <html:img class="identity-credential-list-item-icon"/>
    220            <html:div class="identity-credential-list-item-label-stack">
    221              <html:div class="identity-credential-list-item-label-primary"/>
    222              <html:div class="identity-credential-list-item-label-secondary" hidden="true"/>
    223            </html:div>
    224          </html:label>
    225        </html:template>
    226      </popupnotificationcontent>
    227    </popupnotification>
    228    <popupnotification id="identity-credential-notification" hidden="true">
    229      <popupnotificationheader id="identity-credential-header" orient="horizontal" hidden="true">
    230        <html:div id="identity-credential-header-container">
    231          <html:img class="identity-credential-header-icon"></html:img>
    232          <span id="identity-credential-header-text"></span>
    233        </html:div>
    234      </popupnotificationheader>
    235      <popupnotificationcontent id="identity-credential-provider" orient="vertical">
    236        <html:div id="identity-credential-provider-selector-container">
    237        </html:div>
    238        <html:template id="template-credential-provider-list-item">
    239          <html:label class="identity-credential-list-item" align="center">
    240            <html:input type="radio" name="credential-provider" class="identity-credential-list-item-radio"></html:input>
    241            <html:img class="identity-credential-list-item-icon" src="chrome://global/skin/icons/defaultFavicon.svg"></html:img>
    242            <div class="identity-credential-list-item-info">
    243              <span class="identity-credential-list-item-label-primary"></span>
    244              <span class="identity-credential-list-item-label-secondary" hidden="true"></span>
    245            </div>
    246          </html:label>
    247        </html:template>
    248      </popupnotificationcontent>
    249      <popupnotificationcontent id="identity-credential-policy" orient="vertical">
    250        <description id="identity-credential-policy-explanation" data-l10n-id="identity-credential-policy-description"  data-l10n-args='{"host":"", "provider":""}'>
    251          <label class="text-link" is="text-link" data-l10n-name="privacy-url" id="identity-credential-privacy-policy"></label>
    252          <label class="text-link" is="text-link" data-l10n-name="tos-url" id="identity-credential-terms-of-service"></label>
    253        </description>
    254      </popupnotificationcontent>
    255      <popupnotificationcontent id="identity-credential-account" orient="vertical" hidden="true">
    256        <html:div id="identity-credential-account-selector-container">
    257        </html:div>
    258        <html:template id="template-credential-account-list-item">
    259           <html:label class="identity-credential-list-item" align="center">
    260            <html:input type="radio" name="credential-account" class="identity-credential-list-item-radio"></html:input>
    261            <html:img class="identity-credential-list-item-icon" src="chrome://browser/skin/fxa/avatar.svg"></html:img>
    262            <div class="identity-credential-list-item-label-stack">
    263              <div class="identity-credential-list-item-label-primary"></div>
    264              <div class="identity-credential-list-item-label-secondary"></div>
    265            </div>
    266          </html:label>
    267        </html:template>
    268      </popupnotificationcontent>
    269    </popupnotification>
    270 
    271    <popupnotification id="relay-integration-offer-notification" hidden="true">
    272      <popupnotificationcontent orient="vertical">
    273        <html:div>
    274          <html:p data-l10n-id="firefox-relay-offer-why-to-use-relay-1">
    275            <label class="firefox-relay-learn-more-url" is="text-link" data-l10n-name="firefox-relay-learn-more-url"/>
    276            <label class="firefox-fxa-and-relay-offer-domain" data-l10n-name="firefox-fxa-and-relay-offer-domain"/>
    277          </html:p>
    278          <html:p id="firefox-relay-offer-what-relay-provides" data-l10n-id="firefox-relay-offer-what-relay-provides" data-l10n-args='{"useremail": ""}'></html:p>
    279          <html:p id="firefox-relay-offer-legal-notice" data-l10n-id="firefox-relay-offer-legal-notice-1">
    280            <label class="firefox-fxa-and-relay-offer-tos-url" is="text-link" data-l10n-name="tos-url"/>
    281            <label class="firefox-fxa-and-relay-offer-privacy-url" is="text-link" data-l10n-name="privacy-url"/>
    282          </html:p>
    283        </html:div>
    284      </popupnotificationcontent>
    285    </popupnotification>
    286 
    287    <popupnotification id="fxa-and-relay-integration-offer-notification" hidden="true">
    288      <popupnotificationcontent orient="vertical">
    289        <html:div>
    290          <html:p data-l10n-id="firefox-relay-offer-why-to-use-relay"></html:p>
    291          <html:p class="firefox-relay-offer-what-fxa-and-relay-provides" data-l10n-id="firefox-relay-and-fxa-popup-notification-second-sentence-control"></html:p>
    292          <html:p id="firefox-fxa-and-relay-offer-legal-notice" data-l10n-id="firefox-relay-offer-legal-notice-control">
    293            <label class="firefox-fxa-and-relay-offer-tos-url" is="text-link" data-l10n-name="tos-url"/>
    294            <label class="firefox-fxa-and-relay-offer-privacy-url" is="text-link" data-l10n-name="privacy-url"/>
    295          </html:p>
    296        </html:div>
    297      </popupnotificationcontent>
    298    </popupnotification>
    299 
    300    <popupnotification id="fxa-and-relay-integration-offer-basic-info-notification" hidden="true">
    301      <popupnotificationcontent orient="vertical">
    302        <html:div>
    303          <html:p data-l10n-id="firefox-relay-and-fxa-popup-notification-first-sentence-basic-info">
    304            <label class="firefox-relay-learn-more-url" is="text-link" data-l10n-name="firefox-relay-learn-more-url"/>
    305            <label class="firefox-fxa-and-relay-offer-domain" data-l10n-name="firefox-fxa-and-relay-offer-domain"/>
    306          </html:p>
    307          <html:p class="firefox-relay-offer-what-fxa-and-relay-provides" data-l10n-id="firefox-relay-and-fxa-popup-notification-second-sentence-basic-info"></html:p>
    308        </html:div>
    309      </popupnotificationcontent>
    310    </popupnotification>
    311 
    312    <popupnotification id="fxa-and-relay-integration-offer-with-domain-notification" hidden="true">
    313      <popupnotificationcontent orient="vertical">
    314        <html:div>
    315          <html:p data-l10n-id="firefox-relay-and-fxa-popup-notification-first-sentence-with-domain">
    316            <label class="firefox-relay-learn-more-url" is="text-link" data-l10n-name="firefox-relay-learn-more-url"/>
    317            <label class="firefox-fxa-and-relay-offer-domain" data-l10n-name="firefox-fxa-and-relay-offer-domain"/>
    318          </html:p>
    319          <html:p class="firefox-relay-offer-what-fxa-and-relay-provides" data-l10n-id="firefox-relay-and-fxa-popup-notification-second-sentence-with-domain"></html:p>
    320        </html:div>
    321      </popupnotificationcontent>
    322    </popupnotification>
    323 
    324    <popupnotification id="fxa-and-relay-integration-offer-with-domain-and-value-prop-notification" hidden="true">
    325      <popupnotificationcontent orient="vertical">
    326        <html:div>
    327          <html:p data-l10n-id="firefox-relay-and-fxa-popup-notification-first-sentence">
    328            <label class="firefox-relay-learn-more-url" is="text-link" data-l10n-name="firefox-relay-learn-more-url"/>
    329            <label class="firefox-fxa-and-relay-offer-domain" data-l10n-name="firefox-fxa-and-relay-offer-domain"/>
    330          </html:p>
    331          <html:p class="firefox-relay-offer-what-fxa-and-relay-provides" data-l10n-id="firefox-relay-and-fxa-popup-notification-second-sentence-with-domain-and-value-prop"></html:p>
    332        </html:div>
    333      </popupnotificationcontent>
    334    </popupnotification>
    335 
    336    <popupnotification id="relay-integration-reuse-masks-notification" hidden="true">
    337      <popupnotificationcontent orient="vertical">
    338        <html:div>
    339          <html:p class="error-message"></html:p>
    340          <html:div class="reusable-relay-masks" />
    341        </html:div>
    342      </popupnotificationcontent>
    343    </popupnotification>
    344 
    345    <template id="firefox-relay-header">
    346      <html:div class="relay-integration-header">
    347          <html:div />
    348          <html:div>
    349            <html:span>Firefox</html:span>
    350            <html:span> Relay</html:span>
    351          </html:div>
    352        </html:div>
    353    </template>
    354 
    355    <template id="firefox-relay-header-basic-info">
    356      <html:div class="relay-integration-header-variation">
    357        <html:p data-l10n-id="firefox-relay-and-fxa-popup-notification-header-basic-info"></html:p>
    358      </html:div>
    359    </template>
    360 
    361    <template id="firefox-relay-header-with-domain">
    362      <html:div class="relay-integration-header-variation">
    363        <html:p data-l10n-id="firefox-relay-and-fxa-popup-notification-header-with-domain"></html:p>
    364      </html:div>
    365    </template>
    366 
    367    <template id="firefox-relay-header-with-domain-and-value-prop">
    368      <html:div class="relay-integration-header-variation">
    369        <html:p data-l10n-id="firefox-relay-and-fxa-popup-notification-header-with-domain"></html:p>
    370      </html:div>
    371    </template>
    372 
    373    <popupnotification id="credit-card-save-update-notification" class="credit-card-capture-notification" hidden="true">
    374      <popupnotificationcontent class="credit-card-save-update-notification-content" orient="vertical">
    375        <html:div class="credit-card-capture-content">
    376        </html:div>
    377      </popupnotificationcontent>
    378    </popupnotification>
    379 
    380    <popupnotification id="address-save-update-notification" class="address-capture-notification" hidden="true">
    381      <popupnotificationcontent class="address-save-update-notification-content" orient="vertical">
    382        <html:div class="address-capture-header">
    383          <html:h1/>
    384        </html:div>
    385        <html:div class="address-capture-description">
    386          <html:p/>
    387        </html:div>
    388        <html:div class="address-capture-content">
    389        </html:div>
    390      </popupnotificationcontent>
    391    </popupnotification>
    392 
    393    <popupnotification id="address-edit-notification" class="address-capture-notification" hidden="true">
    394      <popupnotificationcontent class="address-edit-notification-content" orient="vertical">
    395        <html:div class="address-capture-header">
    396          <html:h1/>
    397        </html:div>
    398        <html:div class="address-capture-content">
    399        </html:div>
    400      </popupnotificationcontent>
    401    </popupnotification>