-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (96 loc) · 3.87 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gestor Financeiro</title>
<link rel="stylesheet" href="styles.css">
<!-- Inclua o Chart.js antes do app.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@latest/dist/supabase.min.js"></script>
</head>
<header>
<a href="index.html">
<div class="logo"><img src="seekpay.png" alt="Logo da SeekPay Fintech">
</a>
</div>
<nav>
<ul>
<li><a href="home.html">Visão geral</a></li>
<li><a href="#">Lançamentos</a></li>
<li><a href="#">Relatórios</a></li>
<li><a href="#">Metas</a></li>
<li><a href="login.html">Minha Conta</a></li>
</ul>
</nav>
</header>
<body>
<div class="container">
<h1>Gestor Financeiro</h1>
<!-- Seção de contas bancárias -->
<div class="section">
<h2>Contas Bancárias</h2>
<input type="text" id="account-name" placeholder="Nome da Conta">
<input type="number" id="account-balance" placeholder="Saldo Inicial">
<button id="add-account-button">Adicionar Conta</button>
<ul id="accounts-list"></ul>
<p>Saldo Total: <span id="total-balance">R$0.00</span></p>
</div>
<!-- Seção de movimentos financeiros -->
<div class="section">
<h2>Movimentos Financeiros</h2>
<select id="transaction-type">
<option value="entry">Entrada</option>
<option value="exit">Saída</option>
</select>
<select id="transaction-category"></select>
<input type="number" id="transaction-amount" placeholder="Valor">
<input type="date" id="transaction-date" placeholder="Data de Pagamento">
<select id="transaction-account" placeholder="Conta Bancária"></select>
<button id="add-transaction-button">Adicionar Movimento</button>
<ul id="transactions-list"></ul>
</div>
<!-- Seção de relatórios -->
<div class="section">
<h2>Relatórios</h2>
<canvas id="income-expense-chart"></canvas>
<canvas id="category-pie-chart"></canvas>
</div>
</div>
<footer>
<div class="footer-content">
<div class="logo">CODEVER</div>
<p>©2024 Codever Tecnologia</p>
<div class="footer-links">
<a href="index.html">Cookies</a>
<a href="index.html">Privacidade</a>
<a href="#Termos">Termos</a>
<a href="LICENSE">Licença</a>
<a href="login.html">Minha Conta</a>
</div>
</div>
</footer>
<script type="module">
// Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/10.12.4/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/10.12.4/firebase-analytics.js";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
apiKey: "AIzaSyAWQykJ34RIrhV9oRw3S_co-kFrilqB-gs",
authDomain: "seekpay-by-codever.firebaseapp.com",
projectId: "seekpay-by-codever",
storageBucket: "seekpay-by-codever.appspot.com",
messagingSenderId: "93806090712",
appId: "1:93806090712:web:8be60c4d9753521a65baad",
measurementId: "G-SX0LDHJVCX"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
</script>
<script src="app.js"></script>
</body>
</html>