fix: scenario

[pettanr/pettanr.git] / app / assets / javascripts / views / balloons / element.js.coffee

diff --git a/app/assets/javascripts/views/balloons/element.js.coffee b/app/assets/javascripts/views/balloons/element.js.coffee
index 0344409..bec504e 100644 (file)
--- a/app/assets/javascripts/views/balloons/element.js.coffee
+++ b/app/assets/javascripts/views/balloons/element.js.coffee
@@ -1,54 +1,44 @@
-class Pettanr.Views.Balloon.Element extends Backbone.View\r
+class Pettanr.Views.Balloon.Element extends Pettanr.View\r
   tagName: 'img'\r
   className: 'pettanr-balloon'\r
-  events: {\r
-    'ready:picture': 'set_style'\r
-  }\r
   \r
   initialize: (options) ->\r
     @element = options.element\r
     @root = options.root\r
     @spot = options.spot\r
     @speech_balloon = options.parent\r
-    @system_picture = @element.system_picture()\r
-  \r
-  clear: () ->\r
-    @system_picture.fetch({cache: true}).done =>\r
-      @render()\r
-    this\r
   \r
   render: () ->\r
+    this.$el.html('')\r
     @set_style()\r
     this\r
   \r
+  init_picture: () ->\r
+  \r
   set_style: () ->\r
     attr = {\r
-      src: @system_picture.r_url(), \r
-      alt: @element.get('caption'),\r
+      src: @system_picture.picture_file().src(), \r
+      alt: @speech_balloon.element.get('caption'),\r
       style: Pettanr.to_style(@style())\r
     }\r
     this.$el.attr(attr)\r
   \r
   style: () ->\r
     {\r
-      'width': '100%'\r
-      'height': '100%'\r
-      'z-index': 2\r
+      'width': '100%',\r
+      'height': '100%',\r
+      'z-index': 1  # play case\r
     }\r
   \r
-  add_element: (element) ->\r
-    null\r
-  \r
 class Pettanr.Views.Balloon.Element.Edit extends Pettanr.Views.Balloon.Element\r
   \r
   initialize: (options) ->\r
     super(options)\r
-    @listenTo(@element, 'input:r', @restyle)\r
+  \r
+  init_picture: () ->\r
+    @listenTo(@element, 'input:system_picture_id', @input_r)\r
     @listenTo(@element, 'input:width', @resize)\r
     @listenTo(@element, 'input:height', @resize)\r
-  \r
-  render: () ->\r
-    super()\r
     sb = @speech_balloon\r
     elm = @element\r
     this.$el.resizable {\r
@@ -58,6 +48,7 @@ class Pettanr.Views.Balloon.Element.Edit extends Pettanr.Views.Balloon.Element
         \r
         resize_div.css('top', '0px')\r
         resize_div.css('left', '0px')\r
+        # resize_div.css('z-index', 1)\r
         width = ui.size.width\r
         height = ui.size.height\r
         top = speech_balloon_div.position().top\r
@@ -79,14 +70,28 @@ class Pettanr.Views.Balloon.Element.Edit extends Pettanr.Views.Balloon.Element
           height: height\r
         }, {silent: true})\r
         elm.trigger('resize')\r
-     resize: (event, ui) ->\r
-        resize_div = $(@)\r
-        speech_balloon_div = resize_div.parent()\r
       handles: 'all',\r
       autoHide: true\r
     }\r
     this\r
   \r
+  style: () ->\r
+    {\r
+      top: '0px',\r
+      left: '0px',\r
+      width: Pettanr.to_s(@element.get('width')) + 'px', \r
+      height: Pettanr.to_s(@element.get('height')) + 'px',\r
+      'z-index': 1  # play case\r
+    }\r
+  \r
+  input_r: () ->\r
+    @element.get_parent('system_picture', this, {\r
+      success: (@system_picture) =>\r
+        @set_style()\r
+        #resize_div = this.$el.parent()\r
+        #resize_div.css('z-index', 1)\r
+    })\r
+  \r
   resize: () ->\r
     resize_div = this.$el.parent()\r
     resize_div.css('width', '100%')\r