search

appyoumake / Appyoumake

Nyeste MLAB
Other
1 stars 0 forks source link

Miniature image of the page - for the page navigation menu #473

Open CecilieGran opened 5 years ago

CecilieGran commented 5 years ago

Coments from Arild: , added the html2canvas tools. This code works fine:

html2canvas(document.querySelector("#mlab_editable_area")).then(canvas => { document.body.appendChild(canvas) });

(If you set position to absolute and top to 0 you will see it)

Here's some code to use jquery to save it on server:

http://www.kubilayerdogan.net/html2canvas-take-screenshot-of-web-page-and-save-it-to-server-javascript-and-php/http://www.kubilayerdogan.net/html2canvas-take-screenshot-of-web-page-and-save-it-to-server-javascript-and-php/

leadermontanus commented 5 years ago

Another small issue: When pasting text into a page or section name, it keeps formatting. Must strip that.

leadermontanus commented 5 years ago

Also problem re position of the PLUS sign/divider between pages and the section manipulation tools but just on level 2 or lower. Need more space here otherwise almost impossible to clck the move left arrow button.

leadermontanus commented 5 years ago

Also, when the page thumbnail is overllaed with, for instance, the menu, then the dragging uses the menu image as part of the dragging thingi.

leadermontanus commented 5 years ago

On apps with more than 10ish pages pain in the ass to dragging far away.

leadermontanus commented 5 years ago

And no visual confirmation as to where the drop will occur.

leadermontanus commented 5 years ago

Aaaaarrrghhh

Konstantin did not allow for pages to be on the top level after the user has started with levels!

The whole thing needs to be reworked, as well as fixing the above, make it a foldable outline so easier to navigate, allow it to fill whole screen like in PPT slide sorter, and support sideways dragging.