forked from mirrors/gecko-dev
2cd97ee94c
* Add a type=page to the top-level ViewPage instances * Rename viewTabVisibleCallback and viewTabHiddenCallback to view*Callback and call each when selectedness or visiblity changes * Ensure active view/pages are always properly initialized during page load and category switching * Add a test to verify no mutations happen when tabs change while firefox view is inactive * Fix tests to better account for loading and readiness sequence when activating firefox view Differential Revision: https://phabricator.services.mozilla.com/D193744
118 lines
4 KiB
HTML
118 lines
4 KiB
HTML
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
|
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
http-equiv="Content-Security-Policy"
|
|
content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;"
|
|
/>
|
|
<meta name="color-scheme" content="light dark" />
|
|
<title data-l10n-id="firefoxview-page-title"></title>
|
|
<link rel="localization" href="branding/brand.ftl" />
|
|
<link rel="localization" href="toolkit/branding/accounts.ftl" />
|
|
<link rel="localization" href="browser/firefoxView.ftl" />
|
|
<link rel="localization" href="branding/brand.ftl" />
|
|
<link rel="localization" href="toolkit/branding/accounts.ftl" />
|
|
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
|
<link rel="localization" href="browser/migrationWizard.ftl" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="chrome://browser/content/firefoxview/firefoxview-next.css"
|
|
/>
|
|
<script
|
|
type="module"
|
|
src="chrome://browser/content/firefoxview/recentbrowsing.mjs"
|
|
></script>
|
|
<script
|
|
type="module"
|
|
src="chrome://browser/content/firefoxview/history.mjs"
|
|
></script>
|
|
<script
|
|
type="module"
|
|
src="chrome://browser/content/firefoxview/opentabs.mjs"
|
|
></script>
|
|
<script
|
|
type="module"
|
|
src="chrome://browser/content/firefoxview/recentlyclosed.mjs"
|
|
></script>
|
|
<script
|
|
type="module"
|
|
src="chrome://browser/content/firefoxview/fxview-category-navigation.mjs"
|
|
></script>
|
|
<script
|
|
type="module"
|
|
src="chrome://browser/content/firefoxview/syncedtabs.mjs"
|
|
></script>
|
|
<script src="chrome://browser/content/contentTheme.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<fxview-category-navigation>
|
|
<h1 slot="category-nav-header" data-l10n-id="firefoxview-page-title"></h1>
|
|
<fxview-category-button
|
|
class="category"
|
|
slot="category-button"
|
|
name="recentbrowsing"
|
|
data-l10n-id="firefoxview-overview-nav"
|
|
>
|
|
</fxview-category-button>
|
|
<fxview-category-button
|
|
class="category"
|
|
slot="category-button"
|
|
name="opentabs"
|
|
data-l10n-id="firefoxview-opentabs-nav"
|
|
>
|
|
</fxview-category-button>
|
|
<fxview-category-button
|
|
class="category"
|
|
slot="category-button"
|
|
name="recentlyclosed"
|
|
data-l10n-id="firefoxview-recently-closed-nav"
|
|
>
|
|
</fxview-category-button>
|
|
<fxview-category-button
|
|
class="category"
|
|
slot="category-button"
|
|
name="syncedtabs"
|
|
data-l10n-id="firefoxview-synced-tabs-nav"
|
|
>
|
|
</fxview-category-button>
|
|
<fxview-category-button
|
|
class="category"
|
|
slot="category-button"
|
|
name="history"
|
|
data-l10n-id="firefoxview-history-nav"
|
|
>
|
|
</fxview-category-button>
|
|
</fxview-category-navigation>
|
|
<main id="pages" role="application" data-l10n-id="firefoxview-page-label">
|
|
<div class="main-container">
|
|
<named-deck>
|
|
<view-recentbrowsing name="recentbrowsing" type="page">
|
|
<div>
|
|
<view-opentabs slot="opentabs"></view-opentabs>
|
|
</div>
|
|
<div>
|
|
<view-recentlyclosed slot="recentlyclosed"></view-recentlyclosed>
|
|
</div>
|
|
<div>
|
|
<view-syncedtabs slot="syncedtabs"></view-syncedtabs>
|
|
</div>
|
|
</view-recentbrowsing>
|
|
<view-history name="history" type="page"></view-history>
|
|
<view-opentabs name="opentabs" type="page"></view-opentabs>
|
|
<view-recentlyclosed
|
|
name="recentlyclosed"
|
|
type="page"
|
|
></view-recentlyclosed>
|
|
<view-syncedtabs name="syncedtabs" type="page"></view-syncedtabs>
|
|
</named-deck>
|
|
</div>
|
|
</main>
|
|
<script src="chrome://browser/content/firefoxview/firefoxview-next.mjs"></script>
|
|
</body>
|
|
</html>
|