1
<div id="qr--modalEditor">
2
	<div id="qr--main">
3
		<h3 data-i18n="Labels and Message">Labels and Message</h3>
4
		<div class="qr--labels">
5
			<label class="qr--fit">
6
				<span class="qr--labelText" data-i18n="Label">Icon</span>
7
				<small class="qr--labelHint">&nbsp;</small>
8
				<div class="menu_button fa-fw" id="qr--modal-icon" title="Click to change icon"></div>
9
			</label>
10
			<div class="label">
11
				<span class="qr--labelText" data-i18n="Label">Label</span>
12
				<small class="qr--labelHint" data-i18n="(label of the button, if no icon is chosen) ">(label of the button, if no icon is chosen)</small>
13
				<div class="qr--inputGroup">
14
					<label class="checkbox_label" title="Show label even if an icon is assigned">
15
						<input type="checkbox" id="qr--modal-showLabel">
16
						Show
17
					</label>
18
					<input type="text" class="text_pole" id="qr--modal-label">
19
					<div class="menu_button fa-fw fa-solid fa-chevron-down" id="qr--modal-switcher" title="Switch to another QR"></div>
20
				</div>
21
			</div>
22
			<label>
23
				<span class="qr--labelText" data-i18n="Title">Title</span>
24
				<small class="qr--labelHint" data-i18n="(tooltip, leave empty to show message or /command)">(tooltip, leave empty to show message or /command)</small>
25
				<input type="text" class="text_pole" id="qr--modal-title">
26
			</label>
27
		</div>
28
		<div class="qr--modal-messageContainer">
29
			<label for="qr--modal-message" data-i18n="Message / Command:">
30
				Message / Command:
31
			</label>
32
			<div class="qr--modal-editorSettings">
33
				<label class="checkbox_label">
34
					<input type="checkbox" id="qr--modal-wrap">
35
					<span data-i18n="Word wrap">Word wrap</span>
36
				</label>
37
				<label class="checkbox_label">
38
					<span data-i18n="Tab size:">Tab size:</span>
39
					<input type="number" min="1" max="9" id="qr--modal-tabSize" class="text_pole">
40
				</label>
41
				<label class="checkbox_label">
42
					<input type="checkbox" id="qr--modal-executeShortcut">
43
					<span data-i18n="Ctrl+Enter to execute">Ctrl+Enter to execute</span>
44
				</label>
45
				<label class="checkbox_label">
46
					<input type="checkbox" id="qr--modal-syntax">
47
					<span>Syntax highlight</span>
48
				</label>
49
				<small>Ctrl+Alt+Click (or F9) to set / remove breakpoints</small>
50
				<small>Ctrl+<span id="qr--modal-commentKey"></span> to toggle block comments</small>
51
			</div>
52
			<div id="qr--modal-messageHolder">
53
				<pre id="qr--modal-messageSyntax"><code id="qr--modal-messageSyntaxInner" class="hljs language-stscript"></code></pre>
54
				<textarea id="qr--modal-message" spellcheck="false"></textarea>
55
			</div>
56
		</div>
57
	</div>
58

59

60

61
	<div id="qr--resizeHandle"></div>
62

63

64

65
	<div id="qr--qrOptions">
66
		<h3 data-i18n="Context Menu">Context Menu</h3>
67
		<div id="qr--ctxEditor">
68
			<template id="qr--ctxItem">
69
				<div class="qr--ctxItem" data-order="0">
70
					<div class="drag-handle ui-sortable-handle">☰</div>
71
					<select class="qr--set"></select>
72
					<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.">
73
						<span data-i18n="Chaining:">Chaining:</span>
74
						<input type="checkbox" class="qr--isChained">
75
					</label>
76
					<div class="qr--delete menu_button menu_button_icon fa-solid fa-trash-can" title="Remove entry"></div>
77
				</div>
78
			</template>
79
		</div>
80
		<div class="qr--ctxEditorActions">
81
			<span id="qr--ctxAdd" class="menu_button menu_button_icon fa-solid fa-plus" title="Add quick reply set to context menu"></span>
82
		</div>
83

84

85
		<h3 data-i18n="Auto-Execute">Auto-Execute</h3>
86
		<div id="qr--autoExec" class="flex-container flexFlowColumn">
87
			<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)">
88
				<input type="checkbox" id="qr--preventAutoExecute" >
89
				<span><i class="fa-solid fa-fw fa-plane-slash"></i><span data-i18n="Don't trigger auto-execute">Don't trigger auto-execute</span></span>
90
			</label>
91
			<label class="checkbox_label">
92
				<input type="checkbox" id="qr--isHidden" >
93
				<span><i class="fa-solid fa-fw fa-eye-slash"></i><span data-i18n="Invisible (auto-execute only)">Invisible (auto-execute only)</span></span>
94
			</label>
95
			<label class="checkbox_label">
96
				<input type="checkbox" id="qr--executeOnStartup" >
97
				<span><i class="fa-solid fa-fw fa-rocket"></i><span data-i18n="Execute on startup">Execute on startup</span></span>
98
			</label>
99
			<label class="checkbox_label">
100
				<input type="checkbox" id="qr--executeOnUser" >
101
				<span><i class="fa-solid fa-fw fa-user"></i><span data-i18n="Execute on user message">Execute on user message</span></span>
102
			</label>
103
			<label class="checkbox_label">
104
				<input type="checkbox" id="qr--executeOnAi" >
105
				<span><i class="fa-solid fa-fw fa-robot"></i><span data-i18n="Execute on AI message">Execute on AI message</span></span>
106
			</label>
107
			<label class="checkbox_label">
108
				<input type="checkbox" id="qr--executeOnChatChange" >
109
				<span><i class="fa-solid fa-fw fa-message"></i><span data-i18n="Execute on chat change">Execute on chat change</span></span>
110
			</label>
111
            <label class="checkbox_label">
112
                <input type="checkbox" id="qr--executeOnNewChat">
113
                <span><i class="fa-solid fa-fw fa-comments"></i><span data-i18n="Execute on new chat">Execute on new chat</span></span>
114
            </label>
115
            <label class="checkbox_label">
116
                <input type="checkbox" id="qr--executeOnGroupMemberDraft">
117
                <span><i class="fa-solid fa-fw fa-people-group"></i><span data-i18n="Execute on group member draft">Execute on group member draft</span></span>
118
            </label>
119
            <label class="checkbox_label">
120
    			<input type="checkbox" id="qr--executeBeforeGeneration" >
121
    			<span><i class="fa-solid fa-fw fa-paper-plane"></i><span data-i18n="Execute before message generation">Execute before message generation</span></span>
122
   			</label>
123
            <div class="flex-container alignItemsBaseline flexFlowColumn flexNoGap" title="Activate this quick reply when a World Info entry with the same Automation ID is triggered.">
124
                <small data-i18n="Automation ID:">Automation ID</small>
125
                <input type="text" id="qr--automationId" class="text_pole flex1" placeholder="( None )">
126
            </div>
127
		</div>
128

129

130
		<h3 data-i18n="Testing">Testing</h3>
131
		<div id="qr--modal-executeButtons">
132
			<div id="qr--modal-execute" class="qr--modal-executeButton menu_button" title="Execute the quick reply now">
133
				<i class="fa-solid fa-play"></i>
134
				<span data-i18n="Execute">Execute</span>
135
			</div>
136
			<div id="qr--modal-pause" class="qr--modal-executeButton menu_button" title="Pause / continue execution">
137
				<span class="qr--modal-executeComboIcon">
138
					<i class="fa-solid fa-play"></i>
139
					<i class="fa-solid fa-pause"></i>
140
				</span>
141
			</div>
142
			<div id="qr--modal-stop" class="qr--modal-executeButton menu_button" title="Abort execution">
143
				<i class="fa-solid fa-stop"></i>
144
			</div>
145
		</div>
146
		<div id="qr--modal-executeProgress"></div>
147
		<div id="qr--modal-executeErrors"></div>
148
		<div id="qr--modal-executeResult"></div>
149

150
		<div id="qr--modal-debugButtons">
151
			<div title="Resume" id="qr--modal-resume" class="qr--modal-debugButton menu_button"></div>
152
			<div title="Step Over" id="qr--modal-step" class="qr--modal-debugButton menu_button"></div>
153
			<div title="Step Into" id="qr--modal-stepInto" class="qr--modal-debugButton menu_button"></div>
154
			<div title="Step Out" id="qr--modal-stepOut" class="qr--modal-debugButton menu_button"></div>
155
			<div title="Minimize" id="qr--modal-minimize" class="qr--modal-debugButton menu_button fa-solid fa-minimize"></div>
156
			<div title="Maximize" id="qr--modal-maximize" class="qr--modal-debugButton menu_button fa-solid fa-maximize"></div>
157
		</div>
158
		<textarea rows="1" id="qr--modal-send_textarea" placeholder="Chat input for use with {{input}}" title="Chat input for use with {{input}}"></textarea>
159
		<div id="qr--modal-debugState"></div>
160
	</div>
161
</div>