111 lines
2.7 KiB
HTML
111 lines
2.7 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="Ordner"></div>
|
|
|
|
|
|
<script src="/misc/jquery.min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
var ServerAPI="http://127.0.0.1:8000";
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
var Orderdirekt = getUrlParameter('dir');
|
|
|
|
if(Orderdirekt==undefined)
|
|
{
|
|
// Wenn kein Ordner übergeben wurde, dann zeigen wir die Startseite an
|
|
ShowHomePage();
|
|
}
|
|
else
|
|
{
|
|
// Wenn ein Order übergeben wurde, wollen wir diesen anzeigen
|
|
ShowFolderPics(Orderdirekt);
|
|
}
|
|
|
|
});
|
|
|
|
function ShowHomePage() {
|
|
|
|
$("#Ordner").empty();
|
|
|
|
$.ajax({
|
|
method: "GET",
|
|
contentType:'application/json; charset=utf-8',
|
|
url: ServerAPI+'/folder/',
|
|
dataType: "json",
|
|
data: "",
|
|
success: function(content){
|
|
|
|
//http://127.0.0.1:8000/img/2019-11-15/IMG_4186.JPG
|
|
for ( var i = 0, l = content.length; i < l; i++ ) {
|
|
var ObjInhalt = content[i];
|
|
$("#Ordner").append(""+
|
|
"<img src=\""+ServerAPI+"/qr/"+encodeURIComponent(ServerAPI+"/?dir="+ObjInhalt)+"\" width=150 height=150>"+
|
|
"<a href=\"#\" onclick=\"ShowFolderPics('"+ObjInhalt+"')\">"+
|
|
ObjInhalt+"</a><hr>");
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
function ShowFolderPics(folder) {
|
|
|
|
// Ordner div leeren
|
|
$("#Ordner").empty();
|
|
$("#Ordner").append('<a href="#" onclick=ShowHomePage()>Zurück</a><hr>');
|
|
|
|
$.ajax({
|
|
method: "GET",
|
|
contentType:'application/json; charset=utf-8',
|
|
url: ServerAPI+'/folder/'+folder,
|
|
dataType: "json",
|
|
data: "",
|
|
success: function(content){
|
|
|
|
//http://127.0.0.1:8000/img/2019-11-15/IMG_4186.JPG
|
|
for ( var i = 0, l = content.length; i < l; i++ ) {
|
|
var ObjInhalt = content[i];
|
|
$("#Ordner").append(""+
|
|
"<img src=\""+ServerAPI+"/thumb/"+folder+"/"+ObjInhalt+"\" width=200>"+
|
|
"<a href=\""+ServerAPI+"/img/"+folder+"/"+ObjInhalt+"\">"+
|
|
ObjInhalt+"</a><hr>");
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
|
|
//--------------------------------------------------------------------------
|
|
// Hilfsfunktionen
|
|
//--------------------------------------------------------------------------
|
|
|
|
function getUrlParameter(sParam) {
|
|
var sPageURL = window.location.search.substring(1),
|
|
sURLVariables = sPageURL.split('&'),
|
|
sParameterName,
|
|
i;
|
|
|
|
for (i = 0; i < sURLVariables.length; i++) {
|
|
sParameterName = sURLVariables[i].split('=');
|
|
|
|
if (sParameterName[0] === sParam) {
|
|
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
|
|
}
|
|
}
|
|
};
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|