FE:shortcuts,monacoeditor for stratvars

This commit is contained in:
David Brazda
2023-09-19 14:07:12 +02:00
parent c05a1d0936
commit 2838c277dc
7 changed files with 235 additions and 48 deletions

View File

@@ -17,12 +17,12 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/dataTables.bootstrap5.min.css">
<script src="https://code.jquery.com/jquery-3.6.4.js" integrity="sha256-a9jBBRygX1Bh5lt8GZjXDzyOB+bWve9EiO7tROUtj/E=" crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
<script src="/static/js/jquery.serializejson.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/select/1.6.2/js/dataTables.select.min.js"></script>
@@ -45,7 +45,25 @@
<!-- <script src="https://cdn.datatables.net/select/1.6.2/js/dataTables.select.min.js"></script> -->
<script src="/static/js/fast-toml.js" type="text/javascript"></script>
<!-- <script>
// require is provided by loader.min.js.
require.config({ paths: { 'vs': 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.26.1/min/vs' }});
require(["vs/editor/editor.main"], () => {
monaco.editor.create(document.getElementById('stratvars_editor'), {
value: `function x() {
console.log("Hello world!");
}`,
language: 'javascript',
theme: 'vs-dark',
automaticLayout: true
});
});
</script> -->
<!-- predelat na local z cdn -->
<link rel="stylesheet" data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs/editor/editor.main.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs/loader.min.js"></script>
<!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.41.0/min/vs/editor/editor.main.js"></script> -->
<!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.41.0/min/vs/loader.min.js"></script> -->
</head>
@@ -176,12 +194,12 @@
<div class="legend" id="legendArchive"></div>
</div> -->
<div id="controls">
<button id="button_edit_arch" class="btn btn-outline-success btn-sm">Edit</button>
<button id="button_delete_arch" class="btn btn-outline-success btn-sm">Delete</button>
<button id="button_edit_arch" class="btn btn-outline-success btn-sm">Edit(a)</button>
<button id="button_delete_arch" class="btn btn-outline-success btn-sm">Delete(d)</button>
<button id="button_show_arch" class="btn btn-outline-success btn-sm">Show</button>
<button id="button_refresh" class="refresh btn btn-outline-success btn-sm">Refresh</button>
<button id="button_compare_arch" class="refresh btn btn-outline-success btn-sm">Compare</button>
<button id="button_runagain_arch" class="refresh btn btn-outline-success btn-sm">Run Again</button>
<button id="button_runagain_arch" class="refresh btn btn-outline-success btn-sm">Run Again(r)</button>
<!-- <button id="button_stopall" class="btn btn-outline-success btn-sm">Stop All</button>
<button id="button_refresh" class="btn btn-outline-success btn-sm">Refresh</button> -->
</div>
@@ -282,7 +300,8 @@
<div id="controlsStratin">
<button id="button_add" class="btn btn-outline-success btn-sm">Add</button>
<button id="button_add_json" class="btn btn-outline-success btn-sm">Add JSON</button>
<button id="button_edit" class="btn btn-outline-success btn-sm">Edit</button>
<button id="button_edit" class="btn btn-outline-success btn-sm">Edit(e)</button>
<button id="button_edit_stratvars" class="btn btn-outline-success btn-sm">Stratvars(s)</button>
<button id="button_dup" class="btn btn-outline-success btn-sm">Duplicate</button>
<button id="button_copy" class="btn btn-outline-success btn-sm">Copy JSON</button>
<button id="button_delete" class="btn btn-outline-success btn-sm">Delete</button>
@@ -355,9 +374,9 @@
</div>
<div class="form-group">
<!-- <div class="form-group">
<div id="editor"></div>
</div>
</div> -->
<!-- Create a textarea for saving content -->
@@ -411,6 +430,33 @@
</form>
</div>
</div>
<div id="stratvarsModal" class="modal fade" style="--bs-modal-width: 900px;">
<div class="modal-dialog">
<form method="post" id="stratvarsForm">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title_json"><i class="fa fa-plus"></i>Edit Stratvars</h4>
<button type="button" name="stratvars_close_x" id="stratvars_close_x" class="btn-close" aria-label="Close"></button>
</div>
<div class="modal-body" style="display: block;">
<div class="form-group">
<input type="text" class="form-control" id="stratvar_id" name="stratvar_id" placeholder="id" readonly>
</div>
</div>
<div class="modal-body">
<div class="form-group">
<div id="stratvars_editor" style="height:700px;border:1px solid black;"></div>
</div>
</div>
<div class="modal-footer">
<input type="button" name="stratvars_save" id="stratvars_save" class="btn btn-primary" value="Save" />
<input type="button" name="stratvars_save_exit" id="stratvars_save_exit" class="btn btn-primary" value="Save&Exit" />
<button type="button" name="stratvars_close" id="stratvars_close" class="btn btn-secondary">Close</button>
</div>
</div>
</form>
</div>
</div>
<div id="jsonModal" class="modal fade">
<div class="modal-dialog">
<form method="post" id="jsonForm">
@@ -592,7 +638,6 @@
</div>
<script src="/static/js/config.js"></script>
<script type="text/javascript" src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>
<script src="/static/js/jquery.serializejson.js"></script>
<script src="/static/js/utils.js"></script>
<script src="/static/js/archivechart.js"></script>
<script src="/static/js/archivetables.js"></script>