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
36a2ed9f88
Remove unnecessary _form functions that can be direct calls.
2019-06-15 02:42:33 -07:00
voussoir
139d54f344
Improve the docstring for init_button_with_confirm.
2019-06-15 02:15:31 -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
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
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
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
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
536531848e
Oops, fix broken bookmark editing api.js.
2019-01-13 14:58:23 -08:00
voussoir
0eb9addb1c
Use a single constant for both areas of caching duration.
2019-01-13 14:47:13 -08:00
voussoir
a0faec9639
Have album editor show errors on non 200 responses.
2019-01-13 14:44:21 -08:00
voussoir
465891e53a
Add an error message field to the Editor.
2019-01-13 14:35:54 -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
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
669247415f
Add counts to the parent and child hierarchy headers.
2018-12-23 16:00:28 -08:00
voussoir
29e999ccac
Remove "children/photos" in favor of hover text.
...
To reduce visual clutter.
2018-12-23 15:59:50 -08:00
voussoir
746d094d81
Remove duplicated markup between list/grid album cards.
2018-12-23 15:51:38 -08:00
voussoir
be976d584c
Tiny markup cleanup for album card.
2018-12-23 15:36:40 -08:00
voussoir
3d81b5508c
Oops, add data-id to the list view album card.
2018-12-23 15:28:55 -08:00
voussoir
d736c81100
Minor alignments within cards.
2018-12-21 23:44:11 -08:00
voussoir
1f45be9c39
Provide #right first, since #left is often slower to load.
2018-11-17 17:52:40 -08:00
voussoir
dfbdaa5e99
Let specific tag name be a link.
2018-11-17 17:44:17 -08:00
voussoir
59fdda6c6b
Use a similar hierarchy box style as the album page.
2018-11-17 17:37:34 -08:00
voussoir
e562658d42
Remove unnecessary extra indent.
2018-11-17 17:36:47 -08:00
voussoir
5dcb86eed5
Rearrange some css.
2018-11-17 16:57:07 -08:00
voussoir
3788c844bf
Let album title editor use same font size as title itself.
2018-11-17 16:55:47 -08:00
voussoir
074594a8bc
Fix #right button_with_confirm from width-jumping on load.
...
And any other similar element.
2018-11-17 16:53:35 -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
6e312bd287
Rename the etiquette_flask backend package to backend.
...
Alright, I got tired of confusing myself with the same-named
outer and inner package.
Keep in mind that every frontend implementation is supposed to be
its own independent project where etiquette is nothing but a
dependency. So the name backend is not ambiguous with the etiquette
backend.
2018-11-04 19:45:23 -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
e7d3a652a7
Change largest limit option to 200.
...
Accidentally commited the number 250 on search.html earlier. Oops.
Anyway I was finding 100 too limiting sometimes.
I will think about making this configurable eventually.
2018-11-04 18:38:32 -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
25a27e6241
Move dict_to_params to flask-specific helpers.py.
...
The rest of etiquette has nothing to do with URLs so this
doesn't belong in the backend helper file.
2018-11-04 13:30:08 -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
f9b3f8b0f4
Oops, add missing parentheses to album paste/unpaste buttons.
2018-10-20 02:27:15 -07:00
voussoir
2e51b4a611
Prefix zip downloads with etiquette_ so they stay together.
2018-10-20 02:23:12 -07:00
voussoir
0ea9f19592
Import api.js into the rest of the pages.
...
Now we can do anything from anywhere!
2018-09-23 16:53:49 -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
c927653222
Reorganize bookmark create and delete endpoints.
2018-09-23 15:05:05 -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
52019c5381
Add endpoints for album delete and add/remove child.
2018-09-23 13:27:06 -07:00
voussoir
37dc5aa2c4
No need to re-jsonify the child albums.
2018-09-23 13:25:24 -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
01a8a6df66
Oops, don't go checking the textbox for tag removal.
2018-09-21 21:32:19 -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
251bc04459
Fix photo.html endpoint urls.
2018-08-16 19:45:47 -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
1fcacb81fc
Update clipboard.html's button function naming scheme like others.
...
I have finally found a pattern I like which is
function, function_callback, and function_form
for the backend, callback, and button handler respectively.
2018-08-14 23:24:12 -07:00
voussoir
bea9f905bd
Support downloading .zip of arbitrary photos, clipboard.
...
Now that creating zips of any photo set is easier, we can
let the user download whatever is on their clipboard.
2018-08-14 23:02:06 -07:00
voussoir
bc6a0aa907
Improve & generalize zipfile code.
...
Moved some heavy lifting out of the flask album.zip endpoint
and into helpers.py.
Renamed some things for clarity.
2018-08-14 22:58:26 -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
b314d6376f
Update the hrefs when saving the bookmark editor.
2018-07-29 00:43:12 -07:00
voussoir
fd23b563cf
Implement bookmark delete on frontend.
2018-07-29 00:36:50 -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
6cb545af8b
Fix incorrect error message when deleting invalid synonym.
...
Because P_tag was raising 404 with "no such tag" when
we know it should have been "no such synonym".
2018-07-28 19:14:02 -07:00
voussoir
22d2efa289
Add 'event' to toggle_hoverzoom header for firefox's benefit.
2018-07-28 16:16:16 -07:00
voussoir
dfff79baa7
Oops, fix broken clipboard reference due to namespace change.
2018-07-28 16:15:15 -07:00
voussoir
89850497da
Apply the squared 3d button css to all <button>.
2018-07-28 16:04:57 -07:00
voussoir
9c354249c9
Rename variable editor -> ed to avoid conflicting with the module.
...
Even in cases that were not causing problems, for consistency.
2018-07-28 15:17:18 -07:00
voussoir
977b47522d
Add autocomplete to /clipboard.
2018-07-22 20:45:16 -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
cf9b6d0725
Workaround autocomplete box sticking around after submitting.
2018-07-22 20:20:54 -07:00
voussoir
5ec38a93b1
On the tag ancestors, don't display the current tag name.
...
I was finding it too confusing.
2018-07-22 20:19:05 -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
5ac3a8a121
Add caching.cached_endpoint decorator for 304'ing any url.
2018-07-22 20:19:05 -07:00
voussoir
4c65ccaf68
Big! Liberate Groupables from strict heirarchy. Multiple parents.
...
I found that the strict heirarchy was not satisfying the situation
where one tag is the intersection of two others, but we can only
pick one as the parent
For example, does red_jacket belong under clothes.red_clothes or
clothes.jackets? A search for "red_clothes AND jackets" might
give us someone wearing red pants and a black jacket, so this
definitely needs to be a separate tag, but picking only one
parent for it is not sufficient. Now, a search for red_clothes
and a search for jackets will both find our red_jacket photo.
The change also applies to Albums because why not, and I'm sure
a similar case can be made.
Unfortunately this means tags no longer have one true qualname.
The concept of qualnames has not been completely phased out but
it's in progress.
This commit is very big because I was not sure for a long time
whether to go through with it, and so much stuff had to change
that I don't want to go back and figure out what could be grouped
together.
2018-07-20 13:09:06 -07:00
voussoir
c2cfa99752
Alphabetize imports in endpoints files.
2018-07-18 18:37:21 -07:00
voussoir
4987db4bd0
Switch to f-string formatting in many places.
2018-07-18 18:36:36 -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
2f83bc2808
Add a simple docstring to the flask launch files.
2018-06-30 12:59:10 -07:00
voussoir
4002cc660e
Don't use shortlink for zoom url. It breaks caching.
2018-05-01 21:03:10 -07:00
voussoir
8c356df6fd
Add P_photos to batchify some api operations.
2018-05-01 18:09:35 -07:00
voussoir
b19682d1a5
Replace Photo.sorted_tags with jinja filter.
2018-04-28 19:05:51 -07:00
voussoir
50592f0ab4
Rework tab titles from "Album X" to "X | Albums" etc.
...
To prioritize the most unique and relevant piece of information.
2018-04-27 20:04:24 -07:00
voussoir
bdec6cf4a3
Add filter to generate /file/ link with appropriate basename.
...
Because inlining the |urlencode every time is easy to forget.
2018-04-19 19:29:06 -07:00
voussoir
bef91b3243
Allow /file/ to be accessed with a basename.
2018-04-19 19:23:10 -07:00
voussoir
a12d8cada1
Don't capture ctrl+a if currently in a text field.
2018-04-17 18:35:32 -07:00
voussoir
ed3b67bdb9
Split runner entrypoint from default local runner.
2018-04-15 20:34:03 -07:00
voussoir
4434517c54
Rename config user.min_length -> min_username_length.
2018-04-15 14:36:07 -07:00
voussoir
21bd211889
Give Users a display_name.
2018-04-15 14:23:24 -07:00
voussoir
df211454bb
Include username and password length requirements on form.
2018-04-15 13:20:08 -07:00
voussoir
f77ab51b14
Add Album.has_any_photo and has_any_subalbum_photo.
2018-04-15 02:41:24 -07:00
voussoir
0c9582598d
Add arg --https even for non-443.
2018-04-15 01:00:37 -07:00
voussoir
c1fd863999
Add jinja_filters.py with bytestring.
2018-04-15 00:59:54 -07:00
voussoir
4fcb524211
Show number of photos in h3 on Album page
2018-04-06 21:50:13 -07:00
voussoir
ac41598bb0
Add some more give_token.
...
I probably should just put it as a global pre-request hook.
2018-03-29 19:24:48 -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
voussoir
abaeb2321f
Oops, should be .remove instead of .pop for the cacheclass.
2018-03-23 00:35:56 -07:00
voussoir
6ee86431e5
Add Album.normalize_title and _description.
2018-03-23 00:35:55 -07:00
voussoir
0e3ae11610
Improve normalizers, use less None; Add author search box.
...
It was getting difficult to remember which of the normalizers
use None and which don't. So let's try to be a little more consistent
and just use empty sets, etc, so the caller can rely on receiving a
set instead of having to check for None.
Also renamed search parameter authors->author to be more in line
with the singular form of extension.
2018-03-22 21:09:21 -07:00
voussoir
5be174d1b3
Completely rewrite search to use more SQL and less application.
...
In order to achieve tag_musts, we break each of the musts down
into separate EXISTS queries for each of the matchable children.
Then we INTERSECT those, and finally do other filtering and
ordering as usual.
2018-03-21 19:20:43 -07:00
voussoir
7b4ae3045a
Remove some excessive newlines from photo_card output.
2018-03-19 22:52:15 -07:00
voussoir
b4cd4b6130
Fix body not filling vertical space.
2018-03-19 15:06:07 -07:00
voussoir
45bd80caa4
Remove height:40px from plain_link. Only nice_link.
2018-03-19 15:03:53 -07:00
voussoir
b90971813f
Oops, fix broken click-to-join because of the qualname change.
2018-03-19 14:11:25 -07:00
voussoir
b5274fefb9
Add caching.py to enable browser caching of files.
2018-03-18 21:42:31 -07:00
voussoir
ea7401b4f2
Fix common.send_file to use pathclass.
2018-03-18 21:40:32 -07:00
voussoir
0de755f138
Let the SessionManager use a cacheclass instead of plain dict.
2018-03-18 21:23:48 -07:00
voussoir
a5aef63c6f
Tags on this page should also display qualnames with maxlen.
2018-03-18 19:47:08 -07:00
voussoir
84599b44f7
Store author for bookmark creation.
2018-03-18 15:59:58 -07:00
voussoir
dffde094e8
Give Albums and Tags an author_id column.
...
Keeping V11 because I hadn't published previous commits yet.
2018-03-18 15:28:26 -07:00
voussoir
4a39b527f3
Use dot_extension on the photo cards.
2018-03-18 00:19:30 -07:00
voussoir
ffe0be21f5
Fix Photo thumbnail paths to be relative to the PDB's thumb dir.
...
Previously they were relative to the directory from which the client
was launched, meaning it usually started with ./_etiquette.
Now it should be more portable and less tight.
2018-03-13 02:50:54 -07:00
voussoir
8fcaf15fbe
Remove the word "Album" from the h2. The number is okay.
...
I just decided I like this better.
2018-03-10 19:54:56 -08:00
voussoir
df86d0f128
Replace "you are here" with the album's name.
2018-03-10 19:54:22 -08:00