UI / mockups / user interaction

Stakeholders: Aleksandr Korovin Roy Meissner Abi James

prototype work is also being done on branch SWIK-814 - Getting issue details... STATUS

Tags:

Variant 1:

Edit mode (editing deck): 

(as bootstrap tag input) with autocompletion of existing tags: 

Read mode:

Need to hide some tags that do not fit to sizes. or move align tags on the left side (and remove "empty" word, no idea what does this mean)

Variant 2:

This variant will contain tab below with tags. TODO: add better pic

After pushing Add tag modal window appears (same modal window as in Altassian):

Annotations:

Annotating text:

When user selects text, then appears little black div button Annotate.

User pushes it, then appears Annotation view where user can add info about annotation. Just same annotation block but with text input.

Annotation view:

Also there is a button (Annotations on the right side). After clicking it, appears list of annotations related to this slide.

For each annotation in this list, we have remove button and button for changing url (for expert users) (not sure if need this feature, but just in case)

Also there is a button to generate annotations.