added url, apikey to lockscreen

src/handlers/config.ts

@@ -20,7 +20,8 @@ const config = new ConfigManager(__path + '/config.json', true, {
 		database: 'hydrationhub'
 	},
 	devmode: false,
-	devmode_fileupload: false
+	devmode_fileupload: false,
+	galleryApiKey: '',
 });//, log.core); // Disabled due to Cyclic dependencies with log handler (specifically-> devmode for loglevel)
 
 

src/routes/frontend/screensaver.ts

@@ -1,7 +1,8 @@
 import express, { Request, Response } from 'express';
+import config from '../../handlers/config.js';
 
 function get(req: Request, res: Response) {
-	res.render("screensaver")
+	res.render("screensaver", { apikey: config.global.galleryApiKey })
 }
 
 export default { get };

static/css/lockscreen.css

@@ -20,7 +20,7 @@
 	margin-bottom: 0px;
 	padding-bottom: 0px;
 	text-align: center;
-	width: 95%;
+	width: 140%;
 	vertical-align: middle;
 	font-family: monospace;
 }
@@ -47,3 +47,13 @@
 	95%,
 	100% {background-position:0 75%,0 25%,100% 75%,100% 25%}
 }
+
+
+#credits {
+	position: absolute;
+	bottom: 1px;
+	left: 1px;
+	mix-blend-mode: difference;
+	color: white;
+	font-weight: bold;
+}

static/js/lockscreenBgHandler.js

@@ -23,13 +23,14 @@ function handleImage() {
 			// default galery; spring awakens
 			uuid: '01919dec-b2cd-7adc-8ca2-a071d1169cbc;01953de0-3aa7-71f1-bfff-cbf9488efa64',
 			unsplash: true,
-			// orientation: 'landscape',
+			orientation: 'landscape',
 			height: window.screen.availHeight,
 			width: window.screen.availWidth,
-			cropCenteringMode: 'sm'
+			cropCenteringMode: 'sm',
+			apikey: apiKey
 		};
 
-		const apiUrl = `https://staging.thegreydiamond.de/projects/photoPortfolio/api/getRand.php?${new URLSearchParams(apiParams).toString()}`;
+		const apiUrl = `https://photo.thegreydiamond.de/api/images/random.php?${new URLSearchParams(apiParams).toString()}`;
 
 		fetch(apiUrl)
 			.then((response) => response.json())
@@ -79,7 +80,7 @@ function handleImage() {
 					}, 1000);
 
 					// Set the credits
-					credits.innerHTML = `Photo by <a href="${data.user.links.html}" class="external-link" target="_blank">${data.user.name}</a>`;
+					credits.innerHTML = `"${data.title}" by <a href="${data.user.links.html}" class="external-link" target="_blank">${data.user.name}</a>`;
 					credits.style.zIndex = 300000;
 				}
 			})

views/partials/nav.eta

@@ -43,7 +43,18 @@
 					{ text: '', icon: 'bi bi-box-arrow-right', link: '/user_select' }
 				],
 				'/admin': [
-					{ text: '', icon: 'bi bi-gear', link: '/admin' },
+					{ text: '', icon: 'bi bi-house', link: '/user_select' }
+				],
+				'/admin/products': [
+					{ text: '', icon: 'bi bi-arrow-return-left', link: '/admin' },
+					{ text: '', icon: 'bi bi-house', link: '/user_select' }
+				],
+				'/admin/users': [
+					{ text: '', icon: 'bi bi-arrow-return-left', link: '/admin' },
+					{ text: '', icon: 'bi bi-house', link: '/user_select' }
+				],
+				'/admin/report': [
+					{ text: '', icon: 'bi bi-arrow-return-left', link: '/admin' },
 					{ text: '', icon: 'bi bi-house', link: '/user_select' }
 				]
 			};

views/screensaver.eta

@@ -10,6 +10,9 @@
     <div id="date"></div>
 
 </div>
+<script>
+const apiKey = "<%= it.apikey %>";
+</script>
 <script src="/static/apiWrapper.js"></script>
 <script src="/static/pageDriver.js"></script>
 <script src="/static/js/lockscreenBgHandler.js"></script>