Commit 531a6a2d authored by Curtis Adam's avatar Curtis Adam

Add a placeholder text for the card subject

parent 33bd1824
......@@ -198,6 +198,7 @@ $themes: (
$card_header_first_row: map-get($map, "card_header_first_row");
$card_header_second_row: map-get($map, "card_header_second_row");
$card_header_subject: map-get($map, "card_header_subject");
$card_header_subject_placeholder: map-get($map, "card_header_subject_placeholder");
//markdeep editor
$markdeep_help_text: map-get($map, "markdeep_help_text");
$markdeep_help_background: map-get($map, "markdeep_help_background");
......@@ -1162,6 +1163,10 @@ $themes: (
color: $hyperlink !important;
}
.subjectPlaceholder {
color: $card_header_subject_placeholder !important;
}
//cardset
.markdeepCardset {
background-color: $cardset_markdeep_background !important;
......
......@@ -212,6 +212,7 @@
"card_header_first_row": $thm_gray,
"card_header_second_row": $thm_gray,
"card_header_subject": $thm_gray,
"card_header_subject_placeholder": $thm_orange,
//cardset colors
"cardset_markdeep_background": LightGoldenRodYellow,
"cardset_markdeep_header_border": $thm_orange,
......
......@@ -214,6 +214,7 @@
"card_header_first_row": $thm_gray,
"card_header_second_row": $thm_gray,
"card_header_subject": $thm_gray,
"card_header_subject_placeholder": $thm_orange,
//cardset colors
"cardset_markdeep_background": LightGoldenRodYellow,
"cardset_markdeep_header_border": $thm_orange,
......
......@@ -655,6 +655,7 @@
"hint": "Links | Literatur ",
"lecture": "Erläuterung",
"placeholders": {
"subject": "Kartentitel",
"front": "",
"back": "Gib eine Zusammenfassung des Lernziels! \n\nWenn das Lernziel in einer Prüfung abgefragt wird, sollte hier die erwartete Antwort auf die Prüfungsfrage stehen. ",
"hint": "Liste hier Links und Literatur zur Vertiefung des Lerninhalts auf! \n\nRecherchiere auch in deiner Uni-Bibliothek! Ein Großteil der Bücher ist online verfügbar.",
......@@ -669,6 +670,7 @@
"front": "Fremdwort",
"back": "Übersetzung",
"placeholders": {
"subject": "Kartentitel",
"front": "Zu übersetzende Vokabel oder Phrase",
"back": "Übersetzung (Empfehlung: https://www.deepl.com)"
},
......@@ -682,6 +684,7 @@
"back": "Nachbearbeitung",
"hint": "Offene Fragen | To-dos",
"placeholders": {
"subject": "Kartentitel",
"front": "Mach ein Foto von deiner Mitschrift und lade es hoch in deine Cloud. Füge es dann hier per direkten Link ein. Überprüfe, ob das Foto in der Kartenvorschau angezeigt wird, eventuell muss du es in deiner Cloud noch freigeben. \n\nÜberarbeite zu Hause deine Mitschrift in diesem Editor auf dem Tab «Nachbearbeitung». Erstelle dann für jedes Teilthema der mitgeschriebenen Vorlesung eine Lernkarte in der Lernkartei zur Veranstaltung.",
"back": "Überarbeite deine Mitschrift innerhalb von 36 Stunden. Nutze hierfür die Strukturierungs- und Formatierungsoptionen von Markdeep! \n\nKläre die offenen Fragen, die du dir während der Veranstaltung notiert hast, und arbeite die To-do-Liste ab!",
"hint": "Notiere hier, was du in der Veranstaltung nicht verstanden hast, und kläre die offenen Fragen in der Nachbereitungsphase. \n\nSchreibe die offenen Fragen und Hausaufgaben als «Task-Liste» auf! \n\n- [] To-do 1 \n- [] To-do 2 \n- [] To-do … \n\nSetze ein \"x\" in die eckigen Klammern, wenn du die Aufgabe erledigt hast."
......@@ -696,6 +699,7 @@
"back": "Definition | Beschreibung",
"hint": "Literatur zum Fachbegriff ",
"placeholders": {
"subject": "Kartentitel",
"front": "Fachbegriff",
"back": "Definition oder Beschreibung des Fachbegriffs",
"hint": "Literatur zur Vertiefung"
......@@ -710,6 +714,7 @@
"back": "Zitierte Person",
"hint": "Quellenangabe",
"placeholders": {
"subject": "Kartentitel",
"front": "Zitat",
"back": "Zitierte Person",
"hint": "Quellenangabe"
......@@ -724,6 +729,7 @@
"back": "Erwartete Antwort",
"hint": "Begründung",
"placeholders": {
"subject": "Kartentitel",
"front": "Prüfungsfrage zum Kompetenzziel",
"back": "Antwort auf die Prüfungsfrage",
"hint": "Begründung oder Erläuterung der Antwort"
......@@ -738,6 +744,7 @@
"back": "Was soll die Anweisung bewirken?",
"hint": "Online-API",
"placeholders": {
"subject": "Kartentitel",
"front": "Syntax der Anweisung \n\nVerwende die Code-Formatierung von Markdeep!",
"back": "Semantik der Anweisung",
"hint": "Verlinke hier auf die Online-API der Anweisung!"
......@@ -752,6 +759,7 @@
"back": "Zitierte Person",
"hint": "Quellenangabe",
"placeholders": {
"subject": "Kartentitel",
"front": "Abstract",
"back": "Zitierte Person",
"hint": "Quellenangabe"
......
......@@ -669,6 +669,7 @@
"lecture": "Lecture",
"hint": "Hint",
"placeholders": {
"subject": "Subject",
"front": "Frontside",
"back": "Backside",
"hint": "Hint",
......@@ -683,6 +684,7 @@
"front": "Frontside",
"back": "Backside",
"placeholders": {
"subject": "Subject",
"front": "Frontside",
"back": "Backside"
},
......@@ -696,6 +698,7 @@
"back": "Rework",
"hint": "Literature",
"placeholders": {
"subject": "Subject",
"front": "Frontside",
"back": "Rework",
"hint": "Literature"
......@@ -710,6 +713,7 @@
"back": "Definition",
"hint": "Literature",
"placeholders": {
"subject": "Subject",
"front": "Frontside",
"back": "Definition",
"hint": "Literature"
......@@ -724,6 +728,7 @@
"back": "Cited person",
"hint": "Reference",
"placeholders": {
"subject": "Subject",
"front": "Citation",
"back": "Cited person",
"hint": "Reference"
......@@ -738,6 +743,7 @@
"back": "Answer",
"hint": "Explanation",
"placeholders": {
"subject": "Subject",
"front": "Assessment",
"back": "Audit question",
"hint": "Explanation"
......@@ -752,6 +758,7 @@
"back": "Definition",
"hint": "Online API",
"placeholders": {
"subject": "Subject",
"front": "Frontside",
"back": "Definition",
"hint": "Online API"
......@@ -766,6 +773,7 @@
"back": "Cited person",
"hint": "Reference",
"placeholders": {
"subject": "Subject",
"front": "Citation",
"back": "Cited person",
"hint": "Reference"
......
......@@ -127,6 +127,10 @@ export function getBackTitle(cardType = -1) {
return TAPi18n.__('card.cardType' + activeCardType + '.back');
}
export function getSubjectPlaceholderText(cardType = -1) {
return TAPi18n.__('card.cardType' + cardType + '.placeholders.subject');
}
export function getPlaceholderText(activeMode = -1, cardType = -1, learningGoalLevel = -1) {
let side;
if (activeMode < 0) {
......
......@@ -195,7 +195,8 @@
data-target="#showSelectLearningUnitModal">{{_ "learningUnit.choose"}}</button>
{{/if}}
<form class="subjectEditor {{#if gotLearningUnit}}col-xs-8 col-sm-9{{/if}}">
<input class="form-control editorBackground" id="subjectEditor" name="content" value="{{getSubject}}"
<input class="form-control editorBackground" id="subjectEditor" name="content"
placeholder="{{getSubjectPlaceholder}}" value="{{getSubject}}"
tabindex="1" autofocus {{isDisabled}}>
</form>
</template>
......@@ -301,7 +302,8 @@
<template name="cardSubject">
{{#if gotLearningUnit}}<a class="cardHeaderLink"
href="/cardset/{{getLearningIndex}}/card/{{getLearningUnit}}"
target="_blank">{{getSubject}}</a>{{else}}{{getSubject}}{{/if}}
target="_blank">{{getSubject}}</a>{{else}}{{#unless this.subject}}
<span class="subjectPlaceholder">{{getSubject}}</span>{{else}}{{getSubject}}{{/unless}}{{/if}}
</template>
<template name="flashcards">
......
......@@ -16,7 +16,7 @@ import {
gotDifficultyLevel, gotFourColumns, gotHint, gotLearningGoal, gotLearningUnit, gotLecture,
gotNotesForDifficultyLevel, gotThreeColumns,
getPlaceholderText, getFrontTitle, getBackTitle, getHintTitle, displaysSideInformation,
displaysLearningGoalInformation, gotSidesSwapped, gotAlternativeHintStyle
displaysLearningGoalInformation, gotSidesSwapped, gotAlternativeHintStyle, getSubjectPlaceholderText
} from "../../api/cardTypes";
import {backMaxLength, frontMaxLength, hintMaxLength, lectureMaxLength, subjectMaxLength} from "../../api/cards";
import {isTextCentered} from "../markdeepEditor/navigation";
......@@ -953,6 +953,9 @@ Template.subjectEditor.helpers({
}
return Session.get('subjectText');
},
getSubjectPlaceholder: function () {
return getSubjectPlaceholderText(Session.get('cardType'));
},
gotLearningUnit: function () {
return gotLearningUnit(this.cardType);
},
......@@ -1069,7 +1072,11 @@ Template.cardSubject.helpers({
if (Session.get('selectedHint')) {
return Cards.findOne({_id: Session.get('selectedHint')}).subject;
} else {
return this.subject;
if (this.subject) {
return this.subject;
} else {
return getSubjectPlaceholderText(Session.get('cardType'));
}
}
},
gotLearningUnit: function () {
......
......@@ -462,3 +462,7 @@ img.cardside {
.placeholder {
margin-top: 0 !important;
}
.subjectPlaceholder {
font-style: $font_style_card_header_subject_placeholder !important;
}
......@@ -33,6 +33,7 @@ $font_weight_card_header_subject: normal;
$hint_link_decoration: underline;
$hint_link_alternative_decoration: underline;
$text_transform_card_header_subject: uppercase;
$font_style_card_header_subject_placeholder: italic;
//cardset
$font_size_cardset_content: 12pt;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment