WebDev/VersaWhiteboard
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add random whiteboardId function

Browse Source
This commit is contained in:
raphael 2020-04-03 22:38:33 +02:00
parent 3b3dffb3f5
commit c0ae6031d5
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/js/main.js
View File

@ -1,4 +1,12 @@
var whiteboardId = getQueryVariable("whiteboardid"); var whiteboardId = getQueryVariable("whiteboardid");
var randomid = getQueryVariable("randomid");
if (randomid && !whiteboardId) { //set random whiteboard on empty whiteboardid
whiteboardId = Array(2).fill(null).map(() => Math.random().toString(36).substr(2)).join('');
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('whiteboardid', whiteboardId);
window.location.search = urlParams;
}
whiteboardId = whiteboardId || "myNewWhiteboard"; whiteboardId = whiteboardId || "myNewWhiteboard";
whiteboardId = unescape(encodeURIComponent(whiteboardId)).replace(/[^a-zA-Z0-9 ]/g, ""); whiteboardId = unescape(encodeURIComponent(whiteboardId)).replace(/[^a-zA-Z0-9 ]/g, "");
var myUsername = getQueryVariable("username"); var myUsername = getQueryVariable("username");
@ -9,7 +17,7 @@ var accessDenied = false;
// Custom Html Title // Custom Html Title
var title = getQueryVariable("title"); var title = getQueryVariable("title");
if(!title === false){ if (!title === false) {
document.title = decodeURIComponent(title); document.title = decodeURIComponent(title);
} }
@ -187,22 +195,22 @@ $(document).ready(function () {
}, },
moveDraggableUp: function () { moveDraggableUp: function () {
var elm = whiteboard.tool == "text" ? $("#"+whiteboard.latestActiveTextBoxId) : $(".dragMe")[0]; var elm = whiteboard.tool == "text" ? $("#" + whiteboard.latestActiveTextBoxId) : $(".dragMe")[0];
var p = $(elm).position(); var p = $(elm).position();
$(elm).css({ top: p.top - 5, left: p.left }) $(elm).css({ top: p.top - 5, left: p.left })
}, },
moveDraggableDown: function () { moveDraggableDown: function () {
var elm = whiteboard.tool == "text" ? $("#"+whiteboard.latestActiveTextBoxId) : $(".dragMe")[0]; var elm = whiteboard.tool == "text" ? $("#" + whiteboard.latestActiveTextBoxId) : $(".dragMe")[0];
var p = $(elm).position(); var p = $(elm).position();
$(elm).css({ top: p.top + 5, left: p.left }) $(elm).css({ top: p.top + 5, left: p.left })
}, },
moveDraggableLeft: function () { moveDraggableLeft: function () {
var elm = whiteboard.tool == "text" ? $("#"+whiteboard.latestActiveTextBoxId) : $(".dragMe")[0]; var elm = whiteboard.tool == "text" ? $("#" + whiteboard.latestActiveTextBoxId) : $(".dragMe")[0];
var p = $(elm).position(); var p = $(elm).position();
$(elm).css({ top: p.top, left: p.left - 5 }) $(elm).css({ top: p.top, left: p.left - 5 })
}, },
moveDraggableRight: function () { moveDraggableRight: function () {
var elm = whiteboard.tool == "text" ? $("#"+whiteboard.latestActiveTextBoxId) : $(".dragMe")[0]; var elm = whiteboard.tool == "text" ? $("#" + whiteboard.latestActiveTextBoxId) : $(".dragMe")[0];
var p = $(elm).position(); var p = $(elm).position();
$(elm).css({ top: p.top, left: p.left + 5 }) $(elm).css({ top: p.top, left: p.left + 5 })
}, },