-<div id="tabs">
+<div id="tabs" class="panel-editor" panel_id="<%= @panel.tag_panel_id -%>" current="1">
<ul>
<li><a href="#tabs-1">panel</a></li>
<li><a href="#tabs-2">elements</a></li>
<li><a href="#tabs-3">t order</a></li>
<li><a href="#tabs-4">z order</a></li>
+ <li><a href="#tabs-5">new</a></li>
</ul>
<div id="tabs-1">
<%= form_for(@panel) do |f| %>
<%= render 'system/error_explanation', :obj => @panel %>
<div class="field">
- <%= f.label :caption %><br />
- <%= f.text_field :caption, :id => @panel.field_tag_id(:caption), :panel_id => @panel.tag_panel_id, :column => :caption, :tree => @panel.field_tree(:caption) -%>
+ <%= f.label :caption %>
+ <%= f.text_field :caption, :id => @panel.field_tag_id(:caption), :panel_id => @panel.tag_panel_id, :column => :caption -%>
</div>
<div class="field">
- <%= f.label :width %><br />
- <%= f.number_field :width, :id => @panel.field_tag_id(:width), :panel_id => @panel.tag_panel_id, :column => :width, :tree => @panel.field_tree(:width) %>
- </div>
- <div class="field">
- <%= f.label :height %><br />
- <%= f.number_field :height, :id => @panel.field_tag_id(:height), :panel_id => @panel.tag_panel_id, :column => :height, :tree => @panel.field_tree(:height) %>
- </div>
- <div class="field">
- <%= f.label :border %><br />
- <%= f.number_field :border, :id => @panel.field_tag_id(:border), :panel_id => @panel.tag_panel_id, :column => :border, :tree => @panel.field_tree(:border) %>
+ <%= f.label :width %>
+ <%= f.number_field :width, :size => 5, :id => @panel.field_tag_id(:width), :panel_id => @panel.tag_panel_id, :column => :width %>
+
+ <%= f.label :height %>
+ <%= f.number_field :height, :size => 5, :id => @panel.field_tag_id(:height), :panel_id => @panel.tag_panel_id, :column => :height %>
+
+ <%= f.label :border %>
+ <%= f.number_field :border, :size => 5, :id => @panel.field_tag_id(:border), :panel_id => @panel.tag_panel_id, :column => :border %>
</div>
<div class="field">
- <%= f.label :publish %><br />
- <%= f.collection_select :publish, t_select_items(MagicNumber['panel_visible_items']), :last, :first, {:html => {:selected => @panel.publish}}, {:id => @panel.field_tag_id(:publish), :panel_id => @panel.tag_panel_id, :column => :publish, :tree => @panel.field_tree(:publish)} %>
+ <%= f.label :publish %>
+ <%= f.collection_select :publish, t_select_items(MagicNumber['panel_visible_items']), :last, :first, {:html => {:selected => @panel.publish}}, {:id => @panel.field_tag_id(:publish), :panel_id => @panel.tag_panel_id, :column => :publish} %>
</div>
+ <% unless @panel.new_record? %>
+ <%= f.hidden_field :id, :id => @panel.field_tag_id(:id), :panel_id => @panel.tag_panel_id, :column => :id %>
+ <% end %>
<div class="actions">
- <%= f.submit t('panels.submit'), :class => "submit" %>
+ <%= f.submit 'panels.submit', :class => "submit" %>
</div>
<% end %>
</div>
<div id="elements-tabs">
<ul>
<% @panel.panel_elements.each do |elm| %>
- <li><a href="#elements-tabs-<%= elm.t -%>">
- <% case elm.class.to_s %>
- <% when 'PanelPicture' %>
- <%= tag(:img, elm.tmb_opt_img_tag) %>
- <% when 'SpeechBalloon' %>
- <%= elm.id -%>
- <% when 'GroundPicture' %>
- <%= tag(:img, elm.tmb_opt_img_tag) -%>
- <% when 'GroundColor' %>
- <div style="color: #<%= format("%06x", elm.code ^ 0xffffff) -%>; background-color: #<%= format("%06x", elm.code) -%>;">
- <%= format("%06x", elm.code ^ 0xffffff) %>
- </div>
- <% end %>
- </a></li>
+ <%= render 'element_tab', :elm => elm %>
<% 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' %>
- <%= render 'panel_pictures/form', :panel_picture => elm %>
- <% when 'SpeechBalloon' %>
- <%= elm.id -%>
- <% when 'GroundPicture' %>
- <%= render 'ground_pictures/form', :ground_picture => elm %>
- <% when 'GroundColor' %>
- <%= render 'ground_colors/form', :ground_color => elm %>
- <% end %>
+ <%= render elm.form_template, :elm => elm, :no_attr => 0 %>
+ <%= 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 %>
</div>
- <% end %>
+ </div>
+ <% end %>
</div>
</div>
<div id="tabs-3">
- <h2><%= 't reorder' -%></h2>
- <table id="t-sortable">
- <tbody >
+ <div class="tsort-box">
+ <ul id="<%= @panel.tag_id -%>tsort" class="tsort tsort-tabs-nav" panel_id="<%= @panel.tag_panel_id -%>">
+ <% @panel.panel_elements.each do |elm| %>
+ <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 -%>">
+ <div class="elements-tab">
+ <%= render elm.path_name + '/element_face', :elm => elm %>
+ </div>
+ </li>
+ <% end %>
+ </ul>
+ </div>
+ <div id="<%= @panel.tag_id -%>scenario" class="scenario" panel_id="<%= @panel.tag_panel_id -%>">
<% @panel.panel_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>
+ <div panel_id="<%= elm.tag_panel_id -%>" element_id="<%= elm.tag_element_id -%>" element_type="<%= elm.tag_element_type -%>">
+ <%= render elm.scenario_template, :elm => elm, :no_attr => 0 %>
+ </div>
<% end %>
- </tbody>
- </table>
+ </div>
+ <div class="tsort-row-break">
+ </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>
+ <div class="zsort-box">
+ <ul id="<%= @panel.tag_id -%>zsort" class="zsort zsort-tabs-nav" 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 -%>">
+ <div class="elements-tab">
+ <%= render elm.class.to_s.tableize + '/element_face', :elm => elm %>
+ </div>
+ </li>
+ <% end %>
+ </ul>
+ </div>
+ </div>
+ <div id="tabs-5">
+ <div id="new-element-tabs">
+ <ul>
+ <% i = 0 %>
+ <% Panel.each_element_classes do |k| %>
+ <li>
+ <a href="#new-element-tabs-<%= i -%>">
+ <div class="new-element-tab">
+ <%= t_m k.to_s %>
+ </div>
+ </a>
+ </li>
+ <% i += 1 %>
+ <% end %>
+ </ul>
+ <% i = 0 %>
+ <% Panel.each_element_classes do |k| %>
+ <div>
+ <div id="new-element-tabs-<%= i -%>">
+ <% case k.to_s %>
+ <% when 'PanelPicture' %>
+ <% when 'SpeechBalloon' %>
+ <div id="new-speech_balloon-tabs">
+ <ul>
+ <% SpeechBalloonTemplate.list().each_with_index do |sbt, index| %>
+ <li>
+ <a href="#new-speech_balloon-tabs-<%= index -%>">
+ <div class="new-speech_balloon-tab">
+ <%= tag(:img, sbt.system_picture.tmb_opt_img_tag) %>
+ <div>
+ <%= h(sbt.caption) %>
+ </div>
+ </div>
+ </a>
+ </li>
+ <% end %>
+ </ul>
+ <% SpeechBalloonTemplate.enable_list().each_with_index do |sbt, index| %>
+ <div id="new-speech_balloon-tabs-<%= index -%>">
+ <% elm = SpeechBalloon.new :panel_id => @panel.id, :speech_balloon_template_id => sbt.id %>
+ <%
+ elm.new_panel = @panel
+ elm.boost
+ elm.supply_default
+ elm.get_balloon.supply_default
+ elm.get_speech.supply_default
+ %>
+ <%= render elm.form_template, :elm => elm, :no_attr => 1 %>
+ </div>
+ <% end %>
+ <% when 'GroundPicture' %>
+ <% when 'GroundColor' %>
+ <% elm = GroundColor.new :panel_id => @panel.id %>
+ <% elm.new_panel = @panel ; elm.boost ; elm.supply_default %>
+ <%= render elm.form_template, :elm => elm, :no_attr => 1 %>
+ <% end %>
+ </div>
+ </div>
+ <% i += 1 %>
+ <% end %>
+ </div>
+ <script>
+ <!--
+ <% SpeechBalloonTemplate.enable_list().each do |sbt| %>
+ var <%= h(sbt.engine_name) %>_settings = <%= raw sbt.parsed_settings.to_json -%>;
<% end %>
- </tbody>
- </table>
+ // -->
+ </script>
+ <% SpeechBalloonTemplate.enable_list().each do |sbt| %>
+ <%= stylesheet_link_tag sbt.engine_name + "/application" %>
+ <%= javascript_include_tag sbt.engine_name + "/application" %>
+ <% end %>
</div>
</div>
<%= form_for(@panel, :html => {:jqform => 'pettanr-panel-form'}) do |f| %>
<%= submit_tag t('panels.create_from_json'), :id => 'pettanr-panel-submit' -%>
</div>
<% end %>
-
-<style>
-<!--
-#t-sortable tr {
- margin: 0 3px 3px 3px;
- padding: 0.3em;
- padding-left: 1em;
- font-size: 15px;
- font-weight: bold;
- cursor: move;
-}
-#z-sortable tr {
- margin: 0 3px 3px 3px;
- padding: 0.3em;
- padding-left: 1em;
- font-size: 15px;
- font-weight: bold;
- cursor: move;
-}
--->
-</style>
<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);
- }
-};
+var writing_formats = {};
+var writing_format_functions = {};
+<% WritingFormat.list().each do |wf| %>
+ writing_formats[<%= wf.id -%>] = '<%= wf.engine_name -%>';
+<% end %>
// -->
</script>