Add main layout template and index page template, and update the index route to render the index page with a form

1 year ago · 17b9fe4f2e
3 changed files with 60 additions and 0 deletions
--- a/src/routes/index.js
+++ b/src/routes/index.js
@ -2,9 +2,18 @@ var express = require('express');
 var router = express.Router();
 const FileService = require('../services/file');
 const TemplateService = require('../services/template');
 const templateService = new TemplateService();
 /* GET home page. */
 router.get('/', async function(req, res, next) {
  res.setHeader('Content-Type', 'text/html; charset=utf-8');
  res.send(templateService.renderPage('index', { title: 'Express' }));
  return res;
 });
 router.post('/', async function(req, res, next) {  
  // const url = 'https://bodacc-datadila.opendatasoft.com/api/explore/v2.1/catalog/datasets/annonces-commerciales/exports/csv?lang=fr&refine=publicationavis%3A%22A%22&refine=publicationavis_facette%3A%22Bodacc%20A%22&refine=familleavis_lib%3A%22Ventes%20et%20cessions%22&timezone=Asia%2FBaghdad&use_labels=true&delimiter=%3B';
  const url = 'https://bodacc-datadila.opendatasoft.com/api/explore/v2.1/catalog/datasets/annonces-commerciales/exports/csv?lang=fr&refine=publicationavis%3A%22A%22&refine=publicationavis_facette%3A%22Bodacc%20A%22&refine=familleavis_lib%3A%22Ventes%20et%20cessions%22&refine=numerodepartement%3A%2275%22&refine=typeavis_lib%3A%22Avis%20d%E2%80%99annulation%22&timezone=Asia%2FBaghdad&use_labels=true&delimiter=%3B';
--- a/src/views/layout/main.hbs
+++ b/src/views/layout/main.hbs
@ -0,0 +1,14 @@
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>Example App</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
  </head>
  <body>
    <main class="main">
      {{{body}}}
    </main>
  </body>
 </html>
--- a/src/views/pages/index.hbs
+++ b/src/views/pages/index.hbs
@ -0,0 +1,37 @@
 <div id="index">
  <div class="container">
    <h1>Hello world</h1>
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <form method="post" action="">
            <div class="form-group">
              <label for="name">URL</label>
              <textarea class="form-control" id="url" name="url" rows="3"></textarea>
            </div>
            <div class="row my-5">
              <div class="col-12 col-md-5">
                <div class="form-group">
                  <label for="name">Colonnes disponibles</label>
                </div>
              </div>
              <div class="col-12 col-md-2">
                <button type="button" class="btn btn-primary">Ajouter</button>
              </div>
              <div class="col-12 col-md-5">
                <div class="form-group">
                  <label for="name">Colonnes disponibles</label>
                </div>
              </div>
            </div>
            <hr />
            <button class="btn btn-primary" type="submit">Télécharger</button>
          </form>
        </div>
      </div>
    </div>
    <!-- /.container-fluid -->
  </div>
 </div>