raphael/whiteboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

allow pan movement in read only mode

Browse Source 
more start log
This commit is contained in:
Raphael 2024-05-04 23:12:06 +02:00
parent 3a4f0e8bc2
commit 8b643761c0
4 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
scripts/server-frontend-dev.js
View File

@ -3,7 +3,6 @@ import WebpackDevServer from "webpack-dev-server";
import config from "../config/webpack.dev.js";
const devServerConfig = {
hot: true,
proxy: {
// proxies for the backend
"/api": "http://localhost:3000",
@ -15,12 +14,14 @@ const devServerConfig = {
},
};
export default function startFrontendDevServer(port, resolve) {
new WebpackDevServer(webpack(config), devServerConfig).start(port, (err) => {
export default async function startFrontendDevServer(port, resolve) {
resolve(1);
await new WebpackDevServer(webpack(config), devServerConfig).start(port, (err) => {
if (err) {
console.log(err);
}
console.log("Listening on port " + port);
});
resolve(1);
console.log(
"\n\n-------Successfully started dev server on http://localhost:8080-----------\n\n"
);
}

11
src/index.html
View File

@ -46,10 +46,7 @@
</button>
</div>
<div class="btn-group whiteboard-edit-group">
<button tool="mouse" title="Take the mouse" type="button" class="whiteboard-tool">
<i class="fa fa-mouse-pointer"></i>
</button>
<div class="btn-group">
<button
tool="hand"
title="pan the whiteboard"
@ -58,6 +55,12 @@
>
<i class="fa fa-hand-paper" aria-hidden="true"></i>
</button>
</div>
<div class="btn-group whiteboard-edit-group">
<button tool="mouse" title="Take the mouse" type="button" class="whiteboard-tool">
<i class="fa fa-mouse-pointer"></i>
</button>
<button
style="padding-bottom: 11px"

2
src/js/services/ReadOnlyService.js
View File

@ -32,6 +32,8 @@ class ReadOnlyService {
// other tools
$(".whiteboard-tool[tool=mouse]").click();
$(".whiteboard-tool").prop("disabled", true);
$(".whiteboard-tool[tool='hand']").prop("disabled", false);
$(".whiteboard-edit-group > button").prop("disabled", true);
$(".whiteboard-edit-group").addClass("group-disabled");
$("#whiteboardUnlockBtn").hide();

4
src/js/whiteboard.js
View File

@ -137,7 +137,7 @@ const whiteboard = {
if (_this.imgDragActive || _this.drawFlag) {
return;
}
if (ReadOnlyService.readOnlyActive) return;
if (ReadOnlyService.readOnlyActive && _this.tool !== "hand") return;
_this.drawFlag = true;
@ -266,7 +266,7 @@ const whiteboard = {
if (_this.imgDragActive) {
return;
}
if (ReadOnlyService.readOnlyActive) return;
if (ReadOnlyService.readOnlyActive && _this.tool !== "hand") return;
_this.drawFlag = false;
_this.ctx.globalCompositeOperation = _this.oldGCO;