forked from mirrors/gecko-dev
57db0ea127
- rename files to exclude "next" suffix - move tests out of firefoxview-next folder into parent folder - updat AboutRedirector to point at firefoxview.html - this patch also resolves Bug 1872919 by adding a scroll into view during the `search_synced_tabs_recent_browsing` test Differential Revision: https://phabricator.services.mozilla.com/D196347
67 lines
1.8 KiB
JavaScript
67 lines
1.8 KiB
JavaScript
/* 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/. */
|
|
|
|
import { html, when } from "chrome://global/content/vendor/lit.all.mjs";
|
|
import { ViewPage } from "./viewpage.mjs";
|
|
import { isSearchEnabled } from "./helpers.mjs";
|
|
|
|
class RecentBrowsingInView extends ViewPage {
|
|
constructor() {
|
|
super();
|
|
this.pageType = "recentbrowsing";
|
|
}
|
|
|
|
static queries = {
|
|
searchTextbox: "fxview-search-textbox",
|
|
};
|
|
|
|
static properties = {
|
|
...ViewPage.properties,
|
|
};
|
|
|
|
viewVisibleCallback() {
|
|
for (let child of this.children) {
|
|
let childView = child.firstElementChild;
|
|
childView.paused = false;
|
|
childView.viewVisibleCallback();
|
|
}
|
|
}
|
|
|
|
viewHiddenCallback() {
|
|
for (let child of this.children) {
|
|
let childView = child.firstElementChild;
|
|
childView.paused = true;
|
|
childView.viewHiddenCallback();
|
|
}
|
|
}
|
|
|
|
render() {
|
|
return html`
|
|
<link
|
|
rel="stylesheet"
|
|
href="chrome://browser/content/firefoxview/firefoxview.css"
|
|
/>
|
|
<div class="sticky-container bottom-fade">
|
|
<h2
|
|
class="page-header heading-large"
|
|
data-l10n-id="firefoxview-overview-header"
|
|
></h2>
|
|
${when(
|
|
isSearchEnabled(),
|
|
() => html`<div class="search-container">
|
|
<fxview-search-textbox
|
|
data-l10n-id="firefoxview-search-text-box-recentbrowsing"
|
|
data-l10n-attrs="placeholder"
|
|
.size=${this.searchTextboxSize}
|
|
></fxview-search-textbox>
|
|
</div>`
|
|
)}
|
|
</div>
|
|
<div class="cards-container">
|
|
<slot></slot>
|
|
</div>
|
|
`;
|
|
}
|
|
}
|
|
customElements.define("view-recentbrowsing", RecentBrowsingInView);
|