OSDN Git Service

t#31945:separate js
[pettanr/pettanr.git] / app / views / panels / _form.html.erb
index db461dd..1ac7361 100644 (file)
-<%= form_for(@panel) do |f| %>
-  <%= render 'system/error_explanation', :obj => @panel %>
+<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 %>
-  </div>
-  <div class="field">
-    <%= f.label :width %><br />
-    <%= f.number_field :width %>
+      <div class="field">
+        <%= 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 %>
+        <%= 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 %>
+        <%= 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 'panels.submit', :class => "submit" %>
+      </div>
+    <% end %>
   </div>
-  <div class="field">
-    <%= f.label :height %><br />
-    <%= f.number_field :height %>
+  <div id="tabs-2">
+    <div id="elements-tabs">
+      <ul>
+        <% @panel.panel_elements.each do |elm| %>
+          <%= 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 id="elements-tabs-<%= elm.t -%>">
+            <%= 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>
+        </div>
+      <% end %>
+    </div>
   </div>
-  <div class="field">
-    <%= f.label :border %><br />
-    <%= f.number_field :border %>
+  <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 -%>">
+        <% @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| %>
+        <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 %>
+    </div>
+    <div class="tsort-row-break">
+    </div>
   </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} %>
+  <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 -%>">
+        <% @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 class="actions">
-    <%= f.submit %>
+  <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 %>
+    // -->
+    </script>
+    <% SpeechBalloonTemplate.enable_list().each do |sbt| %>
+      <%= stylesheet_link_tag sbt.engine_name + "/application" %>
+      <%= javascript_include_tag sbt.engine_name + "/application" %>
+    <% end %>
   </div>
-<% end %>
-
-<h2><%= t 'panels.create_from_json' -%></h2>
-<%= form_for(@panel) do |f| %>
+</div>
+<%= form_for(@panel, :html => {:jqform => 'pettanr-panel-form'}) do |f| %>
   <%= render 'system/error_explanation', :obj => @panel %>
 
+  <%= text_field_tag "json", '', :id => 'pettanr-panel-json' %>
   <div>
-    <label for="json">json data</label>
-  </div>
-  <%= text_field_tag "json" %>
-  <div>
-    <%= submit_tag t('panels.create_from_json') -%>
+    <%= submit_tag t('panels.create_from_json'), :id => 'pettanr-panel-submit' -%>
   </div>
 <% end %>
-
+<script>
+<!--
+var writing_formats = {};
+var writing_format_functions = {};
+<% WritingFormat.list().each do |wf| %>
+  writing_formats[<%= wf.id -%>] = '<%= wf.engine_name -%>';
+<% end %>
+// -->
+</script>