rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

( ) skill issue ( ) MovingUI works now.

Browse Source
This commit is contained in:
RossAscends
2023-06-28 13:53:36 +09:00
parent 9949d5695c
commit 7fe758d697
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/scripts/RossAscends-mods.js
View File

@@ -481,6 +481,7 @@ export function dragElement(elmnt) {
var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0; var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
var height, width, top, left; var height, width, top, left;
var elmntName = elmnt.attr('id'); var elmntName = elmnt.attr('id');
console.debug(`init drag for ${elmntName}`)
const elmntNameEscaped = $.escapeSelector(elmntName); const elmntNameEscaped = $.escapeSelector(elmntName);
const elmntHeader = $(`#${elmntNameEscaped}header`); const elmntHeader = $(`#${elmntNameEscaped}header`);
if (elmntHeader.length) { if (elmntHeader.length) {
@@ -498,10 +499,13 @@ export function dragElement(elmnt) {
|| Number((String(target.height).replace('px', ''))) < 50 || Number((String(target.height).replace('px', ''))) < 50
|| Number((String(target.width).replace('px', ''))) < 50 || Number((String(target.width).replace('px', ''))) < 50
|| isMobile() === true || isMobile() === true
) { return } ) {
console.debug('aborting mutator')
return
}
const style = getComputedStyle(target); const style = getComputedStyle(target);
console.log(style.top, style.left) //console.log(style.top, style.left)
height = target.offsetHeight; height = target.offsetHeight;
width = target.offsetWidth; width = target.offsetWidth;
top = parseInt(style.top); top = parseInt(style.top);
@@ -514,6 +518,7 @@ export function dragElement(elmnt) {
left=${left}`); */ left=${left}`); */
if (!power_user.movingUIState[elmntName]) { if (!power_user.movingUIState[elmntName]) {
console.debug(`adding config property for ${elmntName}`)
power_user.movingUIState[elmntName] = {}; power_user.movingUIState[elmntName] = {};
} }
@@ -525,12 +530,13 @@ export function dragElement(elmnt) {
power_user.movingUIState[elmntName].bottom = 'unset'; power_user.movingUIState[elmntName].bottom = 'unset';
power_user.movingUIState[elmntName].margin = 'unset'; power_user.movingUIState[elmntName].margin = 'unset';
saveSettingsDebounced(); saveSettingsDebounced();
saveSettingsDebounced();
// Check if the element header exists and set the listener on the grabber // Check if the element header exists and set the listener on the grabber
if (elmntHeader.length) { if (elmntHeader.length) {
elmntHeader.off('mousedown').on('mousedown', (e) => { elmntHeader.off('mousedown').on('mousedown', (e) => {
console.debug('listener started from header')
dragMouseDown(e); dragMouseDown(e);
}); });
} else { } else {
@@ -541,6 +547,7 @@ export function dragElement(elmnt) {
observer.observe(elmnt.get(0), { attributes: true, attributeFilter: ['style'] }); observer.observe(elmnt.get(0), { attributes: true, attributeFilter: ['style'] });
function dragMouseDown(e) { function dragMouseDown(e) {
if (e) { if (e) {
e.preventDefault(); e.preventDefault();
pos3 = e.clientX; //mouse X at click pos3 = e.clientX; //mouse X at click
@@ -615,6 +622,7 @@ export function dragElement(elmnt) {
} }
function closeDragElement() { function closeDragElement() {
console.debug('drag finished')
$(document).off('mouseup', closeDragElement); $(document).off('mouseup', closeDragElement);
$(document).off('mousemove', elementDrag); $(document).off('mousemove', elementDrag);
$("body").css("overflow", ""); $("body").css("overflow", "");
@@ -630,7 +638,9 @@ $("document").ready(function () {
// initial status check // initial status check
setTimeout(() => { setTimeout(() => {
if (isMobile === false) {
if (isMobile() === false) {
console.debug('START MOVING UI')
dragElement($("#sheld")); dragElement($("#sheld"));
dragElement($("#left-nav-panel")); dragElement($("#left-nav-panel"));
dragElement($("#right-nav-panel")); dragElement($("#right-nav-panel"));