Added courses template

Co-authored-by: Francisco Ortiz <fortizabril@gmail.com>

Author: davidmatas

package.json

@@ -12,7 +12,7 @@
   },
   "scripts": {
     "dev": "NODE_ENV=dev ts-node-dev --ignore-watch node_modules --inspect=0.0.0.0:9267 ./src/apps/mooc_backend/server.ts",
-    "dev:backoffice:frontend": "NODE_ENV=dev ts-node-dev --ignore-watch node_modules --inspect=0.0.0.0:9267 ./src/apps/backoffice/frontend/server.ts",
+    "dev:backoffice:frontend": "NODE_ENV=dev ts-node-dev --ignore-watch node_modules ./src/apps/backoffice/frontend/server.ts",
     "test": "npm run test:unit && npm run test:features",
     "test:unit": "NODE_ENV=test jest",
     "test:features": "NODE_ENV=test cucumber-js -p default",

src/apps/backoffice/frontend/controllers/CoursesGetController.ts

@@ -0,0 +1,17 @@
+import { Request, Response } from 'express';
+import { CoursesCounterFinder } from '../../../../Contexts/Mooc/CoursesCounter/application/Find/CoursesCounterFinder';
+
+export class CoursesGetController {
+  constructor(private coursesCounterFinder: CoursesCounterFinder) {}
+
+  async run(req: Request, res: Response) {
+    // const courses = await this.coursesCounterFinder.run();
+
+    res.render('pages/courses', {
+      title: 'Welcome',
+      description: 'CodelyTV - Backoffice',
+      courses_counter: 0,
+      new_course_id: 'xxxx'
+    });
+  }
+}

src/apps/backoffice/frontend/routes/courses.route.ts

@@ -0,0 +1,8 @@
+import { Express } from 'express';
+import container from '../config/dependency-injection';
+import { CoursesGetController } from '../controllers/CoursesGetController';
+
+export const register = (app: Express) => {
+  const controller: CoursesGetController = container.get('Apps.Backoffice.Frontend.controllers.CoursesGetController');
+  app.get('/courses', controller.run.bind(controller));
+};

src/apps/backoffice/frontend/templates/pages/courses.html

@@ -0,0 +1,17 @@
+{% extends '../master.html' %}
+
+{% block page_title %}Cursos{% endblock %}
+
+{% block main %}
+    <div class="max-w-sm rounded overflow-hidden shadow-lg float-left">
+        <img class="w-full" src="https://codely.tv/pro/img/bg/cursos-codelytv-pro.png" alt="Sunset in the mountains">
+        <div class="px-6 py-4">
+            <div class="font-bold text-xl mb-2">Cursos</div>
+            <p class="text-gray-700 text-base">
+                Actualmente CodelyTV Pro cuenta con <b>{{ courses_counter }}</b> cursos.
+            </p>
+        </div>
+    </div>
+    <div class="clearfix mb-10"></div>
+    <hr class="mb-10">
+{% endblock %}

src/apps/mooc_backend/config/dev.json

@@ -0,0 +1 @@
+{}