2023-08-14 11:54:14 +03:00
|
|
|
# Gallery prototype
|
|
|
|
|
|
|
|
|
|
## ToDo
|
|
|
|
|
|
2023-08-22 21:58:33 +03:00
|
|
|
- BUG?: for some reason toggling fullscreen on a mobile device changes
|
|
|
|
|
font size...
|
2023-08-23 23:04:23 +03:00
|
|
|
- <b>Save current gallery (zip/json?)</b>
|
2023-09-12 15:29:21 +03:00
|
|
|
- Save current editor state (zip/json?)
|
2023-08-14 11:54:14 +03:00
|
|
|
- ~~Views: Gallery / Details / Lightbox~~
|
|
|
|
|
- Details: populate fields
|
2023-08-23 23:04:23 +03:00
|
|
|
- Details: edit
|
2023-08-14 11:54:14 +03:00
|
|
|
- ~~toolbar -- floating over gallery~~
|
2023-08-16 02:57:03 +03:00
|
|
|
- ~~info (current)~~ -- should this be floating over image??
|
2023-08-15 20:59:21 +03:00
|
|
|
- ~~select / deselect (current / all)~~
|
|
|
|
|
- ~~delete / clear deleted (current / all)~~
|
2023-08-14 11:54:14 +03:00
|
|
|
- crop
|
|
|
|
|
- load
|
2023-08-15 20:59:21 +03:00
|
|
|
- ~~styling and icons...~~
|
2023-08-18 18:08:44 +03:00
|
|
|
- ~~draggable?~~
|
2023-08-16 02:58:10 +03:00
|
|
|
- ~~handle wrapping better (collapsed / expandend)~~
|
2023-08-16 03:05:17 +03:00
|
|
|
might still need to resize to content on multiline...
|
2023-08-18 02:58:23 +03:00
|
|
|
- Lightbox: hide cursor on timeout...
|
2023-08-23 23:04:23 +03:00
|
|
|
- <s>Gallery/Lightbox/Details: handle dragging image out of browser</s> -- not possible in brpwser
|
2023-08-14 11:54:14 +03:00
|
|
|
- Lightbox: hover indicators:
|
|
|
|
|
- start/end (a-la ImageGrid.Viewer??)
|
|
|
|
|
- next/prev
|
|
|
|
|
- ~~count~~
|
|
|
|
|
- ~~selection~~
|
2023-08-23 23:04:23 +03:00
|
|
|
- Lightbox: unify buttons with toolbar...
|
2023-08-14 11:54:14 +03:00
|
|
|
- ~~Gallery: Adaptable image justification in grid~~
|
|
|
|
|
- ~~Gallery: Spacial navigation (up/down/left/right)~~
|
|
|
|
|
- **auto focus image iff the gallery is visible**
|
|
|
|
|
- handle focus / tabindex (???)
|
|
|
|
|
- ~~option: .loop_images~~
|
|
|
|
|
- ~~Up/Down: might be a good idea to select an image based on
|
|
|
|
|
longest border instead of closest center (current)...~~
|
|
|
|
|
- Gallery: PageUp/PageDown, home/end + allow page navigation
|
|
|
|
|
- **Gallery: focus visible...**
|
|
|
|
|
- ~~Gallery/Lightbox: Selection of images (space / ctrl-a / ctrl-d / ctrl-i)~~
|
|
|
|
|
- ~~Lightbox: show selection marker~~
|
|
|
|
|
- **Gallery: constructor...**
|
|
|
|
|
```
|
|
|
|
|
Gallery([options])
|
|
|
|
|
Gallery(urls[, options])
|
|
|
|
|
Gallery(dom[, options])
|
|
|
|
|
Gallery(dom, urls[, options])
|
|
|
|
|
```
|
|
|
|
|
- **Gallery: view crop**
|
2023-09-01 16:25:21 +03:00
|
|
|
- ~~crop stack (a-la ImageGrid.Viewer)~~
|
|
|
|
|
- ~~GUI: basic buttons~~
|
|
|
|
|
- ~~named crop~~
|
|
|
|
|
- GUI: level indicators (a-la ImageGrid.Viewer)
|
|
|
|
|
- GUI: named crop list
|
2023-08-14 11:54:14 +03:00
|
|
|
- ~~Gallery: drag-n-drop~~
|
2023-08-18 17:48:53 +03:00
|
|
|
- ~~drop files/images~~
|
2023-08-14 11:54:14 +03:00
|
|
|
- ~~drag to sort~~
|
|
|
|
|
- **drag marked**
|
|
|
|
|
- touch...
|
|
|
|
|
- ~~Gallery: remove image~~
|
|
|
|
|
- ~~basic delete~~
|
|
|
|
|
- ~~delete marked~~
|
|
|
|
|
- ~~mark images for deletion + delete marked~~
|
|
|
|
|
- ~~Gallery: serialize / deserialize~~
|
|
|
|
|
- ~~Lightbox: navigation (keyboard / mouse)~~
|
|
|
|
|
- ~~Lightbox: fullscreen mode~~
|
2023-08-18 18:08:44 +03:00
|
|
|
- Gallery: web component (???)
|
2023-08-14 11:54:14 +03:00
|
|
|
- ~~Would be nice to retain the scroll position on refresh...~~
|
|
|
|
|
- ...
|
|
|
|
|
|
|
|
|
|
|
2023-08-15 16:57:21 +03:00
|
|
|
## Install
|
|
|
|
|
|
|
|
|
|
Before testing this needs icon fonts to be available:
|
|
|
|
|
```
|
|
|
|
|
$ npm install
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
2023-08-14 11:56:29 +03:00
|
|
|
## Architecture
|
|
|
|
|
|
|
|
|
|
XXX
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2023-08-14 11:54:14 +03:00
|
|
|
<!-- vim:set ts=4 sw=4 : -->
|
