OSDN Git Service

t#31656:destroy element
[pettanr/pettanr.git] / app / views / panels / _form.html.erb
index 09f3d44..3401695 100644 (file)
     <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>