Commit graph

236 commits

Author SHA1 Message Date
finnboeger
0f0b333335
Allow running the app behind a reverse proxy (#57)
* change url to hide app behind a relative path

* pass some of ther server configuration through to the client

* serve static files and connect to socket.io correctly when a URL Prefix is set

* Revert the changes to opengraph meta tags

opengraph meta tags need to be absolute URLs

* Remove unused commented-out code

* fix background.png url

* use prefix path for open graph metadata

* Revert changes using server side url modifications

* get open graph and socket.io url from request url / window.location

* remove debug console.log

* Fix favicon when not running under "/"

* Add proxying instructions to the README

Co-authored-by: Laurent Mazet <mazet@softndesign.org>
Co-authored-by: ophir <pere.jobs@gmail.com>
2020-05-01 12:33:13 +02:00
finnboeger
3ba9925d9f
Decrease area occluded by menu and fix menu scroll issue on mobile (#56)
* don't occlude area below menu

* only disable pointer events on the menu on desktop or when a tool has been selected on mobile
2020-04-30 16:18:36 +02:00
finnboeger
d3be4cadf7
swap scroll axis when holding shift (#53) 2020-04-28 21:51:37 +02:00
ophir
2acaa95fd6 Small markup improvements in index page 2020-04-28 21:49:02 +02:00
finnboeger
efbb49d0d1
catch mobile devices that misreport their hover capabilities (#52)
* catch mobile devices that misreport their hover capabilities

* fix media query syntax and use data for main input device
2020-04-28 15:26:09 +02:00
finnboeger
be1880aa1b
Fix various bugs with the menu (#49)
* fix color picker on safari

* do not block space above and below opened tooltip from passing pointer events through to the svg

* don't automatically retract tooltip when hovering

* use focus instead of hover on mobile and blur focus on first touchmove

* stop UA sniffing and assert that activeElement exists before attempting to blur

* Disable dragging of menu icons

* Remove unused CSS property

Property is ignored due to the display. With 'display: block', vertical-align should not be used.

* Better image dragging prevention

Co-authored-by: Ophir LOJKINE <ophir.lojkine@auto-grid.com>
2020-04-28 11:47:43 +02:00
finnboeger
2f46c013c2
Improve scroll zoom handling (#50)
* decrease the step size of each zoom operation

* use same stepping on all browsers

* replace math.sign with polyfill
2020-04-28 00:59:19 +02:00
Ophir LOJKINE
e9d3467767 Update color presets 2020-04-27 16:56:36 +02:00
finnboeger
4d065216bd
Improve text tool (#45)
Make the text field of the text tool appear at the position where the text will be written.

* improved Text tool

* ignore layers for now

* only assert value is not null or undefined / allow 0 as value

* remove unused layer code

* Reformat text.js

Co-authored-by: Robert Beach <rdbeach@gmail.com>
Co-authored-by: @finnboeger
2020-04-27 12:48:35 +02:00
ophir
96fa16559e Index page translations 2020-04-26 17:59:41 +02:00
ophir
c944efce58 Remove unused assets 2020-04-26 15:04:37 +02:00
Ophir LOJKINE
10bdaf90f0
Style changes (#39)
* Initial Changes (#1)

* Move socket event handlers and initial connection to connect function

* Converted await statements to .then()

* Toggle tool if clicked again and toggling option exists

Co-authored-by: Finn Böger <finnboeger@googlemail.com>

Co-authored-by: Robert Beach <rdbeach@gmail.com>

* Updated client styles
- disable selecting text in tool menu
- change design of tool boxes to be square and smaller
- reduce text size in sliders

Co-authored-by: Finn Böger <finnboeger@googlemail.com>

* Changed Apple Touch Icon

* Update size and opacity icon, include fontawesome for future use

Co-authored-by: Finn Böger <finnboeger@googlemail.com>

* Changed favicon svg

* replace font-family with valid value

* Added icons and icomoon font

* change eraser and zoom icon

Co-authored-by: Finn Böger <finnboeger@googlemail.com>

* Revert icon change for now

* Revert "Converted await statements to .then()"

This reverts commit b35e0207df.

* Revert "Revert icon change for now"

This reverts commit 34e354f00f.

* Restored new Icons

* Restored favicon

* Remove fontawesome

* Increase icon sizes

* Update the zoom icon

See https://github.com/lovasoa/whitebophir/pull/39#issuecomment-619524098

* set display inline block for tool names, otherwise firefox doesn't respect margin-bottom

* Rework tool icons

* fix color presets position

Co-authored-by: finnboeger <finnboeger@users.noreply.github.com>
Co-authored-by: Robert Beach <rdbeach@gmail.com>
Co-authored-by: Finn Böger <finnboeger@googlemail.com>
2020-04-26 14:56:51 +02:00
ophir
8f14b84f9e Rework tool icons 2020-04-26 13:08:17 +02:00
ophir
dd2a574d03 Update the zoom icon
See https://github.com/lovasoa/whitebophir/pull/39#issuecomment-619524098
2020-04-26 12:43:19 +02:00
Ophir LOJKINE
f23926bdef
First merge for #31
Thanks a lot and congratulations to @finnboeger and @rdbeach !
2020-04-26 12:03:11 +02:00
ophir
fc51f0dc0b Optimize icons to make them smaller 2020-04-26 11:53:14 +02:00
Ophir LOJKINE
6baab81f63 Better tool icons 2020-04-26 00:45:42 +02:00
ophir
68ba979919 Start work on svg icons 2020-04-25 22:33:02 +02:00
Robert Beach
6e042a3a82 Toggle tool if clicked again and toggling option exists
Co-authored-by: Finn Böger <finnboeger@googlemail.com>
2020-04-25 17:51:43 +02:00
Robert Beach
204ce7f073 Move socket event handlers and initial connection to connect function
Co-authored-by: Finn Böger <finnboeger@googlemail.com>
2020-04-25 16:46:29 +02:00
ophir
ebaaacde35 Improved i18n system 2020-04-22 10:14:12 +02:00
ophir
e2dde6c82f WIP: i18n of the index page 2020-04-20 23:40:38 +02:00
Ophir LOJKINE
1a392e0798 Update index style 2020-04-20 21:55:57 +02:00
Ophir LOJKINE
29ebe10d20 Improve the style of the index page 2020-04-19 19:41:26 +02:00
ophir
2521aa3a94 Fix a style problem with the backound on the index 2020-04-19 12:09:28 +02:00
ophir
0f20784b8c Updated the style of the index page 2020-04-18 23:17:59 +02:00
Ophir LOJKINE
43c861d022 Make the initial brush size smaller 2020-04-15 14:49:49 +02:00
Ophir LOJKINE
0046cb28d5 Fix unreadable board name
The board name wasn't displayed correctly when it contained special
characters
2020-04-06 19:42:03 +02:00
Ophir LOJKINE
8eebbe9653
Add a list of predefined colors and shortcuts for them
Color presets (#25)

* Add color presets with keys 0..9

Also, initialize size/thickness with 7.

* Add click-able buttons for color presets

* Refactor color presets: use Minitpl

Use Minitpl for creating the color preset buttons. Also, allow for more
colors than keys and don't use just numeric keys, but allow all
characters.

* Fix layout for case if no color presets are defined

* colors in array, CSS fix, restore random initColor

See: https://github.com/lovasoa/whitebophir/pull/24#issuecomment-608409282

* Remove hardcoded size

* Simplify condition

Co-authored-by: adrian.buerli <adrian.buerli@ims.co.at>
2020-04-03 18:11:32 +02:00
Ophir LOJKINE
66f7944b6e
add canonical link 2020-03-21 22:18:56 +01:00
Ophir LOJKINE
209a656ee2
Highlight the fact that WBO is open-source 2020-03-03 14:39:17 +01:00
Ophir LOJKINE
03d8f61f39 Remove unnecessary type attribute on script tags 2019-06-27 16:38:41 +02:00
Ophir LOJKINE
4323e5e81f Reformat the HTML board page 2019-06-27 15:46:39 +02:00
Ophir LOJKINE
45cf1e1406 Improve internationalization 2019-06-27 15:44:16 +02:00
Ophir LOJKINE
b1a5884932 Native viewport width on mobile for the landing page 2019-06-27 12:10:24 +02:00
Ophir LOJKINE
e038527115 Add loading message 2019-06-25 13:28:02 +02:00
Ophir LOJKINE
5f33e55066 Remove menu toggling code 2019-06-24 11:39:38 +02:00
Ophir LOJKINE
fa5c5f0969 Fix input type in text tool 2019-06-24 00:55:14 +02:00
Ophir LOJKINE
2338bfaea7 Fix shortcuts not working while using a slider 2019-06-24 00:37:31 +02:00
Ophir LOJKINE
93492fc2ac Improve the landing page 2019-06-23 23:56:07 +02:00
Ophir LOJKINE
539125b423 More server-side translations 2019-06-23 10:14:13 +02:00
Ophir LOJKINE
3522c52d36 Server-side translations 2019-06-23 09:47:01 +02:00
Ophir LOJKINE
3151651f45 Close text edition field when "escape" is pressed 2019-06-22 21:03:02 +02:00
Ophir LOJKINE
205a17902b Added keyboard shortcuts 2019-06-22 20:54:20 +02:00
Ophir LOJKINE
d2883a787f Remove some dead code 2019-06-22 20:10:20 +02:00
Ophir LOJKINE
706380de4a Update font in the menu 2019-06-19 14:19:23 +02:00
Ophir LOJKINE
2024899c8e UI improvements 2019-06-19 12:09:06 +02:00
Ophir LOJKINE
2538bfdf7c Update favicons 2019-05-01 18:50:53 +03:00
ophir
8e5580e769 update icon 2019-04-07 11:17:18 +02:00
Ophir LOJKINE
55f53b48b6 Display the board name in the page title 2019-03-20 19:00:12 +01:00
Ophir LOJKINE
23d9690aad Use css classes instead of ids 2019-03-20 18:00:22 +01:00
Ophir LOJKINE
29d08385dc Update chinese translation 2019-01-29 18:19:30 +01:00
Ophir LOJKINE
014f5640b9 Usa passive event listeners 2019-01-17 16:58:05 +01:00
Ophir LOJKINE
caf56bd503 Remove will-change optimization after use 2019-01-17 16:48:47 +01:00
Ophir LOJKINE
a980fa1b53 Zoom tool: allow zooming with the mouse wheel 2019-01-17 16:25:11 +01:00
Ophir LOJKINE
72cc16753b Allow pan-to-zoom on touchscreens 2019-01-17 16:19:28 +01:00
Ophir LOJKINE
008f6b3bb4 Add russian translation 2019-01-15 16:59:51 +01:00
Ophir LOJKINE
47c367e6d2 Update the chinese translation 2019-01-15 13:44:59 +01:00
Ophir LOJKINE
169ef33ae7 Add a chinese translation 2019-01-11 13:45:18 +01:00
Ophir LOJKINE
73bc9bfafa Improve zooming performance on chrome 2019-01-06 14:27:43 +01:00
Ophir LOJKINE
138f93dc60 Make diagonal scrolling smoother on Chrome 2019-01-02 01:21:07 +01:00
Ophir LOJKINE
1303874595 Avoid accidental zooming 2019-01-02 01:14:50 +01:00
Ophir LOJKINE
633d74b028 Add support for zoom
Fixes #11
2019-01-02 00:51:13 +01:00
Ophir LOJKINE
22acdc9255 Add the current position to the URL
Fixes #9
2018-12-31 01:58:18 +01:00
Ophir LOJKINE
67e5364567 Make the initial board rendering faster (but less smooth) 2018-12-30 22:53:56 +01:00
Ophir LOJKINE
5eddc262bb change behavior on disconnection 2018-12-18 09:46:30 +01:00
Ophir LOJKINE
ea001f54bd Implement MAX_BOARD_SIZE on the client 2018-12-08 19:40:43 +01:00
ophir
48f6c55ea9 Fix bug (invalid object reuse) in tools 2018-12-02 21:43:01 +01:00
ophir
d16b5c8b97 Make the hand the default tool
I hope this will nudge people towards watching what is already on the board
before starting to draw.

It may encourage people to be constructive.

This is a (very) small step towards #6
2018-12-02 13:23:20 +01:00
ophir
5f2b631209 Change the order of tools 2018-12-02 13:21:01 +01:00
ophir
32c0020dca Add support for transparency
Closes #5
2018-12-02 13:18:29 +01:00
ophir
5c4daacfec Reload the page on server update 2018-11-30 20:29:22 +01:00
Ophir LOJKINE
72e809d57e Random color on login! 2018-11-30 17:41:34 +01:00
Ophir LOJKINE
e708bd79cb Handle reconnection when the server is restarted 2018-11-29 17:54:25 +01:00
Ophir LOJKINE
88aa591e9a Improve initial rendering performance 2018-11-29 17:14:01 +01:00
Ophir LOJKINE
d75371c958 Use a pathData cache to improve rendering performance 2018-11-29 15:52:52 +01:00
ophir
4a1474ad9a Limit the size of text 2018-11-29 01:03:40 +01:00
Ophir LOJKINE
5d0901d4ff Add an apple-touch-icon 2018-11-28 18:27:08 +01:00
Ophir LOJKINE
67748085b8 Add a backlink to the github project 2018-11-28 15:45:50 +01:00
Ophir LOJKINE
3d721ae1bd UX improvements 2018-11-28 15:04:47 +01:00
Ophir LOJKINE
360a0b9a0d CSS: make the tools panel more readable 2018-11-27 18:00:03 +01:00
Ophir LOJKINE
b2dc8f4bba Remove slow custom font 2018-11-27 17:47:26 +01:00
Ophir LOJKINE
3537e6341a Make touch events explicitely active 2018-11-27 17:36:46 +01:00
Ophir LOJKINE
c7cb8fb989 Fix the erasing tool on touchscreens 2018-11-27 17:22:45 +01:00
Ophir LOJKINE
b69898a9a6 Avoid flashing text input on page load 2018-11-27 15:46:24 +01:00
Ophir LOJKINE
3c9bfcbfbf Reformat code in tools 2018-11-27 15:35:51 +01:00
Ophir LOJKINE
ed05f515fe Reformat code 2018-11-27 15:29:14 +01:00
Ophir LOJKINE
8aa93cae04 Fix the 'open board' form 2018-11-27 15:25:46 +01:00
Ophir LOJKINE
3d92c8411d Separate CSS and HTML in the index 2018-11-27 14:46:57 +01:00
Ophir LOJKINE
b11bf9fb0b add keywords 2018-11-27 10:38:26 +01:00
Ophir LOJKINE
f12ef9d07e Improve meta information 2018-11-26 17:43:17 +01:00
Ophir LOJKINE
22a882d7bb Avoid runtime error when the browser language is not supported 2018-11-26 15:47:41 +01:00
Ophir LOJKINE
2786fa4641 Update the pencil tool to work with latest browsers 2018-07-10 14:53:14 +02:00
Ophir LOJKINE
78bff7c1b9 New tool: rectangle 2016-01-11 00:32:41 +03:00
Ophir LOJKINE
c08e965fea Fix bug in handling of messages adressed to a tool that is not loaded 2015-07-20 22:02:33 +02:00
Ophir LOJKINE
502f210232 Unread messages count 2015-07-20 17:58:05 +02:00
Ophir LOJKINE
55851a3c5a Send child messages of invalid messages 2015-07-20 15:55:21 +02:00
Ophir LOJKINE
43370fac3d Update existing text with the Text tool 2015-07-20 09:49:32 +02:00
Ophir LOJKINE
8bb9479972 Improve IE9 Compatibility 2015-07-17 13:21:17 +02:00
Ophir LOJKINE
6607fd94be Improve the board display
Add a new font: Linux biolinum
2015-07-17 09:37:54 +02:00