mirror of
https://github.com/KoboldAI/KoboldAI-Client.git
synced 2024-12-13 00:56:18 +01:00
c0736a8ec7
Added additional punctuation triggers for Add Sentence Spacing format Added better screen reset logic when refresing screen or restarting server
120 lines
4.0 KiB
HTML
120 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>KoboldAI Client</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
<script src="static/socket.io.min.js"></script>
|
|
<script src="static/application.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
|
<script src="static/bootstrap-toggle.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="static/bootstrap-toggle.min.css">
|
|
<link rel="stylesheet" href="static/custom.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="row" id="topmenu">
|
|
<div id="menuitems">
|
|
<div>
|
|
<button type="button" class="btn btn-primary" id="btn_newgame">New Story</button>
|
|
<button type="button" class="btn btn-primary" id="btn_save">Save</button>
|
|
<button type="button" class="btn btn-primary" id="btn_load">Load</button>
|
|
<button type="button" class="btn btn-primary" id="btn_import">Import</button>
|
|
<div class="spacer"></div>
|
|
<button type="button" class="btn btn-primary" id="btn_settings">Settings</button>
|
|
<button type="button" class="btn btn-primary" id="btn_format">Formatting</button>
|
|
</div>
|
|
<div id="connectstatusdiv">
|
|
<span id="connectstatus" class="color_orange">Waiting for connection...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="settingsmenu">
|
|
</div>
|
|
<div class="row" id="formatmenu">
|
|
</div>
|
|
<div class="row" id="gamescreen">
|
|
<span id="gametext">...</span>
|
|
<div class="hidden" id="wimenu">
|
|
</div>
|
|
</div>
|
|
<div class="row" id="actionmenu">
|
|
<div id="actionmenuitems">
|
|
<div>
|
|
<button type="button" class="btn btn-primary" id="btn_actedit">Edit</button>
|
|
<button type="button" class="btn btn-primary" id="btn_actmem">Memory</button>
|
|
<button type="button" class="btn btn-primary" id="btn_actwi">W Info</button>
|
|
<button type="button" class="btn btn-primary" id="btn_actundo">Back</button>
|
|
<button type="button" class="btn btn-primary" id="btn_actretry">Retry</button>
|
|
<button type="button" class="btn btn-primary hidden" id="btn_delete">Delete</button>
|
|
<span id="messagefield"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div id="inputrow">
|
|
<div id="inputrowleft">
|
|
<textarea class="form-control" id="input_text" placeholder="Enter text here"></textarea>
|
|
</div>
|
|
<div id="inputrowright">
|
|
<button type="button" class="btn btn-secondary" id="btnsend">Wait</button>
|
|
</div>
|
|
</div>
|
|
<div id="anoterowcontainer">
|
|
<div id="anoterow">
|
|
<div id="anoterowleft">
|
|
<div class="anotelabel">
|
|
Author's Note
|
|
</div>
|
|
<div class="anotefield">
|
|
<input class="form-control" type="text" placeholder="Author's Note" id="anoteinput">
|
|
</div>
|
|
</div>
|
|
<div id="anoterowright">
|
|
<div id="anoteslidelabel">
|
|
<div class="justifyleft">
|
|
Depth
|
|
</div>
|
|
<div class="justifyright" id="anotecur">
|
|
3
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<input type="range" class="form-range airange" min="1" max="5" step="1" id="anotedepth">
|
|
</div>
|
|
<div class="settingminmax">
|
|
<div class="justifyleft">
|
|
1
|
|
</div>
|
|
<div class="justifyright">
|
|
5
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hidden" id="popupcontainer">
|
|
<div id="popup">
|
|
<div id="popuptitlebar">
|
|
<div id="popuptitletext">Select an Adventure to Import</div>
|
|
</div>
|
|
<div id="popuplistheader">
|
|
<div>Title</div>
|
|
<div># Actions</div>
|
|
<div>Description</div>
|
|
</div>
|
|
<div id="popupcontent">
|
|
</div>
|
|
<div id="popupfooter">
|
|
<button type="button" class="btn btn-primary" id="btn_popupaccept">Accept</button>
|
|
<button type="button" class="btn btn-primary" id="btn_popupclose">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |