main.py

import streamlit as st
import pandas as pd
import numpy as np
import altair as alt
from datetime import time, datetime
import time



st.set_page_config(
    page_title="Demo Streamlit",
    page_icon="📊"
)


#   Muestra el contenido de la aplicación en modo ancho 
#   (de lo contrario, de forma predeterminada, el contenido se encapsula en un cuadro de ancho fijo).
#st.set_page_config(layout="wide")

def codigo_uno():
    st.write("# st.button")
    st.write("### Hola mundo!!!")

    if st.button("Di Hola"):
        st.write("¿Por qué hola?")
    else: 
        st.write("Chau")


def codigo_tres():
    st.write(f"""
            # st.write
            ## Display text 
            Hello, World!!
    """)
    st.write("# Display numbers")
    st.write(123)

    # Ejemplo 3
    st.write("# Display DataFrame")
    df = pd.DataFrame({
        "Primera Columna": [1,2,3,4],
        "Segunda Columna": [10,20,30,40]
    })
    st.write(df)


def codigo_cuatro():
    st.write("# Data Frame en st.write()")
    df = pd.DataFrame({
    "Primera Columna": [1,2,3,4],
    "Segunda Columna": [10,20,30,40]})
    st.write('Below is a DataFrame:', df, 'Above is a dataframe.')


def codigo_cinco():
    st.write("# Mostrar Grafico")

    col1, col2 = st.columns(2)
    df = pd.DataFrame(
        np.random.rand(200,3),
        columns=["a", "b", "c"]
    )

    with col1:
        st.write("Data Frame")
        st.write(df.head())
    with col2:
        st.write("Grafico")
        st.write(c)
        c = alt.Chart(df).mark_circle().encode(
        x='a', y='b', size='c', color='c', tooltip=['a', 'b', 'c']
    )


def codigo_seis():
    st.write("# st.slider")
    st.write("Slider")

    edad = st.slider("Cuantos años tienes ?",0, 130, 31)
    st.write(f"Yo tengo {edad} años de edad.")

    st.write("## Range slider:")
    valores = st.slider("Seleccione un rango de valor", 0.0, 100.0, (25.0, 75.0), step=0.1)
    st.write("Valores: ", valores)

    st.write("## Rango de horario:")
    agenda = st.slider("Agendar una reunion:", 
                       value=(time(11,30), time(12,45)))
    st.write(f"Estas programado para el horario de: {agenda}.")

    st.write("## Datetime slider")
    fecha = st.slider("Cuando empiezas?", 
                      value=datetime(2024,12,28,10, 31),
                       format="DD/MM/YY - hh:mm" )
    st.write(f"Comienzas el: {fecha}")


def codigo_siete():
    st.write("# Grafico de Linea")
    df = pd.DataFrame(
        np.random.randn(20,3),  # 20 filas, 3 columnas. datos aletorios
        columns=["A", "B", "C"]        
        )
    
    col1, col2 = st.columns(2, border=True)  # inicio las columnas | El atributo border = True (genera un borde y limita el tamño)

    with col1:
        st.write("## Data Frame")
        st.write(df.head()) # data frame aletorio, primeras 5 filas
    with col2:
        st.write("## Grafico de Linea ")
        st.line_chart(df)   # genera un grafico de linea con los datos generados en el df

    if st.button("Mostrar el codigo"):
        st.code("""
    
    # inicio las columnas 
    # El atributo border = True (genera un borde y limita el tamño)
    col1, col2 = st.columns(2, border=True)  
                
    with col1: # Columnas N° 1 
        st.write("## Data Frame")
        st.write(df.head()) # data frame aletorio, primeras 5 filas
    
    with col2: # Columna N° 2
        st.write("## Grafico de Linea ")
        st.line_chart(df)   # Grafico de linea con el df
        """, language="python")

    
def codigo_ocho():

    tab1, tab2, tab3, codigo = st.tabs(
        ["Select Box", "Multi Select", "Check Box", "Mostrar Codigo"])

    with tab1:
        st.write("# st.selectbox()")
        color = st.selectbox("Cual es tu color favorito?", ["Rojo", "Azul", "Amarillo"])
        st.write(f"### Tu color favorito es el {color}")

    with tab2:
        st.write("# st.multiselect()")
        colores = st.multiselect("Cuales son tus colores favoritos?", ["Rojo", "Amarillo", "Azul", "Verde", "Naranja", "Violeta"])
        st.write("### Tu seleccionaste", colores)

    with tab3:
        st.write("# st.checkbox()")
        st.write("Que quieres ordenar?")

        # hay que seleccionar cada uno como una variable
        # genera un valor booleano de cada variable
        helado = st.checkbox("Helado", help="Helado de chocolate, vainilla o frutilla.")
        cafe = st.checkbox("Cafe")
        coca = st.checkbox("Coca-Cola")
        
        if helado:
            st.write("Great! Here's some more 🍦")
        if cafe:
            st.write("Okay, here's some coffee ☕")
        if coca:
            st.write("Here you go 🥤")
    
    with codigo:
        st.write("# Codigo usado")
        st.code("""
    tab1, tab2, tab3, codigo = st.tabs(
        ["Select Box", "Multi Select", "Check Box", "Codigo"])

    with tab1:
        st.write("# st.selectbox()")
        color = st.selectbox("Cual es tu color favorito?", ["Rojo", "Azul", "Amarillo"])
        st.write(f"### Tu color favorito es el {color}")

    with tab2:
        st.write("# st.multiselect()")
        colores = st.multiselect("Cuales son tus colores favoritos?", 
                ["Rojo", "Amarillo", "Azul", "Verde", "Naranja", "Violeta"])
        st.write("### Tu seleccionaste", colores)

    with tab3:
        st.write("# st.checkbox()")
        st.write("Que quieres ordenar?")

        # hay que seleccionar cada uno como una variable
        # genera un valor booleano de cada variable
        helado = st.checkbox("Helado", 
                help="Helado de chocolate, vainilla o frutilla.")
        cafe = st.checkbox("Cafe")
        coca = st.checkbox("Coca-Cola")
        
        if helado:
            st.write("Great! Here's some more 🍦")
        if cafe:
            st.write("Okay, here's some coffee ☕")
        if coca:
            st.write("Here you go 🥤")
""", language="python")


def codigo_nueve():

    st.write("# st.latex()")
    st.write("Expresa funciones matematicas")
    st.latex(r'''
    a + ar + a r^2 + a r^3 + \cdots + a r^{n-1} =
    \sum_{k=0}^{n-1} ar^k =
    a \left(\frac{1-r^{n}}{1-r}\right)
    ''')
    st.latex("E=MC^2")


def codigo_diez():
    st.write("""
        # st.file_uploader()
        ## Input CSV

""")
    archivo = st.file_uploader("Choce a file")

    if archivo is not None:
        df = pd.read_csv(archivo)
        st.write("## DataFrame")
        st.write(df.head())
        st.write("## Descripcion")
        st.write(df.describe())

    else:    
        st.info("☝️ Subir archivo CSV")


def codigo_once():
    st.write("# Diseño de la aplicacion")

    with st.sidebar:
        st.write("Ingreso")
        name = st.text_input("Cual es tu nombre ?")
        emoticon_lista = ['', '😄', '😆', '😊', '😍', '😴', '😕', '😱']
        emoticon = st.selectbox("Decida su emoticon", emoticon_lista)
        comida_lista = ['', 'Tom Yum Kung', 'Burrito', 'Lasagna', 'Hamburger', 'Pizza']
        comida = st.selectbox("Cual es su comida favorita?", comida_lista)

    st.write("# Salida")
    col1, col2, col3 = st.columns(3)

    with col1:
        if name != "":
            st.write(f"👋 Hola {name.capitalize()}!")
        else:
            st.write(f"Ingrese su nombre!")

    with col2:
        if emoticon != "":
            st.write(f"{emoticon} es tu emocion favorita!")
        else:
            st.write("Por favor escoge un emoticon!")

    with col3:
        if comida != "":
            st.write(f"🍴 **{comida}** es tu comida favorita!")
        else:
            st.write("Por favor escoja su comida favorita.")


def codigo_doce():
    st.write("# st.progress()")

    barra = st.progress(0)

    for i in range(100):
        time.sleep(0.05)
        barra.progress(i + 1)
    st.balloons()


def codigo_trece():
    st.write("# Formularios")

    #   Form pais
    with st.form('my_form', clear_on_submit=True):
        st.write("Ingrese sus datos:")

        #   Input para el ingreso de datos en el formulario
        name = st.text_input("Ingrese su nombre")
        edad = st.slider("Ingrese su edad:", 0, 120,18)
        pais = st.selectbox("Pais de origen:", ["Argentina", "Uruguay"], index=None)           #   importante agregar index=None asi inicia en vacio en st.selectbox
        form_dict = {"name": name,"edad": edad, "pais": pais}


        #   Siempre debe tener un submit de la informacion
        submitted = st.form_submit_button("Enviar")
        #   Aca le agregamos logica a la informacion enviada, se puede anexar con librerias de envio de email
        match submitted:
            case True:
                st.write(f"Hola {name.capitalize()} que tienes {edad} años y vives en {pais.capitalize()}.")
                st.write(form_dict)        # imprime el dictionary
    
    #   Form Contacto
    with st.form("Contacto", clear_on_submit=True):
        st.write("Contatame")
        
        name = st.text_input("Contame de donde me contactas:")
        correo = st.text_input("Tu correo")
        mensaje = st.text_area("Ingrese tu mensaje")

        submitted = st.form_submit_button("Enviar")
        match submitted:
            case True:
                st.write(f"Hola soy de {name} y quiero {mensaje}")

    st.write("Fuera del formulario")


def codigo_catorce():

    #   Revisar despues cual puede ser un caso de uso practico con session_state

    #   aca une los dos imput
    def lbl_kg():
        st.session_state.kg = st.session_state.lbs/2.2046

    def kg_lbs():
        st.session_state.lbs = st.session_state.kg*2.2046

    st.title("st.session_state")
    st.header("Input")

    col1, spacer, col2 = st.columns([2,1,2])    # mirar el separador que agrega espacios 
    with col1:
        libras = st.number_input("Pound",key="lbs", on_change=lbl_kg)
    with col2:
        kilos = st.number_input("Kilos",key="kg", on_change=kg_lbs)


    st.write("## Salida")
    st.write("st.session_state object:", st.session_state)


### 🗓️ Día 26




####################### Codigo de funcionalidad ###############################


def menu_desplegable():

    pestañas = ["Boton","Write", "Data Frame", 
                "Show graph", "Slider", "Grafico Lineal", 
                "Select Box", "Latex", "Archivos",
                "Diseño", "Progreso", "Fomulario", "Sesiones"]
    
    with st.sidebar:
        custom = st.selectbox("Opciones", pestañas)
        st.write("Creado por CaruDavi")

    match custom:
        case "Boton":
            codigo_uno()
        case "Write":
            codigo_tres()
        case "Data Frame":
            codigo_cuatro()
        case "Show graph":
            codigo_cinco()
        case "Slider":
            codigo_seis()
        case "Grafico Lineal":
            codigo_siete()
        case "Select Box":
            codigo_ocho() 
        case "Latex":
            codigo_nueve()
        case "Archivos":
            codigo_diez()
        case "Diseño":
            codigo_once()
        case "Progreso":
            codigo_doce()
        case "Fomulario":
            codigo_trece()
        case "Sesiones":
            codigo_catorce()
    
    



def main():
    menu_desplegable()



if __name__ == "__main__":
    main()