Commit graph

230 commits

Author SHA1 Message Date
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
45cb96cc5c Add endpoint /photo/photo_id/delete. 2020-02-26 18:57:29 -08:00
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
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
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
89bfca8f9f Add endpoint for photo generate thumbnail. 2020-01-12 14:52:03 -08:00
e5d0974306 Add a blue transparency over selected photos. 2020-01-11 16:33:30 -08:00
a4458efc7a Add basic thumbnail for albums. 2020-01-11 16:23:56 -08:00
b7f745443b Rearrange some of these rules. 2019-12-21 14:50:38 -08:00
fcce2a55a2 Apply filename hover effects to grid view only. 2019-12-21 14:49:42 -08:00
d509e3cd20 Hide thumbnail and tools from list-view album cards. 2019-12-21 14:47:04 -08:00
c984159a76 Minor css tweaks. 2019-09-11 01:13:10 -07:00
d273adbf27 Move new #right:before to common.css. 2019-09-11 01:12:04 -07:00
23cdd4dc2b Now remove these explicit border-boxes. 2019-09-10 19:31:18 -07:00
cac18b76d0 Switch to border-box by default. 2019-09-10 15:32:35 -07:00
42be44a509 Set #content_body grid-gap to get both row and column gaps. 2019-08-26 14:50:45 -07:00
7ecfeca96c Allow setting display name during registration. 2019-08-26 14:32:51 -07:00
6635a1e740 Column-gap for everyone! Not just stickyside pages. 2019-08-25 18:07:53 -07:00
a83f365b2a Use #content_body grid-column-gap instead of #left, #right margin. 2019-08-25 17:23:17 -07:00
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
79ed0ee186 Various CSS for panels and margins. 2019-08-14 13:49:08 -07:00
b683413be0 Try different themes with the ?theme query. 2019-08-14 13:43:35 -07:00
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
f842c2e49b Add button_with_spinner class. 2019-06-15 16:02:41 -07:00
83b7143753 Fix 'this' in the delayed spinner timeout. 2019-06-15 14:30:23 -07:00
311d1bbf8b Rearrange condition to be positive-first. 2019-06-15 14:24:50 -07:00
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
26bcafcbb5 Add style for button:disabled instead of switching classes. 2019-06-15 13:26:39 -07:00
a0164205a2 Remove button_with_confirm class from buttons once in progress. 2019-06-15 13:16:38 -07:00
4ab352a74d Fix bad check of ElementsByTagName. 2019-06-15 13:04:33 -07:00
9ab0a61cb3 Add endpoint for refreshing Album directories. 2019-06-15 02:44:46 -07:00
139d54f344 Improve the docstring for init_button_with_confirm. 2019-06-15 02:15:31 -07:00
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
ab4f240a30 Add input option to button_with_confirm to make mini submit forms. 2019-04-27 15:30:33 -07:00
e0544adc06 Use Function instead of setAttribute to create onclick. 2019-04-27 15:28:22 -07:00
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
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
536531848e Oops, fix broken bookmark editing api.js. 2019-01-13 14:58:23 -08:00
465891e53a Add an error message field to the Editor. 2019-01-13 14:35:54 -08:00
760ddfc6b0 Rename color_site_theme to color_theme_primary; and secondary. 2019-01-01 17:20:22 -08:00
6dcf47cab7 Remove duplicated markup between list/grid photo cards. 2018-12-27 15:30:30 -08:00
d736c81100 Minor alignments within cards. 2018-12-21 23:44:11 -08:00
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
e25e0798c9 Add editor button placeholder to stop page jump on load. 2018-11-17 16:50:41 -08:00
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
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
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
dcfa7a862d Variety of html, css, jinja tweaks. 2018-11-04 18:36:17 -08:00
98d5374d17 Add CSS class sticky_side_right. 2018-11-04 18:32:55 -08:00
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
b6890bfd2c Combine logic for forward and backward shift-selects. 2018-10-20 16:18:02 -07:00
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
9964cf987b Remove unused functions select/unselect_photo. 2018-10-20 02:29:46 -07:00
d436b32df8 Integrate users with api.js. 2018-09-23 16:50:27 -07:00
8cfa88e45d Integrate tags with api.js and improve sanity of tag endpoints. 2018-09-23 16:41:34 -07:00
af318414e2 Integrate photos with api.js. 2018-09-23 15:52:19 -07:00
bbd4fbd77f Integrate bookmarks with api.js. 2018-09-23 15:43:42 -07:00
3a9ab2b099 Rename photoclipboard.js -> photo_clipboard.js.
To match the namespace photo_clipboard.
2018-09-23 15:17:31 -07:00
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
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
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
8a1d5d9eae Let the button_with_confirm give a class to its holder. 2018-09-23 15:03:50 -07:00
20e41ad689 Extremely minor touchups. 2018-09-23 14:57:25 -07:00
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
3db5c77c2c Use a CSS var for 10% transparency and drop shadow. 2018-09-22 16:01:34 -07:00
2c48b43b71 Use a CSS variable for the secondary theme color. 2018-09-22 01:14:50 -07:00
f397140e20 Make /logout operate on POST only. 2018-08-17 22:23:40 -07:00
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
f28e362c58 Add space between ok, cancel buttons on editor & confirmer. 2018-08-16 19:46:33 -07:00
1a4a0f8560 Replace all usage of "keybind" -> "hotkey".
Since hotkey was the prevailing term already.
2018-08-16 19:45:14 -07:00
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
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
fd6943fce1 Add code for creating buttions with confirmation prompts. 2018-07-28 20:21:20 -07:00
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
89850497da Apply the squared 3d button css to all <button>. 2018-07-28 16:04:57 -07:00
c840845c7d Add namespacing to albums.js. 2018-07-22 20:21:00 -07:00
1bff642ca7 Add namespacing to hotkeys.js. 2018-07-22 20:21:00 -07:00
63a3ecfa88 Add namespacing to editor.js. 2018-07-22 20:21:00 -07:00
d7b9020585 Add namespacing to photoclipboard.js. 2018-07-22 20:21:00 -07:00
c7cce5a4e5 Add namespacing to common.js. 2018-07-22 20:21:00 -07:00
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
5c97086df3 Improve hotkey framework by making own file & register function. 2018-07-14 14:19:13 -07:00
2901fefe65 Add more clipboard feature hotkeys. 2018-07-14 02:54:39 -07:00
984f6eb3c7 Add a clear button to the clipboard tray. 2018-07-14 02:49:45 -07:00
a12d8cada1 Don't capture ctrl+a if currently in a text field. 2018-04-17 18:35:32 -07:00
cfa5d269d1 Add keybinds CTRL+A and +D to select/deselect all cards. 2018-03-23 11:58:39 -07:00
27885df64e Fix binding of the fallback handler. 2018-03-23 10:25:03 -07:00
45091c6596 Fix thumbnail height in CSS only, no html attr. Don't h-stretch. 2018-03-10 19:53:29 -08:00
6de0ad8e36 Oops, add this.open fallback to the open binder. 2018-03-10 13:28:13 -08:00
daf824caf5 Improve album page's use of data-editor-empty-text. 2018-03-10 13:24:23 -08:00
494d44aa03 Improve editor.js comments and usage of this.
I realized what I was doing wrong with `this`, so now the function
binder is much cleaner.
2018-03-10 13:23:37 -08:00
a1919a7725 Support giving title when creating albums. Two-step prompt. 2018-03-09 17:38:40 -08:00
5f7266c519 Add button to clear clipboard. 2018-02-24 23:00:28 -08:00
30c9148092 Move the remaining common css / js to their folders. 2018-02-24 12:51:36 -08:00
e359180467 Move clipboard_tray rules to own file in css folder. 2018-02-24 01:06:27 -08:00
aabcb61a9c Create css folder. Move photo_card rules to own file. 2018-02-24 00:58:43 -08:00
840185072b Move photoclipboard.js to the js folder. 2018-02-24 00:47:44 -08:00
56a998682d Create js folder. Move Editor to its own file. 2018-02-24 00:46:55 -08:00
9c6cae7177 Use event listeners instead of setting onkeyup manually. 2018-02-24 00:24:38 -08:00
4b79308119 Move 0-item clipboard collapser to update_clipboard_tray. 2018-02-22 13:36:31 -08:00
2adadf9871 Rewrite tags.html with more Grid. 2018-02-21 22:13:46 -08:00
a9248d8cab Add CSS clipboard_size; and other clip hook improvements.
Any element with class clipboard_size will have its text updated;
Removed the call to on_pageload from save_ because it redundantly
causes a load. Separate those update hooks.
2018-02-20 20:20:20 -08:00
91d445a877 Add new page /clipboard, with full photo cards. 2018-02-17 19:12:34 -08:00
ef5bbf5fc3 Split HTTP response dict into ["meta"] and ["data"]. 2018-02-17 18:47:17 -08:00
b02374136f Let the page add its own clipboard load/save hooks. 2018-02-17 16:31:51 -08:00
1b631b33e9 Make separate functions for HTTP get / post. 2018-02-17 16:08:38 -08:00
574ac9f656 Slightly scale down image thumbnail to match others.
It was too big!
2018-02-16 23:30:27 -08:00
75953c2999 Add docstrings to the photoclipboard functions. 2018-01-19 22:24:07 -08:00
e41532cff1 Rearrange some button CSS classes to be more generic.
Adds CSS variables for the highlight and shadow so they don't need
to be custom-defined for each color of button.
Elements should use more generic classes like green_button instead of
add_tag_button unless there's a good reason.
2017-12-16 14:13:02 -08:00
4a5583c091 Add tray_lines div so that tray_body might hold more buttons. 2017-12-16 12:24:46 -08:00
443d93ce18 Add the clipboard tray where users manage their photo clipboard.
Appearing on search and album pages, the tray is where you can
remove items from your clipboard without having to click on its
checkbox -- that photo card may not even be on the current page.
2017-12-16 03:47:54 -08:00
55f7da7bb2 Add the photo_clipboard feature with localStorage.
photo_card objects now have a checkbox which adds them
to the clipboard. No pasting or other operations yet.
2017-12-09 17:48:56 -08:00
f69d9d409d Give the editor toolbox a CSS class. 2017-12-08 11:59:27 -08:00
e592b55fb1 Use CSS Grid for the header container.
The elements still use flex for spacing simplicity.
2017-08-01 18:37:25 -07:00
f9524a1858 Switch to CSS Grid for the photo cards. 2017-08-01 18:25:28 -07:00
c3c86de7f8 Only navigate to the album on 200. 2017-07-29 15:40:40 -07:00
05d84c733c Add <pre> to the types that get textarea inste of input. 2017-07-16 17:21:37 -07:00
ee555f5f41 Also provide a display_element_map in addition to edit_element_map. 2017-07-13 23:17:47 -07:00
0e17350d84 Add Editor elements for bookmarks. 2017-07-13 23:13:34 -07:00
1f9dd35e89 Add data-editor-empty-text attribute.
When the display element specifies this attribute, it will be used when
the user leaves that field empty.
2017-07-13 23:07:44 -07:00
5a512d8a25 Include an extra, more general css class "editor_button". 2017-07-09 19:51:58 -07:00
24e162c782 Add basic thumbnail for image types. 2017-06-19 16:13:42 -07:00
6e679f79b6 Add Editor class to generalize in-place editors. 2017-06-14 21:44:18 -07:00
c4d1cf12e4 Make outline thickness more consistent 10 units 2017-06-09 19:15:50 -07:00
1ad83937b4 Add 'Create Album' endpoint and interface. 2017-05-13 16:13:26 -07:00
956c55ac9a Remove unused code for add-tag-to-all of album.
I'll put it back when I actually make it work.
2017-05-13 15:52:08 -07:00
d18b34f2d9 bind_box_to_button can use ctrl+enter 2017-05-13 15:24:41 -07:00
824430dfa8 Add helper div to maintain bg color on filename hover
Without it, gaps are visible between the lines of text.
2017-05-06 04:13:33 -07:00
e5d22e766a Fix usage of request.status 2017-05-05 21:08:32 -07:00
1c30ef5785 Further separate front & back; Create frontends folder
New frontends folder will hold all front-end interfaces for etiquette. Existing flask site moved here and refers to itself as a package with external launcher. etiquette_site renamed to etiquette_flask
2017-05-01 21:49:28 -07:00