X-Git-Url: http://git.osdn.net/view?a=blobdiff_plain;f=app%2Fviews%2Fpanels%2F_form.html.erb;h=67217dc710cae2d2351b79c0590fa4eb32784e2c;hb=f8eca380d74ad1e371fb2e5c4de62a493e9f84f7;hp=cece9cfe62f2d301f499d8a1cc179c3888ea2a09;hpb=fa97a7b08846a386339fccbc2584ebdd5582c521;p=pettanr%2Fpettanr.git

diff --git a/app/views/panels/_form.html.erb b/app/views/panels/_form.html.erb
index cece9cfe..67217dc7 100644
--- a/app/views/panels/_form.html.erb
+++ b/app/views/panels/_form.html.erb
@@ -1,35 +1,44 @@
-<div id="tabs">
+<% @configurations = configurations %>
+<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>
+    <li id="tabs-1-tab"><a href="#tabs-1">panel</a></li>
+    <li id="tabs-2-tab"><a href="#tabs-2">elements</a></li>
+    <li id="tabs-3-tab"><a href="#tabs-3">t order</a></li>
+    <li id="tabs-4-tab"><a href="#tabs-4">z order</a></li>
+    <li id="tabs-5-tab"><a href="#tabs-5">new</a></li>
   </ul>
   <div id="tabs-1">
-    <%= form_for(@panel) do |f| %>
+    <%= form_for(@panel, :html => {:id => @panel.tag_id('form'), 'data-form-name' => 'panel'}) do |f| %>
       <%= render 'system/error_explanation', :obj => @panel %>
 
       <div class="field">
         <%= f.label :caption %>
-        <%= f.text_field :caption, :id => @panel.field_tag_id(:caption), :panel_id => @panel.tag_panel_id, :column => :caption, :tree => @panel.field_tree(:caption) -%>
+        <%= f.text_field :caption, @panel.field_tag_attributes(:caption, 'data-model' => 'panel') -%>
+      </div>
+      <div class="row_break">
       </div>
       <div class="field">
         <%= f.label :width %>
-        <%= f.number_field :width, :size => 5, :id => @panel.field_tag_id(:width), :panel_id => @panel.tag_panel_id, :column => :width, :tree => @panel.field_tree(:width) %>
-
+        <%= f.number_field :width, @panel.field_tag_attributes(:width, :size => 5, 'data-model' => 'panel') %>
+      </div>
+      <div class="field">
         <%= f.label :height %>
-        <%= f.number_field :height, :size => 5, :id => @panel.field_tag_id(:height), :panel_id => @panel.tag_panel_id, :column => :height, :tree => @panel.field_tree(:height) %>
-
+        <%= f.number_field :height, @panel.field_tag_attributes(:height, :size => 5, 'data-model' => 'panel') %>
+      </div>
+      <div class="row_break">
+      </div>
+      <div class="field">
         <%= f.label :border %>
-        <%= f.number_field :border, :size => 5, :id => @panel.field_tag_id(:border), :panel_id => @panel.tag_panel_id, :column => :border, :tree => @panel.field_tree(:border) %>
+        <%= f.number_field :border, @panel.field_tag_attributes(:border, :size => 5, 'data-model' => 'panel') %>
       </div>
       <div class="field">
         <%= 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, :tree => @panel.field_tree(:publish)} %>
+        <%= f.collection_select :publish, t_select_items(MagicNumber['panel_visible_items']), *@panel.select_tag_attributes(@panel.publish, :publish, 'data-model' => 'panel') %>
+      </div>
+      <div class="row_break">
       </div>
       <% unless @panel.new_record?  %>
-        <%= f.hidden_field :id, :id => @panel.field_tag_id(:id), :panel_id => @panel.tag_panel_id, :column => :id, :tree => @panel.field_tree(:id) %>
+        <%= f.hidden_field :id, @panel.field_tag_attributes(:id, 'data-model' => 'panel') %>
       <% end %>
       <div class="actions">
         <%= f.submit 'panels.submit', :class => "submit" %>
@@ -40,40 +49,14 @@
     <div id="elements-tabs">
       <ul>
         <% @panel.panel_elements.each do |elm| %>
-          <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 %>
-              </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>
+          <%= render 'element_tab', :elm => elm %>
         <% end %>
       </ul>
       <% @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 <%= raw elm.tag_attr(:tab_panel) -%>>
           <div id="elements-tabs-<%= elm.t -%>">
-            <% case elm.class.to_s %>
-            <% when 'PanelPicture' %>
-              <%= render 'panel_pictures/form', :panel_picture => elm %>
-            <% when 'SpeechBalloon' %>
-              <% 
-                speech_balloon = elm
-                speech_balloon_template = speech_balloon.speech_balloon_template
-                balloon = speech_balloon.balloon 
-                speech = speech_balloon.speech 
-                
-                speech_balloon_extend = speech_balloon.extend_speech_balloon
-                balloon_extend = balloon.extend_balloon
-                speech_extend = speech.extend_speech
-              %>
-              <%= render elm.speech_balloon_template.engine_name + '/speech_balloons/form', :speech_balloon => speech_balloon, :balloon => balloon, :speech => speech, :speech_balloon_extend => speech_balloon_extend, :balloon_extend => balloon_extend, :speech_extend => speech_extend %>
-            <% when 'GroundPicture' %>
-              <%= render 'ground_pictures/form', :ground_picture => elm %>
-            <% 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 %>
+            <%= render 'element_form', :elm => elm, :no_attr => 0 %>
+            <%= hidden_field_tag '_destroy', '', elm.field_tag_attributes(:_destroy, 0) %>
           </div>
         </div>
       <% end %>
@@ -81,29 +64,20 @@
   </div>
   <div id="tabs-3">
     <div class="tsort-box">
-      <ul id="<%= @panel.tag_id -%>tsort" class="tsort tsort-tabs-nav" panel_id="<%= @panel.tag_panel_id -%>">
+      <ul class="tsort tsort-tabs-nav" <%= raw @panel.tag_attr(:tsort) -%>>
         <% @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 -%>">
+          <li <%= raw elm.tag_attr(:tsort) -%>>
             <div class="elements-tab">
-              <%= render elm.class.to_s.tableize + '/element_face', :elm => elm %>
+              <%= 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 -%>">
+    <div class="scenario" <%= raw @panel.tag_attr(:scenario) -%>>
       <% @panel.panel_elements.each do |elm| %>
-        <div 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' %>
-            <%= render 'panel_pictures/scenario', :panel_picture => elm %>
-          <% when 'SpeechBalloon' %>
-            <%= render elm.speech_balloon_template.engine_name + '/speech_balloons/scenario', :speech_balloon => elm %>
-          <% when 'GroundPicture' %>
-            <%= render 'ground_pictures/scenario', :ground_picture => elm %>
-          <% when 'GroundColor' %>
-            <%= render 'ground_colors/scenario', :ground_color => elm %>
-          <% end %>
+        <div <%= raw elm.tag_attr() -%>>
+          <%= render elm.scenario_template, :elm => elm, :no_attr => 0 %>
         </div>
       <% end %>
     </div>
@@ -112,9 +86,9 @@
   </div>
   <div id="tabs-4">
     <div class="zsort-box">
-      <ul id="<%= @panel.tag_id -%>zsort" class="zsort zsort-tabs-nav" panel_id="<%= @panel.tag_panel_id -%>">
+      <ul class="zsort zsort-tabs-nav" <%= raw @panel.tag_attr(:zsort) -%>>
         <% @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 -%>">
+          <li <%= raw elm.tag_attr(:zsort) -%>>
             <div class="elements-tab">
               <%= render elm.class.to_s.tableize + '/element_face', :elm => elm %>
             </div>
@@ -124,17 +98,66 @@
     </div>
   </div>
   <div id="tabs-5">
-    <script>
-    <!--
-      <% SpeechBalloonTemplate.list().each do |sbt| %>
-        var <%= h(sbt.engine_name) %>_settings = <%= raw sbt.parsed_settings.to_json -%>;
+    <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.enable_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.balloon.supply_default 
+                      elm.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 %>
-    // -->
-    </script>
-    <% SpeechBalloonTemplate.list().each do |sbt| %>
-      <%= stylesheet_link_tag sbt.engine_name + "/application" %>
-      <%= javascript_include_tag sbt.engine_name + "/application" %>
-    <% end %>
+    </div>
   </div>
 </div>
 <%= form_for(@panel, :html => {:jqform => 'pettanr-panel-form'}) do |f| %>
@@ -145,8 +168,16 @@
     <%= submit_tag t('panels.create_from_json'), :id => 'pettanr-panel-submit' -%>
   </div>
 <% end %>
-<script>
-<!--
-var pettanr_current_panel_id = <%= @panel.tag_panel_id -%>;
-// -->
-</script>
+<div id="writing_formats">
+  <% WritingFormat.enable_list().each do |wf| %>
+    <div id="writing_format-<%= wf.id -%>" writing_format_id="<%= wf.id -%>" writing_format_engine_name="<%= wf.engine_name -%>">
+    </div>
+  <% end %>
+</div>
+<div id="speech_balloon_templates">
+  <% SpeechBalloonTemplate.enable_list().each do |sbt| %>
+    <div id="speech_balloon_template-<%= sbt.id -%>" speech_balloon_template_id="<%= sbt.id -%>" engine_name="<%= sbt.engine_name -%>" settings="<%= sbt.parsed_settings.to_json -%>">
+    </div>
+  <% end %>
+</div>
+  <%# text_field_tag "json", '', :id => 'pettanr-configurations' %>