chore: modification interface transcript

2025-08-28 15:58:20 +02:00
parent effa111ac6
commit c6be3b67ac
1 changed files with 108 additions and 2 deletions
@@ -12,16 +12,122 @@ module.exports = {
    app.use('/transcript', express.static(transcriptsPath));
    // Page d'accueil (http://localhost:5417/)
    app.get('/', (req, res) => {
-      res.send('✅ Serveur Transcript actif. Utilise /transcript/:id pour voir un ticket.');
+      res.send(`
        <html>
          <head>
            <meta charset="utf-8"/>
            <title>Serveur Transcript</title>
            <style>
              body {
                font-family: Arial, sans-serif;
                background-color: #2c2f33;
                color: #fff;
                margin: 0;
                padding: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100vh;
                text-align: center;
              }
              .container {
                background: #23272a;
                padding: 40px;
                border-radius: 12px;
                box-shadow: 0 0 15px rgba(0,0,0,0.5);
              }
              h1 {
                color: #7289da;
                margin-bottom: 10px;
              }
              p {
                color: #ccc;
                font-size: 16px;
              }
              .highlight {
                color: #00aff4;
                font-weight: bold;
              }
              footer {
                margin-top: 20px;
                font-size: 12px;
                color: #888;
              }
            </style>
          </head>
          <body>
            <div class="container">
              <h1>📑 Serveur Transcript</h1>
              <p>✅ Le service est actif.</p>
              <p>Accède à un transcript avec l’URL :</p>
              <p class="highlight">/transcript/<i>ID_DU_TICKET</i></p>
              <footer>QuantumCraft Studios - ${new Date().getFullYear()}</footer>
            </div>
          </body>
        </html>
      `);
    });
    // Page spéciale si quelqu’un tape /transcript/ sans ID
    app.get('/transcript/', (req, res) => {
      res.send(`
        <html>
          <head>
            <meta charset="utf-8"/>
            <title>Transcript</title>
            <style>
              body {
                font-family: Arial, sans-serif;
                background-color: #2c2f33;
                color: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100vh;
                margin: 0;
              }
              .box {
                background: #23272a;
                padding: 30px;
                border-radius: 10px;
                text-align: center;
                box-shadow: 0 0 10px rgba(0,0,0,0.5);
              }
              h2 {
                color: #7289da;
              }
              p {
                color: #aaa;
              }
            </style>
          </head>
          <body>
            <div class="box">
              <h2>❌ Aucun transcript spécifié</h2>
              <p>👉 Utilise <span style="color:#00aff4;">/transcript/&lt;ID_DU_TICKET&gt;</span> pour accéder à un transcript.</p>
            </div>
          </body>
        </html>
      `);
    });
    // Page d'un transcript spécifique
    app.get('/transcript/:id', (req, res) => {
      const file = path.join(transcriptsPath, `${req.params.id}.html`);
      if (fs.existsSync(file)) {
        res.sendFile(file);
      } else {
-        res.status(404).send('❌ Transcript introuvable');
+        res.status(404).send(`
          <html>
            <head><meta charset="utf-8"/><title>Transcript introuvable</title></head>
            <body style="background:#2c2f33; color:#fff; text-align:center; padding:50px;">
              <h2 style="color:red;">❌ Transcript introuvable</h2>
              <p>L’ID <b>${req.params.id}</b> ne correspond à aucun ticket sauvegardé.</p>
            </body>
          </html>
        `);
      }
    });