phares3757/www
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Using Immich

Browse Source
This commit is contained in:
Mike Phares 2024-05-12 14:55:12 -07:00
parent a4bd327ca3
commit c8a96c2d4c
9 changed files with 174 additions and 182 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.gitignore vendored
View File

@ -3,4 +3,9 @@ Images-dd514b88-Results
node_modules node_modules
.kanbn .kanbn
.random .random
.original .original
Images-c9dbce3b-Results
Results
sync.ffs_db

11
.vscode/launch.json vendored Normal file
View File

@ -0,0 +1,11 @@
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Current Opened File",
"program": "${file}"
}
]
}

10
.vscode/mklink.md vendored
View File

@ -5,10 +5,14 @@ type: "note"
# mklink # mklink
```bash ```bash
mklink /J "L:\Git\www\.kanbn" "D:\5-Other-Small\Kanban\www"
mklink /J "L:\Git\www\.random" "D:\1-Images-A\Images-c9dbce3b-Results\F)Random\c9dbce3b\[]"
mklink /J "L:\Git\www\.original" "D:\1-Images-A\Images-c9dbce3b-Results\C)Resize\c9dbce3b\Original\()"
``` ```
```bash ```bash
mklink /J "L:\Git\www\.kanbn" "D:\5-Other-Small\Kanban\www" ln -s /var/log/nginx /var/www/html/log-nginx
mklink /J "L:\Git\www\.random" "D:\1-Images-A\Images-7007a9df-Results\F)Random\7007a9df\[]" # ln -s /home/syncthing/Immich/upload/thumbs/fc9fd5a1-d1b3-4080-a21c-daf9b1c24593 /var/www/html/Images-c9dbce3b-Results/thumbs
mklink /J "L:\Git\www\.original" "D:\1-Images-A\Images-7007a9df-Results\C)Resize\7007a9df\Original\()" cp -R /home/syncthing/Immich/upload/thumbs/fc9fd5a1-d1b3-4080-a21c-daf9b1c24593/ /var/www/html/Images-c9dbce3b-Results/thumbs
ls -la /var/www/html/Images-c9dbce3b-Results
``` ```

1
admin Submodule

@ -0,0 +1 @@
Subproject commit be05b0f61d3fcf796dae4cc3f89f8540b2359325

6
index.html
View File

@ -11,9 +11,9 @@
<body> <body>
<div id="deviceReady"> <div id="deviceReady">
<p><a href='slideshow/index.html?b=2024-01-28-20-23'>Slideshow</a></p> <p><a href='slideshow/index.html?b=2024-05-12-14-48'>Slideshow</a></p>
<p><a href='slideshow/index.html?a=time&b=2024-01-28-20-23'>Slideshow (Time)</a></p> <p><a href='slideshow/index.html?a=time&b=2024-05-12-14-48'>Slideshow (Time)</a></p>
<p><a href='slideshow/index.html?a=noSleep&b=2024-01-28-20-23'>Slideshow (No Sleep)</a></p> <p><a href='slideshow/index.html?a=noSleep&b=2024-05-12-14-48'>Slideshow (No Sleep)</a></p>
</div> </div>
</body> </body>

23
index.nginx-debian.html Normal file
View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<title>Welcome to nginx!</title>
<style>
html { color-scheme: light dark; }
body { width: 35em; margin: 0 auto;
font-family: Tahoma, Verdana, Arial, sans-serif; }
</style>
</head>
<body>
<h1>Welcome to nginx!</h1>
<p>If you see this page, the nginx web server is successfully installed and
working. Further configuration is required.</p>
<p>For online documentation and support please refer to
<a href="http://nginx.org/">nginx.org</a>.<br/>
Commercial support is available at
<a href="http://nginx.com/">nginx.com</a>.</p>
<p><em>Thank you for using nginx.</em></p>
</body>
</html>

2
slideshow/index.html
View File

@ -21,7 +21,7 @@
<script src="scripts/jquery-1.9.1.min.js"></script> <script src="scripts/jquery-1.9.1.min.js"></script>
<script src="scripts/bootstrap.min.js"></script> <script src="scripts/bootstrap.min.js"></script>
<script src="scripts/jquery.bgswitcher.js"></script> <script src="scripts/jquery.bgswitcher.js"></script>
<script type="text/javascript" src="scripts/index.js?nocache=2024-01-28-20-23"></script> <script type="text/javascript" src="scripts/index.js?nocache=2024-05-12-14-48"></script>
</body> </body>
</html> </html>

4
slideshow/index.json
View File

@ -3,7 +3,7 @@
"JsonInterval": 59000, "JsonInterval": 59000,
"ImageZero": "images/1x1_00000000.png", "ImageZero": "images/1x1_00000000.png",
"DataDirectoryX": "../.random", "DataDirectoryX": "../.random",
"DataDirectory": "../Images-7007a9df-Results/F)Random/7007a9df/[]", "DataDirectory": "../Images-c9dbce3b-Results/F)Random/c9dbce3b/[]",
"RootX": "../.original", "RootX": "../.original",
"Root": "../Images-7007a9df-Results/C)Resize/7007a9df/Original/()" "Root": "../Images-c9dbce3b-Results/thumbs"
} }

292
slideshow/scripts/index.js
View File

@ -1,14 +1,9 @@
// For an introduction to the Blank template, see the following documentation: (function () {
// http://go.microsoft.com/fwlink/?LinkID=397704
// To debug code on page load in cordova-simulate or on Android devices/emulators: launch your app, set breakpoints,
// and then run "window.location.reload()" in the JavaScript Console.
(function () {
"use strict"; "use strict";
var _Root; var _Root;
var _RootAlt; var _RootAlt;
var _ImageZero; var _ImageZero;
var _ImageTimer;
var _DataDirectory; var _DataDirectory;
var _Pause = 0; var _Pause = 0;
@ -17,142 +12,11 @@
var _ImageInterval; var _ImageInterval;
var _ImageIndex = 0; var _ImageIndex = 0;
var _OpaqueIndex = 0; var _OpaqueIndex = 0;
var _DeviceReadyDiv = $("#deviceReady div"); var _DeviceReadyDiv = $('#deviceReady div');
var time = document.createElement('time'); var time = document.createElement('time');
time.setAttribute('style', 'position: fixed;'); time.setAttribute('style', 'position: fixed;');
// Create the root video element
var video = document.createElement('video');
video.setAttribute('loop', '');
// Add some styles if needed
video.setAttribute('style', 'position: fixed;');
$(document).ready(function () {
console.log("onDeviceReady");
// Handle the Cordova pause and resume events
document.addEventListener('keyup', getInput, false);
var url = '../slideshow/index.json?nocache=2024-01-28-20-23';
console.log(url);
var _ = $.getJSON(url, function (data) {
console.log(url + " downloaded successfully");
_RootAlt = null;
_Root = data.Root;
_ImageZero = data.ImageZero;
_JsonInterval = data.JsonInterval;
_ImageInterval = data.ImageInterval;
_DataDirectory = data.DataDirectory;
console.log(url + " used successfully");
})
.done(function () {
loadData();
_ = setInterval(onTickJSON, _JsonInterval);
_ImageTimer = setInterval(onTickImage, _ImageInterval);
})
.fail(function (er) { console.log("error", er); })
.always(function () { console.log("complete"); });
});
function goBack() {
_Pause = 1;
if (_Pause === 0) {
_ImageIndex -= 1;
}
else {
_ImageIndex -= 2;
}
if (_ImageIndex === 0) {
_ImageIndex = _Images.length - 1;
}
var backgroundImage = GetBackgroundImage();
_DeviceReadyDiv.attr('style', backgroundImage);
}
function goForward() {
_Pause = 1;
_ImageIndex += 1;
if (_ImageIndex >= _Images.length) {
_ImageIndex = 0;
}
var backgroundImage = GetBackgroundImage();
_DeviceReadyDiv.attr('style', backgroundImage);
}
function changeImageTimer(imageInterval) {
_ImageInterval = imageInterval;
clearTimeout(_ImageTimer);
_ImageTimer = setInterval(onTickImage, _ImageInterval);
}
function getInput(e) {
var which = e.which;
switch (which) {
case 13: //Okay
if (_Pause === 0) {
_Pause = 1;
}
else {
_Pause = 0;
}
break;
case 37: //Left
goBack();
break;
case 38: //Up
goForward();
break;
case 39: //Right
goForward();
break;
case 40: //Down
goBack();
break;
case 173: //Fast Forward
goForward();
break;
case 177: //Rewind
goBack();
break;
case 8: //Delete
console.log('Delete key was pressed!');
break;
case 48: //0
changeImageTimer(10000);
break;
case 49: //1
changeImageTimer(1000);
break;
case 50: //2
changeImageTimer(2000);
break;
case 51: //3
changeImageTimer(3000);
break;
case 52: //4
changeImageTimer(4000);
break;
case 53: //5
changeImageTimer(5000);
break;
case 54: //6
changeImageTimer(6000);
break;
case 55: //7
changeImageTimer(7000);
break;
case 56: //8
changeImageTimer(8000);
break;
case 57: //9
changeImageTimer(9000);
break;
default:
}
}
function loadData() { function loadData() {
var currentDate = new Date(); var currentDate = new Date();
var mm = (new Date().getMonth() + 1).toString().padStart(2, '0'); var mm = (new Date().getMonth() + 1).toString().padStart(2, '0');
@ -160,24 +24,24 @@
if (window.location.href.indexOf('time') > 0) { if (window.location.href.indexOf('time') > 0) {
time.innerText = mm + '-' + dd + '.json'; time.innerText = mm + '-' + dd + '.json';
} }
var url = _DataDirectory + '/' + mm + '-' + dd + '.json?nocache=2024-01-28-20-23'; var url = _DataDirectory + '/' + mm + '-' + dd + '.json?nocache=2024-05-12-14-48';
console.log(url); console.log(url);
$.getJSON(url, function (data) { $.getJSON(url, function (data) {
console.log("success", data.length); console.log('success', data.length);
_Images = []; _Images = [];
$.each(data, function (_, value) { $.each(data, function (_, value) {
_Images.push(value.replaceAll("\\", "/")); _Images.push(value.replaceAll("\\", "/"));
}); });
}) })
.done(function () { console.log("second success"); }) .done(function () { console.log('second success'); })
.fail(function (er) { console.log("error", er); }) .fail(function (er) { console.log('error', er); })
.always(function () { console.log("complete"); }); .always(function () { console.log('complete'); });
} }
function onTickJSON() { function onTickJSON() {
var currentDate = new Date(); var currentDate = new Date();
var currentHours = currentDate.getHours(); var currentHours = currentDate.getHours();
if (currentHours === 21) { if (currentHours === 0) {
var currentMinutes = currentDate.getMinutes(); var currentMinutes = currentDate.getMinutes();
if (currentMinutes === 0) { if (currentMinutes === 0) {
loadData(); loadData();
@ -186,9 +50,9 @@
} }
function GetBackgroundImage() { function GetBackgroundImage() {
var result = "background-image: url('" + _Root + _Images[_ImageIndex] + "'), url('"; var result = "background-image: url('" + _Root + _Images[_ImageIndex] + '?index=' + _ImageIndex + "'), url('";
if (_RootAlt !== null) { if (_RootAlt !== null) {
result = result + _RootAlt + _Images[_ImageIndex] + "'), url('"; result = result + _RootAlt + _Images[_ImageIndex] + '?index=' + _ImageIndex + "'), url('";
} }
result = result + _ImageZero + "');"; result = result + _ImageZero + "');";
return result; return result;
@ -202,7 +66,7 @@
_DeviceReadyDiv.attr('style', 'background-color: #191717;'); _DeviceReadyDiv.attr('style', 'background-color: #191717;');
} }
else { else {
_DeviceReadyDiv.eq(_OpaqueIndex).removeClass("opaque"); _DeviceReadyDiv.eq(_OpaqueIndex).removeClass('opaque');
_ImageIndex += 1; _ImageIndex += 1;
if (_ImageIndex >= _Images.length) { if (_ImageIndex >= _Images.length) {
_ImageIndex = 0; _ImageIndex = 0;
@ -225,7 +89,7 @@
} }
var backgroundImage = GetBackgroundImage(); var backgroundImage = GetBackgroundImage();
_DeviceReadyDiv.eq(loadIndex).attr('style', backgroundImage); _DeviceReadyDiv.eq(loadIndex).attr('style', backgroundImage);
_DeviceReadyDiv.eq(_OpaqueIndex).addClass("opaque"); _DeviceReadyDiv.eq(_OpaqueIndex).addClass('opaque');
if (window.location.href.indexOf('time') > 0) { if (window.location.href.indexOf('time') > 0) {
var mm = (new Date().getMonth() + 1).toString().padStart(2, '0'); var mm = (new Date().getMonth() + 1).toString().padStart(2, '0');
var dd = currentDate.getDate().toString().padStart(2, '0'); var dd = currentDate.getDate().toString().padStart(2, '0');
@ -235,38 +99,122 @@
} }
} }
// A helper to add sources to video function pause() {
function addSourceToVideo(element, type, dataURI) { _Pause = 1;
var source = document.createElement('source'); $('#deviceReady').innerHTML = '<div></div>';
source.src = dataURI;
source.type = 'video/' + type;
element.appendChild(source);
} }
// A helper to concat base64 function goBack() {
var base64 = function (mimeType, base64) { if (_Pause === 0) {
return 'data:' + mimeType + ';base64,' + base64; pause();
}; }
_ImageIndex -= 1;
if (_ImageIndex === 0) {
_ImageIndex = _Images.length - 1;
}
var backgroundImage = GetBackgroundImage();
_DeviceReadyDiv.attr('style', backgroundImage);
}
if (window.location.href.indexOf('noSleep') > 0) { function goForward() {
// Add Fake sourced if (_Pause === 0) {
addSourceToVideo(video, 'webm', base64('video/webm', 'GkXfo0AgQoaBAUL3gQFC8oEEQvOBCEKCQAR3ZWJtQoeBAkKFgQIYU4BnQI0VSalmQCgq17FAAw9CQE2AQAZ3aGFtbXlXQUAGd2hhbW15RIlACECPQAAAAAAAFlSua0AxrkAu14EBY8WBAZyBACK1nEADdW5khkAFVl9WUDglhohAA1ZQOIOBAeBABrCBCLqBCB9DtnVAIueBAKNAHIEAAIAwAQCdASoIAAgAAUAmJaQAA3AA/vz0AAA=')); pause();
addSourceToVideo(video, 'mp4', base64('video/mp4', 'AAAAHGZ0eXBpc29tAAACAGlzb21pc28ybXA0MQAAAAhmcmVlAAAAG21kYXQAAAGzABAHAAABthADAowdbb9/AAAC6W1vb3YAAABsbXZoZAAAAAB8JbCAfCWwgAAAA+gAAAAAAAEAAAEAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAIVdHJhawAAAFx0a2hkAAAAD3wlsIB8JbCAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAIAAAACAAAAAABsW1kaWEAAAAgbWRoZAAAAAB8JbCAfCWwgAAAA+gAAAAAVcQAAAAAAC1oZGxyAAAAAAAAAAB2aWRlAAAAAAAAAAAAAAAAVmlkZW9IYW5kbGVyAAAAAVxtaW5mAAAAFHZtaGQAAAABAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAEcc3RibAAAALhzdHNkAAAAAAAAAAEAAACobXA0dgAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAIAAgASAAAAEgAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABj//wAAAFJlc2RzAAAAAANEAAEABDwgEQAAAAADDUAAAAAABS0AAAGwAQAAAbWJEwAAAQAAAAEgAMSNiB9FAEQBFGMAAAGyTGF2YzUyLjg3LjQGAQIAAAAYc3R0cwAAAAAAAAABAAAAAQAAAAAAAAAcc3RzYwAAAAAAAAABAAAAAQAAAAEAAAABAAAAFHN0c3oAAAAAAAAAEwAAAAEAAAAUc3RjbwAAAAAAAAABAAAALAAAAGB1ZHRhAAAAWG1ldGEAAAAAAAAAIWhkbHIAAAAAAAAAAG1kaXJhcHBsAAAAAAAAAAAAAAAAK2lsc3QAAAAjqXRvbwAAABtkYXRhAAAAAQAAAABMYXZmNTIuNzguMw==')); }
_ImageIndex += 1;
if (_ImageIndex >= _Images.length) {
_ImageIndex = 0;
}
var backgroundImage = GetBackgroundImage();
_DeviceReadyDiv.attr('style', backgroundImage);
}
// Append the video to where ever you need function getInput(e) {
document.body.appendChild(video); var which = e.which;
switch (which) {
// Start playing video after any user interaction. case 13: //Okay
// NOTE: Running video.play() handler without a user action may be blocked by browser. if (_Pause === 0) {
var playFn = function () { _Pause = 1;
video.play(); }
document.body.removeEventListener('touchend', playFn); else {
}; _Pause = 0;
document.body.addEventListener('touchend', playFn); $('#deviceReady').innerHTML = '<div class="opaque"></div><div></div><div></div>';
}
break;
case 37: //Left
goBack();
break;
case 38: //Up
goForward();
break;
case 39: //Right
goForward();
break;
case 40: //Down
goBack();
break;
case 173: //Fast Forward
goForward();
break;
case 177: //Rewind
goBack();
break;
default:
}
} }
if (window.location.href.indexOf('time') > 0) { if (window.location.href.indexOf('time') > 0) {
document.body.appendChild(time); document.body.appendChild(time);
} }
if (window.location.href.indexOf('last') > 0) {
var url = '../log-nginx/access.log?nocache=2024-05-12-14-48';
$.get(url, function (data) {
var arrayOfUrl = [];
var arrayOfIndex = [];
var arrayOfLines = data.match(/[^\r\n]+/g);
for (var i = arrayOfLines.length - 1; i >= 0; i--) {
arrayOfUrl = arrayOfLines[i].split('?index=');
if (arrayOfUrl.length !== 2)
continue;
arrayOfIndex = arrayOfUrl[1].split(' ');
if (arrayOfIndex.length < 2)
continue;
var index = parseInt(arrayOfIndex[0]);
console.log('index', index);
_ImageIndex = index;
break;
}
})
.fail(function (err) {
console.error(err);
});
}
$(document).ready(function () {
console.log('onDeviceReady');
document.addEventListener('keyup', getInput, false);
var url = '../slideshow/index.json?nocache=2024-05-12-14-48';
console.log(url);
var _ = $.getJSON(url, function (data) {
console.log(url + ' downloaded successfully');
_RootAlt = null;
_Root = data.Root;
_ImageZero = data.ImageZero;
_JsonInterval = data.JsonInterval;
_ImageInterval = data.ImageInterval;
_DataDirectory = data.DataDirectory;
console.log(url + ' used successfully');
})
.done(function () {
loadData();
_ = setInterval(onTickJSON, _JsonInterval);
_ = setInterval(onTickImage, _ImageInterval);
})
.fail(function (er) { console.log('error', er); })
.always(function () { console.log('complete'); });
});
})(); })();