mirror of
				https://github.com/SillyTavern/SillyTavern.git
				synced 2025-06-05 21:59:27 +02:00 
			
		
		
		
	* add Noto Sans Mono as default monospace font * fix ::selection for syntax highlighted editor * add full noto sans mono * add explicit "overflow: auto" to textarea to stop Firefox from freaking out * add syntax hightlight disable toggle * fix noto sans mono path * fix details position on scroll * disable pointer events on autocomplete wrap * fix for Firefox bug using relative colors * Shorten font file names. So that I won't have to scroll the list horizontally --------- Co-authored-by: LenAnderson <Anderson.Len@outlook.com> Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>
		
			
				
	
	
		
			128 lines
		
	
	
		
			5.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			128 lines
		
	
	
		
			5.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<div id="qr--modalEditor">
 | 
						|
	<div id="qr--main">
 | 
						|
		<h3>Labels and Message</h3>
 | 
						|
		<div class="qr--labels">
 | 
						|
			<label>
 | 
						|
				<span class="qr--labelText">Label</span>
 | 
						|
				<input type="text" class="text_pole" id="qr--modal-label">
 | 
						|
			</label>
 | 
						|
			<label>
 | 
						|
				<span class="qr--labelText">Title</span>
 | 
						|
				<small class="qr--labelHint">(tooltip, leave empty to show message or /command)</small>
 | 
						|
				<input type="text" class="text_pole" id="qr--modal-title">
 | 
						|
			</label>
 | 
						|
		</div>
 | 
						|
		<div class="qr--modal-messageContainer">
 | 
						|
			<label for="qr--modal-message">
 | 
						|
				Message / Command:
 | 
						|
			</label>
 | 
						|
			<div class="qr--modal-editorSettings">
 | 
						|
				<label class="checkbox_label">
 | 
						|
					<input type="checkbox" id="qr--modal-wrap">
 | 
						|
					<span>Word wrap</span>
 | 
						|
				</label>
 | 
						|
				<label class="checkbox_label">
 | 
						|
					<span>Tab size:</span>
 | 
						|
					<input type="number" min="1" max="9" id="qr--modal-tabSize" class="text_pole">
 | 
						|
				</label>
 | 
						|
				<label class="checkbox_label">
 | 
						|
					<input type="checkbox" id="qr--modal-executeShortcut">
 | 
						|
					<span>Ctrl+Enter to execute</span>
 | 
						|
				</label>
 | 
						|
				<label class="checkbox_label">
 | 
						|
					<input type="checkbox" id="qr--modal-syntax">
 | 
						|
					<span>Syntax highlight</span>
 | 
						|
				</label>
 | 
						|
			</div>
 | 
						|
			<div id="qr--modal-messageHolder">
 | 
						|
				<pre id="qr--modal-messageSyntax"><code id="qr--modal-messageSyntaxInner" class="hljs language-stscript"></code></pre>
 | 
						|
				<textarea id="qr--modal-message" spellcheck="false"></textarea>
 | 
						|
			</div>
 | 
						|
		</div>
 | 
						|
	</div>
 | 
						|
 | 
						|
 | 
						|
 | 
						|
	<div id="qr--qrOptions">
 | 
						|
		<h3>Context Menu</h3>
 | 
						|
		<div id="qr--ctxEditor">
 | 
						|
			<template id="qr--ctxItem">
 | 
						|
				<div class="qr--ctxItem" data-order="0">
 | 
						|
					<div class="drag-handle ui-sortable-handle">☰</div>
 | 
						|
					<select class="qr--set"></select>
 | 
						|
					<label class="qr--isChainedLabel checkbox_label" title="When enabled, the current Quick Reply will be sent together with (before) the clicked QR from the context menu.">
 | 
						|
						Chaining:
 | 
						|
						<input type="checkbox" class="qr--isChained">
 | 
						|
					</label>
 | 
						|
					<div class="qr--delete menu_button menu_button_icon fa-solid fa-trash-can" title="Remove entry"></div>
 | 
						|
				</div>
 | 
						|
			</template>
 | 
						|
		</div>
 | 
						|
		<div class="qr--ctxEditorActions">
 | 
						|
			<span id="qr--ctxAdd" class="menu_button menu_button_icon fa-solid fa-plus" title="Add quick reply set to context menu"></span>
 | 
						|
		</div>
 | 
						|
 | 
						|
 | 
						|
		<h3>Auto-Execute</h3>
 | 
						|
		<div class="flex-container flexFlowColumn">
 | 
						|
			<label class="checkbox_label" title="Prevent this quick reply from triggering other auto-executed quick replies while auto-executing (i.e., prevent recursive auto-execution)">
 | 
						|
				<input type="checkbox" id="qr--preventAutoExecute" >
 | 
						|
				<span><i class="fa-solid fa-fw fa-plane-slash"></i> Don't trigger auto-execute</span>
 | 
						|
			</label>
 | 
						|
			<label class="checkbox_label">
 | 
						|
				<input type="checkbox" id="qr--isHidden" >
 | 
						|
				<span><i class="fa-solid fa-fw fa-eye-slash"></i> Invisible (auto-execute only)</span>
 | 
						|
			</label>
 | 
						|
			<label class="checkbox_label">
 | 
						|
				<input type="checkbox" id="qr--executeOnStartup" >
 | 
						|
				<span><i class="fa-solid fa-fw fa-rocket"></i> Execute on app startup</span>
 | 
						|
			</label>
 | 
						|
			<label class="checkbox_label">
 | 
						|
				<input type="checkbox" id="qr--executeOnUser" >
 | 
						|
				<span><i class="fa-solid fa-fw fa-user"></i> Execute on user message</span>
 | 
						|
			</label>
 | 
						|
			<label class="checkbox_label">
 | 
						|
				<input type="checkbox" id="qr--executeOnAi" >
 | 
						|
				<span><i class="fa-solid fa-fw fa-robot"></i> Execute on AI message</span>
 | 
						|
			</label>
 | 
						|
			<label class="checkbox_label">
 | 
						|
				<input type="checkbox" id="qr--executeOnChatChange" >
 | 
						|
				<span><i class="fa-solid fa-fw fa-message"></i> Execute on opening chat</span>
 | 
						|
			</label>
 | 
						|
            <label class="checkbox_label">
 | 
						|
                <input type="checkbox" id="qr--executeOnGroupMemberDraft">
 | 
						|
                <span><i class="fa-solid fa-fw fa-people-group"></i> Execute before group member message</span>
 | 
						|
            </label>
 | 
						|
            <div class="flex-container alignItemsBaseline flexFlowColumn flexNoGap" title="Activate this quick reply when a World Info entry with the same Automation ID is triggered.">
 | 
						|
                <small>Automation ID</small>
 | 
						|
                <input type="text" id="qr--automationId" class="text_pole flex1" placeholder="( None )">
 | 
						|
            </div>
 | 
						|
		</div>
 | 
						|
 | 
						|
 | 
						|
		<h3>Testing</h3>
 | 
						|
		<div id="qr--modal-executeButtons">
 | 
						|
			<div id="qr--modal-execute" class="qr--modal-executeButton menu_button" title="Execute the quick reply now">
 | 
						|
				<i class="fa-solid fa-play"></i>
 | 
						|
				Execute
 | 
						|
			</div>
 | 
						|
			<div id="qr--modal-pause" class="qr--modal-executeButton menu_button" title="Pause / continue execution">
 | 
						|
				<span class="qr--modal-executeComboIcon">
 | 
						|
					<i class="fa-solid fa-play"></i>
 | 
						|
					<i class="fa-solid fa-pause"></i>
 | 
						|
				</span>
 | 
						|
			</div>
 | 
						|
			<div id="qr--modal-stop" class="qr--modal-executeButton menu_button" title="Abort execution">
 | 
						|
				<i class="fa-solid fa-stop"></i>
 | 
						|
			</div>
 | 
						|
		</div>
 | 
						|
		<div id="qr--modal-executeProgress"></div>
 | 
						|
		<label class="checkbox_label">
 | 
						|
			<input type="checkbox" id="qr--modal-executeHide">
 | 
						|
			<span> Hide editor while executing</span>
 | 
						|
		</label>
 | 
						|
		<div id="qr--modal-executeErrors"></div>
 | 
						|
		<div id="qr--modal-executeResult"></div>
 | 
						|
	</div>
 | 
						|
</div>
 |