<div id="elements-tabs">
<ul>
<% @panel.panel_elements.each do |elm| %>
- <li><a href="#elements-tabs-<%= elm.t -%>">
- <div class="elements-tab">
- <% case elm.class.to_s %>
- <% when 'PanelPicture' %>
- <%= tag(:img, elm.tmb_opt_img_tag) %>
- <p class="elements-tab-caption">
- <% -%>
- <%= h(truncate(elm.caption, :length => 15)) -%>
- </p>
- <% when 'SpeechBalloon' %>
- <%= tag(:img, elm.speech_balloon_template.system_picture.tmb_opt_img_tag) %>
- <p class="elements-tab-caption"><%= h(truncate(elm.caption, :length => 15)) -%>
- <br><%= h(truncate(elm.speech.content, :length => 15)) -%>
- </p>
- <% when 'GroundPicture' %>
- <%= tag(:img, elm.tmb_opt_img_tag) -%>
- <p class="elements-tab-caption"><%= h(truncate(elm.caption, :length => 15)) -%>
- </p>
- <% when 'GroundColor' %>
- <div style="color: #<%= format("%06x", elm.code ^ 0xffffff) -%>; background-color: #<%= format("%06x", elm.code) -%>; width: 48px; height: 48px; ">
- <%= format("%06x", elm.code) %>
- </div>
- <p class="elements-tab-caption"><%= h(truncate(elm.caption, :length => 15)) -%>
- </p>
- <% end %>
- </div>
- </a></li>
+ <li id="<%= elm.field_tag_id(:element_tab) -%>">
+ <a href="#elements-tabs-<%= elm.t -%>">
+ <div class="elements-tab">
+ <% case elm.class.to_s %>
+ <% when 'PanelPicture' %>
+ <%= tag(:img, elm.tmb_opt_img_tag) %>
+ <p class="elements-tab-caption">
+ <% -%>
+ <%= h(truncate(elm.caption, :length => 15)) -%>
+ </p>
+ <% when 'SpeechBalloon' %>
+ <%= tag(:img, elm.speech_balloon_template.system_picture.tmb_opt_img_tag) %>
+ <p class="elements-tab-caption"><%= h(truncate(elm.caption, :length => 15)) -%>
+ <br><%= h(truncate(elm.speech.content, :length => 15)) -%>
+ </p>
+ <% when 'GroundPicture' %>
+ <%= tag(:img, elm.tmb_opt_img_tag) -%>
+ <p class="elements-tab-caption"><%= h(truncate(elm.caption, :length => 15)) -%>
+ </p>
+ <% when 'GroundColor' %>
+ <div style="color: #<%= format("%06x", elm.code ^ 0xffffff) -%>; background-color: #<%= format("%06x", elm.code) -%>; width: 48px; height: 48px; ">
+ <%= format("%06x", elm.code) %>
+ </div>
+ <p class="elements-tab-caption"><%= h(truncate(elm.caption, :length => 15)) -%>
+ </p>
+ <% end %>
+ </div>
+ </a>
+ <button class="ui-icon-destroy" id="<%= elm.field_tag_id(:_destroy_button) -%>" panel_id="<%= elm.tag_panel_id -%>" element_id="<%= elm.tag_element_id -%>" element_type="<%= elm.tag_element_type -%>"></button>
+ </li>
<% end %>
</ul>
- <% @panel.panel_elements.each do |elm| %>
+ <% @panel.panel_elements.each do |elm| %>
+ <div id="<%= elm.field_tag_id(:tab_panel) -%>" panel_id="<%= elm.tag_panel_id -%>" element_id="<%= elm.tag_element_id -%>" element_type="<%= elm.tag_element_type -%>">
<div id="elements-tabs-<%= elm.t -%>">
<% case elm.class.to_s %>
<% when 'PanelPicture' %>
<% when 'GroundColor' %>
<%= render 'ground_colors/form', :ground_color => elm %>
<% end %>
+ <%= hidden_field_tag '_destroy', '', :id => elm.field_tag_id(:_destroy), :panel_id => elm.tag_panel_id, :element_id => elm.tag_element_id, :element_type => elm.tag_element_type, :column => :_destroy, :tree => elm.field_tree(:_destroy) %>
</div>
- <% end %>
+ </div>
+ <% end %>
</div>
</div>
<div id="tabs-3">
<div class="tsort-box">
<ul id="<%= @panel.tag_id -%>tsort" class="tsort" panel_id="<%= @panel.tag_panel_id -%>">
<% @panel.panel_elements.each do |elm| %>
- <li panel_id="<%= elm.tag_panel_id -%>" element_id="<%= elm.tag_element_id -%>" element_type="<%= elm.tag_element_type -%>">
+ <li id="<%= elm.field_tag_id(:tsort) -%>" panel_id="<%= elm.tag_panel_id -%>" element_id="<%= elm.tag_element_id -%>" element_type="<%= elm.tag_element_type -%>">
<% case elm.class.to_s %>
<% when 'PanelPicture' %>
<span>
</div>
</div>
<div id="tabs-4">
- <h2><%= 'z reorder' -%></h2>
- <table id="z-sortable">
- <tbody >
- <% @panel.zorderd_elements.each do |elm| %>
- <tr panel_id="<%= elm.tag_panel_id -%>" element_id="<%= elm.tag_element_id -%>" element_type="<%= elm.tag_element_type -%>">
- <% case elm.class.to_s %>
- <% when 'PanelPicture' %>
- <td>
- <%= tag(:img, elm.tmb_opt_img_tag) %>
- </td>
- <% when 'SpeechBalloon' %>
- <td>
- <%= elm.id -%>
- <%= elm.caption -%>
- </td>
- <% when 'GroundPicture' %>
- <td>
- <%= tag(:img, elm.tmb_opt_img_tag) -%>
- </td>
- <% when 'GroundColor' %>
- <td style="color: #<%= format("%06x", elm.code ^ 0xffffff) -%>; background-color: #<%= format("%06x", elm.code) -%>;">
- <%= format("%06x", elm.code ^ 0xffffff) %>
- </td>
- <% end %>
- <td>
- <%= h(truncate(elm.caption, :length => 12)) %>
- </td>
- </tr>
- <% end %>
- </tbody>
- </table>
+ <div class="zsort-box">
+ <ul id="<%= @panel.tag_id -%>zsort" class="zsort" panel_id="<%= @panel.tag_panel_id -%>">
+ <% @panel.zorderd_elements.each do |elm| %>
+ <li id="<%= elm.field_tag_id(:zsort) -%>" panel_id="<%= elm.tag_panel_id -%>" element_id="<%= elm.tag_element_id -%>" element_type="<%= elm.tag_element_type -%>">
+ <% case elm.class.to_s %>
+ <% when 'PanelPicture' %>
+ <span>
+ <%= tag(:img, elm.tmb_opt_img_tag) %>
+ </span>
+ <% when 'SpeechBalloon' %>
+ <span>
+ <%= elm.id -%>
+ <%= elm.caption -%>
+ </span>
+ <% when 'GroundPicture' %>
+ <span>
+ <%= tag(:img, elm.tmb_opt_img_tag) -%>
+ </span>
+ <% when 'GroundColor' %>
+ <span style="color: #<%= format("%06x", elm.code ^ 0xffffff) -%>; background-color: #<%= format("%06x", elm.code) -%>;">
+ <%= format("%06x", elm.code ^ 0xffffff) %>
+ </span>
+ <% end %>
+ <span>
+ <%= h(truncate(elm.caption, :length => 12)) %>
+ </span>
+ </li>
+ <% end %>
+ </ul>
+ </div>
</div>
<div id="tabs-5">
<script>
<%= submit_tag t('panels.create_from_json'), :id => 'pettanr-panel-submit' -%>
</div>
<% end %>
-
<script>
<!--
var pettanr_current_panel_id = <%= @panel.tag_panel_id -%>;
-
-function confirm_confirm_confirm() {
- confirm( );
-};
-function set_tree_value(keys, last_attr, value) {
- var key = keys.shift();
- if (keys.length <= 0) {
- last_attr[key] = value;
- } else {
- last_attr[key] = last_attr[key] || {};
- set_tree_value(keys, last_attr[key], value);
- }
-};
// -->
</script>