OO-2781 Add velocity method for tool tips, add info about review status for student view

src/main/java/org/olat/core/gui/render/velocity/VelocityRenderDecorator.java

@@ -451,6 +451,30 @@ public class VelocityRenderDecorator implements Closeable {
 		return sb;
 	}
 
+	/**
+	 * Add some mouse-over help text to an element, ideally an icon
+	 * 
+	 * @param domElem The DOM id of the element that triggers the mouse-over 
+	 * @param i18nKey The text to be displayed (including HTML formatting)
+	 * @param position Optional param, values: top, bottom, left right. Default is "top"
+	 * @return
+	 */
+	public StringOutput mouseoverHelp(String... args) {
+		String domElem = args[0];
+		String i18nKey = args[1];
+		String position = "top"; // default
+		if (args.length > 2 && args[2] != null) {
+			position = args[2];
+		}
+		StringOutput sb = new StringOutput(100);
+		sb.append("<script>jQuery(function () {jQuery('#").append(domElem).append("').tooltip({placement:\"").append(position).append("\",container: \"body\",html:true,title:\"");
+		if (i18nKey != null) {
+			sb.append(StringHelper.escapeJavaScript(translate(i18nKey)));
+		}
+		sb.append("\"});})</script>");
+		return sb;
+	}
+
 	/**
 	 * @param componentName
 	 * @param arg1

src/main/java/org/olat/course/nodes/_i18n/LocalStrings_de.properties

@@ -36,4 +36,4 @@ personal.title=Leistungs\u00fcbersicht
 title_video=Video
 freezenoaccess.title=Kein Zugang
 freezenoaccess.message=Dieses Kurs ist im read-only Modus.
-
+assessment.review.explanation=Die Beurteilung Ihrer Leistung durch Ihren Betreuer ist noch nicht abgeschlossen. Sobald die Bewertung freigegeben ist, wird diese hier angezeigt. 
\ No newline at end of file

src/main/java/org/olat/course/nodes/_i18n/LocalStrings_en.properties

@@ -36,3 +36,4 @@ title_ta=<s>Task (deprecated)</s>
 title_tu=External page
 title_video=Video
 title_wiki=Wiki
+assessment.review.explanation=The assessment of your performance has not yet been completed by your coach. Once the assessment is released, it will be displayed here.

src/main/java/org/olat/course/nodes/basiclti/_content/overview.html

@@ -21,7 +21,11 @@
 					#if($resultsVisible)
 						$score
 					#else
-						$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+						<span id="o_score_in_review" class="o_in_review">
+							<i class="o_icon o_icon-fw o_icon_warn"> </i>
+							$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+						</span>
+						$r.mouseoverHelp("o_score_in_review", "assessment.review.explanation")
 					#end
 				#else
 					<div class="o_noinfo">$r.translateWithPackage("org.olat.course.nodes.ms", "score.noscore")</div>
@@ -35,7 +39,11 @@
 				<th>$r.translate("passed.yourpassed")</th>
 				<td>
 				#if($hasPassedValue && !$resultsVisible)
-					$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+					<span id="o_passed_in_review" class="o_in_review">
+						<i class="o_icon o_icon-fw o_icon_warn"> </i>
+						$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+					</span>
+					$r.mouseoverHelp("o_passed_in_review", "assessment.review.explanation")
 				#elseif($hasPassedValue && $passed)
 					<i class="o_icon o_icon_passed"> </i> $r.translate("passed.yes")
 				#elseif($hasPassedValue && !$passed)

src/main/java/org/olat/course/nodes/cl/ui/_content/run.html

@@ -21,7 +21,11 @@
 					#if($resultsVisible)
 						$score
 					#else
-						$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+						<span id="o_score_in_review" class="o_in_review">
+							<i class="o_icon o_icon-fw o_icon_warn"> </i>
+							$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+						</span>
+						$r.mouseoverHelp("o_score_in_review", "assessment.review.explanation")
 					#end
 				#else
 					<div class="o_noinfo">$r.translate("score.noscore")</div>
@@ -41,7 +45,11 @@
 				<th>$r.translate("passed.yourpassed")</th>
 				<td>
 				#if($hasPassedValue && !$resultsVisible)
-					$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+					<span id="o_passed_in_review" class="o_in_review">
+						<i class="o_icon o_icon-fw o_icon_warn"> </i>
+						$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+					</span>
+					$r.mouseoverHelp("o_passed_in_review", "assessment.review.explanation")
 				#elseif($hasPassedValue && $passed)
 					<i class="o_icon o_icon_passed"> </i> $r.translate("passed.yes")
 				#elseif($hasPassedValue && !$passed)

src/main/java/org/olat/course/nodes/iq/_content/assessment_run.html

@@ -27,7 +27,11 @@
 						#if($resultsVisible)
 							$score
 						#else
-							$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+							<span id="o_score_in_review" class="o_in_review">
+								<i class="o_icon o_icon-fw o_icon_warn"> </i>
+								$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+							</span>
+							$r.mouseoverHelp("o_score_in_review", "assessment.review.explanation")
 						#end
 					#end
 					</td>
@@ -36,7 +40,11 @@
 					<th>$r.translate("passed.yourpassed")</th>
 					<td>
 					#if($hasPassedValue && !$resultsVisible)
-						$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+						<span id="o_passed_in_review" class="o_in_review">
+							<i class="o_icon o_icon-fw o_icon_warn"> </i>
+							$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+						</span>
+						$r.mouseoverHelp("o_passed_in_review", "assessment.review.explanation")
 					#elseif($hasPassedValue && $passed)	
 						<i class="o_icon o_icon_passed"></i> 
 						$r.translate("passed.yes")

src/main/java/org/olat/course/nodes/iq/_content/testrun.html

@@ -27,7 +27,11 @@
 						#if($resultsVisible)
 							$score
 						#else
-							$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+							<span id="o_score_in_review" class="o_in_review">
+								<i class="o_icon o_icon-fw o_icon_warn"> </i>
+								$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+							</span>
+							$r.mouseoverHelp("o_score_in_review", "assessment.review.explanation")
 						#end
 					#end
 					</td> 
@@ -36,7 +40,11 @@
 					<th>$r.translate("passed.yourpassed")</th>
 					<td>
 					#if($hasPassedValue && !$resultsVisible)
-						$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+						<span id="o_passed_in_review" class="o_in_review">
+							<i class="o_icon o_icon-fw o_icon_warn"> </i>
+							$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+						</span>
+						$r.mouseoverHelp("o_passed_in_review", "assessment.review.explanation")
 					#elseif($hasPassedValue && $passed)	
 						<i class="o_icon o_icon_passed"></i> 
 						$r.translate("passed.yes")

src/main/java/org/olat/course/nodes/ms/_content/run.html

@@ -20,7 +20,11 @@
 				#if($resultsVisible)
 					$score
 				#else
-					$r.translate("in.review")
+					<span id="o_score_in_review" class="o_in_review">
+						<i class="o_icon o_icon-fw o_icon_warn"> </i>
+						$r.translate("in.review")
+					</span>
+					$r.mouseoverHelp("o_score_in_review", "assessment.review.explanation")
 				#end
 			#else
 				<div class="o_noinfo">$r.translate("score.noscore")</div>
@@ -40,7 +44,11 @@
 			<th>$r.translate("passed.yourpassed")</th>
 			<td>
 			#if($hasPassedValue && !$resultsVisible)
-				$r.translate("in.review")
+				<span id="o_passed_in_review" class="o_in_review">
+					<i class="o_icon o_icon-fw o_icon_warn"> </i>
+					$r.translate("in.review")
+				</span>
+				$r.mouseoverHelp("o_passed_in_review", "assessment.review.explanation")
 			#elseif($hasPassedValue && $passed)
 				<i class="o_icon o_icon_passed"> </i> $r.translate("passed.yes")
 			#elseif($hasPassedValue && !$passed)

src/main/java/org/olat/course/nodes/portfolio/_content/assessment_infos.html

@@ -22,7 +22,11 @@
 				#if($resultsVisible)
 					$score
 				#else
-					$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+					<span id="o_score_in_review" class="o_in_review">
+						<i class="o_icon o_icon-fw o_icon_warn"> </i>
+						$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+					</span>
+					$r.mouseoverHelp("o_score_in_review", "assessment.review.explanation")
 				#end
 			#else
 				<div class="o_noinfo">$r.translate("score.noscore")</div>
@@ -42,7 +46,11 @@
 			<th>$r.translate("passed.yourpassed")</th>
 			<td>
 			#if($hasPassedValue && !$resultsVisible)
-				$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+				<span id="o_passed_in_review" class="o_in_review">
+					<i class="o_icon o_icon-fw o_icon_warn"> </i>
+					$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+				</span>
+				$r.mouseoverHelp("o_passed_in_review", "assessment.review.explanation")
 			#elseif($hasPassedValue && $passed)
 				<i class="o_icon o_icon_passed"> </i> $r.translate("map.passed")
 			#elseif($hasPassedValue && !$passed)

src/main/java/org/olat/course/nodes/scorm/_content/run.html

@@ -17,7 +17,11 @@
 						#if($resultsVisible)
 							$score
 						#else
-							$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+							<span id="o_score_in_review" class="o_in_review">
+								<i class="o_icon o_icon-fw o_icon_warn"> </i>
+								$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+							</span>
+							$r.mouseoverHelp("o_score_in_review", "assessment.review.explanation")
 						#end
 					#end
 					</td> 
@@ -26,7 +30,11 @@
 					<th>$r.translate("passed.yourpassed")</th>
 					<td>
 					#if($hasPassedValue && !$resultsVisible)
-						$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+						<span id="o_passed_in_review" class="o_in_review">
+							<i class="o_icon o_icon-fw o_icon_warn"> </i>
+							$r.translateWithPackage("org.olat.course.nodes.ms", "in.review")
+						</span>
+						$r.mouseoverHelp("o_passed_in_review", "top", "$r.translateInAttribute("assessment.review.explanation")")
 					#elseif($hasPassedValue && $passed)	
 						<i class="o_icon o_icon_passed"> </i> $r.translate("passed.yes")
 					#elseif($hasPassedValue && !$passed)		

src/main/webapp/static/themes/light/modules/_course.scss

@@ -79,6 +79,10 @@
 	.o_statusinfo {
 		@extend %o_note;
 	}
+	.o_in_review {
+		font-style: italic;
+		position: relative;
+	}
 	
 	@if not $o-course-show-icon-title {
 		// hide icons in title, too much fuzz