JBunker/src/main/resources/templates/script-editor.html

72 lines
3.5 KiB
HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="https://www.thymeleaf.org/thymeleaf-extras-springsecurity6">
<head>
<th:block th:insert="~{fragments/header}"></th:block>
<link rel="stylesheet" href="/static/css/util.css">
<link rel="stylesheet" href="/static/css/panel.css">
</head>
<body class="bg-body-tertiary">
<div th:replace="~{fragments/floating_button}"></div>
<main>
<div class="container">
<div class="py-5 text-center">
<h2>Script editor</h2>
<p class="lead">Below you can write a script for Bunker's action card. On the left side you will find code snippets, that will help with it. Happy coding!</p>
</div>
<div class="row no-gutters">
<div class="col-4 col-md-2">
<div class="row">
<button type="button" onclick="pasteSnippet(0)" class="btn btn-primary btn-sm btn-block mt-1">Executor's player object</button>
</div>
<div class="row">
<button type="button" onclick="pasteSnippet(1)" class="btn btn-primary btn-sm btn-block mt-1">Players list</button>
</div>
<div class="row">
<button type="button" onclick="pasteSnippet(2)" class="btn btn-primary btn-sm btn-block mt-1">Genders list</button>
</div>
<div class="row">
<button type="button" onclick="pasteSnippet(3)" class="btn btn-primary btn-sm btn-block mt-1">Hobbies list</button>
</div>
<div class="row">
<button type="button" onclick="pasteSnippet(4)" class="btn btn-primary btn-sm btn-block mt-1">Health cards list</button>
</div>
<div class="row">
<button type="button" onclick="pasteSnippet(5)" class="btn btn-primary btn-sm btn-block mt-1">Luggages list</button>
</div>
<div class="row">
<button type="button" onclick="pasteSnippet(6)" class="btn btn-primary btn-sm btn-block mt-1">Works list</button>
</div>
<div class="row">
<div class="dropdown mt-1" style="padding: 0;">
<button class="btn btn-sm btn-secondary dropdown-toggle" type="button" id="langDropDown" data-bs-toggle="dropdown" aria-expanded="false">
Language
</button>
<ul class="dropdown-menu" aria-labelledby="langDropDown">
<li><a class="dropdown-item" href="?lang=en">English</a></li>
<li><a class="dropdown-item" href="?lang=ru">Russian</a></li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-8">
<div class="input-group-sm mb-3">
<label for="action_name_text" class="col-form-label" th:text="#{inlaname}"></label>
<input type="text" class="form-control" id="action_name_text" name="action_name_text">
</div>
<div class="input-group-sm mb-3">
<label for="action_desc_text" class="col-form-label" th:text="#{inladesc}"></label>
<input type="text" class="form-control" id="action_desc_text" name="action_desc_text">
</div>
<button type="button" id="submit_add" onclick="" class="btn btn-primary mb-3" th:text="#{adddbtn}"></button>
<div id="script_editor" style="height: 50vh"></div>
</div>
</div>
</div>
<!-- th:if="${is_mobile}" -->
</main>
<div th:replace="~{fragments/footer :: div}"></div>
<script src="/static/javascript/base32.js" type="text/javascript"></script>
<script src="https://www.unpkg.com/ace-builds@latest/src-noconflict/ace.js"></script>
<script src="/static/javascript/script-editor.js"></script>
</body>
</html>