modify

ui.R

@@ -1,33 +1,58 @@
-#
-# This is the user-interface definition of a Shiny web application. You can
-# run the application by clicking 'Run App' above.
-#
-# Find out more about building applications with Shiny here:
-#
-#    https://shiny.posit.co/
-#
-
-library(shiny)
-
-# Define UI for application that draws a histogram
-fluidPage(
-
-    # Application title
-    titlePanel("Old Faithful Geyser Data"),
-
-    # Sidebar with a slider input for number of bins
-    sidebarLayout(
-        sidebarPanel(
-            sliderInput("bins",
-                        "Number of bins:",
-                        min = 1,
-                        max = 50,
-                        value = 30)
-        ),
-
-        # Show a plot of the generated distribution
-        mainPanel(
-            plotOutput("distPlot")
-        )
-    )
-)
+library(shiny)
+library(shinyAce)
+library(shinyjs)
+library(shinythemes)
+# ui.R
+#Design 1:
+shinyUI(
+  tagList(
+    tags$head(
+      tags$link(rel = "stylesheet", type = "text/css", href = "styles.css"),
+      tags$script(src = "script.js")
+    ),
+    tags$div(
+      fluidPage(
+        useShinyjs(),  
+        div(id = "sidebar",
+            sidebarPanel(
+              h2("Opciones"),
+              actionButton("theme_button", "Elige un tema"),  
+              selectInput('theme_code', 'Tema editor', choices = themes, selected = 'ambiance'),
+              downloadButton('save_code', 'Guardar codigo', icon = icon('save')),
+              downloadButton('save_knit', 'Guardar knitr', icon = icon('save')),
+              tags$a(href = "https://github.com/pablovanegas/runr", target = "_blank", class = "btn btn-default shiny-bound-input", "Ver Código Fuente")            )
+        ),#
+        mainPanel(
+          actionButton("toggleSidebar", "Opciones"),
+          h1("Simple R"),
+          tags$div(
+            class = "row",
+            tags$div(
+              class = "col-md-12", # Cuadrado 1
+              h2("Tu codigo: "),
+              verbatimTextOutput("log"),
+              aceEditor("rmd", mode = "markdown", value = init,
+                        hotkeys = list(
+                          open_chunk = 'Ctrl-Alt-I',
+                          save_code = "Ctrl-S",
+                          help_key = "F1"
+                        ),
+                        autoComplete = "live"),
+              actionButton("eval", "Run", icon = icon('play')),
+              actionButton('clear', 'Clear', icon = icon('eraser')),
+              actionButton("open_chunk", "Insert Chunk", icon = icon('plus'))
+            )
+          ),
+          tags$div(
+            class = "row",
+            tags$div(
+              class = "col-md-12", # Cuadrado 2
+              h1("Resultado: "),
+              htmlOutput("knitDoc")
+            )
+          )
+        )
+      )
+    )
+  )
+)