added readme...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-08-14 11:54:14 +03:00
parent 693a75b8bc
commit 40a0934e85
2 changed files with 72 additions and 64 deletions

72
README.md Normal file
View File

@ -0,0 +1,72 @@
# Gallery prototype
## Architecture
XXX
## ToDo
- Save current gallery (zip)
- ~~Views: Gallery / Details / Lightbox~~
- Details: populate fields
- ~~toolbar -- floating over gallery~~
- lightbox (current)
- info (current)
- select / deselect (current / all)
- delete / clear deleted (current / all)
- crop
- load
- **styling and icons...**
- toolbar -- floating over image (gallery/lightbox/details/...)
- lightbox
- info
- select / deselect
- delete
- Lightbox: hover indicators:
- start/end (a-la ImageGrid.Viewer??)
- next/prev
- ~~count~~
- ~~selection~~
- ~~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**
- open/change/close
- crop stack (a-la ImageGrid.Viewer)
- actions:
- "from selection"
- ~~Gallery: drag-n-drop~~
- ~~drop files/images~~ -- add loading indicator
- ~~drag to sort~~
- **drag marked**
- touch...
- styling...
- ~~Gallery: remove image~~
- ~~basic delete~~
- ~~delete marked~~
- ~~mark images for deletion + delete marked~~
- ~~Gallery: serialize / deserialize~~
- ~~Lightbox: navigation (keyboard / mouse)~~
- ~~Lightbox: fullscreen mode~~
- Gallery: element (???)
- ~~Would be nice to retain the scroll position on refresh...~~
- ...
<!-- vim:set ts=4 sw=4 : -->

View File

@ -50,70 +50,6 @@ var restoreScroll = function(){
</head>
<body onload="setup(); restoreScroll()">
<h3>ToDo</h3>
<pre>
- Save current gallery (zip)
- <s>Views: Gallery / Details / Lightbox</s>
- Details: populate fields
- <s>toolbar -- floating over gallery</s>
- lightbox (current)
- info (current)
- select / deselect (current / all)
- delete / clear deleted (current / all)
- crop
- load
- <b>styling and icons...</b>
- toolbar -- floating over image (gallery/lightbox/details/...)
- lightbox
- info
- select / deselect
- delete
- Lightbox: hover indicators:
- start/end (a-la ImageGrid.Viewer??)
- next/prev
- <s>count</s>
- <s>selection</s>
- <s>Gallery: Adaptable image justification in grid</s>
- <s>Gallery: Spacial navigation (up/down/left/right)</s>
- <b>auto focus image iff the gallery is visible</b>
- handle focus / tabindex (???)
- <s>option: .loop_images</s>
- <s>Up/Down: might be a good idea to select an image based on
longest border instead of closest center (current)...</s>
- Gallery: PageUp/PageDown, home/end + allow page navigation
- <b>Gallery: focus visible...</b>
- <s>Gallery/Lightbox: Selection of images (space / ctrl-a / ctrl-d / ctrl-i)</s>
- <s>Lightbox: show selection marker</s>
- <b>Gallery: constructor...</b>
Gallery([options])
Gallery(urls[, options])
Gallery(dom[, options])
Gallery(dom, urls[, options])
- <b>Gallery: view crop</b>
- open/change/close
- crop stack (a-la ImageGrid.Viewer)
- actions:
- "from selection"
- <s>Gallery: drag-n-drop</s>
- <s>drop files/images</s> -- add loading indicator
- <s>drag to sort</s>
- <b>drag marked</b>
- touch...
- styling...
- <s>Gallery: remove image</s>
- <s>basic delete</s>
- <s>delete marked</s>
- <s>mark images for deletion + delete marked</s>
- <s>Gallery: serialize / deserialize</s>
- <s>Lightbox: navigation (keyboard / mouse)</s>
- <s>Lightbox: fullscreen mode</s>
- Gallery: element (???)
- <s>Would be nice to retain the scroll position on refresh...</s>
- ...
</pre>
<hr>
<h3>Keyboard controls</h3>