Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(build-a-box): Add example value box builder app #790

Merged
merged 66 commits into from
Sep 14, 2023
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
66 commits
Select commit Hold shift + click to select a range
8c4e1b9
feat(build-a-box): Add example value box builder app
gadenbuie Sep 5, 2023
fd38020
Update website deps (GitHub Action)
gadenbuie Sep 7, 2023
193a286
feat(build-a-box): Add copy to clipboard button
gadenbuie Sep 7, 2023
4d3c2c3
chore: Remove debug code
gadenbuie Sep 7, 2023
6e52864
refactor: `code_modal()`
gadenbuie Sep 7, 2023
4e3d688
feat: Remove `extra` args from `value_box()` call if `NULL`
gadenbuie Sep 7, 2023
79be900
refactor: Only value box foreground color is reported back to server
gadenbuie Sep 7, 2023
7af830d
chore: use monospace for extra info
gadenbuie Sep 7, 2023
805146b
TEMP: deploy shiny apps (REVERT BEFORE MERGING)
gadenbuie Sep 7, 2023
5d4e54c
Resave data (GitHub Action)
gadenbuie Sep 7, 2023
cae48a3
ci: Deploy anything with a `deploy.R`
gadenbuie Sep 7, 2023
de99f41
chore: remove unused js file
gadenbuie Sep 7, 2023
0ada949
fix: clipboard fallback behavior
gadenbuie Sep 7, 2023
8dd8603
feat: global controls
gadenbuie Sep 8, 2023
da3723f
chore: Enable themer on the demo site
gadenbuie Sep 8, 2023
e692d9d
refactor: Move global settings into module
gadenbuie Sep 8, 2023
c7c60bf
ci: shinyapps.io doesn't support `envVars`
gadenbuie Sep 8, 2023
91b5da3
cI: Register additional public shinyapps.io account
gadenbuie Sep 8, 2023
9e34a32
ci: use latest {rsconnect}
gadenbuie Sep 8, 2023
079bcd7
ci: Don't need to make account name secret
gadenbuie Sep 8, 2023
f1fa393
ci: Deploy build-a-box to bslib.shinyapps.io
gadenbuie Sep 8, 2023
f8908ed
Merged origin/main into feat/box-builder
gadenbuie Sep 8, 2023
e258656
feat: Add dark mode switcher
gadenbuie Sep 8, 2023
17f6a0b
fix: incomplete reset of file
gadenbuie Sep 8, 2023
492b691
chore: Don't need clipboard.min.js at all
gadenbuie Sep 8, 2023
8d77f40
fix: prefix call to `css()`
gadenbuie Sep 8, 2023
6f6b818
fix: order of value boxes in the code
gadenbuie Sep 8, 2023
3a24f15
refactor: Move code-modal.js to new file
gadenbuie Sep 8, 2023
edd19d1
chore: remove unneeded gap
gadenbuie Sep 8, 2023
4b0a99a
chore: use `bs_theme() |> bs_add_rules()`
gadenbuie Sep 8, 2023
9af4808
feat: Add footer
gadenbuie Sep 8, 2023
1e22827
feat: Add a tooltip with info about value_box()
gadenbuie Sep 8, 2023
7048996
Resave distributed files (GitHub Action)
gadenbuie Sep 8, 2023
892502a
chore: add title to button
gadenbuie Sep 8, 2023
672a5b0
Resave distributed files (GitHub Action)
gadenbuie Sep 8, 2023
e1c27a7
feat: random theme when changing the global theme style
gadenbuie Sep 8, 2023
67c642a
chore: tweak wording of "Use custom colors" and "Include showcase"
gadenbuie Sep 8, 2023
6ba9d2a
chore: Use radioButtons in global settings too
gadenbuie Sep 8, 2023
c58dc4e
Resave distributed files (GitHub Action)
gadenbuie Sep 8, 2023
d327273
chore: Add {commonmark} to deploy dependencies
gadenbuie Sep 11, 2023
9b431d3
Resave distributed files (GitHub Action)
gadenbuie Sep 11, 2023
5ba05f1
Update website deps (GitHub Action)
gadenbuie Sep 11, 2023
c904328
chore: use {commonmark} instead of includeMarkdown
gadenbuie Sep 11, 2023
42c10c8
Resave distributed files (GitHub Action)
gadenbuie Sep 11, 2023
1204793
feat: Add get started popover help box
gadenbuie Sep 11, 2023
8c0fb87
chore: tweak wording
gadenbuie Sep 11, 2023
55a06cf
chore: Add default to theme styles, remove default button
gadenbuie Sep 11, 2023
485f593
Resave distributed files (GitHub Action)
gadenbuie Sep 11, 2023
a4d88d9
feat: Add loading value box placeholders
gadenbuie Sep 11, 2023
87f00a1
Resave distributed files (GitHub Action)
gadenbuie Sep 11, 2023
81379a7
feat: improve placeholder location/appearance
gadenbuie Sep 12, 2023
e448474
Resave distributed files (GitHub Action)
gadenbuie Sep 12, 2023
4198fba
feat: another approach to the loading state
gadenbuie Sep 12, 2023
b122b8a
Resave distributed files (GitHub Action)
gadenbuie Sep 12, 2023
c196319
Add note about expandable sparklines
gadenbuie Sep 12, 2023
474bccb
ci: don't prefix scss files in inst/examples
gadenbuie Sep 12, 2023
139e63c
docs(value_box): Add note linking to build-a-box app
gadenbuie Sep 12, 2023
a0f0035
docs(pkgdown): Add link ot build a box app in article
gadenbuie Sep 12, 2023
19b3a59
Merged origin/main into feat/box-builder
gadenbuie Sep 12, 2023
e84e12e
Revert "TEMP: deploy shiny apps (REVERT BEFORE MERGING)"
gadenbuie Sep 12, 2023
9a64df9
feat: make "navbar" like icon action area
gadenbuie Sep 13, 2023
1984536
feat: update plot colors when dark mode changes
gadenbuie Sep 13, 2023
809688d
chore: add rstudio/shiny to deploy dependencies
gadenbuie Sep 13, 2023
f6288b3
docs: add news item
gadenbuie Sep 13, 2023
5dbd884
Merge branch 'main' into feat/box-builder
gadenbuie Sep 14, 2023
62dc060
Resave data (GitHub Action)
gadenbuie Sep 14, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
feat: Add get started popover help box
  • Loading branch information
gadenbuie committed Sep 11, 2023
commit 120479306c8b2b31c6377f11a80cb9355e5b031f
25 changes: 24 additions & 1 deletion inst/examples/build-a-box/app.R
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,26 @@ ui <- page_fixed(
# Settings Panel ----
navset_card_pill(
id = "settings",
title = "Value box settings",
title = span(
"Value box settings",
popover(
bsicons::bs_icon("question-square-fill"),
gadenbuie marked this conversation as resolved.
Show resolved Hide resolved
class = "ms-1 d-inline-block text-orange",
title = "Getting started",
shiny::markdown("
The Build-a-Box app includes three value boxes. You can customize
all three at once from the **All** tab.

Pick an overall theme, choose whether you'd like to **showcase** a plot or icon, and decide which **showcase layout** works best for your data.

Then, click directly on a value box or switch to the
<a id=\"switch_to_one\" href=\"#\" class=\"action-button\">One</a>,
<a id=\"switch_to_two\" href=\"#\" class=\"action-button\">Two</a>, or
<a id=\"switch_to_three\" href=\"#\" class=\"action-button\">Three</a>
tabs to customize its settings individually.
")
)
),
nav_panel(
"All",
value = "all",
Expand Down Expand Up @@ -175,6 +194,10 @@ server <- function(input, output, session) {
nav_select("settings", input$clicked_value_box)
})

observeEvent(input$switch_to_one, nav_select("settings", "one-value_box"))
observeEvent(input$switch_to_two, nav_select("settings", "two-value_box"))
observeEvent(input$switch_to_three, nav_select("settings", "three-value_box"))

observeEvent(input$settings, {
session$sendCustomMessage("active-value-box", input$settings)
})
Expand Down
4 changes: 4 additions & 0 deletions inst/examples/build-a-box/www/build-a-box.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
.popover {
--bs-popover-max-width: 400px;
}

/* FIXME: Remove after rstudio/htmltools#401 */
.html-fill-container > .html-fill-item {
overflow: visible !important;
Expand Down