gordon-posit's picture
Update css
4fbb376
from pathlib import Path
from htmltools import HTMLDependency, tags
from shiny import App, reactive, ui
from query import query_output_server, query_output_ui
button_style = {"style": "margin: 15px"}
www_dir = Path(__file__).parent / "www"
app_ui = ui.page_fluid(
HTMLDependency(
"bootstrap",
version="9.99",
source={"subdir": str(www_dir)},
script={"src": "bootstrap.bundle.min.js"},
stylesheet={"href": "theme.css"},
),
ui.row(
ui.column(
2,
ui.row(
button_style,
ui.input_action_button("add_query", "Add Query"),
),
ui.row(
button_style,
ui.input_action_button("remove_query", "Remove Query"),
),
),
ui.column(
10,
ui.tags.div(query_output_ui("initial_query"), id="module_container"),
),
),
)
def server(input, output, session):
mod_counter = reactive.Value(0)
query_output_server("initial_query")
@reactive.Effect
@reactive.event(input.add_query)
def _():
counter = mod_counter.get() + 1
mod_counter.set(counter)
id = "query_" + str(counter)
ui.insert_ui(
selector="#module_container", where="afterBegin", ui=query_output_ui(id)
)
query_output_server(id)
@reactive.Effect
@reactive.event(input.remove_query)
def _():
ui.remove_ui(selector=f"#module_container .row:first-child")
app = App(app_ui, server)