83 lines
3.8 KiB
HTML
83 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Hiddify Extensions</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css" integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
|
|
|
|
<style>
|
|
pre {
|
|
background-color: black !important; overflow: auto;
|
|
color: white!important; }
|
|
</style>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<div class="container mt-5">
|
|
<div id="connection-page" class="card p-4">
|
|
<div id="connection-before-connect" class="card-body">
|
|
<h2 class="card-title mb-4">Connection Settings</h2>
|
|
|
|
<div class="mb-3">
|
|
<label for="config-content" class="form-label">Config String</label>
|
|
<textarea id="config-content" class="form-control" placeholder="Enter config string here..." rows="3"></textarea>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="hiddify-settings" class="form-label">Hiddify Settings</label>
|
|
<textarea id="hiddify-settings" class="form-control" placeholder="Enter Hiddify settings here..." rows="3"></textarea>
|
|
</div>
|
|
|
|
<div class="d-flex justify-content-between">
|
|
<button id="connect-button" class="btn btn-success">Connect</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div id="connection-connecting" class="card-body d-none">
|
|
<h2 id="connection-status" class="card-title mb-4">Connecting...</h2>
|
|
<button id="disconnect-button" class="btn btn-danger">Disconnect</button>
|
|
</div>
|
|
</div>
|
|
<div id="extension-list-container" class="card p-4">
|
|
<h1 class="mb-4">
|
|
Extension List
|
|
</h1>
|
|
<div id="extension-list" class="list-group">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="extension-page-container" class="card p-4">
|
|
|
|
<div id="extension-page"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal fade" id="extension-dialog" style="display: none;" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="modalLabel">Extension List</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div id="extension-page-containerdialog"></div>
|
|
</div>
|
|
<div class="modal-footer" id="modal-footer">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="https://unpkg.com/ansi_up@5.0.0/ansi_up.js"></script>
|
|
<script src="https://unpkg.com/google-protobuf@3.20.1/dist/google-protobuf.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/protobufjs@7.X.X/dist/protobuf.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.bundle.min.js" integrity="sha512-7Pi/otdlbbCR+LnW+F7PwFcSDJOuUJB3OxtEHbg4vSMvzvJjde4Po1v4BR9Gdc9aXNUNFVUY+SK51wWT8WF0Gg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="rpc.js?1"></script>
|
|
|
|
</body>
|
|
</html> |