Spaces:

drguilhermeapolinario
/

Flamengo

Running

App Files Files Community

drguilhermeapolinario commited on Oct 17, 2024

Commit

9ce4842

verified ·

1 Parent(s): fa8af2c

Update views/pdf_chat.py

Browse files

Files changed (1) hide show

views/pdf_chat.py +498 -1

views/pdf_chat.py CHANGED Viewed

@@ -137,8 +137,505 @@ if nested_menu == "Incidências radiológicas":
     Feito com ❤️ e ☕ por **[Dr. Guilherme]**
     """)
-elif nested_menu == "RAG":
     st.header("RAG")
 elif nested_menu == "Geral":
     st.header("Geral")

     Feito com ❤️ e ☕ por **[Dr. Guilherme]**
     """)
+elif nested_menu == "RAG":
+    import pathlib
+    import streamlit as st
+    import streamlit.components.v1 as components
+    from streamlit_extras.add_vertical_space import add_vertical_space
     st.header("RAG")
+    static_dir = pathlib.Path('static').absolute()
+    html_with_js= ''
+    @st.fragment
+    def estilo():
+        css_file_path = static_dir / 'styles.css'
+        if css_file_path.exists():
+            with open(css_file_path, "r", encoding="utf-8") as f:
+                st_css = st.html(f"<style>{f.read()}</style>")
+            return st_css
+        else:
+            st.error(f"CSS file not found: {css_file_path}")
+            return None
+    @st.fragment
+    def linha_vertical(altura=300, cor='black', espessura=2):
+        """
+        Cria uma linha vertical
+        """
+        css = f"""
+        <style>
+        .linha-vertical {{
+            border-left: {espessura}px solid {cor};
+            height: {altura}px;
+            position: absolute;
+            left: 50%;
+            margin-left: -{espessura/2}px;
+        }}
+        </style>
+        """
+        html = f"{css}<div class='linha-vertical'></div>"
+        linha=st.markdown(html, unsafe_allow_html=True)
+        return linha
+    @st.fragment
+    def calc(html_with_js):
+        html_with_js = '''
+            <!DOCTYPE html>
+            <html lang="pt-BR">
+            <head>
+                <meta charset="UTF-8">
+                <meta name="viewport" content="width=device-width, initial-scale=1.0">
+                <title>Calculadora CKD-EPI</title>
+                <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+                <style>
+                    body {
+                        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+                        background-color: #e0e5ec;
+                        color: #333;
+                        line-height: 1.6;
+                        padding: 20px;
+                        margin: 0;
+                    }
+                    .container {
+                        width: 300px;
+                        max-height: 600px;
+                        margin: 0 auto;
+                        background-color: #e0e5ec;
+                        border-radius: 20px;
+                        padding: 20px;
+                        box-shadow:
+                            8px 8px 15px #a3b1c6,
+                            -8px -8px 15px #ffffff;
+                    }
+                    h2 {
+                        color: #4a4a4a;
+                        text-shadow: 2px 2px 4px rgba(255,255,255,0.5);
+                        text-align: center;
+                        margin-bottom: 20px;
+                    }
+                    .input-group {
+                        margin-bottom: 20px;
+                        position: relative;
+                    }
+                    .input-group label {
+                        display: block;
+                        margin-bottom: 5px;
+                        color: #4a4a4a;
+                        padding-left: 40px;
+                    }
+                    .input-field {
+                        width: 50%;
+                        padding: 12px 20px;
+                        margin-left: 50px;
+                        border: none;
+                        border-radius: 25px;
+                        background-color: #e0e5ec;
+                        color: #333;
+                        font-size: 16px;
+                        box-shadow:
+                            inset 5px 5px 10px #a3b1c6,
+                            inset -5px -5px 10px #ffffff;
+                    }
+                    .icon-wrapper {
+                        position: absolute;
+                        left: 0;
+                        top: 0;
+                        width: 36px;
+                        height: 36px;
+                        background-color: #e0e5ec;
+                        border-radius: 50%;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        box-shadow:
+                            5px 5px 10px #a3b1c6,
+                            -5px -5px 10px #ffffff;
+                    }
+                    .input-icon {
+                        color: #4a4a4a;
+                        font-size: 18px;
+                    }
+                    .toggle-container {
+                        display: flex;
+                        justify-content: space-between;
+                        align-items: center;
+                        margin-bottom: 20px;
+                    }
+                    .toggle-switch {
+                        position: relative;
+                        display: inline-block;
+                        width: 60px;
+                        height: 34px;
+                    }
+                    .toggle-switch input {
+                        opacity: 0;
+                        width: 0;
+                        height: 0;
+                    }
+                    .slider {
+                        position: absolute;
+                        cursor: pointer;
+                        top: 0;
+                        left: 0;
+                        right: 0;
+                        bottom: 0;
+                        background-color: #e0e5ec;
+                        transition: .4s;
+                        border-radius: 34px;
+                        box-shadow:
+                            inset 4px 4px 6px #a3b1c6,
+                            inset -4px -4px 6px #ffffff;
+                    }
+                    .slider:before {
+                        position: absolute;
+                        content: "";
+                        height: 26px;
+                        width: 26px;
+                        left: 4px;
+                        bottom: 4px;
+                        background-color: #e0e5ec;
+                        transition: .4s;
+                        border-radius: 50%;
+                        box-shadow:
+                            2px 2px 3px #a3b1c6,
+                            -2px -2px 3px #ffffff;
+                    }
+                    input:checked + .slider:before {
+                        transform: translateX(26px);
+                    }
+                    .button-group {
+                        display: flex;
+                        justify-content: space-between;
+                        margin-top: 20px;
+                    }
+                    .button {
+                        flex: 1;
+                        padding: 12px 24px;
+                        background-color: #e0e5ec;
+                        border: none;
+                        border-radius: 50px;
+                        color: #4a4a4a;
+                        font-weight: bold;
+                        text-decoration: none;
+                        transition: all 0.3s ease;
+                        box-shadow:
+                            5px 5px 10px #a3b1c6,
+                            -5px -5px 10px #ffffff;
+                        cursor: pointer;
+                        margin: 0 5px;
+                    }
+                    .button:hover {
+                        box-shadow:
+                            inset 5px 5px 10px #a3b1c6,
+                            inset -5px -5px 10px #ffffff;
+                    }
+                    #result {
+                        display: none;
+                        margin-top: 10px;
+                        padding: 10px;
+                        border-radius: 15px;
+                        background-color: #e0e5ec;
+                        box-shadow:
+                            inset 5px 5px 10px #a3b1c6,
+                            inset -5px -5px 10px #ffffff;
+                    }
+                    #result h3 {
+                        margin-top: 0;
+                        color: #4a4a4a;
+                    }
+                    }
+                    .toggle-container {
+                        display: flex;
+                        justify-content: space-between;
+                        align-items: center;
+                        margin-bottom: 20px;
+                    }
+                    .gender-label {
+                        display: flex;
+                        align-items: center;
+                        color: #4a4a4a;
+                    }
+                    .gender-icon {
+                        margin-right: 5px;
+                        font-size: 18px;
+                    }
+                    .toggle-switch {
+                        position: relative;
+                        display: inline-block;
+                        width: 60px;
+                        height: 34px;
+                    }
+                    .toggle-switch input {
+                        opacity: 0;
+                        width: 0;
+                        height: 0;
+                    }
+                    .slider {
+                        position: absolute;
+                        cursor: pointer;
+                        top: 0;
+                        left: 0;
+                        right: 0;
+                        bottom: 0;
+                        background-color: #e0e5ec;
+                        transition: .4s;
+                        border-radius: 34px;
+                        box-shadow:
+                            inset 4px 4px 6px #a3b1c6,
+                            inset -4px -4px 6px #ffffff;
+                    }
+                    .slider:before {
+                        position: absolute;
+                        content: "";
+                        height: 26px;
+                        width: 26px;
+                        left: 4px;
+                        bottom: 4px;
+                        background-color: #e0e5ec;
+                        transition: .4s;
+                        border-radius: 50%;
+                        box-shadow:
+                            2px 2px 3px #a3b1c6,
+                            -2px -2px 3px #ffffff;
+                    }
+                    input:checked + .slider:before {
+                        transform: translateX(26px);
+                    }
+                </style>
+            </head>
+            <body>
+                <div class="container">
+                    <h2>Calculadora CKD-EPI</h2>
+                    <form id="ckd-epi-form">
+                        <div class="input-group">
+                            <div class="icon-wrapper">
+                                <i class="fas fa-birthday-cake input-icon"></i>
+                            </div>
+                            <label for="age">Idade</label>
+                            <input type="number" id="age" class="input-field" required>
+                        </div>
+                        <div class="toggle-container">
+                            <span class="gender-label">
+                                <i class="fas fa-mars gender-icon"></i>
+                                Masculino
+                            </span>
+                            <label class="toggle-switch">
+                                <input type="checkbox" id="gender-toggle">
+                                <span class="slider"></span>
+                            </label>
+                            <span class="gender-label">
+                                <i class="fas fa-venus gender-icon"></i>
+                                Feminino
+                            </span>
+                        </div>
+                        <div class="input-group">
+                            <div class="icon-wrapper">
+                                <i class="fas fa-vial input-icon"></i>
+                            </div>
+                            <label for="serumCreatinine">Creatinina Sérica (mg/dL)</label>
+                            <input type="number" id="serumCreatinine" class="input-field" step="0.01" required>
+                        </div>
+                        <div class="button-group">
+                            <button type="button" id="calcular" class="button">Calcular</button>
+                            <button type="button" id="clear-button" class="button">Limpar</button>
+                        </div>
+                    </form>
+                    <div id="result"></div>
+                </div>
+                <script>
+                    document.getElementById("calcular").addEventListener("click", calculate);
+                    function calculate() {
+                        const age = parseFloat(document.getElementById("age").value);
+                        const serumCreatinine = parseFloat(document.getElementById("serumCreatinine").value);
+                        const gender = document.getElementById('gender-toggle').checked ? 'female' : 'male';
+                        if (!isNaN(age) && !isNaN(serumCreatinine)) {
+                            let A, B = 0;
+                            if (serumCreatinine <= 0.7) {
+                                A = gender === "male" ? 0.9 : 0.7;
+                                B = gender === "male" ? -0.302 : -0.241;
+                            } else {
+                                A = gender === "male" ? 0.9 : 0.7;
+                                B = -1.2;
+                            }
+                            let result = 142 * Math.pow((serumCreatinine/A), B) * Math.pow(0.9938, age);
+                            if (gender == 'female') result = result * 1.012;
+                            const stage = getCKDStage(result);
+                            const resultElement = document.getElementById('result');
+                            resultElement.innerHTML = `
+                                <h4>Resultado:</h4>
+                                <p>eGFR CKD-EPI: <strong><span class="h3">${result.toFixed(0)} <span class="h4">mL/min/1.73 m²</span></span></strong></p>
+                                <p>Estágio DRC: <strong>${stage}</strong></p>
+                            `;
+                            resultElement.style.display = 'block';
+                        } else {
+                            alert("Por favor, preencha todos os campos corretamente.");
+                        }
+                    }
+                    function getCKDStage(gfr) {
+                        if (gfr >= 90) return "Estágio 1";
+                        if (gfr >= 60) return "Estágio 2";
+                        if (gfr >= 45) return "Estágio 3a";
+                        if (gfr >= 30) return "Estágio 3b";
+                        if (gfr >= 15) return "Estágio 4";
+                        return "Estágio 5";
+                    }
+                    document.getElementById('clear-button').addEventListener('click', function() {
+                        document.getElementById('ckd-epi-form').reset();
+                        document.getElementById('result').innerHTML = '';
+                        document.getElementById('result').style.display = 'none';
+                    });
+                </script>
+            </body>
+            </html>
+            '''
+        calculadora = components.html(html_with_js, width=400,height=900)
+        return calculadora
+    @st.fragment
+    def icon_close():
+        st.markdown("""
+        <style>
+        .stKey-icon-wrapper {
+            position: absolute;
+            left: -22px;
+            top: 0;
+            width: 180px;
+            height: 180px;
+            background-color: #e0e5ec;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 5px;
+            box-shadow:
+                5px 5px 10px #a3b1c6,
+                -5px -5px 10px #ffffff;
+        }
+        .stKey-icon-wrapper img {
+            width: 24px;
+            height: 24px;
+            filter: invert(20%) sepia(10%) saturate(2076%) hue-rotate(86deg) brightness(95%) contrast(86%);
+        }
+        </style>
+        """, unsafe_allow_html=True)
+        with st.container():
+            st.markdown('<div class="stKey-icon-wrapper">', unsafe_allow_html=True)
+            st.image('icon/rim.svg', use_column_width=False, width=140)
+            icon_top= st.markdown('</div>', unsafe_allow_html=True)
+        return icon_top
+    def main():
+        estilo()
+        cx1,cx2,cx3=st.columns([3,1,6])
+        with cx1:
+            icon_close()
+        with cx2:
+            st.write('')
+        cx3.title('''
+             :blue[Calculadora TFG]  :blue[| CKD-EPI] 📝
+        ''' )
+        c1, c2, c3, c4 = st.columns([2,0.5,3,3])
+        with c1:
+            calc(html_with_js)
+        with c2:
+            add_vertical_space()
+            # linha_vertical(altura=800, cor='#73A6E2', espessura=2)
+        with c3:
+            expander = st.expander("Estágios da DRC", expanded=False, icon='📝')
+            expander.write('''
+            # Estagios da IRC:
+            - **Estágio 1:**
+                - TFG ≥ 90 mL/min/1.73m²
+                - (Função renal normal ou aumentada)
+            - **Estágio 2:**
+                - TFG 60-89 mL/min/1.73m²
+                - (Diminuição leve da função renal)
+            - **Estágio 3a:**
+                - TFG 45-59 mL/min/1.73m²
+                - (Diminuição leve a moderada da função renal)
+            - **Estágio 3b:**
+                - TFG 30-44 mL/min/1.73m²
+                - :blue[(Diminuição moderada a severa da função renal)]
+            - **Estágio 4:**
+                - TFG 15-29 mL/min/1.73m²
+                - :orange[(Diminuição severa da função renal)]
+            - **Estágio 5:**
+                - TFG < 15 mL/min/1.73m²
+                - :red[(Falência renal)]
+            ''')
+        with c4:
+            recomendacoes= ('''
+            ## Recomendações gerais para pacientes com DRC
+            :green[As diretrizes KDIGO 2024 incorporou a TFG e a albuminúria como fatores críticos.]
+            :blue[**1. Estágios 1 e 2 (TFG ≥ 60 mL/min/1,73m²):**]
+            ###### Monitoramento Regular: Avaliação periódica da função renal e da albuminúria é recomendada para detectar progressão da doença.
+            ###### Controle de Fatores de Risco: Controle rigoroso da pressão arterial e glicemia, especialmente em pacientes com diabetes, é essencial.
+            ###### Modificações no Estilo de Vida: Incentivar dieta saudável, cessação do tabagismo e atividade física regular.
+            :blue[**2. Estágio 3a e 3b (TFG 30-59 mL/min/1,73m²):**]
+            ###### Ajuste de Medicamentos: Revisão e ajuste de dosagens de medicamentos que são excretados pelos rins.
+            ###### Avaliação de Risco Cardiovascular: A albuminúria e a TFG devem ser usadas para avaliar o risco cardiovascular e ajustar o tratamento.
+            ###### Referência a Nefrologista: Considerar encaminhamento para um nefrologista para manejo especializado.
+            :blue[**3. Estágio 4 (TFG 15-29 mL/min/1,73m²):**]
+            ###### Preparação para Terapia de Substituição Renal: Discussão sobre opções de diálise e transplante renal deve ser iniciada.
+            ###### Monitoramento Intensivo: Acompanhamento mais frequente para monitorar a progressão da doença e complicações associadas.
+            :blue[**4. Estágio 5 (TFG < 15 mL/min/1,73m²):**]
+            ###### Terapia de Substituição Renal: Início de diálise ou avaliação para transplante renal.
+            ###### Cuidados Paliativos: Considerar cuidados paliativos para pacientes que não são candidatos a diálise ou transplante.
+            _Além disso, a quantificação da albuminúria é crucial em todos os estágios
+            para guiar decisões terapêuticas, como a escolha de medicamentos anti-
+            hipertensivos. A avaliação individualizada, considerando a situação clínica
+            do paciente, é fundamental para o manejo eficaz da DRC._
+            ''')
+            with st.expander(label='Recomendações', expanded=False, icon="🔥"):
+                st.markdown(recomendacoes, unsafe_allow_html=True)
+    if __name__ == '__main__':
+        main()
 elif nested_menu == "Geral":
     st.header("Geral")