From 40a0934e85dc1c1a0acbe7ab894bb74bcaa494ab Mon Sep 17 00:00:00 2001 From: "Alex A. Naanou" Date: Mon, 14 Aug 2023 11:54:14 +0300 Subject: [PATCH] added readme... Signed-off-by: Alex A. Naanou --- README.md | 72 ++++++++++++++++++++++++++++++++++++++++++++++++ grid-n-view.html | 64 ------------------------------------------ 2 files changed, 72 insertions(+), 64 deletions(-) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..c7fe0a4 --- /dev/null +++ b/README.md @@ -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...~~ +- ... + + + diff --git a/grid-n-view.html b/grid-n-view.html index 3ab36c7..d18d18d 100644 --- a/grid-n-view.html +++ b/grid-n-view.html @@ -50,70 +50,6 @@ var restoreScroll = function(){ -

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...
-- ...
-
-
- -

Keyboard controls