atome 0.5.3.8.1 → 0.5.4.0.9

data/vendor/assets/src/medias/rubies/examples/drag.rb

@@ -1,8 +1,15 @@
 # frozen_string_literal: true
 
 a = box({ width: 333, height: 333, id: :the_boxy })
+
+a.drag(move: false) do |event|
+  puts "the pointer is at : #{event}"
+
+end
 a.color(:red)
 b = circle({ width: 33, height: 33, id: :the_box, drag: true })
+
+
 b.parents([a.id])
 b.color(:black)
 # b.parents([:the_boxy ])
@@ -40,8 +47,52 @@ b.drag({ snap: { x: 100, y: 190 } })
 # b.drag({ constraint: :the_boxy })
 
 cc=circle(drag: true)
+cc.drag(true) do |ee|
+  puts "the circle  is : >#{cc.left} : #{ee}"
+
+end
+
+cc.drag(:end) do |ee|
+  puts "the circle  is ending drag : >#{cc.left} : #{ee}"
+end
+
+
+cc.drag(:start) do |ee|
+  puts "==> the circle is starting drag : >#{cc.left} : #{ee}"
+end
+
+
+
+
+cc.touch(true) do
+  # alert cc.left
+  puts "===>ee is : >#{cc.left}"
+end
+
 bb=box({drag: true, color: :yellow})
 
-bb.parents(cc.id)
+bb.attach(cc.id)
+
+# alert"#{b.parents.class} :  #{b.parents}"
+a.touch(true) do
+  puts cc.left
+end
+
+
+# Sticky box
+sticky_box=box({left: 633})
+sticky_box.text("my position will be reverted")
+start_x_pos=sticky_box.left
+start_y_pos=sticky_box.top
+sticky_box.drag(move: true) do
+  puts sticky_box.left
+end
+sticky_box.drag(:start) do
+  puts "start => #{sticky_box.left} : #{sticky_box.top}"
+end
 
-# alert"#{b.parents.class} :  #{b.parents}"
+sticky_box.drag(:end) do
+  puts "end => #{sticky_box.left} : #{sticky_box.top}"
+  sticky_box.left(start_x_pos)
+  sticky_box.top(start_y_pos)
+end

data/vendor/assets/src/medias/rubies/examples/drop.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+# Drop
+b=box({id: :droper})
+b.drop(true) do |drop_ob_id|
+  puts "id received : #{drop_ob_id[:id]}"
+  drop_obj=grab(drop_ob_id[:id])
+  if drop_obj.type == :image
+    grab(:view).image({ path: drop_obj.path , drag: true,  width: 120, left: 222, top: 222})
+  end
+
+end
+
+image({path: "./medias/images/green_planet.png", left: 333, top: 33, drag: true})
+
+#
+b.over(:enter) do |event|
+  b.color(:red)
+end
+
+b.over(:leave) do |event|
+  b.color(:blue)
+end
+
+
+c=circle({ color: :orange, top: 333, id: :the_c_2 })
+c.drag(true)

data/vendor/assets/src/medias/rubies/examples/fullscreen.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
 my_video = Atome.new(
-  video: { renderers: [:browser],  id: :video1, type: :video, parents: [:view],
-           path: './medias/videos/avengers.mp4', left: 333, top: 33, width: 777
+  video: { renderers: [:browser],  id: :video1, type: :video, attach: [:view],
+           path: './medias/videos/avengers.mp4', left: 33, top: 33, width: 777
   }
 ) do |params|
   puts "video callback here #{params}"

data/vendor/assets/src/medias/rubies/examples/image.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
 Atome.new(
-  image: { renderers: [:browser], id: :image1, type: :image, parents: [:view], path: "./medias/images/boat.png", left: 99, top: 120, width: 199, height: 199,
+  image: { renderers: [:browser], id: :image1, type: :image, attach: [:view], path: "./medias/images/red_planet.png", left: 99, top: 120, width: 199, height: 199,
   }
 )
 
-image({path: "./medias/images/moto.png", left: 33, top: 33})
+image({path: "./medias/images/green_planet.png", left: 33, top: 33})

data/vendor/assets/src/medias/rubies/examples/link.rb

@@ -1,19 +1,21 @@
 # frozen_string_literal: true
 
 text = Atome.new(
-  text: { renderers: [:browser], id: :my_text, type: :text, parents: [:view], children: [], visual: { size: 18 },
+  text: { renderers: [:browser], id: :my_text, type: :text, attach: [:view], visual: { size: 18 },
           data: 'My first text!', left: 300, top: 33, width: 199, height: 33,
-          color: { renderers: [:browser], id: :c31, type: :color, parents: [:my_text], children: [],
-                   red: 0.6, green: 0.6, blue: 0.6, alpha: 1 }
+
   }
 )
+color({ renderers: [:browser], id: :c31, type: :color, attach: [:my_text],
+        red: 0.6, green: 0.6, blue: 0.6, alpha: 1 })
+
 
-Atome.new({ color: { renderers: [:browser], id: :new_col, type: :color, parents: [], children: [],
+Atome.new({ color: { renderers: [:browser], id: :new_col, type: :color, attach: [],
                      left: 33, top: 66, red: 0, green: 0.15, blue: 0.7, alpha: 0.6 } })
 
 # now we change the color all the object that share the care modified
 wait 1 do
-  text.link(:new_col)
+  text.attached(:new_col)
 end
 wait 2 do
   grab(:new_col).red(1)

data/vendor/assets/src/medias/rubies/examples/markers.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
 my_video = Atome.new(
-  video: { renderers: [:browser], id: :video1, type: :video, parents: [:view], clones: [],
-           path: './medias/videos/avengers.mp4', left: 333, top: 33, width: 777
+  video: { renderers: [:browser], id: :video1, type: :video, attach: [:view], clones: [],
+           path: './medias/videos/avengers.mp4', left: 33, top: 33, width: 777
   }
 )
 

data/vendor/assets/src/medias/rubies/examples/materials.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+# the materials method is used to retrieve or delete all children with a visual rendering
+# but leave alone other atome such as color
+b = box
+cc2 = color(:yellow)
+b.color(:red)
+c = b.circle
+c.attached(cc2.id)
+b.text(:hello)
+b.add(text: { data: :ok, left: 133 })
+wait 2 do
+  b.delete(:materials)
+  puts "b is : #{b}"
+end

data/vendor/assets/src/medias/rubies/examples/matrix.rb

@@ -1,58 +1,102 @@
 # frozen_string_literal: true
 
-a = Matrix.new({ col: 1, row: 8, width: 120, height: 333, id: :vie_playground, name: :matrix_2, margin: 9,
-                 matrix_style: { color: { red: 0.3, green: 0.3, blue: 0.6, alpha: 1 }, smooth: 20 },
-                 cell_style: { color: { red: 0.333, green: 0.333, blue: 0.6, alpha: 1 }, smooth: 300, shadow: { blur: 6 }
-                               #border: { color: :black, thickness: 0, pattern: :solid }
-                 }
-               })
-
-######## tests
-
-a.assign(2) do
-  curent_cell = self
-  curent_cell.image({ path: "./medias/images/moto.png", width: 33, height: 33})
-  curent_cell.active(:inactive)
-  touch(:long) do
-    if curent_cell.active.value == :inactive
-      curent_cell.color(:yellow)
-      curent_cell.active(:active)
-    else
-      curent_cell.color(:red)
-      curent_cell.active(:inactive)
-    end
-  end
+params = {
+
+  id: :my_table, left: 0, top: 0, width: 500, height: 399, smooth: 8, color: :yellowgreen,
+  columns: { count: 8,
+             titles: { 1 => :col1, 3 => :mycol },
+             data: { 3 => :col_content },
+             actions: { 2 => { touch: :the_action } },
+             particles: { color: :blue }
+  },
+  rows: { count: 6,
+          titles: { 1 => :my_first_row, 5 => :other_row },
+          data: { 0 => :col_content },
+          actions: {},
+          particles: { shadows: :black }
+  },
+  cells: {
+    particles: { margin: 9, color: :blue, smooth: 9, shadow: { blur: 9, left: 3, top: 3,id: :cell_shadow } }
+  },
+  exceptions: {
+    columns: {
+      fusion: { 1 => [3, 5], 7 => [2, 5] }
+    },
+    rows: {
+      divided: { 1 => 3 },
+      fusion: { 2 => [0, 3], 5 => [2, 5] }
+    }
+  }
+}
+m = matrix(params)
+
+found = m.columns(5) do |el|
+  el.color(:yellow)
 end
 
-a.assign(3) do
-  color({ red: 0.6, green: 0.333, blue: 0.6, alpha: 1 })
-  grab(:vie_playground_3).shadow({ blur: 12 })
+m.rows(3) do |el|
+  el.color(:orange)
 end
 
+m.rows(1) do |el|
+  el.color(:lightgray)
+end
 
-wait 2 do
-  a.add({ columns: 3 })
+found.data.each do |el|
+  el.color(:red)
 end
 
-# add row
-# wait 4 do
-#   a.add({ rows: 2 })
+# found.data[0..2].each do |el|
+#   el.color(:cyan)
 # end
+#
+grab(:my_table_21).color(:pink)
+grab(:my_table_26).color(:purple)
+# m.cells([20, 5]).rotate(15)
+m.cell(3).color(:black)
+# test = m.cells([23, 26])
+# test.color(:black)
+# m.columns(6).data[0..3].color(:green)
 
-# examples:
+grab(m.id).drag({ move: true }) do |e|
+  puts e
+end
+# wait 1 do
+#   m.add_columns(3)
+#   m.rows(3) do |el|
+#     el.color(:orange)
+#   end
+#     wait 1 do
+#       m.add_rows(4)
+#       m.rows(1) do |el|
+#         el.color(:lightgray)
+#       end
+#       wait 1 do
+#         found.data.each do |el|
+#           el.color(:red)
+#         end
+#         m.resize(330, 300)
+#
+#         m.fusion(rows: { 2 => [0, 3], 3 => [2, 5] })
+#       end
+#     end
+# end
 
-# add columns
-#  a.add({ columns: 3 })
+#
+# m.fusion(columns: { 3=>  [3, 5], 4 => [2, 5] })
+# m.fusion(rows: { 0 => [0, 3], 3 => [5, 9] })
+# # m.override( {
+# #              columns: { number: [ 0, 3 ] ,width: 200},
+# #              rows: { number: [ 1, 4 ] ,height: 200},
+# #            })
+# m.last(:rows) do |el|
+#   el.color(:violet)
+# end
+# m.divide( rows: {1 => 3})
+# m.cell(9).box({left: 0, top: 0, id: :the_big_one, width: 66, height: 66, color: :black})
+# m.cell(9).content([box({ left: 0, top: 0, id: :another_one, width: 66, height: 66, color: :black })])
 
-# add row
-#   a.add({ rows: 2 })
 
-# reformat
-# a.reformat({rows: 4, cols: 2})
 
-# resize matrix
-# a.resize_matrix({ width: 666, height: 333 })
 
-# crop matrix
-# a.matrix.height(150)