63 lines
3.0 KiB
PHP
Executable File
63 lines
3.0 KiB
PHP
Executable File
<?php
|
|
// n8n Integration Page - WEVAL
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>n8n Automation - WEVAL</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<style>
|
|
:root{--bg:#0f172a;--card:#1e293b;--border:#334155;--primary:#00d4ff;--text:#e2e8f0}
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);height:100vh;display:flex;flex-direction:column}
|
|
.header{background:var(--card);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}
|
|
.header h1{font-size:18px;display:flex;align-items:center;gap:10px}
|
|
.header h1 i{color:#ff6d5a}
|
|
.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px;text-decoration:none;color:#fff}
|
|
.btn-back{background:#64748b}
|
|
.btn-open{background:#ff6d5a}
|
|
.btn-open:hover{background:#ff5a45}
|
|
.iframe-container{flex:1;position:relative}
|
|
.iframe-container iframe{width:100%;height:100%;border:none}
|
|
.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
|
|
.loading i{font-size:40px;color:var(--primary);animation:spin 1s linear infinite}
|
|
@keyframes spin{to{transform:rotate(360deg)}}
|
|
.info-bar{background:#1a1a2e;padding:10px 20px;display:flex;gap:20px;font-size:12px;border-bottom:1px solid var(--border);flex-wrap:wrap}
|
|
.info-bar span{display:flex;align-items:center;gap:5px}
|
|
.info-bar i{color:var(--primary)}
|
|
.status{padding:2px 8px;border-radius:4px;font-size:11px;background:#22c55e;color:#fff}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="header">
|
|
<h1><i class="fas fa-project-diagram"></i> n8n Workflow Automation <span class="status">● Running</span></h1>
|
|
<div style="display:flex;gap:10px;">
|
|
<a href="index.php" class="btn btn-back"><i class="fas fa-arrow-left"></i> Retour WEVAL</a>
|
|
<a href="http://89.167.40.150:5678" target="_blank" class="btn btn-open"><i class="fas fa-external-link-alt"></i> Ouvrir en plein écran</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info-bar">
|
|
<span><i class="fas fa-link"></i> <strong>URL:</strong> http://89.167.40.150:5678</span>
|
|
<span><i class="fas fa-webhook"></i> <strong>Webhook Base:</strong> http://89.167.40.150:5678/webhook/</span>
|
|
<span><i class="fas fa-database"></i> <strong>Data:</strong> /opt/n8n</span>
|
|
<span><i class="fas fa-info-circle"></i> <strong>Tip:</strong> Créez un compte owner à la première connexion</span>
|
|
</div>
|
|
|
|
<div class="iframe-container">
|
|
<div class="loading" id="loading">
|
|
<i class="fas fa-spinner fa-spin"></i>
|
|
<p style="margin-top:10px">Chargement de n8n...</p>
|
|
</div>
|
|
<iframe src="http://89.167.40.150:5678" onload="document.getElementById('loading').style.display='none'"></iframe>
|
|
</div>
|
|
|
|
<?php include("includes/chatbot-widget.php"); ?>
|
|
|
|
</body>
|
|
</html>
|