display basic tile of video

2020-03-01 11:37:42 +01:00
parent 2c1777c21c
commit c6670a34b6
3 changed files with 13 additions and 0 deletions
--- a/src/resources/wwwroot/css/index.css
+++ b/src/resources/wwwroot/css/index.css
@@ -0,0 +1,8 @@
+.mediatile{
+    background-color: aqua;
+    height: 40mm;
+    width: 40mm;
+    margin: 3mm;
+    float: left;
+    font-size: 10pt;
+}
--- a/src/resources/wwwroot/index.html
+++ b/src/resources/wwwroot/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
    <meta charset="UTF-8">
+    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script src="js/BaseRequest.js"></script>
    <script src="js/index.js"></script>
    <title>Home-Theater</title>
--- a/src/resources/wwwroot/js/index.js
+++ b/src/resources/wwwroot/js/index.js
@@ -1,5 +1,9 @@
 Req.ready((event) => {
    Req.post("/data/movie","action=getMovies",function (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>`);
+        }
    });
 });