mbrown1413 / vgloss

A web-based media organization program.
0 stars 1 forks source link

Modal Image Details Display #8

Open mbrown1413 opened 4 years ago

mbrown1413 commented 4 years ago

The frontend has most of the data it needs already, but the modal for showing image details just shows the image and a JSON dump of the metadata. (I think we still need some basic metadata like files size, image size etc.)

Milestones:

Requirements

  1. [ ] Show thumbnail larger (but not fullsize)
  2. [ ] Ability to view fullsize
  3. [ ] Show metadata
    • [ ] File metadata - File size, type, image size
    • [ ] Image metadata - Exif, etc.
  4. [ ] Future expansion for future sections. For example:
    • Comments
    • List all paths for this file

Tab Organization

I'm thinking of organizing things into tabs. The image itself would be always shown in a column to the left of the tabs (initial version doesn't need to be responsive, but in the future the tabs could go to below the image for small screens. Here are my thoughts on how the tabs should be organized:

Screenshots

Thunar

Thunar file manager, which a lot of the file browsing in vgloss is modeled after.

Screenshot_2020-08-16_09-39-53 Screenshot_2020-08-15_18-38-48

Eog

Eye of Gnome, a very simple, clean, and practical image viewer.

Screenshot_2020-08-16_09-23-14 Screenshot_2020-08-16_09-22-54 Screenshot_2020-08-16_09-22-34