132 lines
3.9 KiB
HTML
132 lines
3.9 KiB
HTML
<!doctype 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/. -->
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width; initial-scale=1" />
|
|
<meta
|
|
http-equiv="Content-Security-Policy"
|
|
content="default-src chrome:; object-src 'none'"
|
|
/>
|
|
<meta name="color-scheme" content="light dark" />
|
|
<title data-l10n-id="about-sync-log-title"></title>
|
|
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
|
<link rel="stylesheet" href="chrome://global/content/aboutSyncLog.css" />
|
|
<link rel="localization" href="services/aboutSyncLog.ftl" />
|
|
<script
|
|
type="module"
|
|
src="chrome://global/content/aboutSyncLog.mjs"
|
|
></script>
|
|
</head>
|
|
<body>
|
|
<main class="main-content">
|
|
<moz-page-header
|
|
headinglevel="1"
|
|
data-l10n-id="about-sync-log-page-header"
|
|
></moz-page-header>
|
|
|
|
<div class="filters">
|
|
<moz-segmented-control
|
|
id="filter-type"
|
|
name="type"
|
|
value="all"
|
|
data-l10n-id="about-sync-log-filter-type"
|
|
>
|
|
<moz-segmented-control-item
|
|
value="all"
|
|
data-l10n-id="about-sync-log-filter-type-all"
|
|
></moz-segmented-control-item>
|
|
<moz-segmented-control-item
|
|
value="success"
|
|
data-l10n-id="about-sync-log-filter-type-success"
|
|
></moz-segmented-control-item>
|
|
<moz-segmented-control-item
|
|
value="error"
|
|
data-l10n-id="about-sync-log-filter-type-error"
|
|
></moz-segmented-control-item>
|
|
</moz-segmented-control>
|
|
|
|
<moz-select
|
|
id="filter-date"
|
|
value="all"
|
|
data-l10n-id="about-sync-log-filter-date"
|
|
>
|
|
<moz-option
|
|
value="all"
|
|
data-l10n-id="about-sync-log-filter-date-all"
|
|
></moz-option>
|
|
<moz-option
|
|
value="today"
|
|
data-l10n-id="about-sync-log-filter-date-today"
|
|
></moz-option>
|
|
<moz-option
|
|
value="7"
|
|
data-l10n-id="about-sync-log-filter-date-7days"
|
|
></moz-option>
|
|
<moz-option
|
|
value="30"
|
|
data-l10n-id="about-sync-log-filter-date-30days"
|
|
></moz-option>
|
|
</moz-select>
|
|
|
|
<moz-input-search
|
|
id="filter-search"
|
|
data-l10n-id="about-sync-log-search-input"
|
|
></moz-input-search>
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<moz-button
|
|
id="refresh-button"
|
|
data-l10n-id="about-sync-log-refresh-button"
|
|
></moz-button>
|
|
<moz-button
|
|
id="download-button"
|
|
data-l10n-id="about-sync-log-download-button"
|
|
></moz-button>
|
|
<moz-button
|
|
id="clear-button"
|
|
type="destructive"
|
|
data-l10n-id="about-sync-log-clear-button"
|
|
></moz-button>
|
|
</div>
|
|
|
|
<p id="log-count" class="log-count" role="status"></p>
|
|
|
|
<ul id="log-list" class="log-list"></ul>
|
|
|
|
<p
|
|
id="empty-state"
|
|
class="empty-state"
|
|
hidden
|
|
data-l10n-id="about-sync-log-empty"
|
|
></p>
|
|
</main>
|
|
|
|
<template id="log-row-template">
|
|
<li>
|
|
<moz-card
|
|
class="log-row"
|
|
type="accordion"
|
|
spacing="compact"
|
|
headinglevel="2"
|
|
>
|
|
<div class="log-row-meta">
|
|
<span class="log-size"></span>
|
|
<moz-button
|
|
class="log-open-raw"
|
|
type="ghost"
|
|
size="small"
|
|
iconsrc="chrome://global/skin/icons/open-in-new.svg"
|
|
data-l10n-id="about-sync-log-open-raw"
|
|
></moz-button>
|
|
</div>
|
|
<pre class="log-contents"></pre>
|
|
</moz-card>
|
|
</li>
|
|
</template>
|
|
</body>
|
|
</html>
|