Flashcards revisited

These changes introduce several UI & UX improvements, bugfixes and new features.

---

Major changes:

• New question variant based on flashcards (like lecture and preparation questions)
• Flashcard variant can be added to custom sessions through feature activation
• Improve flashcard presentation in question carousels
  • front- and backside are placed in one visible element (backface-visibility)
  • front- and backside are configurable through style.scss
  • flashcard size is determined dynamically based on front- and backside dimensions
• Add smooth flip animation to flashcards (based on CSS3, not sencha)
• Add feature to flip all flashcard in one session (triggered by socket)
• Add import and export to ARSnova.cards

---

Other changes:

• visibility of speakers overlay buttons is not longer bound to projector mode. New condition: screen width > 840px
• configuration options for question carousels inner item width have been added to style.scss
• all labels and buttons in AudienceQuestionPanel and QuestionDetailsPanel have been customized for flashcards
• a new list button for new question variant "flashcard" has been added to both inclass panels
• question import and export modals have been completely overhauled for a consistent look and feel
• several UI & UX improvements

---

Bugfixes:

• CSV import has been fixed: Import failed if rateable questions without correct answers were inside CSV-file

• critical: fix layout problems in latest firefox release caused by senchas flexbox implementation

• Question and answer preview have been reintroduced for rateable question formats

• resolve several javascript reference errors

  ---

New configuration options:

/* carousel inner item width configuration */
$carousel-inner-max-width: 80%;  // was 720px previously

/** flashcard front side configuration **/
$flashcard-front-font-color: $brand-text;
$flashcard-front-background: linear-gradient(to top, #DFE8EC 0%, white 5%) 0 20px;
$flashcard-front-background-size: 100% 30px;
$flashcard-front-border-width: 5px;
$flashcard-front-border-color: white;
$flashcard-front-border-style: solid;

/** flashcard back side configuration **/
$flashcard-back-font-color: $brand-text;
$flashcard-back-background: linear-gradient(to top, #DFE8EC 0%, white 5%) 0 20px;
$flashcard-back-background-size: 100% 30px;
$flashcard-back-border-width: 5px;
$flashcard-back-border-color: white;
$flashcard-back-border-style: solid;

Added 19 commits:

• 17b6fc1e - don't handle text validation errors for interposed questions
• e045b32e - make subject optional instead of text
• 1b7cf9b5 - don't check presence of subject when question is a freetext question
• ea5deaad - add a button for export to click
• 8e09fd46 - Added export button for answers
• 27131212 - Satisfied JSCS
• 26d09ede - change file name to <sessionShortName>_<subject>.json
• bd20269d - show a messagebox when exporting a question to click
• 04fc30a7 - hide button when export to click isn't enabled via backend
• 6c278fd5 - left-align exportToClick msgBox
• c035ad9b - add word-break/wrap option to msgBox
• e3ed4b0e - change text for export to click
• 22dd8925 - Put exportButton in own var, put export code into QuestionExport controller
• c6ce8886 - make subject h2-heading
• 62f755b9 - exclude school and vote questions from export to click
• d2dd2904 - add fixedFreetext to questiontypes that can be exported
• 7ec839aa - change timer to 30
• df874a20 - Complete overhaul of question import/export buttons and handlers
• cae77f29 - Add configuration option for max carousel inner item width

Deleted source branch flashcards-revisited

Restored source branch flashcards-revisited

Status changed to closed

Status changed to reopened

Added 1 commit:

• 129010bd - fix animation stuttering caused by pseudo element style

Mentioned in commit 494f9dd0

Status changed to merged

Mentioned in merge request arsnova-backend!32 (merged)

Mentioned in commit arsnova-backend@c90d83cb