$('#elements-tabs').addClass( "ui-tabs-vertical ui-helper-clearfix" )\r
$("#elements-tabs li").removeClass("ui-corner-top")\r
$("#elements-tabs li").addClass("ui-corner-left")\r
+ $("#elements-tabs li").map ->\r
+ $(@).mouseover -> \r
+ switch $(@).attr('element_type')\r
+ when 'speech_balloon'\r
+ trace = element_tag_id($(@)) \r
+ t = $('img', $(trace))\r
+ when 'panel_picture'\r
+ trace = element_tag_id($(@)) + 'img'\r
+ t = $(trace)\r
+ else\r
+ t = null\r
+ if t\r
+ $('.ui-resizable-handle', t.parent()).map ->\r
+ $(@).css('display', 'block')\r
+ $(@).mouseout -> \r
+ switch $(@).attr('element_type')\r
+ when 'speech_balloon'\r
+ trace = element_tag_id($(@)) \r
+ t = $('img', $(trace))\r
+ when 'panel_picture'\r
+ trace = element_tag_id($(@)) + 'img'\r
+ t = $(trace)\r
+ else\r
+ t = null\r
+ if t\r
+ $('.ui-resizable-handle', t.parent()).map ->\r
+ $(@).css('display', 'none')\r
\r
#destroy button\r
$('.ui-icon-destroy').map ->\r
<div id="elements-tabs">
<ul>
<% @panel.panel_elements.each do |elm| %>
- <li id="<%= elm.field_tag_id(:element_tab) -%>">
+ <li id="<%= elm.field_tag_id(:element_tab) -%>" panel_id="<%= elm.tag_panel_id -%>" element_id="<%= elm.tag_element_id -%>" element_type="<%= elm.tag_element_type -%>">
<a href="#elements-tabs-<%= elm.t -%>">
<div class="elements-tab">
<%= render elm.class.to_s.tableize + '/element_face', :elm => elm %>