X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Fjs%2Fmod_events.js;h=00e3f4fa9f129ff26cdf1750301b665ccbc96b02;hb=d09b3f5bdeae444f785f6283e55dbf2f61caadac;hp=5bd7c944986b3fe8db4481b91775ee4416a81ecd;hpb=8e12b159d947fb27ad6bdd5e06e3a90c1713687e;p=friendica.git

diff --git a/view/theme/frio/js/mod_events.js b/view/theme/frio/js/mod_events.js
index 5bd7c94498..00e3f4fa9f 100644
--- a/view/theme/frio/js/mod_events.js
+++ b/view/theme/frio/js/mod_events.js
@@ -1,6 +1,6 @@
 /**
  * @file view/theme/frio/js/mod_events.js
- * @brief Initialization of the fullCalendar and format the output.
+ * Initialization of the fullCalendar and format the output.
  */
 
 $(document).ready(function() {
@@ -82,6 +82,9 @@ $(document).ready(function() {
 				trigger: "hover",
 				placement: "auto",
 				template: '<div class="popover hovercard event-card"><div class="arrow"></div><div class="popover-content hovercard-content"></div></div>',
+				sanitizeFn: function (content) {
+					return DOMPurify.sanitize(content)
+				},
 			});
 
 		}
@@ -127,17 +130,17 @@ function changeView(action, viewName) {
 function eventHoverBodyTemplate() {
 	var template = '\
 		<div class="event-card-basic-content media">\
-			<div class="hover-card-details">\
-				<div class="hover-card-header left-align">\
-					<div class="event-hover-left-date left-align">\
+			<div class="event-card-details">\
+				<div class="event-card-header">\
+					<div class="event-card-left-date">\
 						<span class="event-date-wrapper medium">\
-							<span class="event-hover-short-month">{5}</span>\
-							<span class="event-hover-short-date">{6}</span>\
+							<span class="event-card-short-month">{5}</span>\
+							<span class="event-card-short-date">{6}</span>\
 						</span>\
 					</div>\
 					<div class="event-card-content media-body">\
-						<div class="event-hover-title">{2}</div>\
-						<div class="event-property"><span class="event-hover-date">{4}</span>{3}\
+						<div class="event-card-title">{2}</div>\
+						<div class="event-property"><span class="event-card-date">{4}</span>{3}\
 						{1}\
 					</div>\
 				</div>\
@@ -150,14 +153,15 @@ function eventHoverBodyTemplate() {
 
 // The template for presenting the event location in the event hover-card
 function eventHoverLocationTemplate() {
-	var template = '<span class="event-hover-location"> {0}</span></div>';
+	var template = '<span role="presentation" aria-hidden="true"> · </span>\
+			<span class="event-card-location"> {0}</span></div>';
 	return template;
 }
 
 function eventHoverProfileNameTemplate() {
 	var template = '\
-			<div class="event-hover-profile-name profile-entry-name">\
-				<span class="left-align1"><a href="{0}" class="userinfo">{1}</a></span>\
+			<div class="event-card-profile-name profile-entry-name">\
+				<a href="{0}" class="userinfo">{1}</a>\
 			</div>';
 	return template;
 }