summaryrefslogtreecommitdiffstats
path: root/browser/components/firefoxview/history.mjs
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--browser/components/firefoxview/history.mjs45
1 files changed, 45 insertions, 0 deletions
diff --git a/browser/components/firefoxview/history.mjs b/browser/components/firefoxview/history.mjs
new file mode 100644
index 0000000000..60b78a77c0
--- /dev/null
+++ b/browser/components/firefoxview/history.mjs
@@ -0,0 +1,45 @@
+/* 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 } from "chrome://global/content/vendor/lit.all.mjs";
+import { ViewPage } from "./viewpage.mjs";
+// eslint-disable-next-line import/no-unassigned-import
+import "chrome://browser/content/firefoxview/card-container.mjs";
+
+class HistoryInView extends ViewPage {
+ constructor() {
+ super();
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+ }
+
+ disconnectedCallback() {}
+
+ render() {
+ if (!this.selectedTab && !this.overview) {
+ return null;
+ }
+ let numRows = this.overview ? 5 : 10;
+ const itemTemplates = [];
+
+ for (let i = 1; i <= numRows; i++) {
+ itemTemplates.push(html` <p>History Row ${i}</p> `);
+ }
+
+ return html`
+ <card-container
+ .viewAllPage=${this.overview ? "history" : null}
+ ?preserveCollapseState=${this.overview ? true : null}
+ >
+ <h2 slot="header" data-l10n-id="firefoxview-history-header"></h2>
+ <ul slot="main">
+ ${itemTemplates}
+ </ul>
+ </card-container>
+ `;
+ }
+}
+customElements.define("view-history", HistoryInView);