change to shinywidgets

Dockerfile

@@ -17,7 +17,8 @@ RUN install2.r --error \
     xgboost \ 
     recipes \ 
     echarts4r \ 
-    shiny 
+    shiny \
+    shinyWidgets
 
     # Install development packages from GitHub
 RUN installGithub.r \

app.R

@@ -4,6 +4,7 @@ library(parsnip)
 library(workflows)
 library(xgboost)
 library(shiny)
+library(shinyWidgets)
 library(bslib)
 library(dplyr)
 library(echarts4r)
@@ -18,28 +19,36 @@ model <- readRDS("MoE-model.rds")
 ui <- page_sidebar(
   theme = bs_theme(bootswatch = "minty"),
   title = "Pathway of Success",
-  sidebar = sidebar(
-    checkboxInput("playgroup", "Playgroup"), 
-    checkboxInput("preelementary_school", "Pre-Elementary School"), 
-    checkboxInput("gov_scholarship_holder", "Gov. Scholarship Holder"), 
+  sidebar = sidebar(width = "20%", 
+    h5("Input"), 
+    fluidRow(prettySwitch("playgroup", "Playgroup", fill = TRUE, status = "primary"), 
+    prettySwitch("preelementary_school", "Pre-Elementary School", fill = TRUE, status = "primary"), 
+    prettySwitch("gov_scholarship_holder", "Gov. Scholarship Holder", fill = TRUE, status = "primary"), 
     numericInput("home_sch_dist", "Home to School Distance", value = 3, min = 0), 
-    checkboxInput("sex", "Male?"), 
+    prettySwitch("sex", "Male?", fill = TRUE, status = "primary"), 
     selectInput("school_location", "School Location", choices = c("Rural", "Urban")), 
-    checkboxInput("parents_spc_need", "Parent have special needs?"), 
-    selectInput("highsch_major", "Highschool Major", 
-                choices = c("Natural Science", "Social Sciences", "Language Studies")), 
+    prettySwitch("parents_spc_need", "Parent have special needs?", fill = TRUE, status = "primary"), 
     selectInput("parents_occupation_category", "Parents Occupation Category", 
                 choices = c("Civil Servants", "Labor Workers", "Private Employee")),  
     numericInput("household_income", "Household Income", 4000000, min = 0, max = 19949598), 
     selectInput("parents_education_level_cat", "Parent Education Level", 
-                choices = c("Bachelor", "Diploma", "Master/Doctorate", "Senior Highschool", "Junior Highschool", "Elementary School", "Unschooled")), 
-    numericInput("math_score", "Math Score", 50, min = 0, max = 100), 
-    numericInput("science_score", "Science Score", 50, min = 0, max = 100), 
-    numericInput("english_score", "English Score", 50, min = 0, max = 100), 
-    numericInput("indonesian_score", "Bahasa Indonesia Score", 50, min = 0, max = 100), 
-    numericInput("social_score", "Social Score", 50, min = 0, max = 100), 
-    selectInput("university", "University", choices = c("Private", "Public"))
-    
+                choices = c("Bachelor", "Diploma", "Master/Doctorate", "Senior Highschool", "Junior Highschool", "Elementary School", "Unschooled"))
+              ), 
+    fluidRow(
+      selectInput("highsch_major", "Highschool Major", width = "60%", 
+                choices = c("Natural Science", "Social Sciences", "Language Studies")), 
+      numericInput("math_score", "Math Score", 50, min = 0, max = 100, width = "39%")
+            ), 
+    fluidRow(
+      numericInput("science_score", "Science Score", 50, min = 0, max = 100, width = "48%"), 
+      numericInput("english_score", "English Score", 50, min = 0, max = 100, width = "48%")
+    ), 
+    fluidRow(
+      numericInput("indonesian_score", "B. Indonesia Score", 50, min = 0, max = 100, width = "48%"),
+      numericInput("social_score", "Social Score", 50, min = 0, max = 100, width = "48%")
+    ), 
+    selectInput("university", "University", choices = c("Private", "Public")), 
+    hr()
   ),
   # tableOutput("tblout") 
   echarts4rOutput("gpa_plot")
@@ -74,9 +83,9 @@ server <- function(input, output, session) {
       augment(x = model, new_data = x) |> 
               arrange(desc(.pred)) |> 
               slice_head(n = 5) |> 
-              mutate(pred_GPA = round(.pred, 2)) |> 
+              mutate(predict_GPA = round(.pred, 2)) |> 
               e_charts(univ_major) |> 
-              e_bar(pred_GPA, label = list(show = TRUE)) |> 
+              e_bar(predict_GPA, label = list(show = TRUE)) |> 
         e_flip_coords() |> 
         e_y_axis(inverse = TRUE)
     }