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
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
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
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
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
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
f9b3f8b0f4
Oops, add missing parentheses to album paste/unpaste buttons.
2018-10-20 02:27:15 -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
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
20e41ad689
Extremely minor touchups.
2018-09-23 14:57:25 -07:00