Commit graph

485 commits

Author SHA1 Message Date
09adc6f9a8 Change default tag_card link to info. 2021-01-08 14:00:20 -08:00
7f9c7085f0 Rename tag_object -> tag_card. 2021-01-08 13:57:27 -08:00
7373730f90 Add bookmark_card.html, move bookmark_card css to cards.css. 2021-01-08 13:41:49 -08:00
fabbbaf17f Rename photo_cards.css -> cards.css. All types welcome. 2021-01-08 13:40:34 -08:00
ea5a02f8b6 Use update_dynamic_elements for user name, clipboard count. 2021-01-07 20:18:07 -08:00
484e3ae1ee Add Album.sum_children. 2021-01-07 19:23:12 -08:00
2dd71a002b Fix word-wrap should be word-break. 2021-01-07 19:10:28 -08:00
2fb3b67fde Add easy UI for adding tag children, synonyms. 2021-01-05 17:24:46 -08:00
fec280bf99 Rename easybake status new_synonym -> add_synonym. 2021-01-05 14:01:13 -08:00
6fcc96f5aa Don't clear the easybake field until response comes back. 2021-01-05 13:23:47 -08:00
29774f2524 Add the clipboard checkbox on pageload, not in server response.
With the recent addition of search_embed iframes on other pages, we
had photo cards appearing but the photo_clipboard module was not
imported thus the checkboxes did nothing. I don't want to import
photo_clipboard onto every single page, I'd rather they click through
to the full search UI. Otherwise every single page will have the tray
and often not a good enough reason for it.
So, since the functionality of the checkbox is completely reliant on
the photo_clipboard.js module anyway, there's no reason not to have it
generated by that module.
2021-01-05 01:24:03 -08:00
7c62c064cb Rename photo_card_selector_checkbox photo_clipboard_selector_checkbox. 2021-01-04 23:31:41 -08:00
b8290d884e Add html id to the clipboard checkbox here. 2021-01-04 23:29:25 -08:00
1a2bd59f23 Fix accuracy of Descendants count on tags page. 2021-01-04 13:45:43 -08:00
4d0565d9bb Add jank support for html motds. 2021-01-04 02:23:03 -08:00
ede7734a81 Call photo_clipboard.apply_check_all after refreshing divs.
This was previously performed automatically deeper within clipboard.js,
but was optimized out recently.
2021-01-03 00:17:36 -08:00
0c3ee6f2d2 Add search_embed for bringing search iframes to other pages. 2021-01-02 13:49:43 -08:00
e303b934f7 Add UI for editing user's display name. 2021-01-01 19:46:31 -08:00
84a5e2b4e1 Significant updates to editor.js. 2021-01-01 19:46:06 -08:00
ffbfa77ecc Add UI dropdown for orderby basename. 2021-01-01 17:02:03 -08:00
2c29c196a7 Return friendly and expanded orderby column separately.
Previously, the UI had to un-transform the expanded column back
into the friendly name, which was silly and cumbersome.
2021-01-01 17:02:02 -08:00
a4a1f39ede Fix response.json_ok -> response.meta.json_ok. 2020-12-26 13:22:19 -08:00
7f2d463062 Hide the photo card holder when there are no photos.
I didn't like the narrow sliver of div that was left.
2020-12-26 12:14:42 -08:00
33b4799268 Only log "needed but not received" if there are any. 2020-12-26 12:13:54 -08:00
12ee2adedf Add alertresponse to a lot of callback functions. 2020-11-06 22:50:05 -08:00
99e64e358e Add missing semicolon. 2020-11-06 22:22:41 -08:00
68b27fced2 Add refresh_or_alert so errors aren't missed. 2020-11-06 21:42:28 -08:00
387a9e7b81 Fix vertical centering of wide videos on narrowish viewport. 2020-11-04 17:21:19 -08:00
867d1c34a4 Use class=panel for message_area on /login. 2020-11-04 17:20:59 -08:00
7770f7640a Add class photos_holder which is centers photos in narrow mode.
In narrow mode, it's very possible to wind up with only 1 photo per row,
and it looks silly when they are left-justified. Centered looks a little
more natural to me in this case.
2020-11-04 17:11:48 -08:00
d536974025 Add class=panel to /clipboard #left. 2020-11-04 16:57:41 -08:00
a0207c52f2 Reduce grid-row-gap from 30px to 8px. 2020-11-04 16:56:24 -08:00
52e0ebc5f9 Remove the browser's default margin-top from tags_on_this_page ul. 2020-11-03 16:38:33 -08:00
c9eacbef2f Teeny tiny whitespace tweaks. 2020-11-03 16:35:53 -08:00
41b03f46b9 Use more class=panel throughout ui. 2020-11-03 16:25:04 -08:00
615242c680 Remove unnecessary "event" from generate_thumbnail form. 2020-11-03 16:08:15 -08:00
0fccfc562a Rearrange some functions and add headers. 2020-11-03 15:49:50 -08:00
1c0f50a4a6 Move refresh metadata button above the download links. 2020-11-03 15:34:41 -08:00
9e23aacae7 Add id=photo_filename to the h3. 2020-11-03 15:34:28 -08:00
cc8053f8fd Alert response if set searchhidden fails. 2020-11-03 15:33:59 -08:00
fbaa7843da Add missing semicolon. 2020-11-03 15:33:33 -08:00
272bd471ff Fix positioning of photo_viewer under the new CSS rules. 2020-11-03 00:05:21 -08:00
1b221ce8be Add innertext_safe if you want to avoid escaping. 2020-10-25 20:24:06 -07:00
5f91554198 Don't break the mmf inputs when autocomplete init failed. 2020-10-25 20:20:40 -07:00
ca3540670c On specific tag pages, use unlink buttons for immediate children. 2020-10-25 20:19:38 -07:00
881ce5e3ae With specific tag, start the export with the children.
This prevents the specific tag from being included in the results in
the first place, and has the knock-on effect that the descendants'
lines won't all start with the parent tag's name.
2020-10-17 18:23:38 -07:00
fccd682eac Instead of tags.remove, just filter on the upcoming for loop. 2020-10-17 18:17:23 -07:00
c146e0d1b9 Rename instances of Editor variables to clarify what they are. 2020-10-17 17:26:07 -07:00
45acdce74b Let bookmark_card input have width 100%. 2020-10-13 10:56:38 -07:00
af4f2bcdaa Link tags on photo page to the /tag/info url. 2020-10-13 10:41:47 -07:00
6fb6b1eeb0 Add Bookmark.display_name, just like Album. 2020-10-13 10:37:12 -07:00
4a1aad4622 Fix expression orderbys not reflecting in web UI.
selected_column needs to be the expression since that's what comes
back from the normalizer.
2020-10-12 22:30:06 -07:00
86c09aedc1 Add album_autocomplete.js, so "Add child" box can autocomplete.
This makes putting albums together a little easier, though datalist
performance still leaves a lot to be desired.
2020-10-03 18:37:08 -07:00
a41c843cb9 Let #right dominate page height, scroll the rest of tags_on_page. 2020-09-29 17:49:03 -07:00
9533c444a5 Move error_message_area, happy_message_area into #right.
It's where they belong!
2020-09-29 17:21:50 -07:00
14961d75fd Let homepage use width 90% max 600 instead of straight 50%. 2020-09-29 17:18:46 -07:00
ee16d02324 In narrow mode, let #right be absolute to achieve similar effect.
It's not perfect yet, and 95vh is purely empirical.
2020-09-29 17:18:20 -07:00
1d6464b79b Let #right be fixed.
Previously, then the tags list was very long and dominated the scroll
height of the page, the #right and thus the photo would be floating
halfway down the page. By making it sticky, the photo always occupies
the correct position in the viewport no matter how long #left gets.
2020-09-29 17:13:03 -07:00
7e58c95f15 Mostly failed experiment: tag_autocomplete indexeddb.
The current system has bad performance when you've got 100,000+ tags.
I discovered that when the server returns 304, the browser gives the
ajax a 200 with the full response, and it's not clear to me if js can
know it got a 304. So, the tag set is being fully re-parsed from the
response on every page load. I was thinking that I should store that in
IndexedDB to avoid the parsing step, but... since the JSON.parse is
done by my common.get before it hits this function, it's meaningless.
Not to mention I still have to rebuild the datalist on every page since
of course that state isn't shared between tabs. Not worth the DB stuff.
We'll see what happens next.
2020-09-29 16:52:20 -07:00
63bc2dfed5 Add yield_photos, count albums in search result limit.
This experiment of bringing Photos and Albums closer to parity in
search is going well so far. I have found some situations where it
is nice to only get albums back from search results.
2020-09-27 23:38:49 -07:00
5712d6dabd Call tag_object instead of hand writing this tag. 2020-09-27 12:15:03 -07:00
08591a717b Let tag_object take arbitrary extra attributes. 2020-09-27 12:14:33 -07:00
705bd8269f Fix some (but not all) handling of tags with & via urlencoding. 2020-09-27 11:53:38 -07:00
17f694cfed Add theme-change links to homepage. 2020-09-27 10:37:13 -07:00
f5d8898e14 Increase search limit to 1,000. 2020-09-24 14:28:38 -07:00
343ce508bf Add search UI for yield_albums. 2020-09-24 14:26:51 -07:00
f56da72881 Return more sets from backend, do sorting on frontend.
It's better semantically for these items coming out of the backend
to be sets. Sorted lists are only relevant to human consumption at the
frontend.
2020-09-20 13:16:52 -07:00
407770a80e Replace handwritten closest() with native closest().
And such a beautiful docstring, too, as if no one had done it before.
2020-09-20 12:23:43 -07:00
169fd4945d Fix drag-drop behavior when dropping onto root. 2020-09-20 12:20:36 -07:00
00bc7e6eac Replace nested if with early return. 2020-09-20 12:15:01 -07:00
adb1d0ef39 Replace all double blank lines with single, improve hash headers.
There was always some semblance that two blank lines has some kind of
meaning or structure that's different from single blank lines, but
in reality it was mostly arbitrary and I can't stand to look at it
any more.
2020-09-19 03:13:23 -07:00
79578823f5 Fix jinja variable not defined. 2020-09-18 21:28:21 -07:00
3fb198f994 Add explicit @media queries for wide mode, not just default to override.
Any properties that are different in wide/narrow mode should be defined
in the correct media query. I got tired of having wide mode be the
default and then narrow mode having to unset/initial all the attributes
that aren't relevant to narrow.
2020-09-18 21:12:28 -07:00
83d22d2736 Remove unnecessary declarations of grid-area: left, right. 2020-09-18 21:01:38 -07:00
8da18ba502 Add --narrow, --wide to common.css, is_wide_mode to common.js. 2020-09-18 20:57:35 -07:00
9a29048ccf Split sticky_side functionality into _side, _bottom.
This makes the role of each css definition more clear, and could allow
for cases where the side is sticky in wide mode but not sticky in
narrow mode.
2020-09-18 20:37:40 -07:00
14a2014c68 Add link to /userid/id on /user page. 2020-09-17 20:45:58 -07:00
4c9668c920 Instead of anti-autofocusing, use a pageload that calls focus(). 2020-09-17 18:17:08 -07:00
f9e4bac186 Use more _form functions instead of inline api.js calls. 2020-09-17 18:14:07 -07:00
2a379919e0 Use grid instead of flexbox for message_area for better gaps. 2020-09-15 15:03:40 -07:00
adbdb3bdb4 Show number of associated directories in alt text. 2020-09-14 20:26:46 -07:00
dd0ee7a72a Use more const. 2020-09-14 18:33:53 -07:00
7fecd65b33 Remove failed experiment. 2020-09-14 17:30:40 -07:00
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
0f039c5c48 Add remove_specific_synonym_form. 2020-09-14 17:19:25 -07:00
5501f7279b Don't use last-of-type to select tag object.
It turns out that last-of-type only considers a single tag type,
it doesn't select last element of class if it has a different tag
than the other classed elements.
2020-09-14 17:19:00 -07:00
1442e16eb7 Add specific_tag variable into the javascript. 2020-09-14 05:55:41 -07:00
5461d49cb4 Strip more whitespace from tag_object macro output. 2020-09-14 05:17:44 -07:00
c11fb12069 Sort tags as they are added to photo. 2020-09-12 16:52:46 -07:00
bbadd15129 Put the callbacks next to their respective form functions. 2020-09-12 11:59:03 -07:00
eccb260a2b Pull onclicks into separate _form functions. 2020-09-12 11:48:08 -07:00
d00d7b4acf Refocus add_tag_box after removing a tag. 2020-09-12 01:19:16 -07:00
ee28779138 Pass separate tag_count into tags.html to prevent double-counting.
Foolishly, I was checking the length of the outputted easybake format,
which included lines for synonyms and multi-parent tags that shouldn't
be part of the tag count.
2020-09-11 23:52:23 -07:00
30c9efc043 Rename generate_thumbnail_for_video -> _form. 2020-09-11 17:06:50 -07:00
08f6c21286 Add return to these onchange and ondrag attributes.
I skipped them during the commit where I added return to all onclicks
because I figure I won't be wrapping these kinds of attributes.
But I feel like it's better to be consistent and you never know when
it might happen.
2020-09-11 16:03:15 -07:00
ad26f09ee0 On photo.html, add and remove tag lis dynamically.
Instead of requiring a page refresh to see the new tags. They
just won't be sorted.
Slight bummer, the datalist dropdown pretty much obscures the
whole thing anyway.
2020-09-11 15:57:06 -07:00
6184476485 Let the specific_tag have class=tag_object so it looks the part. 2020-09-10 08:18:20 -07:00
4b76bc0628 Don't access response.data.tagname until we know it's not an error.
This wasn't causing any issues, because it was just setting itself
to undefined, but I realized I should move it.
2020-09-10 06:48:56 -07:00
8d2af3255b Add endpoints set_searchhidden, unset_searchhidden and checkbox. 2020-09-09 20:51:15 -07:00
4569e7848c Let apply_check_all search for the checkboxes, not the photo cards. 2020-09-09 20:09:41 -07:00
804afe912f Add css class .photo_card_searchhidden. 2020-09-09 19:24:43 -07:00
f5eb2467dc Add synonyms div to specific tag page. 2020-09-09 15:52:09 -07:00
97bb9da8a6 Use (+) (x) links on /tags page, link main tag object to info. 2020-09-09 15:51:57 -07:00
270dcadf4e Let tag_object also link to mays, forbids. 2020-09-09 14:08:06 -07:00
71e87f83f7 Use class=hidden instead of inline style display:none. 2020-09-09 13:13:38 -07:00
edca32e81c Simplify {%if x%} to just {{x or ''}. 2020-09-09 13:13:04 -07:00
6d5cd11612 Let search_core return tags as real lists.
This lets search.html deal with real objects instead of playing with
dumed-down strings.
2020-09-09 13:09:48 -07:00
d585fe92a9 Let search_core return author as real list.
This lets search.html deal with real objects instead of playing with
dumed-down strings.
2020-09-09 13:08:41 -07:00
94b811b3b1 Let search_core return extension as real list.
This lets search.html deal with real objects instead of playing with
dumed-down strings.
2020-09-09 13:07:22 -07:00
a048a48159 Use class=hidden instead of inline style display:none. 2020-09-09 12:51:59 -07:00
c507d5f629 Fix reassign to const tag of tags. 2020-09-08 16:42:44 -07:00
139998172f Add spinner.BAIL for cancelling spinner without launching callback. 2020-09-04 11:25:11 -07:00
7f48c3e97c Add css/js classes entry_with_history, _with_tagname_replacements. 2020-09-04 11:20:51 -07:00
295c9b4956 Add return to all onclicks, and ; to other javascript hooks. 2020-09-04 10:37:04 -07:00
62e87c4b1a Add missing space around assignment. 2020-09-03 15:46:34 -07:00
c091e5fa36 Bind mmf inputs to search button with ctrl+enter. 2020-09-03 15:39:48 -07:00
9a9edecfd2 Fix album drag-drop when you drag by the thumbnail or other child. 2020-09-03 15:39:34 -07:00
dae5815239 Give #refresh_metadata_button .button_with_spinner. 2020-09-03 15:39:11 -07:00
05b39c21fd Replace loop uses of var with let/const. 2020-09-03 15:33:37 -07:00
8af340e442 Replace non-global uses of var with let. 2020-09-03 15:31:47 -07:00
fe7b5de427 Replace many uses of forEach with for-of. 2020-09-03 14:18:05 -07:00
fa83324cc3 Remove width from bookmark_card, just rely on max-width. 2020-09-03 12:20:49 -07:00
8dafe8c4f4 Synchronize Etiquette common.css and YCDL common.css. 2020-09-03 11:50:16 -07:00
bff4a12fcb Add various comments, docstrings, and console.log. 2020-09-03 11:46:26 -07:00
6b037e1120 Move several /batch functions into api.js. 2020-08-30 19:18:06 -07:00
48a63a099b Fix button_with_spinner now uses onclick instead of data-onclick. 2020-08-29 22:27:15 -07:00
8ae1086727 Remove var holder which is already on the global scope. 2020-08-29 18:58:19 -07:00
9b47a6dd4e Let photo card thumbnail images lazyload.
It seems that some people like lazyload and others don't. Let's try it.
2020-08-28 16:24:18 -07:00
a66aca8a17 Jankily fix button text causing breakage out of parent div.
I described the issue here but have yet to find the correct fix.
https://old.reddit.com/r/css/comments/i4drwa
2020-08-10 21:02:11 -07:00
7609f20dd0 Let button_with_confirm inherit original CSS when not specified. 2020-08-07 21:14:27 -07:00
31d4e58dbc Change hovertext from "x children" to "x child albums". 2020-07-26 19:18:27 -07:00
b910094443 Show the counts of tags and tag parents / children.
Note that children is actually descendants.
2020-07-01 16:42:36 -07:00
e61d436791 Use Array.isArray instead of instanceof Array. 2020-07-01 16:28:39 -07:00
7c4229f1fa Use dot notation instead of subscript for response. 2020-06-28 17:54:16 -07:00
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
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
e1033d0138 Move tagname related functions from common.js to tag_autocomplete.js. 2020-06-17 12:42:08 -07:00
634f6f5188 Fix metadata spinner not closing when 0 items on clipboard. 2020-05-28 19:02:07 -07:00
18c2f0dc78 Rename vars photos -> results since results may contain albums. 2020-04-02 23:27:47 -07:00
0e0f296270 Let tags on this page buttons execute search immediately.
1. When the list is long, scrolling back up to hit to search
button is annoying.
2. If you select too many, there's no way to know if you're
going to wind up constructing a search with 0 results thus
wasting your time.
2020-04-02 22:52:33 -07:00
db43cac583 Fix broken tagsonthispage buttons, need to pass ul not input. 2020-04-02 22:49:33 -07:00
dd3d40de53 Experimental: Allow search results to include albums.
I've been thinking about this for a while but couldn't think of
the perfect way to implement it. I still haven't, so instead I'm
just starting with something and we'll see how to improve later.
At any rate, I can update the rest of the system to expect Albums
coming out of search so that if I ever have a better algorithm
everything else will already be ready for it.
For this first experiment, just any photos that are part of an album
will send that album out as a result. It doesn't even respect the
limit parameter, it's really just to see how it feels to use.
2020-04-02 22:36:40 -07:00
89c308c4a4 When submitting search, check for values left in the tag boxes.
I found pretty commonly that it was easy to leave some text in the
box and forget to press enter, so that tag never got added to the
actual search.
2020-04-02 17:11:29 -07:00
7fc4604025 Simplify this already_have now that the other code is gone. 2020-04-02 17:09:09 -07:00
84833832e4 Improve this comment and some whitespace. 2020-04-02 17:06:50 -07:00
f8bd34eb7a Let add_searchtag and remove_searchtag take the ul instead of box.
With a name like add_searchtag you'd think it'd be past the point
of reading box input, and deeper into the abstraction zone. But nope,
it wasn't. I'll try to take this a few steps further from here too.
2020-04-02 17:04:23 -07:00
3cb8f0adcf Remove code intended for tag trumping but currently useless.
I think at one point I was using full qualnames on the tag objects
in the mmf uls. But now they just show their base name, so this
code is useless. And I don't think I'll reinstate it because tags
have multiple parents now and I don't want to implement all the
lineage checking in the client js. We'll just let the server handle
the slightly less efficient query.
2020-04-02 16:56:44 -07:00
00ad82e07c Dedent this code by doing an early return instead of if. 2020-04-02 16:25:19 -07:00
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
30a0715980 Add photo delete buttons to hovering toolbox.
I tried putting them in the #left but it was looking seriously ugly.
Actually #left is always ugly because the variety of info and buttons
and text alignments. Hover toolbox is not ideal and I don't want it
to become a dumping ground, but deleting should be a rare action and I
don't want it right next to stuff like the basic metadata.
2020-02-27 14:15:13 -08:00