vendor/assets/application/examples/file.rb in atome-0.5.5.6.5 vs vendor/assets/application/examples/file.rb in atome-0.5.5.6.6

- old
+ new

@@ -1,50 +1,15 @@ # frozen_string_literal: true -# support=box({top: 250, left: 12, width: 300, height: 40, smooth: 9, color:{red: 0.3, green: 0.3, blue: 0.3}, id: :support }) -# -# support.shadow({ -# id: :s3, -# left: 3, top: 3, blur: 9, -# invert: true, -# red: 0, green: 0, blue: 0, alpha: 0.7 -# }) -def create_file_browser - div_element = JS.global[:document].createElement("div") +b = box({ drag: true }) +b.import(true) do |content| + puts "add code here, content: #{content}" +end - # Définir les propriétés CSS de l'élément div - div_element[:style][:width] = "33px" # Taille: largeur de 100 pixels - div_element[:style][:height] = "33px" # Taille: hauteur de 100 pixels - div_element[:style][:backgroundColor] = "rgba(255,0,0,0.3)" # Couleur de fond rouge - div_element[:style][:position] = "absolute" # Positionnement absolu - div_element[:style][:top] = "0px" # Position par rapport au haut de l'écran - div_element[:style][:left] = "0px" # Position par rapport à la gauche de l'écran - # Définir un ID pour l'élément div - div_element[:id] = "monDiv" - input_element = JS.global[:document].createElement("input") - input_element[:type] = "file" - input_element[:style][:position] = "absolute" - input_element[:style][:display] = "none" - input_element[:style][:width] = "0px" - input_element[:style][:height] = "0px" - input_element.addEventListener("change") do |native_event| - event = Native(native_event) - file = event[:target][:files][0] - if file - puts "file requested: #{file[:name]}" - # support.controller({ action: :loadProject, params: { path: file[:name]} }) - end - end - div_element.addEventListener("mousedown") do |event| - # Déclenchez manuellement un clic sur l'input - input_element.click - end - view_div = JS.global[:document].querySelector("#view") - view_div.appendChild(input_element) - view_div.appendChild(div_element) -end -create_file_browser + + +