-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
\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
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