80 lines
1.8 KiB
HTML
80 lines
1.8 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() {
|
|
|
|
ShowHomePage();
|
|
|
|
});
|
|
|
|
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/"+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>");
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|