MISC: Basic dummy kara list on public interface

01ff50e0 · Sting · Kubat · f688ba07 · 01ff50e0 · 01ff50e0
--- a/.gitignore
+++ b/.gitignore
 node_modules/
 yarn.lock
+dummyKaras\.json
 *.log
--- a/client/main.js
+++ b/client/main.js
@@ -10,6 +10,11 @@ console.log('Express started');
 var publicRouter = require('./routes/public.js');
+app.set('views', __dirname + '/views');
+app.set('view engine', 'ejs');
+app.use(express.static(__dirname + '/../style'));
 app.use('/', publicRouter);

--- a/client/routes/public.js
+++ b/client/routes/public.js
 var express = require('express');
 var router = express.Router();
+// Simulate karaoke data
+dummyKaras = require('./../../dummyKaras.json');
 /* GET on root. */
 router.get('/', function(req, res, next) {
-  res.send('This is the public client interface !');
+  res.render('public', { karas: dummyKaras });
 });
 module.exports = router;
\ No newline at end of file
--- a/client/views/public.ejs
+++ b/client/views/public.ejs
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <title>Lektor App</title>
+        <link rel="stylesheet" href="/bootstrap-4.5.2-dist/css/bootstrap.min.css" type="text/css">
+    </head>
+    <body>
+        <div class="container-fluid">
+           <div class="card text-center">
+                <h2>
+                    Public interface
+                </h2>
+                    <% karas.forEach(function(kara){ %>
+                        <div class="card border border-primary rounded" style="border-width: 5px; margin-bottom: 10px; margin-top: 10px;">
+                            <div class="card-header">
+                                <h3>
+                                    <%- kara.source_name + " - " + kara.song_type + " - " + kara.song_name %>
+                                </h3>
+                            </div>
+                            <div class="card-body">
+                                <h3>
+                                    <%- kara.author_name %><br/>
+                                    <%- kara.language %><br/>
+                                    <%- kara.category %><br/>
+                                </h3>
+                            </div>
+                        </div>
+                    <% }); %>
+           </div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
    "start": "electron ."
  },
  "dependencies": {
+    "ejs": "^3.1.5",
    "electron": "^10.1.1",
    "express": "^4.17.1"
  },