zotero-better-notes/addon/chrome/content/syncManager.xhtml

98 lines
2.7 KiB
HTML

<?xml version="1.0"?>
<!-- prettier-ignore -->
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<!-- prettier-ignore -->
<?xml-stylesheet href="chrome://zotero/skin/zotero.css" type="text/css"?>
<!-- prettier-ignore -->
<?xml-stylesheet href="chrome://zotero-platform/content/zotero-react-client.css" type="text/css"?>
<!-- prettier-ignore -->
<?xml-stylesheet href="chrome://zotero-platform/content/zotero.css" type="text/css"?>
<!-- prettier-ignore -->
<?xml-stylesheet href="chrome://__addonRef__/content/virtualizedTable.css" type="text/css"?>
<!-- prettier-ignore -->
<!DOCTYPE html>
<html
lang="en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml"
windowtype="__addonRef__-syncManager"
sizemode="normal"
scrolling="false"
persist="screenX screenY width height sizemode"
>
<head>
<title data-l10n-id="title"></title>
<meta charset="utf-8" />
<script>
document.addEventListener("DOMContentLoaded", (ev) => {
const { Services } = ChromeUtils.import(
"resource://gre/modules/Services.jsm",
);
Services.scriptloader.loadSubScript(
"chrome://zotero/content/include.js",
this,
);
Services.scriptloader.loadSubScript(
"resource://zotero/require.js",
this,
);
window.arguments[0]._initPromise.resolve();
});
</script>
<style>
html,
body,
.viewport {
padding: 0;
margin: 0;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
word-wrap: break-word;
font-family: initial;
}
.viewport {
margin: 0 5px 0 5px;
}
.viewport-container {
padding: 0;
margin: 0;
height: calc(100% - 50px);
width: 100%;
display: flex;
flex-direction: row;
overflow: hidden;
}
.list-viewport {
width: 100%;
overflow: hidden;
}
#table-container {
height: 100%;
width: 100%;
overflow: hidden;
}
</style>
<link rel="localization" href="__addonRef__-syncManager.ftl" />
</head>
<body>
<div class="viewport-container">
<div id="list-container" class="viewport list-viewport">
<div id="table-container"></div>
</div>
</div>
<div
class="footer-container"
style="justify-content: flex-start; padding: 10px"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<button id="refresh" data-l10n-id="refresh"></button>
<button id="sync" data-l10n-id="sync"></button>
<button id="unSync" data-l10n-id="unSync"></button>
</div>
</body>
</html>