circle_speech_balloon 0.0.7 → 0.0.8

data/app/assets/javascripts/circle_speech_balloon/balloons.js.coffee

@@ -5,37 +5,77 @@ $ ->
     balloon_trace = '#panel' + $(wrapper).attr('panel_id') + 'speech_balloon' + $(wrapper).attr('element_id') + 'balloon' + $(wrapper).attr('element_part_id')
     input_r = $(balloon_trace + 'r')
     input_r
-  balloon_r_step = (btn)  ->
-    wrapper = $(btn).parent()
-    r_step = parseFloat(wrapper.attr('r_step'))
-    r_step
-  balloon_index = (btn, r_step)  ->
-    v = parseInt(balloon_input_r(btn).val())
+  balloon_r_step = ()  ->
+    circle_speech_balloon_settings['speech_balloon']['r_step']
+  balloon_next_index = (input_r, r_step, d)  ->
+    v = parseInt(input_r.val()) + r_step * d
+    tr = v % 360
+    tr = 360 + tr if tr < 0
+    offset = r_step / 2.0
+    idx = Math.floor(((tr + offset) % 360) / r_step)
+    if idx == 0
+      ir = 0
+    else
+      if v < 0
+        ir = Math.floor(idx * r_step) - 360
+      else
+        ir = Math.floor(idx * r_step)
+    input_r.val(ir)
+    idx
+  balloon_index = (input_r, r_step)  ->
+    v = parseInt(input_r.val())
     tr = v % 360
     tr = 360 + tr if tr < 0
     offset = r_step / 2.0
-    idx = Math.floor((tr + offset) / r_step)
+    idx = Math.floor(((tr + offset) % 360) / r_step)
     idx
+  refresh_balloon = (bln, idx)  ->
+    sp_id = circle_speech_balloon_settings[String(idx)]['balloon']['system_picture_id']
+    fn = '/system_pictures/' + String(sp_id) + '.png'
+    ofn = bln.attr('src')
+    if fn == ofn
+    else
+      bln.attr('src', fn) 
   
   $('input').map  ->
     if $(@).attr('element_type') and $(@).attr('element_type') == 'speech_balloon' and $(@).attr('column') == 'r'
-      $(@).spinner()
+      $(@).spinner {
+        spin: ( event, ui ) ->
+          balloon_trace = '#panel' + $(@).attr('panel_id') + 'speech_balloon' + $(@).attr('element_id') + 'balloon' + $(@).attr('element_part_id')
+          r_step = balloon_r_step()
+          idx = balloon_index($(balloon_trace + 'r'), r_step)
+          refresh_balloon($(balloon_trace), idx)
+      }
+
   
   $('.r-down').map -> 
     $(@).click -> 
-      r_step = balloon_r_step($(@))
-      idx = balloon_index($(@), r_step)
-      rv = Math.floor((idx - 1) * r_step)
-      balloon_input_r($(@)).val(rv)
+      r_step = balloon_r_step()
+      idx = balloon_next_index(balloon_input_r($(@)), r_step, -1)
+      wrapper = $(@).parent()
+      balloon_trace = '#panel' + $(wrapper).attr('panel_id') + 'speech_balloon' + $(wrapper).attr('element_id') + 'balloon' + $(wrapper).attr('element_part_id')
+      refresh_balloon($(balloon_trace), idx)
   $('.r-up').map -> 
     $(@).click -> 
-      r_step = balloon_r_step($(@))
-      idx = balloon_index($(@), r_step)
-      rv = Math.floor((idx + 1) * r_step)
-      balloon_input_r($(@)).val(rv)
+      r_step = balloon_r_step()
+      idx = balloon_next_index(balloon_input_r($(@)), r_step, 1)
+      wrapper = $(@).parent()
+      balloon_trace = '#panel' + $(wrapper).attr('panel_id') + 'speech_balloon' + $(wrapper).attr('element_id') + 'balloon' + $(wrapper).attr('element_part_id')
+      refresh_balloon($(balloon_trace), idx)
   $('.r-reset').map -> 
     $(@).click -> 
       wrapper = $(@).parent()
       balloon_trace = '#panel' + $(wrapper).attr('panel_id') + 'speech_balloon' + $(wrapper).attr('element_id') + 'balloon' + $(wrapper).attr('element_part_id')
-      $(balloon_trace + 'r').val(0)
+      balloon_input_r($(@)).val(0)
+      refresh_balloon($(balloon_trace), 0)
   
+  # sync view 
+  $('input').map  ->
+    if $(@).attr('element_type') and $(@).attr('element_type') == 'speech_balloon'
+      $(@).focusout ->
+        switch $(@).attr('column')
+          when 'r'
+            balloon_trace = '#panel' + $(@).attr('panel_id') + 'speech_balloon' + $(@).attr('element_id') + 'balloon' + $(@).attr('element_part_id')
+            r_step = balloon_r_step()
+            idx = balloon_index($(balloon_trace + 'r'), r_step)
+            refresh_balloon($(balloon_trace), idx)

data/app/views/circle_speech_balloon/balloons/_form.html.erb

@@ -1,3 +1,8 @@
+<script>
+<!--
+var circle_speech_balloon_settings = <%= raw balloon.parsed_settings.to_json -%>;
+// -->
+</script>
   <%= javascript_include_tag "circle_speech_balloon/application" %>
 
   <div class="field">

data/lib/circle_speech_balloon/version.rb

@@ -1,3 +1,3 @@
 module CircleSpeechBalloon
-  VERSION = "0.0.7"
+  VERSION = "0.0.8"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: circle_speech_balloon
 version: !ruby/object:Gem::Version
-  version: 0.0.7
+  version: 0.0.8
   prerelease: 
 platform: ruby
 authors: