voussoir
1af8342202
Catch json parse errors, setting json_ok = false.
2020-09-15 23:10:35 -07:00
voussoir
35b5b5cd21
Some slate.css color tweaks.
2020-09-15 15:04:27 -07:00
voussoir
2a379919e0
Use grid instead of flexbox for message_area for better gaps.
2020-09-15 15:03:40 -07:00
voussoir
9102b37d5a
Let slate.css use black text on buttons.
2020-09-14 20:25:51 -07:00
voussoir
dd0ee7a72a
Use more const.
2020-09-14 18:33:53 -07:00
voussoir
733776ee88
Failed experiment: clientside updates of tag actions.
...
I'm committing this so I can reference it later if I decide to try
again, but for the time being I'm going to immediately revert it.
2020-09-14 17:21:13 -07:00
voussoir
8659b55103
Use className instead of classList here.
2020-09-14 12:01:33 -07:00
voussoir
c532b711b1
During init_all, launch individuals as setTimeouts.
...
I'm having some performance issues with button_with_confirm on /tags.
This won't magically make that faster but I'm trying to stop the main
thread from dragging at least.
2020-09-14 05:54:47 -07:00
voussoir
2dc1603d5e
Use className instead of classList for initialization.
2020-09-14 05:19:10 -07:00
voussoir
cc34c4d189
Pull out init_* function innards to separate one-item functions.
2020-09-12 20:34:59 -07:00
voussoir
329c6dd27b
Trim whitespace from html_to_element input.
2020-09-12 20:33:46 -07:00
voussoir
be7decf330
Rearrange confirm_onclick because they have return statements now.
...
Now that data-onclick begins with a return statement, this code was
not running.
2020-09-12 14:33:15 -07:00
voussoir
2fad1c58fd
Use className instead of classList, as input may have spaces.
2020-09-12 13:14:55 -07:00
voussoir
892390c77a
Rewrite entry_with_history hook and use keydown instead of keyup.
2020-09-10 08:21:20 -07:00
voussoir
8aa2b8dd3c
Rewrite photo_clipboard actions to take ids instead of cards.
...
Following the previous commit about the checkbox on the /photo page,
this fixes all of the code assuming that we're dealing with photo_card
divs, the majority of which was doing nothing but accessing the id.
2020-09-10 08:20:55 -07:00
voussoir
2d01297729
Adjust photo_card_searchhidden to 2px dotted border.
2020-09-09 23:55:46 -07:00
voussoir
8d2af3255b
Add endpoints set_searchhidden, unset_searchhidden and checkbox.
2020-09-09 20:51:15 -07:00
voussoir
4569e7848c
Let apply_check_all search for the checkboxes, not the photo cards.
2020-09-09 20:09:41 -07:00
voussoir
804afe912f
Add css class .photo_card_searchhidden.
2020-09-09 19:24:43 -07:00
voussoir
82758ed336
Rename color_3d_shadow -> color_shadow.
2020-09-09 15:57:53 -07:00
voussoir
53da81a283
Add .bold class.
2020-09-05 17:47:29 -07:00
voussoir
348215a8ee
Add whitelist/blacklist functionality to merge_params.
2020-09-04 15:10:41 -07:00
voussoir
5356b19858
Add explanation of data-prompt-class et al.
...
I think I left these blank because I felt they should be obvious.
But I'd rather have it explicit.
2020-09-04 14:50:51 -07:00
voussoir
139998172f
Add spinner.BAIL for cancelling spinner without launching callback.
2020-09-04 11:25:11 -07:00
voussoir
7f48c3e97c
Add css/js classes entry_with_history, _with_tagname_replacements.
2020-09-04 11:20:51 -07:00
voussoir
1f88b007cd
Fine-tune use of let/const in spinner.js.
2020-09-03 15:57:02 -07:00
voussoir
d6a46ed551
Use const for api.js url/data variables.
2020-09-03 15:42:13 -07:00
voussoir
05b39c21fd
Replace loop uses of var with let/const.
2020-09-03 15:33:37 -07:00
voussoir
8af340e442
Replace non-global uses of var with let.
2020-09-03 15:31:47 -07:00
voussoir
1849c2e58b
Add tag_autocomplete's on_pageload into its namespace.
2020-09-03 14:30:57 -07:00
voussoir
fe7b5de427
Replace many uses of forEach with for-of.
2020-09-03 14:18:05 -07:00
voussoir
0ee1599c93
Improve color of tab buttons active/inactive/hover.
2020-09-03 12:04:18 -07:00
voussoir
45b42d3ca3
Add css/js class tabbed_container.
2020-09-03 11:54:14 -07:00
voussoir
8dafe8c4f4
Synchronize Etiquette common.css and YCDL common.css.
2020-09-03 11:50:16 -07:00
voussoir
a15f14ad06
Simplify parameter format for hotkeys.register_hotkey.
2020-09-03 11:47:40 -07:00
voussoir
bff4a12fcb
Add various comments, docstrings, and console.log.
2020-09-03 11:46:26 -07:00
voussoir
6b037e1120
Move several /batch functions into api.js.
2020-08-30 19:18:06 -07:00
voussoir
c8ab3c22c9
Remove redundant call to removeChild.
...
appendChild already takes elements out of the old parent.
2020-08-30 17:53:46 -07:00
voussoir
90873c648b
Move hotkey listener from anonymous to named function.
2020-08-30 17:53:11 -07:00
voussoir
c5fbcf0056
Add z-index to photo_card_selected::after.
2020-08-28 17:56:30 -07:00
voussoir
8163f33ba3
Reinstate z-index for photo_card_filename:hover.
...
For extremely long titles, it was being obscured by the photo
card on the next row.
2020-08-28 17:12:32 -07:00
voussoir
2eed3ff1c5
Add css/js class enable_on_pageload.
2020-08-28 16:23:28 -07:00
voussoir
7609f20dd0
Let button_with_confirm inherit original CSS when not specified.
2020-08-07 21:14:27 -07:00
voussoir
b6f4874b66
Move colored button class rules below button element rules.
2020-08-07 21:07:30 -07:00
voussoir
976534982b
Add border-radius to album cards, like photo cards.
2020-07-26 19:17:47 -07:00
voussoir
3e9e7e6a52
Add more to docstring about spinner delay attribute.
2020-07-10 16:34:20 -07:00
voussoir
592c8d6bd2
Increase tag_object line height from 1.3 to 1.5.
...
I'm finding weird behavior where on the main /tags page, hovering
over the tags shows the delete / unlink button without a problem,
but on a specific tag page hovering over this button causes the
rest of the list to shift a pixel or two.
I'm sure this line-height fix is nothing more than a bandaid and
not the right thing to change.
2020-07-01 16:40:30 -07:00
voussoir
0cb41f09cf
Add docstring to bind_box_to_button, and some small linting.
2020-06-30 20:33:24 -07:00
voussoir
68f52271f1
Dedent by using early returns.
2020-06-28 17:07:28 -07:00
voussoir
b817a7e8b9
Use dot notation instead of subscript.
2020-06-28 16:55:48 -07:00
voussoir
6cfa83e2d8
Add attribute "completed" to response object.
2020-06-28 16:52:08 -07:00
voussoir
b81aad78dd
Rename CSS vars color_theme_* and color_site_* to color_*.
...
There was just no point to naming them like this because all of the
color vars obviously represent some part of the site's color theme.
2020-06-25 10:03:50 -07:00
voussoir
fbf462af64
Fix mortifying typo tag_automplete -> tag_autocomplete.
2020-06-25 10:02:42 -07:00
voussoir
8c50700290
Add more docstring to button_with_confirm data-onclick parameter.
2020-06-17 14:08:03 -07:00
voussoir
a56b5274c9
Read spinner button function from onclick instead of data-onclick.
...
I think my original reason for doing this was to prevent the button
from being operational until after the spinner initialization has
completed, so you don't get any weird half-functional spinner buttons.
However, in practice I'm finding that I constantly forget about this
and it adds tedium to creating spinner buttons.
Will review if any actual problems come up.
2020-06-17 14:04:27 -07:00
voussoir
d6ca8206b4
Synchronize Etiquette common.js and YCDL common.js.
2020-06-17 13:38:20 -07:00
voussoir
e1033d0138
Move tagname related functions from common.js to tag_autocomplete.js.
2020-06-17 12:42:08 -07:00
voussoir
fdfc7308b0
Move all spinner related functions from common.js to spinner.js.
2020-06-17 12:41:13 -07:00
voussoir
91ac2315e6
Put meta before data in the json responses.
2020-06-17 12:37:22 -07:00
voussoir
136a47bf10
Add support for spinner groups, all buttons spin when one clicked.
2020-06-11 18:20:20 -07:00
voussoir
2f5510fd0c
Rename variable spinner_button_count -> spinner_button_index.
2020-05-28 19:01:42 -07:00
voussoir
83c2ed7882
Redesign album grid cards to look more like photo cards.
...
Unfortunately these cards are taller rather than wider so the
already-neglected unlink buttom becomes even more horizontally crammed.
That's going to need a big fixup anyway.
2020-04-02 22:28:36 -07:00
voussoir
e5f2b788fe
Replace bottom & right margin with all-round 8px.
...
The two-sided margin was meant to create a particular spacing on the
albums page, but the purpose of cards is I should be able to use
them in many other contexts. So an all-round margin is easier to
work with when displaying cards anywhere else.
2020-04-02 21:59:22 -07:00
voussoir
9ac91d3850
Add tag delete button to specific tag page.
...
On the main tag listing, for child tags, you only get an unlink
button on hover. So if you want to delete a child tag you'd have to
unlink, then refresh, then delete. Now you can just go to its page
and delete it there.
2020-02-27 14:57:27 -08:00
voussoir
45cb96cc5c
Add endpoint /photo/photo_id/delete.
2020-02-26 18:57:29 -08:00
voussoir
4da331a3ab
Fix entry_with_replacements unable to select text.
...
This hook had a bug where you couldn't select text because every
time you push a button, including ctrl+a or shift+left/right, the
cursor position gets reset and then deselects immediately.
So let's only reset the content and cursor only when text changes,
so arrow keys and ctrl don't have any negative effects.
2020-01-30 12:28:28 -08:00
voussoir
10b674e8d8
Add entry_with_tagname_replacements for use on tagname inputs.
...
Unfortunately, when adjusting the box's value, it causes the datalist
to disappear, and it only comes back after you press another key.
I can't figure out how to make the datalist reappear automatically
with js.
2020-01-15 20:29:56 -08:00
voussoir
e7ac27962f
Make <a> tags always have pointer cursor.
...
At the moment, tag_objects have an option for a javascript void
link for the purpose of getting a pointer cursor without a real link.
Well I want to phase those javascript void links out so let's just
make a tags always pointy.
2020-01-14 16:17:59 -08:00
voussoir
89bfca8f9f
Add endpoint for photo generate thumbnail.
2020-01-12 14:52:03 -08:00
voussoir
e5d0974306
Add a blue transparency over selected photos.
2020-01-11 16:33:30 -08:00
voussoir
a4458efc7a
Add basic thumbnail for albums.
2020-01-11 16:23:56 -08:00
voussoir
b7f745443b
Rearrange some of these rules.
2019-12-21 14:50:38 -08:00
voussoir
fcce2a55a2
Apply filename hover effects to grid view only.
2019-12-21 14:49:42 -08:00
voussoir
d509e3cd20
Hide thumbnail and tools from list-view album cards.
2019-12-21 14:47:04 -08:00
voussoir
c984159a76
Minor css tweaks.
2019-09-11 01:13:10 -07:00
voussoir
d273adbf27
Move new #right:before to common.css.
2019-09-11 01:12:04 -07:00
voussoir
23cdd4dc2b
Now remove these explicit border-boxes.
2019-09-10 19:31:18 -07:00
voussoir
cac18b76d0
Switch to border-box by default.
2019-09-10 15:32:35 -07:00
voussoir
42be44a509
Set #content_body grid-gap to get both row and column gaps.
2019-08-26 14:50:45 -07:00
voussoir
7ecfeca96c
Allow setting display name during registration.
2019-08-26 14:32:51 -07:00
voussoir
6635a1e740
Column-gap for everyone! Not just stickyside pages.
2019-08-25 18:07:53 -07:00
voussoir
a83f365b2a
Use #content_body grid-column-gap instead of #left, #right margin.
2019-08-25 17:23:17 -07:00
voussoir
eeceb7a9eb
Don't set windowName for the full clipboard page.
...
This was less helpful than expected, because if you take that
tab and navigate somewhere else, then trying to open the clipboard
would replace the current tab instead of opening a new one.
2019-08-25 17:17:40 -07:00
voussoir
79ed0ee186
Various CSS for panels and margins.
2019-08-14 13:49:08 -07:00
voussoir
b683413be0
Try different themes with the ?theme query.
2019-08-14 13:43:35 -07:00
voussoir
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
voussoir
f842c2e49b
Add button_with_spinner class.
2019-06-15 16:02:41 -07:00
voussoir
83b7143753
Fix 'this' in the delayed spinner timeout.
2019-06-15 14:30:23 -07:00
voussoir
311d1bbf8b
Rearrange condition to be positive-first.
2019-06-15 14:24:50 -07:00
voussoir
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
voussoir
26bcafcbb5
Add style for button:disabled instead of switching classes.
2019-06-15 13:26:39 -07:00
voussoir
a0164205a2
Remove button_with_confirm class from buttons once in progress.
2019-06-15 13:16:38 -07:00
voussoir
4ab352a74d
Fix bad check of ElementsByTagName.
2019-06-15 13:04:33 -07:00
voussoir
9ab0a61cb3
Add endpoint for refreshing Album directories.
2019-06-15 02:44:46 -07:00
voussoir
139d54f344
Improve the docstring for init_button_with_confirm.
2019-06-15 02:15:31 -07:00
voussoir
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
voussoir
ab4f240a30
Add input option to button_with_confirm to make mini submit forms.
2019-04-27 15:30:33 -07:00
voussoir
e0544adc06
Use Function instead of setAttribute to create onclick.
2019-04-27 15:28:22 -07:00
voussoir
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
voussoir
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
voussoir
536531848e
Oops, fix broken bookmark editing api.js.
2019-01-13 14:58:23 -08:00
voussoir
465891e53a
Add an error message field to the Editor.
2019-01-13 14:35:54 -08:00
voussoir
760ddfc6b0
Rename color_site_theme to color_theme_primary; and secondary.
2019-01-01 17:20:22 -08:00
voussoir
6dcf47cab7
Remove duplicated markup between list/grid photo cards.
2018-12-27 15:30:30 -08:00
voussoir
d736c81100
Minor alignments within cards.
2018-12-21 23:44:11 -08:00
voussoir
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
voussoir
e25e0798c9
Add editor button placeholder to stop page jump on load.
2018-11-17 16:50:41 -08:00
voussoir
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
voussoir
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
voussoir
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
voussoir
dcfa7a862d
Variety of html, css, jinja tweaks.
2018-11-04 18:36:17 -08:00
voussoir
98d5374d17
Add CSS class sticky_side_right.
2018-11-04 18:32:55 -08:00
voussoir
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
voussoir
b6890bfd2c
Combine logic for forward and backward shift-selects.
2018-10-20 16:18:02 -07:00
voussoir
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
voussoir
9964cf987b
Remove unused functions select/unselect_photo.
2018-10-20 02:29:46 -07:00
voussoir
d436b32df8
Integrate users with api.js.
2018-09-23 16:50:27 -07:00
voussoir
8cfa88e45d
Integrate tags with api.js and improve sanity of tag endpoints.
2018-09-23 16:41:34 -07:00
voussoir
af318414e2
Integrate photos with api.js.
2018-09-23 15:52:19 -07:00
voussoir
bbd4fbd77f
Integrate bookmarks with api.js.
2018-09-23 15:43:42 -07:00
voussoir
3a9ab2b099
Rename photoclipboard.js -> photo_clipboard.js.
...
To match the namespace photo_clipboard.
2018-09-23 15:17:31 -07:00
voussoir
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
voussoir
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
voussoir
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
voussoir
8a1d5d9eae
Let the button_with_confirm give a class to its holder.
2018-09-23 15:03:50 -07:00
voussoir
20e41ad689
Extremely minor touchups.
2018-09-23 14:57:25 -07:00
voussoir
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
voussoir
3db5c77c2c
Use a CSS var for 10% transparency and drop shadow.
2018-09-22 16:01:34 -07:00
voussoir
2c48b43b71
Use a CSS variable for the secondary theme color.
2018-09-22 01:14:50 -07:00
voussoir
f397140e20
Make /logout operate on POST only.
2018-08-17 22:23:40 -07:00
voussoir
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
voussoir
f28e362c58
Add space between ok, cancel buttons on editor & confirmer.
2018-08-16 19:46:33 -07:00
voussoir
1a4a0f8560
Replace all usage of "keybind" -> "hotkey".
...
Since hotkey was the prevailing term already.
2018-08-16 19:45:14 -07:00
voussoir
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
voussoir
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
voussoir
fd6943fce1
Add code for creating buttions with confirmation prompts.
2018-07-28 20:21:20 -07:00
voussoir
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
voussoir
89850497da
Apply the squared 3d button css to all <button>.
2018-07-28 16:04:57 -07:00
voussoir
c840845c7d
Add namespacing to albums.js.
2018-07-22 20:21:00 -07:00
voussoir
1bff642ca7
Add namespacing to hotkeys.js.
2018-07-22 20:21:00 -07:00
voussoir
63a3ecfa88
Add namespacing to editor.js.
2018-07-22 20:21:00 -07:00
voussoir
d7b9020585
Add namespacing to photoclipboard.js.
2018-07-22 20:21:00 -07:00
voussoir
c7cce5a4e5
Add namespacing to common.js.
2018-07-22 20:21:00 -07:00
voussoir
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
voussoir
5c97086df3
Improve hotkey framework by making own file & register function.
2018-07-14 14:19:13 -07:00
voussoir
2901fefe65
Add more clipboard feature hotkeys.
2018-07-14 02:54:39 -07:00
voussoir
984f6eb3c7
Add a clear button to the clipboard tray.
2018-07-14 02:49:45 -07:00
voussoir
a12d8cada1
Don't capture ctrl+a if currently in a text field.
2018-04-17 18:35:32 -07:00
voussoir
cfa5d269d1
Add keybinds CTRL+A and +D to select/deselect all cards.
2018-03-23 11:58:39 -07:00
voussoir
27885df64e
Fix binding of the fallback handler.
2018-03-23 10:25:03 -07:00