b683413be0
Try different themes with the ?theme query.
2019-08-14 13:43:35 -07:00
928e64fe08
Display hovered filename over the metadata instead of pushing down.
...
Previously the expanding filename would push the metadata down
and out of the card div. Now it displays on top.
2019-07-12 13:57:52 -07:00
f842c2e49b
Add button_with_spinner class.
2019-06-15 16:02:41 -07:00
83b7143753
Fix 'this' in the delayed spinner timeout.
2019-06-15 14:30:23 -07:00
311d1bbf8b
Rearrange condition to be positive-first.
2019-06-15 14:24:50 -07:00
66c79f7d55
Use separate array of buttons to prevent index skipping.
...
I didn't know that the HTMLCollection would dynamically update,
and removing the class from the button would take them out
of the collection.
2019-06-15 13:49:33 -07:00
26bcafcbb5
Add style for button:disabled instead of switching classes.
2019-06-15 13:26:39 -07:00
a0164205a2
Remove button_with_confirm class from buttons once in progress.
2019-06-15 13:16:38 -07:00
4ab352a74d
Fix bad check of ElementsByTagName.
2019-06-15 13:04:33 -07:00
9ab0a61cb3
Add endpoint for refreshing Album directories.
2019-06-15 02:44:46 -07:00
139d54f344
Improve the docstring for init_button_with_confirm.
2019-06-15 02:15:31 -07:00
c7e4bf16d2
Pull spinner code into own file spinner.js.
...
For the purposes of editor.js this does not bring much improvement,
but now I can easily make spinners for other things.
2019-04-27 15:42:02 -07:00
ab4f240a30
Add input option to button_with_confirm to make mini submit forms.
2019-04-27 15:30:33 -07:00
e0544adc06
Use Function instead of setAttribute to create onclick.
2019-04-27 15:28:22 -07:00
1b5770b81a
Somewhat improve appearance of album cards on narrow screens.
...
Previously, on very narrow screens, the album cards were spilling
out of the container. Now they are better contained but I am
still not 100% satisfied with the margins between them.
2019-03-16 13:07:00 -07:00
a52be02880
Give sticky_side z-index 1, important for narrow mode.
...
Without this, the grid-view album cards were displaying above
the sticky toolbox because of their position:relative, which
I can't get rid of at the moment.
2019-03-16 12:26:18 -07:00
536531848e
Oops, fix broken bookmark editing api.js.
2019-01-13 14:58:23 -08:00
465891e53a
Add an error message field to the Editor.
2019-01-13 14:35:54 -08:00
760ddfc6b0
Rename color_site_theme to color_theme_primary; and secondary.
2019-01-01 17:20:22 -08:00
6dcf47cab7
Remove duplicated markup between list/grid photo cards.
2018-12-27 15:30:30 -08:00
d736c81100
Minor alignments within cards.
2018-12-21 23:44:11 -08:00
e6072db4a1
Remove album_card minwidth, photo_card maxwidth.
...
If needed, we can set the size of the containing div.
But having these hardcoded sizes was causing ugliness.
2018-11-17 16:51:54 -08:00
e25e0798c9
Add editor button placeholder to stop page jump on load.
2018-11-17 16:50:41 -08:00
707fdcc637
Add album cards and improve album pages.
...
- album card has placeholder for future thumbnail.
- replaced nested tree hierarchy lists with separate boxes.
- list/grid view also applies to the root listing.
- added a sticky right panel for all the tools. not pretty yet.
- mechanism for adding sticky panel changed. instead of applying
it to the #right, you apply it to #content_body so that its
grid layout can be updated properly.
2018-11-12 22:15:59 -08:00
dbdd509cd2
Rearrange imports so voussoirkit is right after lib imports.
...
Added a styleguide.md file to refer back to.
Since voussoirkit is a library it feels better to have it below
the rest of the library and above the local project imports.
2018-11-04 19:27:20 -08:00
c551762914
Add theme_slate.css. Brainstorming.
...
Will continue developing the themes idea later, just need to
get this out of my git commmit queue until I come back to it.
2018-11-04 18:40:56 -08:00
dcfa7a862d
Variety of html, css, jinja tweaks.
2018-11-04 18:36:17 -08:00
98d5374d17
Add CSS class sticky_side_right.
2018-11-04 18:32:55 -08:00
588bf59b88
Variety of html, css, jinja tweaks.
...
- common.css, removed html and body margins so that using
full height #content_body will not create a scrollbar.
Simplifies the "fill remaining space" construct I use a lot.
Added more css variables, I'm thinking about future theming.
- photo_card.css, slightly heightened to improve name clipping.
- clipboard.html, added a small screen mode.
- login.html, centered the boxes and fixed message area being
too small due to a previous change.
- search.html, simplified some conditional texts.
2018-10-21 18:46:27 -07:00
b6890bfd2c
Combine logic for forward and backward shift-selects.
2018-10-20 16:18:02 -07:00
70d0e64309
Add a CSS class to photo cards for selection state.
...
Planning on adding some rules to make selected cards
stand out in some way, or at least have that possibility.
2018-10-20 02:32:33 -07:00
9964cf987b
Remove unused functions select/unselect_photo.
2018-10-20 02:29:46 -07:00
d436b32df8
Integrate users with api.js.
2018-09-23 16:50:27 -07:00
8cfa88e45d
Integrate tags with api.js and improve sanity of tag endpoints.
2018-09-23 16:41:34 -07:00
af318414e2
Integrate photos with api.js.
2018-09-23 15:52:19 -07:00
bbd4fbd77f
Integrate bookmarks with api.js.
2018-09-23 15:43:42 -07:00
3a9ab2b099
Rename photoclipboard.js -> photo_clipboard.js.
...
To match the namespace photo_clipboard.
2018-09-23 15:17:31 -07:00
616c490391
Merge albums.html and album.html, remove album.js.
...
The markup for the album listing page and individual album page
were different enough that I decided to make them wholly separate,
but then this left the shared javascript in its own stupid file
unlike any of the other types.
So, I'm merging them as a huge jinja if-else, which is also dumb
but it feels better than all these separate files.
2018-09-23 15:13:31 -07:00
fd4ead1d1a
Add file api.js which will consolidate API functions.
...
This will help keep the code on the pages focused more on the
page-specific stuff like form handling, and less on the raw api.
Plus, by having it all in one place, it can be cached
and also we can use any api from within any page.
2018-09-23 15:10:01 -07:00
ac79183603
Use more CSS grid on body and content_body.
...
I learned that grid-template lets you specify row and col
sizes all at once.
2018-09-23 15:08:39 -07:00
8a1d5d9eae
Let the button_with_confirm give a class to its holder.
2018-09-23 15:03:50 -07:00
20e41ad689
Extremely minor touchups.
2018-09-23 14:57:25 -07:00
8b8f6bdf46
Add photo_clipboard.ingest_toolbox_items.
...
So that the page does not need to construct toolbox items
through javascript on pageload, they can just write regular
html and we'll move it over.
2018-09-23 14:29:05 -07:00
3db5c77c2c
Use a CSS var for 10% transparency and drop shadow.
2018-09-22 16:01:34 -07:00
2c48b43b71
Use a CSS variable for the secondary theme color.
2018-09-22 01:14:50 -07:00
f397140e20
Make /logout operate on POST only.
2018-08-17 22:23:40 -07:00
8fdbd49f70
Minor html and style fixes.
...
Applied wrapping to the description <pre>s,
removed some css that referred to nonexistent things,
move some element tags inside the {%if%} that fills the contents.
2018-08-17 22:05:16 -07:00
f28e362c58
Add space between ok, cancel buttons on editor & confirmer.
2018-08-16 19:46:33 -07:00
1a4a0f8560
Replace all usage of "keybind" -> "hotkey".
...
Since hotkey was the prevailing term already.
2018-08-16 19:45:14 -07:00
f047235c48
Reorganize a bunch of javascript handlers.
...
The javascript is very inconsistent between pages. I'm trying to
start using a consistent pattern where the api call is kept in a
separate function from the ones that buttons and input boxes
talk to.
2018-07-29 01:25:53 -07:00
8447fb3343
Make deleting and unlinking tags require confirmation.
...
Added text inside the delete buttons and made them confirm.
2018-07-28 20:25:25 -07:00
fd6943fce1
Add code for creating buttions with confirmation prompts.
2018-07-28 20:21:20 -07:00
949f7177de
Add css class gray_button, for more neutral / cancel actions.
...
Red seems too aggressive and indicates danger when not appropriate.
Gray seems better for reverting to an already safe state.
2018-07-28 20:18:10 -07:00
89850497da
Apply the squared 3d button css to all <button>.
2018-07-28 16:04:57 -07:00
c840845c7d
Add namespacing to albums.js.
2018-07-22 20:21:00 -07:00
1bff642ca7
Add namespacing to hotkeys.js.
2018-07-22 20:21:00 -07:00
63a3ecfa88
Add namespacing to editor.js.
2018-07-22 20:21:00 -07:00
d7b9020585
Add namespacing to photoclipboard.js.
2018-07-22 20:21:00 -07:00
c7cce5a4e5
Add namespacing to common.js.
2018-07-22 20:21:00 -07:00
8a12a24e8e
Add tag_autocomplete.js.
...
Instead of embedding the entire tag list in the search.html template
every single time, this script loads the tags from the new,
cache-enabled endpoint /all_tags.json. Then we can use html5
datalists to create autocomplete forms on the search and photo pages.
2018-07-22 20:19:05 -07:00
5c97086df3
Improve hotkey framework by making own file & register function.
2018-07-14 14:19:13 -07:00
2901fefe65
Add more clipboard feature hotkeys.
2018-07-14 02:54:39 -07:00
984f6eb3c7
Add a clear button to the clipboard tray.
2018-07-14 02:49:45 -07:00
a12d8cada1
Don't capture ctrl+a if currently in a text field.
2018-04-17 18:35:32 -07:00
cfa5d269d1
Add keybinds CTRL+A and +D to select/deselect all cards.
2018-03-23 11:58:39 -07:00
27885df64e
Fix binding of the fallback handler.
2018-03-23 10:25:03 -07:00
45091c6596
Fix thumbnail height in CSS only, no html attr. Don't h-stretch.
2018-03-10 19:53:29 -08:00
6de0ad8e36
Oops, add this.open fallback to the open binder.
2018-03-10 13:28:13 -08:00
daf824caf5
Improve album page's use of data-editor-empty-text.
2018-03-10 13:24:23 -08:00
494d44aa03
Improve editor.js comments and usage of this.
...
I realized what I was doing wrong with `this`, so now the function
binder is much cleaner.
2018-03-10 13:23:37 -08:00
a1919a7725
Support giving title when creating albums. Two-step prompt.
2018-03-09 17:38:40 -08:00
5f7266c519
Add button to clear clipboard.
2018-02-24 23:00:28 -08:00
30c9148092
Move the remaining common css / js to their folders.
2018-02-24 12:51:36 -08:00
e359180467
Move clipboard_tray rules to own file in css folder.
2018-02-24 01:06:27 -08:00
aabcb61a9c
Create css folder. Move photo_card rules to own file.
2018-02-24 00:58:43 -08:00
840185072b
Move photoclipboard.js to the js folder.
2018-02-24 00:47:44 -08:00
56a998682d
Create js folder. Move Editor to its own file.
2018-02-24 00:46:55 -08:00
9c6cae7177
Use event listeners instead of setting onkeyup manually.
2018-02-24 00:24:38 -08:00
4b79308119
Move 0-item clipboard collapser to update_clipboard_tray.
2018-02-22 13:36:31 -08:00
2adadf9871
Rewrite tags.html with more Grid.
2018-02-21 22:13:46 -08:00
a9248d8cab
Add CSS clipboard_size; and other clip hook improvements.
...
Any element with class clipboard_size will have its text updated;
Removed the call to on_pageload from save_ because it redundantly
causes a load. Separate those update hooks.
2018-02-20 20:20:20 -08:00
91d445a877
Add new page /clipboard, with full photo cards.
2018-02-17 19:12:34 -08:00
ef5bbf5fc3
Split HTTP response dict into ["meta"] and ["data"].
2018-02-17 18:47:17 -08:00
b02374136f
Let the page add its own clipboard load/save hooks.
2018-02-17 16:31:51 -08:00
1b631b33e9
Make separate functions for HTTP get / post.
2018-02-17 16:08:38 -08:00
574ac9f656
Slightly scale down image thumbnail to match others.
...
It was too big!
2018-02-16 23:30:27 -08:00
75953c2999
Add docstrings to the photoclipboard functions.
2018-01-19 22:24:07 -08:00
e41532cff1
Rearrange some button CSS classes to be more generic.
...
Adds CSS variables for the highlight and shadow so they don't need
to be custom-defined for each color of button.
Elements should use more generic classes like green_button instead of
add_tag_button unless there's a good reason.
2017-12-16 14:13:02 -08:00
4a5583c091
Add tray_lines div so that tray_body might hold more buttons.
2017-12-16 12:24:46 -08:00
443d93ce18
Add the clipboard tray where users manage their photo clipboard.
...
Appearing on search and album pages, the tray is where you can
remove items from your clipboard without having to click on its
checkbox -- that photo card may not even be on the current page.
2017-12-16 03:47:54 -08:00
55f7da7bb2
Add the photo_clipboard feature with localStorage.
...
photo_card objects now have a checkbox which adds them
to the clipboard. No pasting or other operations yet.
2017-12-09 17:48:56 -08:00
f69d9d409d
Give the editor toolbox a CSS class.
2017-12-08 11:59:27 -08:00
e592b55fb1
Use CSS Grid for the header container.
...
The elements still use flex for spacing simplicity.
2017-08-01 18:37:25 -07:00
f9524a1858
Switch to CSS Grid for the photo cards.
2017-08-01 18:25:28 -07:00
c3c86de7f8
Only navigate to the album on 200.
2017-07-29 15:40:40 -07:00
05d84c733c
Add <pre> to the types that get textarea inste of input.
2017-07-16 17:21:37 -07:00
ee555f5f41
Also provide a display_element_map in addition to edit_element_map.
2017-07-13 23:17:47 -07:00
0e17350d84
Add Editor elements for bookmarks.
2017-07-13 23:13:34 -07:00
1f9dd35e89
Add data-editor-empty-text attribute.
...
When the display element specifies this attribute, it will be used when
the user leaves that field empty.
2017-07-13 23:07:44 -07:00
5a512d8a25
Include an extra, more general css class "editor_button".
2017-07-09 19:51:58 -07:00
24e162c782
Add basic thumbnail for image types.
2017-06-19 16:13:42 -07:00
6e679f79b6
Add Editor class to generalize in-place editors.
2017-06-14 21:44:18 -07:00
c4d1cf12e4
Make outline thickness more consistent 10 units
2017-06-09 19:15:50 -07:00
1ad83937b4
Add 'Create Album' endpoint and interface.
2017-05-13 16:13:26 -07:00
956c55ac9a
Remove unused code for add-tag-to-all of album.
...
I'll put it back when I actually make it work.
2017-05-13 15:52:08 -07:00
d18b34f2d9
bind_box_to_button can use ctrl+enter
2017-05-13 15:24:41 -07:00
824430dfa8
Add helper div to maintain bg color on filename hover
...
Without it, gaps are visible between the lines of text.
2017-05-06 04:13:33 -07:00
e5d22e766a
Fix usage of request.status
2017-05-05 21:08:32 -07:00
1c30ef5785
Further separate front & back; Create frontends folder
...
New frontends folder will hold all front-end interfaces for etiquette. Existing flask site moved here and refers to itself as a package with external launcher. etiquette_site renamed to etiquette_flask
2017-05-01 21:49:28 -07:00
