tildefriends/core/index.html

<!DOCTYPE html>
<html>
	<head>
		<title>Tilde Friends</title>
		<link type="text/css" rel="stylesheet" href="/static/style.css">
		<link type="text/css" rel="stylesheet" href="/static/w3.css">
		<link type="image/png" rel="shortcut icon" href="/static/favicon.png">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script>
			function set_access_key_title(event) {
				if (!event.srcElement.title) {
					event.srcElement.title = `${event.srcElement.dataset.tip} [${(event.srcElement.accessKeyLabel || ('⌨️' + event.srcElement.accessKey)).toUpperCase()}]`;
				}
			}
		</script>
	</head>
	<body style="display: flex; flex-flow: column; width: 100vw; height: 100vh; position: absolute; max-width: 100%; max-height: 100%">
		<tf-navigation></tf-navigation>
		<div id="content" class="hbox" style="flex: 1 0; overflow: scroll">
			<div id="editPane" class="vbox" style="flex: 0 1 100%; display: none; overflow: scroll">
				<div class="navigation w3-bar" style="display: flex">
					<button class="w3-bar-item w3-button w3-blue" id="closeEditor" name="closeEditor" accesskey="c" onmouseover="set_access_key_title(event)" data-tip="Close the editor">Close</button>
					<button class="w3-bar-item w3-button w3-blue" id="save" name="save" accesskey="s" onmouseover="set_access_key_title(event)" data-tip="Save the app under the given path">Save</button>
					<button class="w3-bar-item w3-button w3-blue" id="icon" name="icon" accesskey="i" onmouseover="set_access_key_title(event)" data-tip="Set an icon/emoji for the app">📦</button>
					<input class="w3-bar-item w3-input w3-border w3-blue" type="text" id="name" name="name" style="flex: 1 1; min-width: 1em"></input>
					<button class="w3-bar-item w3-button w3-blue" id="delete" name="delete" accesskey="d" onmouseover="set_access_key_title(event)" data-tip="Delete the app">Delete</button>
					<button class="w3-bar-item w3-button w3-blue" id="trace_button" accesskey="t" onmouseover="set_access_key_title(event)" data-tip="Open a performance trace for the server">Trace</button>
				</div>
				<div class="hbox" style="flex: 1 1; overflow: scroll">
					<div style="overflow: scroll">
						<tf-files-pane style="overflow: scroll"></tf-files-pane>
					</div>
					<div style="flex: 1 1; overflow: scroll"><div id="editor" style="width: 100%; height: 100%"></div></div>
				</div>
			</div>
			<div id="viewPane" class="vbox" style="flex: 0 1 100%; overflow: scroll">
				<iframe id="document" sandbox="allow-forms allow-scripts allow-top-navigation allow-modals allow-popups allow-downloads" style="width: 100%; height: 100%; border: 0"></iframe>
			</div>
		</div>
		<script>window.litDisableBundleWarning = true;</script>
		<script src="/static/client.js" type="module"></script>
	</body>
</html>
Added rough SVG support. Added doctypes to all of my HTML, and tried to fix some CSS issues that happened as a result. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3223 ed5197a5-7fde-0310-b194-c3ffbd925b24 2016-04-30 14:28:33 -04:00			`<!DOCTYPE html>`
sandboxos => tildefriends git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3157 ed5197a5-7fde-0310-b194-c3ffbd925b24 2016-03-12 13:50:43 -05:00			`<html>`
			`<head>`
			`<title>Tilde Friends</title>`
Merge branches/quickjs to trunk. This is the way. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3621 ed5197a5-7fde-0310-b194-c3ffbd925b24 2021-01-02 13:10:00 -05:00			`<link type="text/css" rel="stylesheet" href="/static/style.css">`
Use some w3.css in the core HTML. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4784 ed5197a5-7fde-0310-b194-c3ffbd925b24 2024-01-18 21:32:55 -05:00			`<link type="text/css" rel="stylesheet" href="/static/w3.css">`
Merge branches/quickjs to trunk. This is the way. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3621 ed5197a5-7fde-0310-b194-c3ffbd925b24 2021-01-02 13:10:00 -05:00			`<link type="image/png" rel="shortcut icon" href="/static/favicon.png">`
sandboxos => tildefriends git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3157 ed5197a5-7fde-0310-b194-c3ffbd925b24 2016-03-12 13:50:43 -05:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Set more button tooltips. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4731 ed5197a5-7fde-0310-b194-c3ffbd925b24 2024-01-03 18:52:05 -05:00			`<script>`
			`function set_access_key_title(event) {`
			`if (!event.srcElement.title) {`
			event.srcElement.title = `${event.srcElement.dataset.tip} [${(event.srcElement.accessKeyLabel \|\| ('⌨️' + event.srcElement.accessKey)).toUpperCase()}]`;
			`}`
			`}`
			`</script>`
sandboxos => tildefriends git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3157 ed5197a5-7fde-0310-b194-c3ffbd925b24 2016-03-12 13:50:43 -05:00			`</head>`
Man, CSS. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4768 ed5197a5-7fde-0310-b194-c3ffbd925b24 2024-01-13 21:37:15 -05:00			`<body style="display: flex; flex-flow: column; width: 100vw; height: 100vh; position: absolute; max-width: 100%; max-height: 100%">`
Navigation bar => lit. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4267 ed5197a5-7fde-0310-b194-c3ffbd925b24 2023-04-29 14:23:08 -04:00			`<tf-navigation></tf-navigation>`
Man, CSS. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4768 ed5197a5-7fde-0310-b194-c3ffbd925b24 2024-01-13 21:37:15 -05:00			`<div id="content" class="hbox" style="flex: 1 0; overflow: scroll">`
Fix some sizes. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4770 ed5197a5-7fde-0310-b194-c3ffbd925b24 2024-01-13 22:06:59 -05:00			`<div id="editPane" class="vbox" style="flex: 0 1 100%; display: none; overflow: scroll">`
Use some w3.css in the core HTML. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4784 ed5197a5-7fde-0310-b194-c3ffbd925b24 2024-01-18 21:32:55 -05:00			`<div class="navigation w3-bar" style="display: flex">`
			`<button class="w3-bar-item w3-button w3-blue" id="closeEditor" name="closeEditor" accesskey="c" onmouseover="set_access_key_title(event)" data-tip="Close the editor">Close</button>`
			`<button class="w3-bar-item w3-button w3-blue" id="save" name="save" accesskey="s" onmouseover="set_access_key_title(event)" data-tip="Save the app under the given path">Save</button>`
			`<button class="w3-bar-item w3-button w3-blue" id="icon" name="icon" accesskey="i" onmouseover="set_access_key_title(event)" data-tip="Set an icon/emoji for the app">📦</button>`
			`<input class="w3-bar-item w3-input w3-border w3-blue" type="text" id="name" name="name" style="flex: 1 1; min-width: 1em"></input>`
			`<button class="w3-bar-item w3-button w3-blue" id="delete" name="delete" accesskey="d" onmouseover="set_access_key_title(event)" data-tip="Delete the app">Delete</button>`
			`<button class="w3-bar-item w3-button w3-blue" id="trace_button" accesskey="t" onmouseover="set_access_key_title(event)" data-tip="Open a performance trace for the server">Trace</button>`
Merge branches/quickjs to trunk. This is the way. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3621 ed5197a5-7fde-0310-b194-c3ffbd925b24 2021-01-02 13:10:00 -05:00			`</div>`
Man, CSS. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4768 ed5197a5-7fde-0310-b194-c3ffbd925b24 2024-01-13 21:37:15 -05:00			`<div class="hbox" style="flex: 1 1; overflow: scroll">`
			`<div style="overflow: scroll">`
			`<tf-files-pane style="overflow: scroll"></tf-files-pane>`
			`</div>`
			`<div style="flex: 1 1; overflow: scroll"><div id="editor" style="width: 100%; height: 100%"></div></div>`
Merge the editor and the terminal view. I think it will be nicer to work with them always side-by-side. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3380 ed5197a5-7fde-0310-b194-c3ffbd925b24 2017-01-16 10:24:44 -05:00			`</div>`
			`</div>`
Fix some sizes. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4770 ed5197a5-7fde-0310-b194-c3ffbd925b24 2024-01-13 22:06:59 -05:00			`<div id="viewPane" class="vbox" style="flex: 0 1 100%; overflow: scroll">`
Add the missing leaflet .js.map file. Link to Google Maps from clicked map locations. Allow poup from the sandbox to support target="_blank" links, though that does not work here. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4444 ed5197a5-7fde-0310-b194-c3ffbd925b24 2023-09-04 13:44:05 -04:00			`<iframe id="document" sandbox="allow-forms allow-scripts allow-top-navigation allow-modals allow-popups allow-downloads" style="width: 100%; height: 100%; border: 0"></iframe>`
Merge the editor and the terminal view. I think it will be nicer to work with them always side-by-side. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3380 ed5197a5-7fde-0310-b194-c3ffbd925b24 2017-01-16 10:24:44 -05:00			`</div>`
Added rough SVG support. Added doctypes to all of my HTML, and tried to fix some CSS issues that happened as a result. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3223 ed5197a5-7fde-0310-b194-c3ffbd925b24 2016-04-30 14:28:33 -04:00			`</div>`
Don't let browsers render untrusted HTML or SVG outside of the iframe. Do let them fetch JS and such. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4297 ed5197a5-7fde-0310-b194-c3ffbd925b24 2023-05-14 15:31:45 -04:00			`<script>window.litDisableBundleWarning = true;</script>`
Modernize. All core JS is modules. var => let. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4155 ed5197a5-7fde-0310-b194-c3ffbd925b24 2023-01-28 17:44:45 -05:00			`<script src="/static/client.js" type="module"></script>`
sandboxos => tildefriends git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3157 ed5197a5-7fde-0310-b194-c3ffbd925b24 2016-03-12 13:50:43 -05:00			`</body>`
			`</html>`