| <div id="qr--settings"> | |
| <div class="inline-drawer"> | |
| <div class="inline-drawer-toggle inline-drawer-header"> | |
| <strong data-i18n="Quick Reply">Quick Reply</strong> | |
| <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div> | |
| </div> | |
| <div class="inline-drawer-content"> | |
| <label class="flex-container"> | |
| <input type="checkbox" id="qr--isEnabled"><span data-i18n="Enable Quick Replies">Enable Quick Replies</span> | |
| </label> | |
| <label class="flex-container"> | |
| <input type="checkbox" id="qr--isCombined"><span data-i18n="Combine Quick Replies">Combine Quick Replies</span> | |
| </label> | |
| <label class="flex-container"> | |
| <input type="checkbox" id="qr--showPopoutButton"><span data-i18n="Show Popout Button">Show Popout Button (on Desktop)</span> | |
| </label> | |
| <hr> | |
| <div id="qr--global"> | |
| <div class="qr--head"> | |
| <div class="qr--title" data-i18n="Global Quick Reply Sets">Global Quick Reply Sets</div> | |
| <div class="qr--actions"> | |
| <div class="qr--setListAdd menu_button menu_button_icon fa-solid fa-plus" id="qr--global-setListAdd" title="Add quick reply set"></div> | |
| </div> | |
| </div> | |
| <div id="qr--global-setList" class="qr--setList"></div> | |
| </div> | |
| <hr> | |
| <div id="qr--chat"> | |
| <div class="qr--head"> | |
| <div class="qr--title" data-i18n="Chat Quick Reply Sets">Chat Quick Reply Sets</div> | |
| <div class="qr--actions"> | |
| <div class="qr--setListAdd menu_button menu_button_icon fa-solid fa-plus" id="qr--chat-setListAdd" title="Add quick reply set"></div> | |
| </div> | |
| </div> | |
| <div id="qr--chat-setList" class="qr--setList"></div> | |
| </div> | |
| <hr> | |
| <div id="qr--editor"> | |
| <div class="qr--head"> | |
| <div class="qr--title" data-i18n="Edit Quick Replies">Edit Quick Replies</div> | |
| <div class="qr--actions"> | |
| <select id="qr--set" class="text_pole"></select> | |
| <div class="qr--add menu_button menu_button_icon fa-solid fa-pencil" id="qr--set-rename" title="Rename quick reply set"></div> | |
| <div class="qr--add menu_button menu_button_icon fa-solid fa-plus" id="qr--set-new" title="Create new quick reply set"></div> | |
| <div class="qr--add menu_button menu_button_icon fa-solid fa-file-import" id="qr--set-import" title="Import quick reply set"></div> | |
| <input type="file" id="qr--set-importFile" accept=".json" hidden> | |
| <div class="qr--add menu_button menu_button_icon fa-solid fa-file-export" id="qr--set-export" title="Export quick reply set"></div> | |
| <div class="qr-add menu_button menu_button_icon fa-solid fa-paste" id="qr--set-duplicate" title="Duplicate quick reply set"></div> | |
| <div class="qr--del menu_button menu_button_icon fa-solid fa-trash redWarningBG" id="qr--set-delete" title="Delete quick reply set"></div> | |
| </div> | |
| </div> | |
| <div id="qr--set-settings"> | |
| <label class="flex-container"> | |
| <input type="checkbox" id="qr--disableSend"> <span data-i18n="Disable Send (Insert Into Input Field)">Disable send (insert into input field)</span> | |
| </label> | |
| <label class="flex-container"> | |
| <input type="checkbox" id="qr--placeBeforeInput"> <span data-i18n="Place Quick Reply Before Input">Place quick reply before input</span> | |
| </label> | |
| <label class="flex-container" id="qr--injectInputContainer"> | |
| <input type="checkbox" id="qr--injectInput"> <span><span data-i18n="Inject user input automatically">Inject user input automatically</span> <small><span data-i18n="(if disabled, use ">(if disabled, use</span><code>{{input}}</code> <span data-i18n="macro for manual injection)">macro for manual injection)</span></small></span> | |
| </label> | |
| <div class="flex-container alignItemsCenter"> | |
| <toolcool-color-picker id="qr--color"></toolcool-color-picker> | |
| <div class="menu_button" id="qr--colorClear">Clear</div> | |
| <span data-i18n="Color">Color</span> | |
| </div> | |
| <label class="flex-container" id="qr--onlyBorderColorContainer"> | |
| <input type="checkbox" id="qr--onlyBorderColor"> <span data-i18n="Only apply color as accent">Only apply color as accent</span> | |
| </label> | |
| </div> | |
| <div id="qr--set-qrList" class="qr--qrList"></div> | |
| <div class="qr--set-qrListActions"> | |
| <div class="qr--add menu_button menu_button_icon fa-solid fa-plus" id="qr--set-add" title="Add quick reply"></div> | |
| <div class="qr--paste menu_button menu_button_icon fa-solid fa-paste" id="qr--set-paste" title="Paste quick reply from clipboard"></div> | |
| <div class="qr--import menu_button menu_button_icon fa-solid fa-file-import" id="qr--set-importQr" title="Import quick reply from file"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |