imgfloat/server
1
0
Fork 0
mirror of https://github.com/imgfloat/server.git synced 2026-02-05 11:49:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add preliminary js upload

Browse Source
This commit is contained in:
Andreas Krühlmann
2026-01-08 12:54:21 +01:00
parent e5de5b325d
commit 7c9f47cb1f
3 changed files with 156 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/main/resources/templates/admin.html
View File

@@ -7,6 +7,7 @@
<meta name="_csrf_header" th:content="${_csrf.headerName}" />
<link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" href="/css/styles.css" />
<link rel="stylesheet" href="/css/customAssets.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
@@ -16,6 +17,7 @@
/>
<script src="https://cdn.jsdelivr.net/npm/sockjs-client@1/dist/sockjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/stompjs@2.3.3/lib/stomp.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/acorn@8.15.0/dist/acorn.min.js"></script>
<script src="/js/csrf.js"></script>
</head>
<body class="admin-body">
@@ -60,6 +62,18 @@
</span>
</label>
</div>
<div class="upload-row">
<label
class="file-input-trigger"
id="custom-asset-button"
onclick="toggleCustomAssetModal(undefined)"
>
<span class="file-input-icon"><i class="fa-solid fa-code"></i></span>
<span class="file-input-copy">
<strong>Create custom asset</strong>
</span>
</label>
</div>
<div class="rail-body">
<div class="rail-scroll">
<ul id="asset-list" class="asset-list"></ul>
@@ -348,6 +362,41 @@
</section>
</div>
</div>
<div id="custom-asset-modal" class="modal hidden" onclick="toggleCustomAssetModal(event)">
<section class="modal-inner">
<h1>Create Custom Asset</h1>
<form id="custom-asset-form" onsubmit="submitCodeAsset(event)">
<div class="form-group">
<label for="custom-asset-name">Asset name</label>
<input
id="custom-asset-name"
type="text"
class="text-input"
placeholder="Enter asset name"
required
/>
</div>
<div class="form-group">
<label for="custom-asset-type">Asset code</label>
<textarea
class="text-input"
id="custom-asset-code"
placeholder="function init({ surface, assets, channel }) {&#10;&#10;}&#10;&#10;function tick() {&#10;&#10;}"
rows="25"
required
></textarea>
</div>
<div class="form-error hidden" id="custom-asset-error">
<strong>JavaScript error: <span id="js-error-title"></span></strong>
<pre id="js-error-details"></pre>
</div>
<div class="form-actions">
<button type="button" class="secondary" onclick="toggleCustomAssetModal(event)">Cancel</button>
<button type="submit" class="primary">Test and save</button>
</div>
</form>
</section>
</div>
<script th:inline="javascript">
const broadcaster = /*[[${broadcaster}]]*/ "";
const username = /*[[${username}]]*/ "";
@@ -357,5 +406,6 @@
<script src="/js/cookie-consent.js"></script>
<script src="/js/toast.js"></script>
<script src="/js/admin.js"></script>
<script src="/js/customAssets.js"></script>
</body>
</html>