As a User
I want a more clearly recognizable navigation through the app and its central functions,
so that I can orient myself better, intuitively perceive the difference between normal lists and archive page and archived cards and recognize central functions such as the quiz mode or reset button at a glance.
Description
addendum: the submit button for creating new cards should also be redesigned as a FAB for the sake of uniformity
Acceptance criteria
[x] in collection/[id] you can start the quiz mode immediately by clicking on a always visible floating button with Quiz-icon
[x] the collectionNavBar contains now 3 links (color for inactive links) for easy navigation to central collection pages: first link leads back,
[x] the create link leads to the create form, but on this route, the collection name in the select field is preselected, so that you only have to create the cards ,
[x] the archive link leads to the Archive collectionList
[x] the submit button is always displayed (no scrolling!) and a more recognizable icon is shown.
[x] The Archive-pages appear with a darker background-color and a clear headlines
[x] all cards in the archive collection list can be reset to level 1 at once using a floating action button. When the button is clicked, however, a confirmation is requested from the user beforehand.
[x] all cards have the option to reset the card to level 1 as an additional selection function in the 3-dot menu
[x] maybe adjust Archiv-button-icon
[x] the submit button looks like the other FABs for the sake of uniformity
Tasks
[x] add new branch
[x] create a FAB in collection/[id], which starts the quiz that is hidden, if it is the archived list
[x] rename isMastered in isArchive (variable, url query/ link to archivePage), because it now indicates that it is the archive view
[x] add Archiv label to collection title
[x] adjust icons/links in collectionNavBar
[x] adjust link to create page so that the form is displayed with preselected collection name
[x] looking for a new submit-icon and maybe also change submit into FAB? Alternatively adjust positioning so that the button is always on display
[x] create Link to the archived cards of the belonging collection
[x] in styled.js adjust settings for the background color depending on the given property
[x] adjust background color of ArchivPage using setBackgroundColor and the archived cards lists (e.g. darker grey)
[x] write in app.js reset function for one card
[x] add FAB with reset function and confirmation to archived cardsLists. Use for each with the passed reset function
[x] Add the function for resetting all cards in a collection and for single cards to the according three-dot menu of the collection and card container (plus confirmation)
Value proposition
As a User I want a more clearly recognizable navigation through the app and its central functions, so that I can orient myself better, intuitively perceive the difference between normal lists and archive page and archived cards and recognize central functions such as the quiz mode or reset button at a glance.
Description
addendum: the submit button for creating new cards should also be redesigned as a FAB for the sake of uniformity
Acceptance criteria
Tasks