Histórico da Página

HTML
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <title>Calculadora do Ecossistema TOTVS Agro TOTVS Agro Bioenergia</title>
    <style>
        body {
            font-family: 'Segoe UI', Arial, sans-serif;
            margin: 40px;
            background: #f4f8fb;
            color: #080808;
        }
        h1 {
            color: #080808;
            background: #e3f2fd;
            padding: 16px;
            border-radius: 8px;
            margin-bottom: 30px;
            box-shadow: 0 2px 8px #f4f4f51a;
        }
        label {
            color: #0a0a0a;
            font-weight: bold;
            margin-right: 10px;
        }
        select {
            padding: 6px 12px;
            border: 1px solid #90caf9;
            border-radius: 6px;
            background: #e3f2fd;
            color: #0d0d0e;
            margin-bottom: 20px;
            margin-right: 20px;
            font-size: 1em;
        }
        h2 {
            background: #bbdefb;
            color: #0a0a0a;
            padding: 10px;
            border-radius: 6px;
            margin-top: 30px;
            margin-bottom: 10px;
        }
        table {
            border-collapse: collapse;
            width: 100%;
            margin-bottom: 40px;
            background: #e3f2fd;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px #1565c01a;
        }
        th, td {
            border: 1px solid #90caf9;
            padding: 10px;
            text-align: left;
        }
        th {
            background: #0c0c0c;
            color: #fff;
            font-weight: bold;
        }
        tr:nth-child(even) td {
            background: #f4f8fb;
        }
        tr:hover td {
            background: #bbdefb;
        }
        .produto {
            font-weight: bold;
            background: #030303;
        }
        @media (max-width: 700px) {
            body { margin: 10px; }
            table, th, td { font-size: 0.95em; }
            h1 { font-size: 1.3em; }
        }
    </style>
</head>
<body>

    <br><br>
    <label for="produtoFiltroSelect">Produto:</label>
    <select id="produtoFiltroSelect"></select>
    <label for="userTotalSelect">Usuários (total):</label>
    <select id="userTotalSelect"></select>    
	<br><br>
    <div id="tables"></div>
    <script>
        const csvData = `
Produto,UsuariosTotal,UsuariosConcorrentes,Requisito,Descricao,Valor 
TOTVS Agro Bioenergia,1000-1500,500,Servidor aplicação,Processador,8"10 VCPU -ou 2superior processadoresIntel® Xeon® Intel(R) Xeon(R) Gold 6248R CPU @ 3.00GHz / GenuineIntel / Speed 3.00 GHz / Cores 4 / Theads 4 / Model 63 / Stepping 0
6520P Processor 144M Cache, 2.40 GHz"
TOTVS Agro Bioenergia,1000-1500,500,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022
TOTVS Agro Bioenergia,1000-1500,500,Servidor aplicação,Memória,16 GB DDR5 5600MHz ou superior
TOTVS Agro Bioenergia,1000-1500,500,Servidor aplicação,Disco,300 GB
TOTVS Agro Bioenergia,1000-1500,500,Servidor aplicação,Servidores,1
TOTVS Agro Bioenergia,1000-1500,500,Servidor Go Global,Servidores,50
BioenergiaTOTVS Agro Bioenergia,1000-1500,500,Banco de Dados,Versão,Oracle Server 19c
TOTVS Agro Bioenergia,1000-1500,500,Banco de Dados,Processador,"Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz (Número de núcleos 24, Total de threads 48) ou superior"
TOTVS Agro Bioenergia,1000-1500,500,Banco de Dados,Memória,32 GB DDR5 5600MHz ou superior
TOTVS Agro Bioenergia,1000-1500,500,Banco de Dados,Disco,2 TB
TOTVS Agro Bioenergia,1000-1500,500,Banco de Dados,Servidores,1
CCTTOTVS Agro Pesagem Offline,1000-1500,500,Servidor aplicação,Processador,"10 + VCPU ou superior Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
CCTTOTVS Agro Pesagem Offline,1000-1500,500,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022 (ou) Linux RedHat AS
CCTTOTVS Agro Pesagem Offline,1000-1500,500,Servidor aplicação,Memória,32GB DDR5 5600MHz ou superior
CCTTOTVS Agro Pesagem Offline,1000-1500,500,Servidor aplicação,Disco,300GB Disco
CCTTOTVS Agro Pesagem Offline,1000-1500,500,Servidor aplicação,Servidores,1
TOTVS Agro PIMS Server,1000-1500,500,Servidor aplicação,Processador,"12+ VCPU ou superior -  Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"""
TOTVS Agro PIMS Server,1000-1500,500,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022 (ou) Linux RedHat AS
TOTVS Agro PIMS Server,1000-1500,500,Servidor aplicação,Memória,48GB RAM
TOTVS Agro PIMS Server,1000-1500,500,Servidor aplicação,Disco,500GB Disco
TOTVS Agro PIMS Server,1000-1500,500,Servidor aplicação,Servidores,1
TOTVS Agro Bioenergia,600-1000,400,Servidor aplicação,Processador,"8 VCPU  ou Superior  - Processador Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
TOTVS Agro Bioenergia,600-1000,400,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022
TOTVS Agro Bioenergia,600-1000,400,Servidor aplicação,Memória,16 GB DDR5 5600MHz ou superior
TOTVS Agro Bioenergia,600-1000,400,Servidor aplicação,Disco,300 GB
TOTVS Agro Bioenergia,600-1000,400,Servidor aplicação,Servidores,1
TOTVS Agro Bioenergia,600-1000,400,Servidor Go Global,Servidores,35
BioenergiaTOTVS Agro Bioenergia,600-1000,400,Banco de Dados,Versão,Oracle Server 19c
TOTVS Agro Bioenergia,600-1000,400,Banco de Dados,Processador,"4+ VCPU ou superior - Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz (Número de núcleos 24, Total de threads 48) ou superior"
"
TOTVS Agro Bioenergia,600-1000,400,Banco de Dados,Memória,32 GB DDR5 5600MHz ou superior
TOTVS Agro Bioenergia,600-1000,400,Banco de Dados,Disco,"1,5 TB"
TOTVS Agro Bioenergia,600-1000,400,Banco de Dados,Servidores,1
CCTTOTVS Agro Pesagem Offline,600-1000,400,Servidor aplicação,Processador,"8 + VCPU ou superior Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
CCTTOTVS Agro Pesagem Offline,600-1000,400,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022 (ou) Linux RedHat AS
CCTTOTVS Agro Pesagem Offline,600-1000,400,Servidor aplicação,Memória,24 GB DDR5 5600MHz ou superior
CCTTOTVS Agro Pesagem Offline,600-1000,400,Servidor aplicação,Disco,300GB Disco
CCTTOTVS Agro Pesagem Offline,600-1000,400,Servidor aplicação,Servidores,1
TOTVS Agro PIMS Server,600-1000,400,Servidor aplicação,Processador,"10+ VCPU ou superior -  Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
TOTVS Agro PIMS Server,600-1000,400,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022 (ou) Linux RedHat AS
TOTVS Agro PIMS Server,600-1000,400,Servidor aplicação,Memória,36 GB DDR5 5600MHz ou superior
TOTVS Agro PIMS Server,600-1000,400,Servidor aplicação,Disco,500GB Disco
TOTVS Agro PIMS Server,600-1000,400,Servidor aplicação,Servidores,1
TOTVS Agro Bioenergia,250-600,200,Servidor aplicação,Processador,"8  VCPU  ou Superiorsuperior  - Processador Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
TOTVS Agro Bioenergia,250-600,200,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022
TOTVS Agro Bioenergia,250-600,200,Servidor aplicação,Memória,16 GB DDR5 5600MHz ou superior
TOTVS Agro Bioenergia,250-600,200,Servidor aplicação,Disco,300 GB
TOTVS Agro Bioenergia,250-600,200,Servidor aplicação,Servidores,1
TOTVS Agro Bioenergia,250-600,200,Servidor Go Global,Servidores,20
TOTVS Agro Bioenergia,250-600,200,Banco de Dados,Versão,Oracle Server 19c
TOTVS Agro Bioenergia,250-600,200,Banco de Dados,Processador,"4+  VCPU ou superior - Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz (Número de núcleos 24, Total de threads 48) ou superior"
"
TOTVS Agro Bioenergia,250-600,200,Banco de Dados,Memória,24 GB DDR5 5600MHz ou superior
TOTVS Agro Bioenergia,250-600,200,Banco de Dados,Disco,1 TB
TOTVS Agro Bioenergia,250-600,200,Banco de Dados,Servidores,1
CCTTOTVS Agro Pesagem Offline,250-600,200,Servidor aplicação,Processador,"6 + VCPU ou superior Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
CCTTOTVS Agro Pesagem Offline,250-600,200,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022 (ou) Linux RedHat AS
CCTTOTVS Agro Pesagem Offline,250-600,200,Servidor aplicação,Memória,16 GB DDR5 5600MHz ou superior
CCTTOTVS Agro Pesagem Offline,250-600,200,Servidor aplicação,Disco,300GB Disco
CCTTOTVS Agro Pesagem Offline,250-600,200,Servidor aplicação,Servidores,1
TOTVS Agro PIMS Server,250-600,200,Servidor aplicação,Processador,"8+ VCPU ou superior - Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
TOTVS Agro PIMS Server,250-600,200,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022 (ou) Linux RedHat AS
TOTVS Agro PIMS Server,250-600,200,Servidor aplicação,Memória,24 GB DDR5 5600MHz ou superior
TOTVS Agro PIMS Server,250-600,200,Servidor aplicação,Disco,500GB Disco
TOTVS Agro PIMS Server,250-600,200,Servidor aplicação,Servidores,1
TOTVS Agro Bioenergia,1-250,50,Servidor aplicação,Processador,"4  VCPU ou Superior  - Processadorsuperior Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
TOTVS Agro Bioenergia,1-250,50,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022
TOTVS Agro Bioenergia,1-250,50,Servidor aplicação,Memória,16 GB DDR5 5600MHz ou superior
TOTVS Agro Bioenergia,1-250,50,Servidor aplicação,Disco,300 GB
TOTVS Agro Bioenergia,1-250,50,Servidor aplicação,Servidores,1
TOTVS Agro Bioenergia,1-250,50,Servidor Go Global,Servidores,10
TOTVS Agro Bioenergia,1-250,50,Banco de Dados,Versão,Oracle Server 19c
TOTVS Agro Bioenergia,1-250,50,Banco de Dados,Processador,"4+  VCPU ou superior - Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
TOTVS (Número de núcleos 24, Total de threads 48) ou superior"
Bioenergia,1-250,50,Banco de Agro Bioenergia,1-250,50,Banco de Dados,Memória,16 GB DDR5 5600MHz ou superior
TOTVS Agro Bioenergia,1-250,50,Banco de Dados,Disco,500 GB
TOTVS Agro Bioenergia,1-250,50,Banco de Dados,Servidores,1
CCTTOTVS Agro Pesagem Offline,1-250,50,Servidor aplicação,Processador,"4 + VCPU ou superior Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
CCTTOTVS Agro Pesagem Offline,1-250,50,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022 (ou) Linux RedHat AS
CCTTOTVS Agro Pesagem Offline,1-250,50,Servidor aplicação,Memória,16 GB DDR5 5600MHz ou superior
CCTTOTVS Agro Pesagem Offline,1-250,50,Servidor aplicação,Disco,300GB Disco
CCTTOTVS Agro Pesagem Offline,1-250,50,Servidor aplicação,Servidores,1
TOTVS Agro PIMS Server,1-250,50,Servidor aplicação,Processador,"4+ VCPU ou superior - Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
TOTVS Agro PIMS Server,1-250,50,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022 (ou) Linux RedHat AS
TOTVS Agro PIMS Server,1-250,50,Servidor aplicação,Memória,16GB DDR5 5600MHz ou superior
TOTVS Agro PIMS Server,1-250,50,Servidor aplicação,Disco,300GB Disco
TOTVS Agro PIMS Server,1-250,50,Servidor aplicação,Servidores,1
TOTVS Agro Indústria,1-250,50,Servidor aplicação,Processador,"4 VCPU ou Superior  - Processador Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
TOTVS Agro Indústria,1-250,50,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022
TOTVS Agro Indústria,1-250,50,Servidor aplicação,Memória,12 GB DDR5 5600MHz ou superior
TOTVS Agro Indústria,1-250,50,Servidor aplicação,Disco,300 GB
TOTVS Agro Indústria,1-250,50,Servidor aplicação,Servidores,1
TOTVS Agro Indústria,1-250,50,Servidor Go Global,Servidores,10
TOTVS Agro Indústria,250-600,200,Servidor aplicação,Processador,"8 VCPU  ou Superior  - Processador Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
TOTVS Agro Indústria,250-600,200,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022
TOTVS Agro Indústria,250-600,200,Servidor aplicação,Memória,16 GB DDR5 5600MHz ou superior
TOTVS Agro Indústria,250-600,200,Servidor aplicação,Disco,300 GB
TOTVS Agro Indústria,250-600,200,Servidor aplicação,Servidores,1
TOTVS Agro Indústria,250-600,200,Servidor Go Global,Servidores,20
TOTVS Agro Indústria,600-1000,400,Servidor aplicação,Processador,"8 VCPU ou Superior  - Processador Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
TOTVS Agro Indústria,600-1000,400,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022
TOTVS Agro Indústria,600-1000,400,Servidor aplicação,Memória,16 GB DDR5 5600MHz ou superior
TOTVS Agro Indústria,600-1000,400,Servidor aplicação,Disco,300 GB
TOTVS Agro Indústria,600-1000,400,Servidor aplicação,Servidores,1
TOTVS Agro Indústria,600-1000,400,Servidor Go Global,Servidores,35
TOTVS Agro Indústria,1000-1500,500,Servidor aplicação,Processador,"8 VCPU ou Superior  - Processador Intel® Xeon® 6520P Processor 144M Cache, 2.40 GHz"
TOTVS Agro Indústria,1000-1500,500,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022
TOTVS Agro Indústria,1000-1500,500,Servidor aplicação,Memória,24 GB DDR5 5600MHz ou superior
TOTVS Agro Indústria,1000-1500,500,Servidor aplicação,Disco,300 GB
TOTVS Agro Indústria,1000-1500,500,Servidor aplicação,Servidores,1
TOTVS Agro Indústria,1000-1500,500,Servidor Go Global,Servidores,50
TOTVS Agro LGPD,-,Sem Variação,Servidor aplicação,Processador,"4+ VCPU ou superior - Intel® Xeon® Gold 5415+ Processor (22.5M Cache, 2.90 GHz)"
TOTVS Agro LGPD,-,Sem Variação,Servidor aplicação,SO,Windows Server 2019 (ou) Windows Server 2022 (ou) Linux RedHat AS
TOTVS Agro LGPD,-,Sem Variação,Servidor aplicação,Memória,8 GB DDR5 5600MHz ou superior
TOTVS Agro LGPD,-,Sem Variação,Servidor aplicação,Disco,20 GB
TOTVS Agro LGPD,-,Sem Variação,Banco de Dados,Versão,"PostgreSQL 14, SQLServer 2016  e Oracle 19c"
TOTVS Agro LGPD,-,Sem Variação,Banco de Dados,Servidores,1
TOTVS Agro Conector Client,-,Sem Variação,Servidor aplicação,Processador,"4 VCPU - Intel® Xeon® Gold 5415+ Processor (22.5M Cache, 2.90 GHz)"
TOTVS Agro Conector Client,-,Sem Variação,Servidor aplicação,SO,Windows Server 2019 & Red Hat 8 ou Superior
TOTVS Agro Conector Client,-,Sem Variação,Servidor aplicação,Memória,8 GB DDR5 5600MHz ou superior
TOTVS Agro Conector Client,-,Sem Variação,Servidor aplicação,Disco,20 GB
TOTVS Agro Conector Client,-,Sem Variação,Banco de Dados,Versão,PostgreSQL 14 & Oracle 19c
TOTVS Agro API HUB,-,Sem Variação,Servidor aplicação,Processador,"4+ VCPU ou superior - CPU Intel® Xeon® Gold 5415+ Processor (22.5M Cache, 2.90 GHz) "
TOTVS Agro API HUB,-,Sem Variação,Servidor aplicação,SO,"Windows Server 2019 (ou) Windows Server 2022 (ou) Linux RedHat AS"""
TOTVS Agro API HUB,-,Sem Variação,Servidor aplicação,Memória,12 GB DDR5 5600MHz ou superior
TOTVS Agro API HUB,-,Sem Variação,Servidor aplicação,Disco,30 GB
TOTVS Agro API HUB,-,Sem Variação,Banco de Dados,Versão,PostgreSQL 14 & Oracle 19c
TOTVS Agro Connecta Dados ,-,Sem Variação,Servidor aplicação,Processador,"4+ VCPU ou superior - Intel® Xeon® Gold 5415+ Processor (22.5M Cache, 2.90 GHz)"
TOTVS Agro Connecta Dados ,-,Sem Variação,Servidor aplicação,SO,Windows Server 2019 & Red Hat 8 ou Superior
TOTVS Agro Connecta Dados ,-,Sem Variação,Servidor aplicação,Memória,8 GB DDR5 5600MHz ou superior
TOTVS Agro Connecta Dados ,-,Sem Variação,Servidor aplicação,Disco,40GB
TOTVS Agro Connecta Dados ,-,Sem Variação,Banco de Dados,Versão,"PostgreSQL 14 , Oracle 19c"
TOTVS Agro T-Provider,-,Sem Variação,Servidor aplicação,Processador,"4+ VCPU ou superior - Intel® Xeon® Gold 5415+ Processor (22.5M Cache, 2.90 GHz)"
TOTVS Agro T-Provider,-,Sem Variação,Servidor aplicação,SO,Windows Server 2019 & Red Hat 8 ou Superior
TOTVS Agro T-Provider,-,Sem Variação,Servidor aplicação,Memória,4 GB
TOTVS Agro T-Provider,-,Sem Variação,Servidor aplicação,Disco,20 GB
TOTVS Agro T-Provider,-,Sem Variação,Banco de Dados,Versão,"Oracle 19c , Microsoft SQL Server 2019 , PostgreSQL 10 ou superior"
TOTVS Agro Minha Borracharia,-,Sem Variação,Servidor aplicação,Processador,"4 VCPU - Intel® Xeon® Gold 5415+ Processor (22.5M Cache, 2.90 GHz)"
TOTVS Agro Minha Borracharia,-,Sem Variação,Servidor aplicação,SO,Windows Server 2019 & Red Hat 8 ou Superior
TOTVS Agro Minha Borracharia,-,Sem Variação,Servidor aplicação,Memória,6 GB DDR5 5600MHz ou superior
TOTVS Agro Minha Borracharia,-,Sem Variação,Servidor aplicação,Disco,20 GB
TOTVS Agro Minha Borracharia,-,Sem Variação,Banco de Dados,Versão,"PostgreSQL 14 , Oracle 19c , Microsoft SQL Server 2019"
TOTVS Agro Mobilidade Manfro,-,Sem Variação,Servidor aplicação,Processador,"4+ VCPU ou superior - Intel® Xeon® Gold 5415+ Processor (22.5M Cache, 2.90 GHz)"
TOTVS Agro Mobilidade Manfro,-,Sem Variação,Servidor aplicação,SO,Windows Server 2019 & Red Hat 8 ou Superior
TOTVS Agro Mobilidade Manfro,-,Sem Variação,Servidor aplicação,Memória,6 GB
TOTVS Agro Mobilidade Manfro,-,Sem Variação,Servidor aplicação,Disco,20 GB
TOTVS Agro Mobilidade Manfro,-,Sem Variação,Banco de Dados,Versão,"PostgreSQL 14 , Oracle 19c , Microsoft SQL Server 2019"
TOTVS Agro Meu Laboratório Industrial,-,Sem Variação,Servidor aplicação,Processador,"4+ VCPU ou superior - Intel® Xeon® Gold 5415+ Processor (22.5M Cache, 2.90 GHz)"
TOTVS Agro Meu Laboratório Industrial,-,Sem Variação,Servidor aplicação,SO,Windows Server 2019 & Red Hat 8 ou Superior
TOTVS Agro Meu Laboratório Industrial,-,Sem Variação,Servidor aplicação,Memória,6 GB DDR5 5600MHz ou superior
TOTVS Agro Meu Laboratório Industrial,-,Sem Variação,Servidor aplicação,Disco,20 GB`.trim();

        function getProdutoOptions(data) {
            const ordem = [
            "TOTVS Agro Bioenergia",
            "TOTVS Agro Indústria",
            "TOTVS Agro PIMS Server",
            "TOTVS Agro API HUB",
            "TOTVS Agro Conector Client",
            "TOTVS Agro Connecta Dados ",
            "TOTVS Agro T-Provider",
            "TOTVS Agro LGPD",
            "TOTVS Agro Meu Laboratório Industrial",
            "TOTVS Agro Minha Borracharia",
            "TOTVS Agro Mobilidade Manfro",
            "TOTVS Agro Pesagem Offline"
            
            ];
            const set = new Set();
            data.forEach(row => set.add(row['Produto']));
            const produtos = Array.from(set).filter(v => v && v !== '');
            // Ordena conforme a ordem definida, os não encontrados vão para o final em ordem alfabética
         const set = new Set();return [
            data.forEach(row...ordem.filter(p => setprodutos.add(row['Produto']includes(p));,
            return Array.from(set)...produtos.filter(vp => v && v !== '' !ordem.includes(p)).sort()
            ];
        }

        function parseCSV(text) {
            const lines = text.split(/\r?\n/).filter(l => l.trim());
            const header = lines[0].split(',');
            return lines.slice(1).map(line => {
                const regex = /(".*?"|[^",]+)(?=\s*,|\s*$)/g;
                const matches = line.match(regex) || [];
                return header.reduce((obj, key, i) => {
                    obj[key.trim()] = (matches[i] || '').replace(/^"|"$/g, '').replace(/""/g, '"');
                    return obj;
                }, {});
            });
        }

        function groupByUserTotal(data, produtoFiltro) {
            const groups = {};
            data.forEach(row => {
                if (produtoFiltro && row['Produto'] !== produtoFiltro) return;
                const userTotal = row['UsuariosTotal'] || '-';
                if (!groups[userTotal]) groups[userTotal] = [];
                groups[userTotal].push(row);
            });
            return groups;
        }

        function getUserTotalOptions(data, produtoFiltro) {
            const set = new Set();
            data.forEach(row => {
                if (produtoFiltro && row['Produto'] !== produtoFiltro) return;
                set.add(row['UsuariosTotal'] || '-');
            });
            // Remova o filtro para incluir o "-"
            return Array.from(set)
                .sort((a, b) => {
                    // '-' sempre vai para o final
                    if (a === '-') return 1;
                    if (b === '-') return -1;
                    const getMin = str => {
                        const match = str.match(/(\d+)/);
                        return match ? parseInt(match[1], 10) : Number.MAX_SAFE_INTEGER;
                    };
                    return getMin(a) - getMin(b);
                });
        }

        function renderTables(groups, selectedUserTotal, produtoFiltro) {
            const container = document.getElementById('tables');
            container.innerHTML = '';
            const group = groups[selectedUserTotal];
            if (!group) {
                container.innerHTML = '<p>Nenhum dado para este grupo.</p>';
                return;
            }
            const h2 = document.createElement('h2');     
		h2.innerHTML = `<div style="margin-bottom:16px;">
        <strong>Produto:</strong> ${produtoFiltro}
        <strong>Usuários (total):</strong> ${selectedUserTotal}
    </div>`;container.appendChild(h2);

            const table = document.createElement('table');
            const thead = document.createElement('thead');
            thead.innerHTML = `<tr>
    <th style="text-align:left;">Produto</th>
    <th></th>
    <th>Usuários (concorrentes)</th>
    <th></th>
    <th style="text-align:left;">Requisito</th>
    <th></th>
    <th style="text-align:left;" >Descrição</th>
    <th></th>
    <th style="text-align:left;">Valor</th>
</tr>`;
            table.appendChild(thead);

            const tbody = document.createElement('tbody');
            group.forEach(row => {
                const tr = document.createElement('tr');
                tr.innerHTML = `
        <td>${row['Produto']}</td>
        <td></td>
        <td style="text-align:center;">${row['UsuariosConcorrentes']}</td>
        <td></td>
        <td>${row['Requisito']}</td>
        <td></td>
        <td>${row['Descricao']}</td>
        <td></td>
        <td>${row['Valor']}</td>
    `;
                tbody.appendChild(tr);
            });
            table.appendChild(tbody);
            container.appendChild(table);
        }

        // Executa ao carregar
        const data = parseCSV(csvData);
        const produtoOptions = getProdutoOptions(data);

        const produtoSelect = document.getElementById('produtoFiltroSelect');
        produtoOptions.forEach(opt => {
            const option = document.createElement('option');
            option.value = opt;
            option.textContent = opt;
            produtoSelect.appendChild(option);
        });

        let produtoFiltro = produtoSelect.value;

        function updateUserTotalSelect() {
            const userTotalOptions = getUserTotalOptions(data, produtoFiltro);
            const select = document.getElementById('userTotalSelect');
            select.innerHTML = '';
            userTotalOptions.forEach(opt => {
                const option = document.createElement('option');
                option.value = opt;
                option.textContent = opt;
                select.appendChild(option);
            });
        }

        function updateTable() {
            const userTotal = document.getElementById('userTotalSelect').value;
            const groups = groupByUserTotal(data, produtoFiltro);
            renderTables(groups, userTotal, produtoFiltro);
        }

        produtoSelect.addEventListener('change', function() {
            produtoFiltro = produtoSelect.value;
            updateUserTotalSelect();
            updateTable();
        });

        document.getElementById('userTotalSelect').addEventListener('change', function() {
            updateTable();
        });

        updateUserTotalSelect();
        updateTable();
    </script>
<br><br> <br><br>
  </body>
</html>
Páginas filhas

Versões comparadas

Versão antiga 49

Nova versão Atual

Chave
