{"id":6516,"date":"2024-06-13T22:31:50","date_gmt":"2024-06-13T20:31:50","guid":{"rendered":"https:\/\/france.euronixa.eu\/?page_id=6516"},"modified":"2024-06-13T22:43:43","modified_gmt":"2024-06-13T20:43:43","slug":"proofpad-dao","status":"publish","type":"page","link":"https:\/\/france.euronixa.eu\/en\/proofpad-dao\/","title":{"rendered":"Proofpad dao"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">\t\t\n\t\t<div class=\"vc_row wpb_row vc_row-fluid vc_row-6a6640a32c975\">\t\t\n\t\t<div class=\"wpb_column vc_column_container vc_col-sm-12 vc_column_container-6a6640a32ce63\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>ProofPad DAO - Interface<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/your-css-file-url.css\"> <!-- Ajoutez l'URL de votre fichier CSS ici -->\n<\/head>\n<body>\n    <div class=\"container\">\n        <h2>ProofPad DAO<\/h2>\n        <button onclick=\"connectMetamask()\">Connect with Metamask<\/button>\n\n        <div id=\"dashboard\">\n            <h2>Tableau de Bord Principal<\/h2>\n            <p>Solde Total de la DAO : 1,200,000 \u20ac<\/p>\n            <p>R\u00e9partition des Fonds :<\/p>\n            <ul>\n                <li>R\u00e9serve pour les Salaires : 350,000 \u20ac<\/li>\n                <li>Fonds de D\u00e9veloppement : 400,000 \u20ac<\/li>\n                <li>R\u00e9compenses Communautaires : 200,000 \u20ac<\/li>\n                <li>Marketing et Expansion : 150,000 \u20ac<\/li>\n                <li>Frais Op\u00e9rationnels : 100,000 \u20ac<\/li>\n            <\/ul>\n\n            <h2>Gestion des Salaires<\/h2>\n            <div class=\"form-group\">\n                <input type=\"text\" placeholder=\"Adresse de l'employ\u00e9\" id=\"employeeAddress\">\n                <input type=\"number\" placeholder=\"Salaire mensuel en PPD\" id=\"employeeSalary\">\n                <button onclick=\"setEmployeeSalary()\">Ajouter Employ\u00e9<\/button>\n            <\/div>\n            <table>\n                <thead>\n                    <tr>\n                        <th>Adresse de l'Employ\u00e9<\/th>\n                        <th>Salaire Mensuel (PPD)<\/th>\n                        <th>Dernier Paiement<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody id=\"employeeList\">\n                    <!-- Liste des employ\u00e9s -->\n                <\/tbody>\n            <\/table>\n\n            <h2>Propositions et Votes<\/h2>\n            <div class=\"form-group\">\n                <input type=\"text\" placeholder=\"Description de la proposition\" id=\"proposalDescription\">\n                <button onclick=\"createProposal()\">Soumettre Proposition<\/button>\n            <\/div>\n            <table>\n                <thead>\n                    <tr>\n                        <th>ID de la Proposition<\/th>\n                        <th>Description<\/th>\n                        <th>Votes Pour<\/th>\n                        <th>Votes Contre<\/th>\n                        <th>Statut<\/th>\n                        <th>Actions<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody id=\"proposalList\">\n                    <!-- Liste des propositions -->\n                <\/tbody>\n            <\/table>\n\n            <h2>R\u00e9partition des Tokenomics<\/h2>\n            <canvas id=\"tokenomicsChart\"><\/canvas>\n\n            <h2>Market Cap et Total Supply<\/h2>\n            <canvas id=\"marketCapChart\"><\/canvas>\n\n            <h2>Statistiques sur la Total Supply<\/h2>\n            <canvas id=\"totalSupplyChart\"><\/canvas>\n\n            <h2>Statistiques sur le Market Cap<\/h2>\n            <canvas id=\"marketCapStatsChart\"><\/canvas>\n\n            <h2>Pr\u00e9vision du Chiffre d'Affaires sur Cinq Ans<\/h2>\n            <canvas id=\"revenueForecastChart\"><\/canvas>\n\n            <h2>Investisseurs et D\u00e9p\u00f4ts<\/h2>\n            <canvas id=\"investorDepositChart\"><\/canvas>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/web3@1.3.0\/dist\/web3.min.js\"><\/script>\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            async function connectMetamask() {\n                if (window.ethereum) {\n                    try {\n                        await window.ethereum.request({ method: 'eth_requestAccounts' });\n                        window.web3 = new Web3(window.ethereum);\n                        console.log('Metamask connected');\n                    } catch (error) {\n                        console.error(error);\n                    }\n                } else {\n                    alert('Metamask not found');\n                }\n            }\n\n            const employeeList = document.getElementById('employeeList');\n            const proposalList = document.getElementById('proposalList');\n\n            function setEmployeeSalary() {\n                const address = document.getElementById('employeeAddress').value;\n                const salary = document.getElementById('employeeSalary').value;\n\n                \/\/ Appel du smart contract pour d\u00e9finir le salaire de l'employ\u00e9\n                \/\/ contract.setEmployeeSalary(address, salary);\n                \n                \/\/ Ajouter l'employ\u00e9 \u00e0 la liste (\u00e0 supprimer une fois la blockchain impl\u00e9ment\u00e9e)\n                const row = document.createElement('tr');\n                row.innerHTML = `<td>${address}<\/td><td>${salary}<\/td><td>---<\/td>`;\n                employeeList.appendChild(row);\n            }\n\n            function createProposal() {\n                const description = document.getElementById('proposalDescription').value;\n\n                \/\/ Appel du smart contract pour cr\u00e9er une proposition\n                \/\/ contract.createProposal(description);\n                \n                \/\/ Ajouter la proposition \u00e0 la liste (\u00e0 supprimer une fois la blockchain impl\u00e9ment\u00e9e)\n                const row = document.createElement('tr');\n                row.innerHTML = `<td>#1<\/td><td>${description}<\/td><td>0<\/td><td>0<\/td><td>En cours<\/td><td><button onclick=\"voteProposal(1, true)\">Pour<\/button><button onclick=\"voteProposal(1, false)\">Contre<\/button><\/td>`;\n                proposalList.appendChild(row);\n            }\n\n            function voteProposal(id, support) {\n                \/\/ Appel du smart contract pour voter sur une proposition\n                \/\/ contract.vote(id, support);\n\n                \/\/ Mettre \u00e0 jour le statut du vote (\u00e0 supprimer une fois la blockchain impl\u00e9ment\u00e9e)\n                const row = proposalList.querySelector(`tr[data-id='${id}']`);\n                const votesFor = row.querySelector('.votes-for');\n                const votesAgainst = row.querySelector('.votes-against');\n                if (support) {\n                    votesFor.textContent = parseInt(votesFor.textContent) + 1;\n                } else {\n                    votesAgainst.textContent = parseInt(votesAgainst.textContent) + 1;\n                }\n            }\n\n            \/\/ R\u00e9partition des Tokenomics\n            const ctx = document.getElementById('tokenomicsChart').getContext('2d');\n            const tokenomicsChart = new Chart(ctx, {\n                type: 'pie',\n                data: {\n                    labels: ['R\u00e9serve DAO', '\u00c9quipe Fondatrice', 'Investisseurs', 'R\u00e9compenses Communautaires', 'D\u00e9veloppement', 'Autres'],\n                    datasets: [{\n                        label: 'Tokenomics',\n                        data: [300000000, 200000000, 200000000, 100000000, 100000000, 100000000], \/\/ en PPD\n                        backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF', '#FF9F40']\n                    }]\n                },\n                options: {\n                    responsive: true\n                }\n            });\n\n            \/\/ Market Cap et Total Supply\n            const ctxMarketCap = document.getElementById('marketCapChart').getContext('2d');\n            const marketCapChart = new Chart(ctxMarketCap, {\n                type: 'bar',\n                data: {\n                    labels: ['Market Cap', 'Total Supply'],\n                    datasets: [{\n                        label: 'Valeur en euros',\n                        data: [1200000, 1000000000], \/\/ Market Cap et Total Supply en PPD\n                        backgroundColor: ['#36A2EB', '#FFCE56']\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    scales: {\n                        y: {\n                            beginAtZero: true\n                        }\n                    }\n                }\n            });\n\n            \/\/ Statistiques sur la Total Supply\n            const ctxTotalSupply = document.getElementById('totalSupplyChart').getContext('2d');\n            const totalSupplyChart = new Chart(ctxTotalSupply, {\n                type: 'doughnut',\n                data: {\n                    labels: ['Total Supply Utilis\u00e9e', 'Total Supply Restante'],\n                    datasets: [{\n                        label: 'Total Supply',\n                        data: [350000000, 650000000], \/\/ Total Supply utilis\u00e9e et restante en PPD\n                        backgroundColor: ['#4BC0C0', '#FF9F40']\n                    }]\n                },\n                options: {\n                    responsive: true\n                }\n            });\n\n            \/\/ Statistiques sur le Market Cap\n            const ctxMarketCapStats = document.getElementById('marketCapStatsChart').getContext('2d');\n            const marketCapStatsChart = new Chart(ctxMarketCapStats, {\n                type: 'line',\n                data: {\n                    labels: ['2024', '2025', '2026', '2027', '2028'],\n                    datasets: [{\n                        label: 'Market Cap (en millions d\\'euros)',\n                        data: [1.2, 1.4, 1.6, 1.8, 2.0], \/\/ Market Cap en millions d'euros\n                        borderColor: '#36A2EB',\n                        fill: false,\n                        tension: 0.1\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    scales: {\n                        y: {\n                            beginAtZero: true,\n                            ticks: {\n                                callback: function(value) {\n                                    return value + 'M\u20ac';\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n\n            \/\/ Pr\u00e9vision du Chiffre d'Affaires sur Cinq Ans\n            const ctxRevenueForecast = document.getElementById('revenueForecastChart').getContext('2d');\n            const revenueForecastChart = new Chart(ctxRevenueForecast, {\n                type: 'bar',\n                data: {\n                    labels: ['2024', '2025', '2026', '2027', '2028'],\n                    datasets: [{\n                        label: 'Chiffre d\\'Affaires (en millions d\\'euros)',\n                        data: [1.2816, 1.43256, 1.604616, 1.792392, 2.013768], \/\/ Chiffre d'Affaires en millions d'euros\n                        backgroundColor: '#FFCE56'\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    scales: {\n                        y: {\n                            beginAtZero: true,\n                            ticks: {\n                                callback: function(value) {\n                                    return value + 'M\u20ac';\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n\n            \/\/ Investisseurs et D\u00e9p\u00f4ts\n            const ctxInvestorDeposit = document.getElementById('investorDepositChart').getContext('2d');\n            const investorDepositChart = new Chart(ctxInvestorDeposit, {\n                type: 'pie',\n                data: {\n                    labels: ['Investisseur A', 'Investisseur B', 'Investisseur C', 'Investisseur D'],\n                    datasets: [{\n                        label: 'D\u00e9p\u00f4ts des Investisseurs (en euros)',\n                        data: [300000, 250000, 200000, 150000], \/\/ D\u00e9p\u00f4ts des investisseurs en euros\n                        backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0']\n                    }]\n                },\n                options: {\n                    responsive: true\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"ProofPad DAO - Interface ProofPad DAO Connect with Metamask Tableau de Bord Principal Solde Total de la DAO : 1,200,000 \u20ac R\u00e9partition des Fonds : R\u00e9serve pour les Salaires : 350,000 \u20ac Fonds de D\u00e9veloppement : 400,000 \u20ac R\u00e9compenses Communautaires : 200,000 \u20ac Marketing et Expansion : 150,000 \u20ac Frais Op\u00e9rationnels : 100,000 \u20ac Gestion [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6516","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/france.euronixa.eu\/en\/wp-json\/wp\/v2\/pages\/6516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/france.euronixa.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/france.euronixa.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/france.euronixa.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/france.euronixa.eu\/en\/wp-json\/wp\/v2\/comments?post=6516"}],"version-history":[{"count":4,"href":"https:\/\/france.euronixa.eu\/en\/wp-json\/wp\/v2\/pages\/6516\/revisions"}],"predecessor-version":[{"id":6520,"href":"https:\/\/france.euronixa.eu\/en\/wp-json\/wp\/v2\/pages\/6516\/revisions\/6520"}],"wp:attachment":[{"href":"https:\/\/france.euronixa.eu\/en\/wp-json\/wp\/v2\/media?parent=6516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}