X-Git-Url: http://wagnertech.de/gitweb/gitweb.cgi/mfinanz.git/blobdiff_plain/c1569bc195865fa5c25c6945bbad78c872fa2046..e2f753a4cb6c299fc6440ae94e20891a5a0c77cb:/templates/webpages/requirement_spec/show.html

diff --git a/templates/webpages/requirement_spec/show.html b/templates/webpages/requirement_spec/show.html
index f6c15c2d2..759add13f 100644
--- a/templates/webpages/requirement_spec/show.html
+++ b/templates/webpages/requirement_spec/show.html
@@ -12,28 +12,21 @@
 </div>
 
 <div id="column-container">
- <div id="tree-column" style="border-right: 1px solid black">
-  <div style="min-height: 32px; height: 32px;">
-   <div style="float: left">
-    [% L.button_tag("new_section_form()", LxERP.t8("New section"), id="new-section-button") %]
-   </div>
-   <div id="spinner" class="clearfix" style="float: right; display: none; background:url('js/themes/requirement-spec/throbber.gif') center center no-repeat !important; min-height: 32px; height: 32px; min-width: 32px; width: 32px;"></div>
-  </div>
-
+ <div id="tree-column">
   <div id="tree"></div>
  </div>
 
  <div id="content-column" class="clearfix">
-  <div id="section-container" class="section-container">
+  [% L.hidden_tag('current_content_type', SELF.requirement_spec_item.id ? 'section' : '') %]
+  [% L.hidden_tag('current_content_id',   SELF.requirement_spec_item.id) %]
 
-   <div id="section_content" class="section-content">
-    [%- IF SELF.requirement_spec_item && SELF.requirement_spec_item.id -%]
-     [%- INCLUDE 'requirement_spec_item/_single_section.html' requirement_spec_item=SELF.requirement_spec_item -%]
-    [%- ELSE -%]
-     no section
-     [%#- render :partial => 'requirement_spec_items/no_section' -%]
-    [%- END -%]
-   </div>
+  <div id="column-content">
+   [%- IF SELF.requirement_spec_item -%]
+    [%- INCLUDE 'requirement_spec_item/_single_section.html' requirement_spec_item=SELF.requirement_spec_item -%]
+   [%- ELSE -%]
+    no section
+    [%#- render :partial => 'requirement_spec_items/no_section' -%]
+   [%- END -%]
   </div>
  </div>
 </div>
@@ -41,20 +34,20 @@
 <script type="text/javascript">
  <!--
      var tree_data = [
-       { "data": [% JSON.json(LxERP.t8("Text blocks front")) %],
-         "metadata": { "type": "textblocks-front" },
-         "attr": { "id": "tb-front" },
-         "children": [
+       { data:     [% JSON.json(LxERP.t8("Text blocks front")) %],
+         metadata: { type: "text-blocks-front" },
+         attr:     { id: "tb-front", class: "text-block-context-menu" },
+         children: [
 [% FOREACH tb = SELF.requirement_spec.text_blocks_for_position(0) %]
  [% P.requirement_spec_text_block_jstree_data(tb).json %][% IF !loop.last %],[% END %]
 [% END %]
          ]
        },
 
-       { "data": [% JSON.json(LxERP.t8("Sections")) %],
-         "metadata": { "type": "sections" },
-         "attr": { "id": "sections" },
-         "children": [
+       { data:     [% JSON.json(LxERP.t8("Sections")) %],
+         metadata: { type: "sections" },
+         attr:     { id: "sections" },
+         children: [
 
 [% FOREACH section = SELF.requirement_spec.sections %]
  [% P.requirement_spec_item_jstree_data(section).json %][% IF !loop.last %],[% END %]
@@ -62,10 +55,10 @@
          ]
        },
 
-       { "data": [% JSON.json(LxERP.t8("Text blocks back")) %],
-         "metadata": { "type": "textblocks-back" },
-         "attr": { "id": "tb-back" },
-         "children": [
+       { data:     [% JSON.json(LxERP.t8("Text blocks back")) %],
+         metadata: { type: "text-blocks-back" },
+         attr:     { id: "tb-back", class: "text-block-context-menu" },
+         children: [
 [% FOREACH tb = SELF.requirement_spec.text_blocks_for_position(1) %]
  [% P.requirement_spec_text_block_jstree_data(tb).json %][% IF !loop.last %],[% END %]
 [% END %]
@@ -75,9 +68,9 @@
 
      $(function() {
        $('#tree').jstree({
-         "core": {
-           "animation": 0,
-           "initially_open": [ "tb-front", "tb-back", "sections"
+         core: {
+           animation: 0,
+           initially_open: [ "tb-front", "tb-back", "sections"
 [%- FOREACH section = SELF.requirement_spec.sections -%]
  , "fb-[% section.id %]"
  [%- FOREACH function_block = section.children -%]
@@ -86,27 +79,46 @@
 [%- END -%]
  ]
          },
-         "json_data": {
-           "data": tree_data
+         json_data: {
+           data: tree_data
          },
-         "crrm": {
-           "move": {
-             "check_move": check_move,
-             "open_move": true
+         crrm: {
+           move: {
+             check_move: requirement_spec_tree_check_move,
+             open_move:  true
            }
          },
-         "themes": {
-           "theme": "requirement-spec"
+         themes: {
+           theme: "requirement-spec"
          },
-         "plugins": [ "themes", "json_data", "ui", "crrm", "dnd" ]
+         plugins: [ "themes", "json_data", "ui", "crrm", "dnd" ]
        })
-       .bind("move_node.jstree", node_moved);
-
-       $(document).ajaxSend(function() {
-         $('#spinner').show();
-       }).ajaxStop(function() {
-         $('#spinner').hide();
-       });
+       .bind("move_node.jstree", requirement_spec_tree_node_moved)
+       .bind("click.jstree",     requirement_spec_tree_node_clicked);
+[%- IF SELF.requirement_spec_item -%]
+       $.jstree._reference("#tree").select_node('fb-[% SELF.requirement_spec_item.id %]', true);
+[%- END -%]
      });
+
+function ask_delete_text_block(key, opt) {
+  if (confirm("[% LxERP.t8("Are you sure?") %]"))
+    standard_text_block_ajax_call(key, opt);
+  return true;
+}
+
+$(function(){
+    $.contextMenu({
+        selector: '.text-block-context-menu',
+        items: {
+          add:    { name: "[% LxERP.t8('Add text block') %]", icon: "add", callback: standard_text_block_ajax_call },
+          edit:   { name: "[% LxERP.t8('Edit text block') %]", icon: "edit", callback: standard_text_block_ajax_call, disabled: disable_edit_text_block_commands },
+          delete: { name: "[% LxERP.t8('Delete text block') %]", icon: "delete", callback: ask_delete_text_block, disabled: disable_edit_text_block_commands },
+          sep1:   "---------",
+          copy:   { name: "[% LxERP.t8('Copy') %]", icon: "copy", disabled: disable_edit_text_block_commands },
+          paste:  { name: "[% LxERP.t8('Paste') %]", icon: "paste", disabled: disable_edit_text_block_commands }
+        }
+      });
+});
+
   -->
 </script>