168 lines
5.0 KiB
HTML
168 lines
5.0 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 -->
|
|
<!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__-templateEditor"
|
|
sizemode="normal"
|
|
scrolling="false"
|
|
persist="screenX screenY width height sizemode"
|
|
>
|
|
<head>
|
|
<title data-l10n-id="title"></title>
|
|
<meta charset="utf-8" />
|
|
<meta name="referrer" content="no-referrer" />
|
|
<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;
|
|
}
|
|
.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;
|
|
}
|
|
.footer-container {
|
|
padding: 5px;
|
|
}
|
|
.list-viewport {
|
|
width: calc(20% - 10px);
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
#table-container {
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.editor-viewport {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: calc(40% - 10px);
|
|
padding: 5px;
|
|
}
|
|
.preview-viewport {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: calc(40% - 10px);
|
|
padding: 5px;
|
|
}
|
|
.markdown-body {
|
|
box-sizing: border-box;
|
|
min-width: 200px;
|
|
max-width: 980px;
|
|
margin: 0 auto;
|
|
padding: 0px;
|
|
}
|
|
</style>
|
|
<link
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
href="chrome://__addonRef__/content/lib/css/github-markdown.css"
|
|
/>
|
|
<link rel="localization" href="__addonRef__-templateEditor.ftl" />
|
|
</head>
|
|
<body class="zotero-window">
|
|
<div class="viewport-container">
|
|
<div id="list-container" class="viewport list-viewport">
|
|
<div id="table-container"></div>
|
|
</div>
|
|
<div class="viewport editor-viewport">
|
|
<div style="display: flex">
|
|
<div style="flex-shrink: 0" data-l10n-id="templateName"></div>
|
|
<input id="editor-name" type="text" style="width: 100%" />
|
|
</div>
|
|
<div style="display: flex; flex-direction: column; height: 100%">
|
|
<iframe
|
|
id="editor"
|
|
src="chrome://scaffold/content/monaco/monaco.html"
|
|
style="width: 100%; height: 100%; border: none"
|
|
onmousedown="this.focus()"
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
<div class="viewport preview-viewport">
|
|
<div style="display: flex">
|
|
<div style="flex-shrink: 0" data-l10n-id="previewContainer"></div>
|
|
</div>
|
|
<article id="preview-container" class="markdown-body"></article>
|
|
</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="create" data-l10n-id="create"></button>
|
|
<button id="save" data-l10n-id="save"></button>
|
|
<button id="delete" data-l10n-id="delete"></button>
|
|
<button id="reset" data-l10n-id="reset"></button>
|
|
<button id="more" data-l10n-id="more"></button>
|
|
<button
|
|
id="options"
|
|
data-l10n-id="options"
|
|
tabindex="-1"
|
|
type="menu"
|
|
wantdropmarker="true"
|
|
>
|
|
<menupopup>
|
|
<menuitem
|
|
id="importClipboard"
|
|
data-l10n-id="importClipboard"
|
|
></menuitem>
|
|
<menuitem id="importNote" data-l10n-id="importNote"></menuitem>
|
|
<menuseparator />
|
|
<menuitem id="share" data-l10n-id="share"></menuitem>
|
|
<menuseparator />
|
|
<menuitem id="backup" data-l10n-id="backup"></menuitem>
|
|
<menuitem id="restore" data-l10n-id="restore"></menuitem>
|
|
<menuseparator />
|
|
<menuitem id="help" data-l10n-id="help"></menuitem>
|
|
</menupopup>
|
|
</button>
|
|
</div>
|
|
</body>
|
|
</html>
|