templates/webpages/requirement_spec_item/_single_section.html

   1 [%- USE HTML -%][%- USE LxERP -%][%- USE L -%]
   2 <div class="section-context-menu" id="section-header">
   3  [%- INCLUDE 'requirement_spec_item/_section_header.html' %]
   4 </div>
   5
   6 [%- L.hidden_tag('active_section_id', requirement_spec_item.id) -%]
   7
   8 <ul id="section" class="section function-block-context-menu">
   9   [%- FOREACH subitem = requirement_spec_item.children -%]
  10     [%- INCLUDE 'requirement_spec_item/_single_subitem.html' requirement_spec_item=subitem -%]
  11   [%- END -%]
  12 </ul>
  13
  14 <div id="new_subitem_form" class="subitem-form clearfix">
  15 </div>
  16 <div id="new_subitem_link" class="highlight-box" style="[%- 'display:none' IF requirement_spec_item.children.size -%]">
  17  [%- LxERP.t8("No function blocks have been created yet.") %]
  18 </div>
  19
  20 <script type="text/javascript">
  21  <!--
  22 $(function(){
  23     $.contextMenu({
  24         selector: '.section-context-menu',
  25         callback: function(key, options) {
  26             var m = "clicked: " + key;
  27             window.console && console.log(m) || alert(m);
  28         },
  29         items: {
  30           edit:   { name: "[% LxERP.t8('Edit section') %]", icon: "edit", callback: edit_section_header },
  31           delete: { name: "[% LxERP.t8('Delete section') %]", icon: "delete" },
  32           sep1:   "---------",
  33           copy:   { name: "[% LxERP.t8('Copy') %]", icon: "copy" },
  34           paste:  { name: "[% LxERP.t8('Paste') %]", icon: "paste" }
  35         }
  36       });
  37
  38     $.contextMenu({
  39         selector: '.function-block-context-menu',
  40         callback: function(key, options) {
  41             var m = "clicked: " + key;
  42             window.console && console.log(m) || alert(m);
  43         },
  44         items: {
  45           new_item:     { name: "[% LxERP.t8('New function block') %]",     icon: "add"},
  46           new_sub_item: { name: "[% LxERP.t8('New sub function block') %]", icon: "add"},
  47           sep1:   "---------",
  48           edit:   { name: "[% LxERP.t8('Edit') %]",   icon: "edit"},
  49           delete: { name: "[% LxERP.t8('Delete') %]", icon: "delete"},
  50           sep2:   "---------",
  51           copy:   { name: "[% LxERP.t8('Copy') %]", icon: "copy" },
  52           paste:  { name: "[% LxERP.t8('Paste') %]", icon: "paste" }
  53         }
  54     });
  55
  56     $('.section-context-menu').on('click', function(e){
  57         console.log('clicked', this);
  58     });
  59 });
  60
  61 function edit_section_header() {
  62   $.post("controller.pl?action=RequirementSpecItem/edit_section&id=" + encodeURIComponent($('#active_section_id').val()), function(data) {
  63     var header = $('#section-header');
  64     header.data('old-elements', header.children().detach());
  65     header.html(data);
  66   });
  67 }
  68
  69 function submit_section_form() {
  70   $.post("controller.pl?action=RequirementSpecItem/update_section&id=" + $('#section-form form').serialize(), function(data) {
  71     var header = $('#section-header');
  72     header.removeData('old-elements');
  73     header.html(data['header_html']);
  74     $('#tree').jstree('rename_node', '#fb-' + data['id'], data['node_name']);
  75   });
  76 }
  77
  78 function cancel_section_form() {
  79   var header = $('#section-header');
  80   header.empty();
  81   header.append(header.data('old-elements'));
  82   header.removeData('old-elements');
  83 }
  84 -->
  85 </script>