voussoir
/
etiquette
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
1,388 Commits
1 Branch
0 Tags
4 MiB
Commit Graph

419 Commits (f003f55fcac34e83f7eb3cc3d09b0ac0b15aa9f7)

Author SHA1 Message Date
voussoir 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
voussoir 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
voussoir 169fd4945d Fix drag-drop behavior when dropping onto root. 2020-09-20 12:20:36 -07:00
voussoir 00bc7e6eac Replace nested if with early return. 2020-09-20 12:15:01 -07:00
voussoir 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
voussoir 79578823f5 Fix jinja variable not defined. 2020-09-18 21:28:21 -07:00
voussoir 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
voussoir 83d22d2736 Remove unnecessary declarations of grid-area: left, right. 2020-09-18 21:01:38 -07:00
voussoir 8da18ba502 Add --narrow, --wide to common.css, is_wide_mode to common.js. 2020-09-18 20:57:35 -07:00
voussoir 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
voussoir 14a2014c68 Add link to /userid/id on /user page. 2020-09-17 20:45:58 -07:00
voussoir 4c9668c920 Instead of anti-autofocusing, use a pageload that calls focus(). 2020-09-17 18:17:08 -07:00
voussoir f9e4bac186 Use more _form functions instead of inline api.js calls. 2020-09-17 18:14:07 -07:00
voussoir 2a379919e0 Use grid instead of flexbox for message_area for better gaps. 2020-09-15 15:03:40 -07:00
voussoir adbdb3bdb4 Show number of associated directories in alt text. 2020-09-14 20:26:46 -07:00
voussoir dd0ee7a72a Use more const. 2020-09-14 18:33:53 -07:00
voussoir 7fecd65b33 Remove failed experiment. 2020-09-14 17:30:40 -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 0f039c5c48 Add remove_specific_synonym_form. 2020-09-14 17:19:25 -07:00
voussoir 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
voussoir 1442e16eb7 Add specific_tag variable into the javascript. 2020-09-14 05:55:41 -07:00
voussoir 5461d49cb4 Strip more whitespace from tag_object macro output. 2020-09-14 05:17:44 -07:00
voussoir c11fb12069 Sort tags as they are added to photo. 2020-09-12 16:52:46 -07:00
voussoir bbadd15129 Put the callbacks next to their respective form functions. 2020-09-12 11:59:03 -07:00
voussoir eccb260a2b Pull onclicks into separate _form functions. 2020-09-12 11:48:08 -07:00
voussoir d00d7b4acf Refocus add_tag_box after removing a tag. 2020-09-12 01:19:16 -07:00
voussoir 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
voussoir 30c9efc043 Rename generate_thumbnail_for_video -> _form. 2020-09-11 17:06:50 -07:00
voussoir 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
voussoir 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
voussoir 6184476485 Let the specific_tag have class=tag_object so it looks the part. 2020-09-10 08:18:20 -07:00
voussoir 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
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 f5eb2467dc Add synonyms div to specific tag page. 2020-09-09 15:52:09 -07:00
voussoir 97bb9da8a6 Use (+) (x) links on /tags page, link main tag object to info. 2020-09-09 15:51:57 -07:00
voussoir 270dcadf4e Let tag_object also link to mays, forbids. 2020-09-09 14:08:06 -07:00
voussoir 71e87f83f7 Use class=hidden instead of inline style display:none. 2020-09-09 13:13:38 -07:00
voussoir edca32e81c Simplify {%if x%} to just {{x or ''}. 2020-09-09 13:13:04 -07:00
voussoir 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
voussoir 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
voussoir 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
voussoir a048a48159 Use class=hidden instead of inline style display:none. 2020-09-09 12:51:59 -07:00
voussoir c507d5f629 Fix reassign to const tag of tags. 2020-09-08 16:42:44 -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 295c9b4956 Add return to all onclicks, and ; to other javascript hooks. 2020-09-04 10:37:04 -07:00
voussoir 62e87c4b1a Add missing space around assignment. 2020-09-03 15:46:34 -07:00
voussoir c091e5fa36 Bind mmf inputs to search button with ctrl+enter. 2020-09-03 15:39:48 -07:00
voussoir 9a9edecfd2 Fix album drag-drop when you drag by the thumbnail or other child. 2020-09-03 15:39:34 -07:00
voussoir dae5815239 Give #refresh_metadata_button .button_with_spinner. 2020-09-03 15:39:11 -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 fe7b5de427 Replace many uses of forEach with for-of. 2020-09-03 14:18:05 -07:00
voussoir fa83324cc3 Remove width from bookmark_card, just rely on max-width. 2020-09-03 12:20:49 -07:00
voussoir 8dafe8c4f4 Synchronize Etiquette common.css and YCDL common.css. 2020-09-03 11:50:16 -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 48a63a099b Fix button_with_spinner now uses onclick instead of data-onclick. 2020-08-29 22:27:15 -07:00
voussoir 8ae1086727 Remove var holder which is already on the global scope. 2020-08-29 18:58:19 -07:00
voussoir 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
voussoir 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
voussoir 7609f20dd0 Let button_with_confirm inherit original CSS when not specified. 2020-08-07 21:14:27 -07:00
voussoir 31d4e58dbc Change hovertext from "x children" to "x child albums". 2020-07-26 19:18:27 -07:00
voussoir b910094443 Show the counts of tags and tag parents / children. 
Note that children is actually descendants.
 2020-07-01 16:42:36 -07:00
voussoir e61d436791 Use Array.isArray instead of instanceof Array. 2020-07-01 16:28:39 -07:00
voussoir 7c4229f1fa Use dot notation instead of subscript for response. 2020-06-28 17:54:16 -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 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 e1033d0138 Move tagname related functions from common.js to tag_autocomplete.js. 2020-06-17 12:42:08 -07:00
voussoir 634f6f5188 Fix metadata spinner not closing when 0 items on clipboard. 2020-05-28 19:02:07 -07:00
voussoir 18c2f0dc78 Rename vars photos -> results since results may contain albums. 2020-04-02 23:27:47 -07:00
voussoir 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
voussoir db43cac583 Fix broken tagsonthispage buttons, need to pass ul not input. 2020-04-02 22:49:33 -07:00
voussoir 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
voussoir 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
voussoir 7fc4604025 Simplify this already_have now that the other code is gone. 2020-04-02 17:09:09 -07:00
voussoir 84833832e4 Improve this comment and some whitespace. 2020-04-02 17:06:50 -07:00
voussoir 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
voussoir 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
voussoir 00ad82e07c Dedent this code by doing an early return instead of if. 2020-04-02 16:25:19 -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 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
voussoir a88fcc2092 Move the clipboard checkbox into metadata list too. 2020-02-26 18:41:17 -08:00
voussoir 66f73a6aab Move the photo filename out of list to top of left. 2020-02-26 18:40:03 -08:00
voussoir 596eb86f6e Move the refresh metadata button into metadata bullet list. 2020-02-26 18:39:19 -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 53888a1787 Fix #photoviewer <a> from being expanded to fill the whole pane. 2020-01-15 20:18:40 -08:00
voussoir 56e34bd245 Rename vars box, button -> add_tag_textbox, add_tag_button. 2020-01-15 18:48:12 -08:00
voussoir fa7f5b7b17 Don't use (+) for the syns anymore, looks like the must button. 2020-01-15 18:12:12 -08:00
voussoir cdf6ee2038 Use <span> for tag objects with no link or onclick. 
To suppress the pointy <a> tags, you know.
 2020-01-15 18:11:48 -08:00
voussoir b22516cf01 Remove the 'void' option from tag_object link. 
Now that all <a> tags are pointy, there is no need for this fake link.
Its only purpose was to make <a>s that had an onclick but no
url get the ol' pointy.
 2020-01-14 23:12:43 -08:00
voussoir 47c0a7221c Prototype of album drag-and-drop moving. 
I'm not entirely happy with the way that native drag-and-drop looks,
the transparent bit that you hold while dragging looks dumb.
Will have to look into control / shift clicking to multiselect.
Also just using browser confirm() for now since I haven't made my
own dialog for that kind of thing yet.
 2020-01-14 23:04:22 -08:00
voussoir 0ef3c7d6bf Tags on this page: add separate buttons for must, may, forbid. 2020-01-14 16:44:12 -08:00
voussoir 491e58ecdd Replace <div id="header"> with <nav id="header>. 2020-01-14 16:43:43 -08:00
voussoir 723c96c4f2 Greatly simplify the jinja code for tag_object. 2020-01-14 15:11:07 -08:00
voussoir c185ca6bf7 Oops, replace wrongly used variable search -> link. 2020-01-13 23:18:48 -08:00
voussoir 89bfca8f9f Add endpoint for photo generate thumbnail. 2020-01-12 14:52:03 -08:00
voussoir ffe0be1c37 Rearrange these arguments to be in the same order as next line. 2020-01-12 14:42:17 -08:00
voussoir ac40c86e86 Rename receive_callback -> tag_action_callback. 2020-01-12 14:41:31 -08:00
voussoir 7e085d7585 Rename receive_callback -> login_register_callback. 2020-01-12 14:37:04 -08:00
voussoir b7b33a63ee Rename receive_callback -> add_remove_photo_tag_callback. 2020-01-12 14:36:48 -08:00
voussoir f23cebecfe Add the album basic thumbnail to their cards. 2020-01-11 18:05:44 -08:00
voussoir 41058ccc9e Unindent album card macro. 2019-12-21 01:48:36 -08:00
voussoir fcf7a460b2 Unify album_card and root_album_card macros. 2019-12-21 01:47:33 -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 4d235c427c Create #right:before on narrow screens to give a solid background. 2019-09-10 19:38:58 -07:00
voussoir 1a395886ef Set !important on #content_body regrids for stickyside pages. 2019-08-26 15:18:33 -07:00
voussoir 14500080c8 Redo clipboard.html css to auto grid instead of specifying each. 2019-08-26 15:15:02 -07:00
voussoir 5a1e4474a9 Remove unnecessary specifying #left grid-area: left. 2019-08-26 15:03:14 -07:00
voussoir d209445bd0 Remove unnecessary specifying #header grid-area: header. 2019-08-26 15:02:53 -07:00
voussoir ff72a5d26c Redo login.html css to be grid based. 2019-08-26 14:54:29 -07:00
voussoir a75540ce25 Replace login and register with real form elements. 2019-08-26 14:34:50 -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 ced98d0c42 Use grid-row-gap instead of not last margin-bottom. 2019-08-25 18:00:36 -07:00
voussoir b67aa63b26 Add a comment explaining this css. 2019-08-25 17:47:02 -07:00
voussoir d5c99b407d Set margin:0 for the inputs next to the buttons 
Otherwise they've got odd spacing, and we have row-gaps anyway.
 2019-08-25 17:36:05 -07:00
voussoir 600cb45ddb Add grid-row-gap between album toolbox buttons. 2019-08-25 17:23:33 -07:00
voussoir a83f365b2a Use #content_body grid-column-gap instead of #left, #right margin. 2019-08-25 17:23:17 -07:00
voussoir 78dd1417ca Give the login and register boxes the .panel class. 2019-08-23 13:32:35 -07:00
voussoir f3b8c4875d When selecting orderby=random, hide the asc/desc dropdown. 2019-08-23 13:26:20 -07:00
voussoir 45d8f0df1a For orderby=random, don't add -asc -desc to the URL. 2019-08-23 13:25:21 -07:00
voussoir a7d93b7223 Simplify the code for add_new_orderby a little bit. 2019-08-23 13:24:47 -07:00
voussoir 94140a5a88 Realign the HTML for the orderby options. 2019-08-23 13:23:49 -07:00
voussoir 79ed0ee186 Various CSS for panels and margins. 2019-08-14 13:49:08 -07:00
voussoir f0409bf90f Move search #error_message above #right instead of spanning both. 2019-08-14 13:47:59 -07:00
voussoir b683413be0 Try different themes with the ?theme query. 2019-08-14 13:43:35 -07:00
voussoir 62f36151c4 Make login and register buttons green. 
Now that I'm using disabled buttons in some places I want
gray to avoid using gray for anything else.
 2019-06-15 17:03:54 -07:00
voussoir 349fb33199 Disable directory refresh button if no directories. 2019-06-15 17:03:23 -07:00
voussoir 7bd9d45863 Say "Create album" instead of child on main albums page. 2019-06-15 17:03:07 -07:00
voussoir 8063f338f8 Add Refresh Directories button to album toolbox. 2019-06-15 16:04:33 -07:00
voussoir 802c12937b Replace bespoke spinner with new button_with_spinner. 2019-06-15 16:04:06 -07:00
voussoir 26bcafcbb5 Add style for button:disabled instead of switching classes. 2019-06-15 13:26:39 -07:00
voussoir 36a2ed9f88 Remove unnecessary _form functions that can be direct calls. 2019-06-15 02:42:33 -07:00
voussoir 65605253bf Add spacers between these sections of code. 2019-04-27 16:55:47 -07:00
voussoir 4ddf578d63 Add spinner text to clipboard refresh metadata button. 
Also replace usage of own in_progress variable with simply
disabling the button.
 2019-04-27 16:55:26 -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 09e80f5dba Replace bespoke add_, create_child buttons with confirm buttons. 2019-04-27 15:33:28 -07:00
voussoir 2f6f4675ee Give #left a right margin instead of 95% width & centering. 2019-03-22 18:36:44 -07:00
voussoir 572349c1f1 Show the child / photo count on the tooltip as well. 2019-03-16 13:07:29 -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 cc98def9fb Remove margin-bottom from last child of #left. 2019-03-16 12:24:50 -07:00
voussoir 59901cb344 Give #left a right margin instead of 95% width & centering. 2019-03-16 12:24:19 -07:00
voussoir 9b72b3dff0 Use CSS Grid on photo.html, resolve some Chrome/FF differences. 
- In Firefox, the image under flex would be full-res height
  instead of staying screen height.
  In this new Grid-based layout the image is the correct size.
  Left toolbox still uses flex, no problems with it.
- Redid the classing of the photo_viewer and eliminated
  photo_img_holder so that all media types follow the same markup.
- Added a CSS variable for tracking narrow mode instead of relying
  on coincidental properties like flex settings.
 2019-01-16 19:22:21 -08:00
voussoir b864397242 Have bookmark editor show errors on non 200 responses. 2019-01-13 15:05:03 -08:00
voussoir a0faec9639 Have album editor show errors on non 200 responses. 2019-01-13 14:44:21 -08:00
voussoir c8f7239e19 Remove unnecessary margin-top from #left elements. 
margin-bottom is enough to keep the space between elements,
margin-top was just adding an ugly distance from the header.
 2019-01-01 17:21:44 -08:00