t#31558:

[pettanr/pettanr.git] / app / assets / javascripts / panels.js.coffee

diff --git a/app/assets/javascripts/panels.js.coffee b/app/assets/javascripts/panels.js.coffee
index aceeecc..cb49e66 100644 (file)
--- a/app/assets/javascripts/panels.js.coffee
+++ b/app/assets/javascripts/panels.js.coffee
@@ -26,8 +26,17 @@ $ ->
     $(@).resizable {\r
       stop: ( event, ui ) ->\r
         trace = '#panel' + $(@).attr('panel_id')\r
-        $(trace + 'width').val($(@).width())\r
-        $(trace + 'height').val($(@).height())\r
+        w = parseInt($(@).width())\r
+        h = parseInt($(@).height())\r
+        $(trace + 'width').val(w)\r
+        $(trace + 'height').val(h)\r
+        $('.pettanr-comic-ground-picture').map ->\r
+          $(@).width(w)\r
+          $(@).height(h)\r
+        $('.pettanr-comic-ground-color').map ->\r
+          $(@).width(w)\r
+          $(@).height(h)\r
+        \r
     }\r
   # sync view \r
   $('#panel' + pettanr_current_panel_id.toString() +  'width').focusout ->\r
@@ -188,12 +197,43 @@ $ ->
   # sync view \r
   $('input').map  ->\r
     if $(@).attr('element_type') and $(@).attr('element_type') == 'ground_color'\r
-      $(@).focusout ->\r
-        switch $(@).attr('column')\r
-          when 'code'\r
-            trace = element_tag_id($(@))\r
-            v = '#' + parseInt($(@).val()).toString()\r
-            $(trace).css('background-color', v)\r
+      $(@).hide()\r
+\r
+  $('#colorpicker-red, #colorpicker-green, #colorpicker-blue').map -> \r
+    trace = element_tag_id($(@).parent())\r
+    $(@).slider {\r
+      orientation: 'horizontal',\r
+      range: 'min',\r
+      max: 255,\r
+      value: 127,\r
+      change: ( event, ui ) ->\r
+        red = $('#colorpicker-red').slider('value')\r
+        green = $('#colorpicker-green').slider('value')\r
+        blue = $('#colorpicker-blue').slider('value')\r
+        code = (red << 16) + (green << 8) + (blue)\r
+        phex = "000000" + code.toString(16)\r
+        hex = code.toString(16)\r
+        h = phex.substring(phex.length - 6)\r
+        $('#colorpicker-swatch').css('background-color', '#' + h)\r
+        $('#colorpicker-hex').html('HEX: #' + h)\r
+        $('#colorpicker-rgb').html('RGB: (' + red + ',' + green + ',' +blue + ')')\r
+        $(trace + 'code').val(code)\r
+        v = '#' + h\r
+        $(trace).css('background-color', v)\r
+    }\r
+\r
+  $('.colorpicker').map -> \r
+    trace = element_tag_id($(@))\r
+    code = parseInt($(trace + 'code').val())\r
+    $('.colorpicker-red').map -> \r
+      v = (code >> 16) & 0xFF\r
+      $(@).slider('value', v)\r
+    $('.colorpicker-green').map -> \r
+      v = (code >> 8) & 0xFF\r
+      $(@).slider('value', v)\r
+    $('.colorpicker-blue').map -> \r
+      v = code & 0xFF\r
+      $(@).slider('value', v)\r
   \r
   $('#t-sortable tbody').sortable {\r
       update: ( event, ui ) ->\r
@@ -252,4 +292,11 @@ $ ->
   $('.submit' ).map ->\r
     $(@).hide()\r
   \r
+  # disable form z t\r
+  $('input').map  ->\r
+    if $(@).attr('element_type') and $(@).attr('column')\r
+      switch $(@).attr('column')\r
+        when 'z' , 't'\r
+          $(@).hide()\r
+          $(@).parent().hide() #label\r
   \r