lukas/Home-Theater
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

display basic tile of video

Browse Source
This commit is contained in:
lukas-heiligenbrunner
2020-03-01 11:37:42 +01:00
parent 2c1777c21c
commit c6670a34b6
3 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/resources/wwwroot/css/index.css Normal file
View File

@@ -0,0 +1,8 @@
.mediatile{
background-color: aqua;
height: 40mm;
width: 40mm;
margin: 3mm;
float: left;
font-size: 10pt;
}

1
src/resources/wwwroot/index.html
View File

@@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/index.css">
<script src="js/BaseRequest.js"></script> <script src="js/BaseRequest.js"></script>
<script src="js/index.js"></script> <script src="js/index.js"></script>
<title>Home-Theater</title> <title>Home-Theater</title>

4
src/resources/wwwroot/js/index.js
View File

@@ -1,5 +1,9 @@
Req.ready((event) => { Req.ready((event) => {
Req.post("/data/movie","action=getMovies",function (dta) { Req.post("/data/movie","action=getMovies",function (dta) {
console.log(dta); console.log(dta);
for (const ii in dta.movies) {
document.getElementsByClassName("mediawrapper").item(0).insertAdjacentHTML('beforeend', `
<div class="mediatile">${dta.movies[ii].title}</div>`);
}
}); });
}); });