feat(lecturer-info): replaced icons with icon-tooltips; edited text

frontend/src/utils/tooltips/tooltips.scss

@@ -10,13 +10,11 @@
 }
 
 .tooltip__handle {
-  background-color: var(--color-dark);
-  border-radius: 50%;
+  color: var(--color-dark);
   height: 1.5rem;
   width: 1.5rem;
   line-height: 1.5rem;
   font-size: 1.2rem;
-  color: white;
   display: inline-block;
   text-align: center;
   margin: 0 10px;
@@ -24,27 +22,21 @@
   position: relative;
 
   &::before {
-    content: '\f128';
     position: absolute;
     top: 0;
     left: 0;
-    font-family: 'Font Awesome 5 Free';
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 15px;
   }
 
-  &.tooltip__handle--danger::before {
-    content: '\f12a';
-  }
-
   &.tooltip__handle--danger {
-      background-color: var(--color-warning);
+    color: var(--color-warning);
   }
 
   &:hover {
-    background-color: var(--color-light);
+    color: var(--color-light);
   }
 }
 

messages/uniworx/de.msg

@@ -1781,4 +1781,7 @@ ExamCloseTip: Wenn eine Klausur abgeschlossen wird, werden Prüfungsämter, die
 ExamCloseReminder: Bitte schließen Sie die Klausur frühstmöglich, sobald die Prüfungsleistungen sich voraussichtlich nicht mehr ändern werden. Z.B. direkt nach der Klausureinsicht.
 ExamDidClose: Klausur erfolgreich abgeschlossen
 
-ExamClosedSince time@Text: Klausur abgeschlossen seit #{time}
+ExamClosedSince time@Text: Klausur abgeschlossen seit #{time}
+
+LecturerInfoTooltipNew: Neues Feature
+LecturerInfoTooltipProblem: Noch nicht implementiertes Feature oder Feature mit bekannten Problemen

src/Handler/Info.hs

@@ -47,4 +47,10 @@ getInfoLecturerR =
   siteLayoutMsg' MsgInfoLecturerTitle $ do
     setTitleI MsgInfoLecturerTitle
     $(i18nWidgetFile "info-lecturer")
-
+  where
+    tooltipNew, tooltipProblem :: WidgetFor UniWorX ()
+    tooltipNew     = toWidget [whamlet| _{MsgLecturerInfoTooltipNew} |]
+    tooltipProblem = toWidget [whamlet| _{MsgLecturerInfoTooltipProblem} |]
+    newFeat, probFeat :: WidgetFor UniWorX ()
+    newFeat        = toWidget [whamlet| ^{iconTooltip tooltipNew (Just IconNew)} |]
+    probFeat       = toWidget [whamlet| ^{iconTooltip tooltipProblem (Just IconProblem)} |]

src/Utils/Icon.hs

@@ -60,6 +60,7 @@ data Icon
   | IconNoCorrectors
   | IconApplicationVeto
   | IconApplicationFiles
+  | IconTooltipDefault
   deriving (Eq, Ord, Enum, Bounded, Show, Read)
 
 iconText :: Icon -> Text
@@ -95,6 +96,7 @@ iconText = \case
     IconNoCorrectors       -> "user-slash"
     IconApplicationVeto    -> "times"
     IconApplicationFiles   -> "file-alt"
+    IconTooltipDefault     -> "question-circle"
 
 instance Universe Icon
 instance Finite   Icon
@@ -112,6 +114,13 @@ icon ic = [shamlet|
             <i .fas .fa-#{iconText ic}>
           |]
 
+-- Create an icon (defaults to "?") with a specified tooltip
+iconTooltip :: forall site. WidgetFor site () -> Maybe Icon -> WidgetFor site ()
+iconTooltip tt mic = let ic = iconText $ case mic of
+                                Nothing -> IconTooltipDefault
+                                Just i  -> i
+                     in $(whamletFile "templates/widgets/tooltip.hamlet")
+
 -- declare constats for all icons for compatibility and convenience
 -- "IconCourse" generates "iconCourse = icon IconCourse"
 iconShortcuts :: Q [Dec]

templates/i18n/info-lecturer/de.hamlet

@@ -4,25 +4,26 @@ $newline text
   hier die wichtigsten Neuerungen.
 
 <section>
-  <h2>Bekannte Probleme in Bearbeitung
+  <h2>Letzte Änderungen
 
   <dl .deflist>
-    <dt .deflist__dt>#{iconNew} Zentralanmeldung
+      <dt .deflist__dt>^{newFeat} Zentralanmeldung
     <dd .deflist__dd>
       <p>
         Veranstalter können eigene Veranstaltungen zu verschiedenen Zentralanmeldungen hinzufügen.
-        Dies findet man unter dem Menupunkt "Kurs editieren"
+        Dies findet man unter dem Menüpunkt "Kurs editieren".
       <p>
-        Weitere Details finden sich weiter unter auf dieser Seite in einem
+        Weitere Details finden sich weiter unten auf dieser Seite in einem
         <a href="#allocations">
           eigenem Abschnitt
+        .
 
     <dt .deflist__dt>Klausuren und Prüfungen
     <dd .deflist__dd>
       <p>
-        Klausuren werden bereits teilweise unterstüzt.
-        Im Gegensatz zu UniWorX werden nun auch allgemeinere Prüfungsformen unterstüzt,
-        z.B. mündlcihe Prüfungen oder auch Praktika, bei denen die Teilnehmer in kleineren Gruppen
+        Klausuren werden bereits teilweise unterstützt.
+        Im Gegensatz zu UniWorX werden nun auch allgemeinere Prüfungsformen unterstützt,
+        z.B. mündliche Prüfungen oder auch Praktika, bei denen die Teilnehmer in kleineren Gruppen
         zu verschiedenen Zeitpunkten geprüft werden.
       <p>
         Der genaue Stand der Entwicklung ist weiter unter auf dieser Seite in einem
@@ -40,7 +41,12 @@ $newline text
         Alle Veranstaltungen müssen ein Kürzel zur Identifikation besitzen,
         z.B. EiP, ProMo, SysPrak, etc.
       <p>
-        Das Kürzel muss innerhalb Institut und Semester eindeutig sein.
+        Das Kürzel muss innerhalb Institut und Semester eindeutig sein. Ein Kurs, dessen ausgewähltes Kürzel nicht eindeutig ist wird beim Versuch des Erstellens mit einer entsprechenden Fehlermeldung abgelehnt.
+      <p>
+        Empfehlungen für die Wahl eines Kurskürzels:
+        <ul>
+          <li> Halten Sie das Kürzel möglichst kurz (maximal 10 Zeichen). Insbesondere abgeraten wird vom Gleichsetzen von Kurskürzel und (vollem) Kurstitel. Im Falle einer Überschreitung der empfohlenen Kürzellänge wird beim Erstellen eine entsprechende Warnung ausgegeben.
+          <li> Vermeiden Sie Kennzeichner für das jeweilige Institut (z.B. "MATH"), das Semester (z.B. "WS19") oder die Art (z.B. "BSem" für Bachelorseminare) eines Kurses in dessen Kürzel.
 
     <dt .deflist__dt> Kurse klonen
     <dd .deflist__dd>
@@ -53,7 +59,7 @@ $newline text
         Die Kursbeschreibung kann in Html verfasst werden und
         <em>sollte die Modulbeschreibung enthalten!
 
-    <dt .deflist__dt> #{iconNew} Unterstützung für verschiedene Institute
+    <dt .deflist__dt> ^{newFeat} Unterstützung für verschiedene Institute
     <dd .deflist__dd>
       <p>
         Uni2work unterstüzt die Verwaltung von mehreren Instituten, d.h.
@@ -61,7 +67,7 @@ $newline text
         Stattdessen gibt es nun Instituts-Filter für Kurslisten.
       <p>
         Die Berechtigungen der Uni2work-Administratoren sind auf Kurse des jeweiligen Instituts eingeschränkt,
-        d.h. ein Uni2work Administrator der Informatik kann keine Noten aus Kursen der Mathematik einsehen.
+        d.h. ein Uni2work-Administrator der Informatik kann keine Noten aus Kursen der Mathematik einsehen.
 
     <dt .deflist__dt> Materialzugriff
     <dd .deflist__dd>
@@ -71,12 +77,12 @@ $newline text
     <dt .deflist__dt> Materialien veröffentlichen
     <dd .deflist__dd>
       Folien, Code-Bündel, usw. können nun bequem
-      per Uni2work an die Teilnehmer verteilt werden, ggf.\ auch geschützt.
+      per Uni2work an die Teilnehmer verteilt werden, ggf. auch geschützt.
 
-    <dt .deflist__dt> Kurs Passwort
+    <dt .deflist__dt> Kurs-Passwort
     <dd .deflist__dd> Die Anmeldung zum Kurs kann durch ein Passwort geschützt werden.
 
-    <dt .deflist__dt> Kurs Assistenten
+    <dt .deflist__dt> Kurs-Assistenten
     <dd .deflist__dd>
       <p>
         Kurs-Veranstalter dürfen <em>beliebige</em> Personen
@@ -289,18 +295,18 @@ $newline text
           Es lassen sich aber auch zeitlich getrennte Prüfungen verwalten, wie z.B. mündliche Prüfungen bei Seminaren oder Praktika.
           Teilnehmern wird eine übersichtliche Tabelle aller Prüfungen angezeigt.
 
-    <dt .deflist__dt> #{iconNew} Anmeldungen
+    <dt .deflist__dt> ^{newFeat} Anmeldungen
     <dd .deflist__dd>
           Teilnehmer können sich zu sichtbaren Klausuren innerhalb des eingestellten
           Anmeldezeitraums anmelden.
           Die Teilnehmerlisten können online oder per CSV Export/Import bearbeitet werden.
 
-    <dt .deflist__dt> #{iconProblem} Prüfungszuteilung
+    <dt .deflist__dt> ^{probFeat} Prüfungszuteilung
     <dd .deflist__dd>
           Auf Wunsch kann Uni2work die Zuteilung der Teilnehmer auf die Prüfungen (Räume bzw. Prüfungstermine)
           nach verschiedenen Kriterien wie Name oder Matrikelnummer vornehmen.
 
-    <dt .deflist__dt> #{iconProblem} Korrekturen
+    <dt .deflist__dt> ^{probFeat} Korrekturen
     <dd .deflist__dd>
           <p>
             Korrekturen können derzeit noch nicht eingetragen werden.
@@ -312,19 +318,19 @@ $newline text
             Optional können Klausurkorrektoren angegeben werden, die ab Durchführung der Klausur berechtigt sind eigenständig Korrekturergebnisse einzutragen.
             Es kann das Recht Ergebnisse einzutragen pro Korrektor auf bestimmte Teilaufgaben beschränkt werden.
 
-    <dt .deflist__dt> #{iconProblem} Klausurbonus
+    <dt .deflist__dt> ^{probFeat} Klausurbonus
     <dd .deflist__dd>
           Es werden verschiedene Möglichkeiten angebotenen werden,
           die erzielten Bewertungen der Hausübungen
           unter einstellbaren Bedingungen
           in einen Klausurbonus umzurechnen (z.B. Anrechnung nur, falls bereits ohne Bonus bestanden).
 
-    <dt .deflist__dt> #{iconProblem} Türschilder
+    <dt .deflist__dt> ^{probFeat} Türschilder
     <dd .deflist__dd>
           Das Drucken von passenden Türschildern "Bitte Ruhe!" mit den passenden Eckdaten der Klausur
           wird momentan noch nicht unterstüzt.
 
-    <dt .deflist__dt> #{iconProblem} Notenmeldung
+    <dt .deflist__dt> ^{probFeat} Notenmeldung
     <dd .deflist__dd>
         <p>
           Endnoten können leider noch nicht ans Prüfungsamt gemeldet werden.

templates/widgets/tooltip.hamlet

@@ -0,0 +1,7 @@
+$newline never
+
+<div .tooltip>
+  <div .tooltip__handle>
+    <i .fas .fa-^{ic}>
+  <div .tooltip__content>
+    ^{tt}