xmas banner

st-universe · Dec 1, 2023 · 1419c9d · 1419c9d
1 parent f1e1c6a
commit 1419c9d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/Public/static/js/main.js b/src/Public/static/js/main.js
@@ -232,4 +232,14 @@ function updateMobileValue() {
 	document.getElementById('combinedMobileValue').textContent = combinedValue;
 }
 
+function updateBannerImage() {
+	var currentDate = new Date();
+	var year = currentDate.getFullYear();
+	var startHoliday = new Date(year, 11, 1);
+	var endHoliday = new Date(year + 1, 0, 6);
+	if ((currentDate >= startHoliday && currentDate <= new Date(year, 11, 31)) ||
+		(currentDate >= new Date(year + 1, 0, 1) && currentDate <= endHoliday)) {
+		document.getElementById('bannerImg').src = "/assets/main/banner_x_mas.png";
+	}
+}
 
diff --git a/src/html/sitemacros.xhtml b/src/html/sitemacros.xhtml
@@ -299,12 +299,12 @@
     <script src="/static/js/main.js"></script>
   </head>
 
-  <body onload="if ($('login')) $('login').focus();">
+  <body onload="if ($('login')) $('login').focus(); updateBannerImage();">
     <input type="hidden" name="PHPSESSID" tal:attributes="value php:session_id();" />
     <div style="width: 100%">
       <div style="margin: auto;">
         <div id="banner">
-          <img src="/assets/main/banner.png" border="0" title="Star Trek Universe" />
+          <img id="bannerImg" src="/assets/main/banner.png" border="0" title="Star Trek Universe" />
         </div>
         <div style="width: 1160px; margin: auto;">
           <div style="width: 880px; float: left;">