dreamRs / shinybusy

Minimal busy indicator for Shiny apps

Home Page:https://dreamrs.github.io/shinybusy/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Busy spinner on dashboard header

harrisonhenri opened this issue · comments

Dear @dreamRs, thank you for this great package!

I am a developer of a Shiny system and would like to know if there is any possibility of reproducing this example?

image

Thank you in advance !

Hi @harrisonhenri ,

Thanks for your kind comment.

Yes we didn't push this example somewhere.. That's actually a shiny::navbarPage customized with {shinythemes}, here's the full code :

library(shiny)
library(shinythemes)
library(shinybusy)

ui <- navbarPage(
  theme = shinytheme(theme = "cosmo"),
  title = "Shiny application",
  header = tagList(
    add_busy_spinner(spin = "fading-circle", color = "#FFF", margins = c(0, 10))
  ),

  tabPanel(
    title = "Iris clstering",

    headerPanel('Iris k-means clustering'),

    sidebarLayout(
      sidebarPanel(
        selectInput('xcol', 'X Variable', names(iris)),
        selectInput('ycol', 'Y Variable', names(iris),
                    selected=names(iris)[[2]]),
        numericInput('clusters', 'Cluster count', 3,
                     min = 1, max = 9),
        actionButton("sleep", "Sleeeep")
      ),
      mainPanel(
        plotOutput('plot1')
      )
    )
  )

)

server <- function(input, output, session) {

  # Combine the selected variables into a new data frame
  selectedData <- reactive({
    iris[, c(input$xcol, input$ycol)]
  })

  clusters <- reactive({
    kmeans(selectedData(), input$clusters)
  })

  output$plot1 <- renderPlot({
    palette(c("#E41A1C", "#377EB8", "#4DAF4A", "#984EA3",
              "#FF7F00", "#FFFF33", "#A65628", "#F781BF", "#999999"))

    par(mar = c(5.1, 4.1, 0, 1))
    plot(selectedData(),
         col = clusters()$cluster,
         pch = 20, cex = 3)
    points(clusters()$centers, pch = 4, cex = 4, lwd = 4)
  })

  observeEvent(input$sleep, {
    Sys.sleep(5)
  })

}

shinyApp(ui, server)

Victor

An important problem is if we set add_busy_spinner(spin = "fading-circle", postition="full-page") and set something update on the header, the add_busy_spinner will also be updated and showed, how to avoid this problem?

Hello @LuShuYangMing , can you open a new issue with a little example ? I'll look into it.