Newton_Editor/user_config/usr/share/newton/context_path/index.html

291 lines
11 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Newton2</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="resources/css/libs/bootstrap5/bootstrap.min.css">
<link rel="stylesheet" href="resources/css/libs/bootstrap-icons/bootstrap-icons.css">
<!-- Site CSS -->
<!-- <link rel="stylesheet" href="resources/css/newton/context-menu.css"> -->
<link rel="stylesheet" href="resources/css/newton/main.css">
<link rel="stylesheet" href="resources/css/newton/overrides.css">
</head>
<body>
<div id="alerts-container" class="container">
<div class="row page-alert-zone-container">
<div id="page-alert-zone" class="col">
</div>
</div>
</div>
<p id="top-gutter"
class="fixed-top"
data-toggle="popover"
data-placement="bottom">
</p>
<pre id="editor"></pre>
<p id="bottom-gutter"
class="fixed-bottom"
data-toggle="popover"
data-placement="top">
</p>
<!-- Buffers modal -->
<div class="modal" id="buffers-modal" tabindex="-1" role="dialog"
data-bs-theme="dark" data-bs-keyboard="false" data-bs-backdrop="static">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h3>Buffers:</h3>
</div>
<div class="modal-body margin-bottom-neg-200">
<div class="row">
<div class="col max-height-600 noselect">
<ul id="buffers-selection" class="list-group scroller">
</ul>
<input id="buffer-search" class="form-control mr-sm-2" type="search" placeholder="Search..." aria-label="Search" />
</div>
<div class="col max-height-800">
<pre id="preview-editor"></pre>
</div>
</div>
</div>
<div class="modal-footer">
<span id="preview-path" class="mx-auto"></span>
</div>
</div>
</div>
</div>
<!-- LSP modal -->
<div class="modal" id="lsp-modal" tabindex="-1" role="dialog" data-bs-theme="dark">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h3>LSPs:</h3>
</div>
<div class="modal-body">
<div class="row">
<div class="col max-height-600 noselect">
<div id="lsp-settings" class="list-group scroller">
</div>
<input id="lsp-search" class="form-control mr-sm-2" type="search" placeholder="Search..." aria-label="Search" />
</div>
</div>
</div>
<div class="modal-footer">
<button onclick="loadSettingsFileToUI()">Load LSP Settings</button>
<button onclick="loadPythonLSPFromBlobURLs()">Load LSP Client</button>
</div>
</div>
</div>
</div>
<!-- Template Tags... -->
<template id="search-replace-template">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="resources/css/libs/bootstrap5/bootstrap.min.css">
<link rel="stylesheet" href="resources/css/libs/bootstrap-icons/bootstrap-icons.css">
<!-- Site CSS -->
<!-- <link rel="stylesheet" href="resources/css/newton/context-menu.css"> -->
<link rel="stylesheet" href="resources/css/newton/main.css">
<link rel="stylesheet" href="resources/css/newton/overrides.css">
<style>
</style>
<section>
<div id="search-replace" class="row">
<div class="col">
<div class="row">
<div class="col col-3">
<label id="find-status-lbl">Find in Current Buffer</label>
</div>
<div class="col col-4">
<label id="find-options-lbl">Finding with Options: Case Insensitive</label>
</div>
<div class="col col-5 line-height-32px">
<button title="Close Panel" class="float-end btn btn-sm btn-dark" onclick="hideSearchReplace()">X</button>
<button id="whole-word-btn" title="Whole Word" class="float-end btn btn-sm btn-dark">
<img src="resources/imgs/whole-word.png" />
</button>
<button id="only-in-selection-btn" title="Only In Selection" class="float-end btn btn-sm btn-dark">
<img src="resources/imgs/only-in-selection.png" />
</button>
<button id="match-case-btn" title="Match Case" class="float-end btn btn-sm btn-dark">Aa</button>
<button id="use-regex-btn" title="Use Regex" class="float-end btn btn-sm btn-dark" btn>.*</button>
</div>
</div>
<div class="margin-tb-1em"></div>
<div class="row">
<div class="col">
<div class="row">
<div class="col">
<div class="input-group-sm mb-3">
<input id="find-entry"
class="form-control"
type="search"
placeholder="Find in current buffer"
aria-label="Find in current buffer"
/>
</div>
</div>
<div class="col col-auto">
<button id="find-btn" class="width-8em btn btn-sm btn-dark">Find</button>
<button id="find-all-btn" class="width-8em btn btn-sm btn-dark">Find All</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="row">
<div class="col">
<div class="input-group-sm mb-3">
<input id="replace-entry"
class="form-control"
type="search"
title="Replace in current buffer"
placeholder="Replace in current buffer"
/>
</div>
</div>
<div class="col col-auto">
<button id="replace-btn" class="width-8em btn btn-sm btn-dark">Replace</button>
<button id="replace-all-btn" class="width-8em btn btn-sm btn-dark">Replace All</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
<template id="lsp-config-template">
<style>
</style>
<section>
<div id="lsp-config" class="row">
<hr/>
<h2 id="title"></h2>
</div>
</section>
</template>
<template id="input-dict-template">
<style>
ul, li {
list-style: none;
}
ul {
padding-left: 2em;
}
.selected {
background-color: rgba(255, 255, 255, 0.64);
}
</style>
<section>
<h3 id="title"></h3>
<ul id="input-dict">
</ul>
</section>
</template>
<template id="input-list-template">
<style>
ul, li {
list-style: none;
}
ul {
padding-left: 2em;
}
.selected {
background-color: rgba(255, 255, 255, 0.64);
}
</style>
<section>
<h3 id="title"></h3>
<ul id="input-list">
</ul>
</section>
</template>
<template id="input-list-item-template">
<style>
ul, li {
list-style: none;
}
</style>
<li id="input-list-item">
<label id="title"></label>
<input id="input-entry" />
</li>
</template>
<template id="input-checkbox-template">
<style>
</style>
<label id="title" for="input-checkbox"></label>
<input id="input-checkbox" type="checkbox"/>
</template>
<script nomodule>
console.info(`Your browser doesn't support native JavaScript modules.`);
</script>
<!-- For internal scripts... -->
<script src="resources/js/libs/jquery-3.7.1.min.js"></script>
<!-- <script src="resources/js/libs/require.js"></script> -->
<!-- For Bootstrap... -->
<script src="resources/js/libs/bootstrap5/bootstrap.bundle.min.js"></script>
<!-- For Ace Editor... -->
<!-- https://ace.c9.io/#nav=howto -->
<!-- https://www.unpkg.com/ace-linters@latest/build/ace-linters.js -->
<script src="resources/js/libs/ace_editor/ace.js"></script>
<script src="resources/js/libs/ace_editor/ext-settings_menu.js"></script>
<script src="resources/js/libs/ace_editor/ext-language_tools.js"></script>
<!-- For ACE LSP... -->
<script src="resources/js/libs/ace_editor/lsp/ace-linters.js"></script>
<script src="resources/js/libs/ace_editor/lsp/service-manager.js"></script>
<script src="resources/js/libs/ace_editor/lsp/language-client.js"></script>
<!-- For Application... -->
<script src="resources/js/newton/globals.js"></script>
<script src="resources/js/newton/components.js"></script>
<script src="resources/js/newton/lsp-manager.js"></script>
<script src="resources/js/newton/utils.js"></script>
<script src="resources/js/newton/post-ajax.js"></script>
<script src="resources/js/newton/ajax.js"></script>
<script src="resources/js/newton/keybinding-newton.js"></script>
<script src="resources/js/newton/ui-logic.js"></script>
<script src="resources/js/newton/events.js"></script>
</body>
</html>