Hugging Face's logo

Spaces:
Persano
/
flowise1
Sleeping

App Files Community
Persano commited on
Commit
939ff54
·
verified ·
1 Parent(s): 5e13118

Update templates/relatorio.html

Browse files
Files changed (1) hide show
  1. templates/relatorio.html +19 -35
templates/relatorio.html CHANGED
@@ -1,46 +1,30 @@
1
  <!DOCTYPE html>
2
  <html lang="pt-BR">
3
  <head>
4
- <meta charset="UTF-8" />
5
- <title>Relatório de Simulação de Investimentos</title>
6
- <style>
7
- body { font-family: Arial, sans-serif; margin: 40px; color: #333; }
8
- header, footer { text-align: center; color: #888; font-size: 0.9em; }
9
- h1 { color: #2c3e50; }
10
- .summary { margin: 20px 0; font-size: 1.1em; }
11
- .highlight { color: #16a085; font-weight: bold; }
12
- table { width: 100%; border-collapse: collapse; margin-top: 20px; }
13
- table th, table td { border: 1px solid #ccc; padding: 8px; text-align: right; }
14
- table th { background-color: #f5f5f5; }
15
- table td:first-child, table th:first-child { text-align: center; }
16
- img { display: block; margin: 20px auto; max-width: 100%; }
17
- </style>
18
  </head>
19
  <body>
20
- <header>
21
- <h1>Relatório de Simulação de Investimentos</h1>
22
- <p>Ano: {{ year }}</p>
23
- </header>
24
 
25
- <section class="summary">
26
- <p>Capital inicial investido: <strong>{{ capital }}</strong></p>
27
- <p>O investimento mais valorizado após 10 anos foi: <span class="highlight">{{ investimento_mais_valorizado }}</span> com valor aproximado de <span class="highlight">{{ valor_mais_alto }}</span>.</p>
28
- </section>
29
 
30
- <section>
31
- <h2>Comparativo de Valores ao Longo do Tempo</h2>
32
- <img src="data:image/png;base64,{{ grafico }}" alt="Gráfico de Investimentos" />
33
- </section>
34
 
35
- <section>
36
- <h2>Tabela de Valores Anuais</h2>
37
- {{ tabela | safe }}
38
- </section>
39
-
40
- <footer>
41
- <p>Relatório gerado automaticamente pelo sistema de simulação.</p>
42
- <p>© {{ year }} Sua Empresa de Investimentos</p>
43
- </footer>
44
  </body>
45
  </html>
46
 
 
1
  <!DOCTYPE html>
2
  <html lang="pt-BR">
3
  <head>
4
+ <meta charset="UTF-8">
5
+ <style>
6
+ body { font-family: Arial; margin: 20px; color: #333; }
7
+ h1 { text-align: center; color: #005bb5; }
8
+ table { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 12px; }
9
+ th, td { border: 1px solid #ccc; padding: 8px; text-align: right; }
10
+ th { background: #007cf0; color: white; }
11
+ .destaque { background: #e0ffe0; font-weight: bold; padding: 10px; text-align: center; margin-top: 20px; }
12
+ img { display: block; margin: 20px auto; width: 80%; }
13
+ </style>
 
 
 
 
14
  </head>
15
  <body>
16
+ <h1>Relatório de Simulação</h1>
 
 
 
17
 
18
+ <div class="destaque">
19
+ Investimento com maior retorno: {{ investimento_mais_valorizado }}<br>
20
+ Valor final estimado: R$ {{ "{:,.2f}".format(valor_mais_alto) }}
21
+ </div>
22
 
23
+ {% if grafico_base64 %}
24
+ <img src="data:image/png;base64,{{ grafico_base64 }}" alt="Gráfico de Simulação">
25
+ {% endif %}
 
26
 
27
+ {{ tabela | safe }}
 
 
 
 
 
 
 
 
28
  </body>
29
  </html>
30