atome 0.5.6.7.5 → 0.5.6.7.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 133a51a9b05e6523fd8d58e95d5dc81231f42d9eb7de62e6d9f1250cffb536e9
-  data.tar.gz: 36b89d41fe7889bd664d0d76cf867e5511d62373106969144cd5135a618e2dee
+  metadata.gz: 424c459dc6cff2e44ae6600039d9e91cbf338302369671892cadaadadf53c970
+  data.tar.gz: 5661aee48e399ec36d4cf934f0fc5fac4c63f2b4d5daedab617e8da09bf55377
 SHA512:
-  metadata.gz: 07ab1e800d4ece217f908f45f6eae699277e0abc29bb8913deb2cd3d94cea2ee3846f02e742e32e5724ee17cc890e815940669c3c3cbe48cd8a1f6cf5ac7eb0c
-  data.tar.gz: b627d51e6ad6af8bc9d13713e867f3bc78613a6d3369dfa016d19ebd7a7b51013e5d00f7beb106d2648b1d6abfdab64b84ae1810474aa8b79f6127d77a7cfbca
+  metadata.gz: 138987dc6c69b96ddd1d157bd57f2406306b8c559e721688d8e3cec226f2f9e694bb75f5ec51ef8931227d29ec0a60c57b137aba801fad37d7ad4a65cc3c387d
+  data.tar.gz: be69bbd4ee58dc92c5231958ecdd3bca7e82d96451db416bc97edb9f4e2caefd80ad04273a09cc0d86594398ba5634d99c69b4dc396786a58a73ee7311763a76

data/lib/atome/genesis/particles/property.rb

@@ -134,3 +134,4 @@ new({particle: :inside, render: false})
 new({ initialized: :inside }) do |params, &user_proc|
   render(:inside, params, &user_proc)
 end
+new({ particle: :margin })

data/lib/atome/version.rb

@@ -2,5 +2,5 @@
 
 #  return atome version
 class Atome
-  VERSION = '0.5.6.7.5'
+  VERSION = '0.5.6.7.6'
 end

data/lib/atome.rb

@@ -36,4 +36,4 @@ require 'renderers/server/index'
 require 'atome/utilities/sanitizer'
 require 'atome/genesis/sparkle'
 require 'molecules/init'
-require 'molecules/intuition/sliders'
+require 'molecules/intuition/utillities'

data/lib/atome_relative.rb

@@ -35,4 +35,4 @@ require_relative './renderers/server/index_relative'
 require_relative './atome/utilities/sanitizer'
 require_relative './atome/genesis/sparkle'
 require_relative './molecules/init'
-require_relative './molecules/intuition/sliders'
+require_relative './molecules/intuition/utillities'

data/lib/molecules/intuition/utillities.rb

@@ -0,0 +1,79 @@
+# frozen_string_literal: true
+
+
+module Molecule
+  def slider(params,&bloc)
+    slider_width=params[:width] || 333
+    cursor_width=33
+    cursor_height=33
+    left_pos=params[:left] || 0
+    top_pos=params[:top] || 0
+    attach_to= params[:attach] || :view
+    cursor_left=0
+    cursor_top=0
+    slider=grab(attach_to).box({ top: top_pos, left: left_pos,width: slider_width, height: 25,  smooth: 9,  color:{red: 0.3, green: 0.3, blue: 0.3}})
+    slider.shadow({
+                    id: :s2,
+                    left: 3, top: 3, blur: 9,
+                    invert: true,
+                    red: 0, green: 0, blue: 0, alpha: 0.7
+                  })
+    cursor= slider.circle({width: cursor_width, height: cursor_height, left: 2, top: 1, color:{red: 0.3, green: 0.3, blue: 0.3}})
+    cursor.left(cursor_left)
+    cursor.top(cursor_top)
+    cursor.shadow({
+                    id: :s4,
+                    left: 1, top: 1, blur: 3,
+                    option: :natural,
+                    red: 0, green: 0, blue: 0, alpha: 0.6
+                  })
+    cursor.drag({ restrict: {max:{ left: slider_width-cursor_width, top: 0}} }) do |_event|
+      value = (cursor.left+cursor.width)/slider_width*100
+      bloc.call(value)
+    end
+    slider
+  end
+
+  def list(params)
+
+    #   listing: listing
+    listing = params[:listing]
+    styles_found=params.delete(:styles)
+    element=params.delete(:element)
+    listing=params.delete(:listing)
+    # lets create the listing container
+    list = box({ attach: id , color: {alpha: 0}}.merge(params))
+
+    styles_found = styles_found ||= {
+      width: 99,
+      height: 33,
+      margin: 6,
+      shadow: { blur: 9, left: 3, top: 3, id: :cell_shadow, red: 0, green: 0, blue: 0, alpha: 0.6 },
+      left: 0,
+      color: :yellowgreen
+    }
+    element = element ||= { width: 33,
+                            height: 33,
+                            left: :center,
+                            top: :center,
+                            color: :orange,
+                            type: :text }
+
+    unless element[:width]
+      element[:width] = styles_found[width]
+    end
+    margin = styles_found[:margin]
+    height_found = styles_found[:height]
+    renderer_found = renderers
+    listing.each_with_index do |data, index|
+      # let's create the container
+      new_atome = { renderers: renderer_found, attach: list.id }.merge(styles_found).merge({ type: :shape })
+      el = Atome.new(new_atome)
+      el.top((height_found + margin) * index)
+      # now the content
+      Atome.new({ renderers: renderer_found, attach: el.id }.merge(element).merge(data))
+
+    end
+    list
+  end
+end

data/vendor/assets/application/examples/list.rb

@@ -0,0 +1,69 @@
+# frozen_string_literal: true
+
+styles = {
+  width: 199,
+  height: 33,
+  margin: 6,
+  shadow: { blur: 9, left: 3, top: 3, id: :cell_shadow, red: 0, green: 0, blue: 0, alpha: 0.6 },
+  left: 0,
+  color: :yellowgreen
+}
+
+element = { width: 33,
+            height: 33,
+            component: { size: 11 },
+            left: :center,
+            top: :center,
+            color: :black,
+            center: { x: 0, y: 0 },
+            type: :text }
+
+listing = [
+  { data: :'hello' },
+  { data: :'salut', color: :red },
+  { data: :hi },
+  { data: :ho }
+]
+
+ A.list({
+                  styles: styles,
+                  element: element,
+                  listing: listing
+                })
+
+
+
+styles = {
+  width: 199,
+  height: 33,
+  margin: 6,
+  shadow: { blur: 9, left: 3, top: 3, id: :cell_shadow, red: 0, green: 0, blue: 0, alpha: 0.6 },
+  left: 0,
+  color: :yellowgreen
+}
+
+element = { width: 25,
+            height: 25,
+            smooth: '100%',
+            center: { x: 0, y: 0 },
+            color: :orange,
+            type: :shape }
+
+listing = [
+  { smooth: '100%' },
+  { color: :red },
+  {},
+  {},
+
+  { width: 33 },
+  {},
+]
+
+list_2 = A.list({ left: 300,
+                  styles: styles,
+                  element: element,
+                  listing: listing
+                })
+wait 1 do
+  list_2.left(120)
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: atome
 version: !ruby/object:Gem::Version
-  version: 0.5.6.7.5
+  version: 0.5.6.7.6
 platform: ruby
 authors:
 - Jean-Eric Godard
@@ -476,8 +476,8 @@ files:
 - lib/molecules/examples/site.rb
 - lib/molecules/init.rb
 - lib/molecules/intuition/inputs.rb
-- lib/molecules/intuition/sliders.rb
 - lib/molecules/intuition/toolbox.rb
+- lib/molecules/intuition/utillities.rb
 - lib/platform_specific/opal/atome_opal_extensions.rb
 - lib/platform_specific/opal/extensions/color.rb
 - lib/platform_specific/opal/extensions/geolocation.rb
@@ -590,6 +590,7 @@ files:
 - vendor/assets/application/examples/js&ruby.rb
 - vendor/assets/application/examples/keyboard.rb
 - vendor/assets/application/examples/layout.rb
+- vendor/assets/application/examples/list.rb
 - vendor/assets/application/examples/localstorage.rb
 - vendor/assets/application/examples/login.rb
 - vendor/assets/application/examples/markup.rb

data/lib/molecules/intuition/sliders.rb

@@ -1,36 +0,0 @@
-# frozen_string_literal: true
-
-
-module Molecule
-  def slider(params,&bloc)
-    slider_width=params[:width] || 333
-    cursor_width=33
-    cursor_height=33
-    left_pos=params[:left] || 0
-    top_pos=params[:top] || 0
-    attach_to= params[:attach] || :view
-    cursor_left=0
-    cursor_top=0
-    slider=grab(attach_to).box({ top: top_pos, left: left_pos,width: slider_width, height: 25,  smooth: 9,  color:{red: 0.3, green: 0.3, blue: 0.3}})
-    slider.shadow({
-                    id: :s2,
-                    left: 3, top: 3, blur: 9,
-                    invert: true,
-                    red: 0, green: 0, blue: 0, alpha: 0.7
-                  })
-    cursor= slider.circle({width: cursor_width, height: cursor_height, left: 2, top: 1, color:{red: 0.3, green: 0.3, blue: 0.3}})
-    cursor.left(cursor_left)
-    cursor.top(cursor_top)
-    cursor.shadow({
-                    id: :s4,
-                    left: 1, top: 1, blur: 3,
-                    option: :natural,
-                    red: 0, green: 0, blue: 0, alpha: 0.6
-                  })
-    cursor.drag({ restrict: {max:{ left: slider_width-cursor_width, top: 0}} }) do |_event|
-      value = (cursor.left+cursor.width)/slider_width*100
-      bloc.call(value)
-    end
-    slider
-  end
-end