- only displayed when an object has image/audio/PDF/video or book data
- in the Viewer, the object is always placed in a invisible image area, in which the image can be zoomed or moved
- this guarantees that the size of the Viewer does not change with the size of the object
- it also makes sure the distance to the red area remains the same
- the distance between image and red area should always be 20 px
Mediaviewer - Tabs - Desktop view:
Image Added
Mediaviewer - Desktop view:
Image Removed
Image Added
ViewerMediaviewer - responsive:
Image Removed
Image Added
Elements
ID | Title | Show? | Action | Changes | Tickets |
1 |
Tabstabs | when an object has multiple data types | clicking on tabs changes the type of Mediaviewer | / | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-4790 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-4867 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-5747 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-5966 |
---|
|
|
1Object
| digital representation | when provided by data
| / |
2 | Pagination
| / | |
trouble with image sizes | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-4947 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-5219 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-6095 |
---|
|
|
3 | pagination (not shown) | when there are multiple object elements in one tab | clicking on the right/left arrow flips changes the object to the next/previous in mobile, this also works with swiping | / | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-4981 |
---|
|
|
3Background 4Caption | when provided by data | / | grey background removed (not part of the figma) | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
4581 |
6 | caption | when provided by data | / | / | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
4813 Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
4831 Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
4933 Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
4935 Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-4946 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-5095 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-5275 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-5402 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-5555 |
---|
|
|
truncated, when extended: display a white background around it |
Image RemovedDDBNEXT-5095 - Item Page - mediaviewer - caption - long captions in mobile view Closed
| | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-5095 |
---|
|
|
7 | license |
5 | License6a | Functionality | |
rightsstatements | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-4788 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-4935 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-6293 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-6353 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-6570 |
---|
|
|
8a
| functionality | depending on data type | depending on functionality |
6b | Tooltips | always | label functionality
| / | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
4761 |
adding a way to exit the fullscreen | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
5048 Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
5826Other Changes:
...
|
change color on hover for accessibility reasons |
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
...
|
8a-1 | show object at data provider | when available | link to data provider in separate tab | moved to the bottom of the list | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
...
|
data provider removed at one point, then brought back | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
...
|
open object at data provider in new tab |
...
| Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
...
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT |
---|
|
|
...
|
8a-2
| download
| when available
| opens Lightbox - Mediaviewer - Download
| / | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
...
|
better resolution | Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT |
---|
|
|
...
|
8a-3 | hierarchy | when provided by data | jumps to Hierarchy - Object | removed | |
8b | tooltips (not shown) | always | label functionality | / |
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT- |
---|
|
|
...
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-5048 |
---|
|
|
...
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-5826 |
---|
|
|
Responsive View
Other Changes
- implementation:
4878 Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-53184251 |
---|
|
Sizes: Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-49474470 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-5219 |
---|
|
control elements (within Audio/Video/OpenSeaDragon) - height:
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-52944756 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-53924894 |
---|
|
Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-57284997 |
---|
|
resolution: Jira |
---|
server | JIRA - Deutsche Digitale Bibliothek |
---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
---|
key | DDBNEXT-60955105 |
---|
|
Figma
Tabs - Cosmoblonde (2022)
...