subtotal_ajaxrow.tpl.php

<?php
/* Copyright (C) 2014-2017  Laurent Destailleur     <eldy@users.sourceforge.net>
 * Copyright (C) 2024   MDW           <mdeweerd@users.noreply.github.com>
 * Copyright (C) 2024       Frédéric France         <frederic.france@free.fr>
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see <https://www.gnu.org/licenses/>.
 * or see https://www.gnu.org/
 */
 
// Protection to avoid direct call of template
if (empty($object) || !is_object($object)) {
  print "Error, template page ".basename(__FILE__)." can't be called with no object defined.";
  exit;
}
'
@phan-var-force ?string $fk_element
@phan-var-force ?Task[] $tasksarray
';
 
?>
 
<!-- BEGIN PHP TEMPLATE SUBTOTAL_AJAXROW.TPL.PHP - Script to enable drag and drop on lines of a table using subtotal lines -->
<?php
$id = $object->id;
$fk_element = empty($object->fk_element) ? $fk_element : $object->fk_element;
$table_element_line = (empty($table_element_line) ? $object->table_element_line : $table_element_line);
$nboflines = count($object->lines);
$forcereloadpage = getDolGlobalInt('MAIN_FORCE_RELOAD_PAGE');
$tagidfortablednd = (empty($tagidfortablednd) ? 'tablelines' : $tagidfortablednd);
$filepath = (empty($filepath) ? '' : $filepath);
$langs->load("subtotals");
 
if (GETPOST('action', 'aZ09') != 'editline' && $nboflines > 1 && $conf->browser->layout != 'phone') { ?>
<div id="notification-message" hidden=""></div>
<script>
function openDialog() {
  jQuery(function() {
    console.log("open dialog");
    jQuery("#notification-message").dialog({
      resizable: false,
      modal: true,
      buttons: {
        Ok: function() {
          jQuery(this).dialog('close');
        }
      }
    });
  });
}
 
function init(){
  $(".imgupforline").hide();
  $(".imgdownforline").hide();
  $(".lineupdown").removeAttr('href');
 
  console.log("init() Prepare tableDnd for #<?php echo $tagidfortablednd; ?>");
 
  $(".tdlineupdown").each(function (tdindex, tdline) {
    var gripimg = tdline.dataset.gripimg ?? 'grip.png';
 
    $(tdline).css("background-image",'url(<?php echo DOL_URL_ROOT.'/theme/'.$conf->theme.'/img/'; ?>' + gripimg + ')');
    $(tdline).css("background-repeat","no-repeat");
    $(tdline).css("background-position","center center");
    /* console.log($(".tdlineupdown")[tdindex], tdline); */
  })
 
  var inital_table = $("#<?php echo $tagidfortablednd; ?> .drag").map((_, el) => $(el)[0]).get();
  var rowsToMove = [];
  $("#<?php echo $tagidfortablednd; ?>").tableDnD({
    onDragStart: function (table, row) {
      if (row.parentNode.dataset.level > 0) {
        var hide = false;
        $("#<?php echo $tagidfortablednd; ?> .drag").each(
          function (intIndex) {
            if (hide) {
              if ($(this)[0].dataset.level>-row.parentNode.dataset.level && $(this)[0].dataset.level<=row.parentNode.dataset.level) {
                hide = false;
                return false;
              }
              rowsToMove.unshift($(this));
              if (Math.abs($(this)[0].dataset.level) <= Math.abs(row.parentNode.dataset.level)) {
                hide = false;
              }
            }
            if ($(this)[0].id === row.parentNode.id) {
              rowsToMove.unshift($(this));
              hide = true;
            }
          });
        if (!hide) {
          rowsToMove.forEach(function ($hiddenRow, i) {
            if (i<rowsToMove.length-1) {
              $hiddenRow.hide();
            }
          });
        } else {
          rowsToMove = [];
        }
      }
    },
    onDragStop: function(table, row) {
      if (rowsToMove.length !== 0) {
        rowsToMove.forEach(function (hiddenRow) {
          hiddenRow.insertAfter($("#" + row.id));
          hiddenRow.show();
        });
        rowsToMove = [];
      }
 
      if (row.dataset.desc !== undefined) {
        checkLinePosition(row, inital_table);
      }
      inital_table = $("#<?php echo $tagidfortablednd; ?> .drag").map((_, el) => $(el)[0]).get();
 
      var reloadpage = "<?php echo $forcereloadpage; ?>";
      console.log("tableDND onDrop");
      console.log(decodeURI($("#<?php echo $tagidfortablednd; ?>").tableDnDSerialize()));
      $('#<?php echo $tagidfortablednd; ?> tr[data-element=extrafield]').attr('id', '');  // Set extrafields id to empty value in order to ignore them in tableDnDSerialize function
      $('#<?php echo $tagidfortablednd; ?> tr[data-ignoreidfordnd=1]').attr('id', '');  // Set id to empty value in order to ignore them in tableDnDSerialize function
      var roworder = cleanSerialize(decodeURI($("#<?php echo $tagidfortablednd; ?>").tableDnDSerialize()));
      var table_element_line = "<?php echo $table_element_line; ?>";
      var fk_element = "<?php echo $fk_element; ?>";
      var element_id = "<?php echo $id; ?>";
      var filepath = "<?php echo urlencode($filepath); ?>";
      var token = "<?php echo currentToken(); ?>";  // We use old 'token' and not 'newtoken' for Ajax call because the ajax page has the NOTOKENRENEWAL constant set.
      $.post("<?php echo DOL_URL_ROOT; ?>/core/ajax/row.php",
        {
          roworder: roworder,
          table_element_line: table_element_line,
          fk_element: fk_element,
          element_id: element_id,
          filepath: filepath,
          token: token
        },
        function() {
          console.log("tableDND end of ajax call");
          console.log(roworder, table_element_line, fk_element, element_id, filepath, token);
          if (reloadpage == 1) {
            <?php
            $redirectURL = empty($urltorefreshaftermove) ? ($_SERVER['PHP_SELF'].'?'.dol_escape_js($_SERVER['QUERY_STRING'])) : $urltorefreshaftermove;
            // remove action parameter from URL
            $redirectURL = preg_replace('/(&|\?)action=[^&#]*/', '', $redirectURL);
            ?>
            location.href = '<?php echo dol_escape_js($redirectURL); ?>';
          }
        });
    },
    onDragClass: "dragClass",
    dragHandle: "td.tdlineupdown"
  });
  $(".tdlineupdown").hover( function() { $(this).addClass('showDragHandle'); },
    function() { $(this).removeClass('showDragHandle'); }
  );
}
 
function checkLinePosition(row, inital_table) {
  const tbody = $("#<?php echo $tagidfortablednd; ?> .drag").map((_, el) => $(el)[0]).get();
 
  for (var k = 0; k < tbody.length; k++) {
    const currentRow = tbody[k];
    if (currentRow.dataset.rang !== undefined) {
      currentRow.dataset.rang = k+1;
    }
  }
 
  var rowLevel = parseInt(row.dataset.level);
  var cancelLineMove = false;
  var found_title = rowLevel >= 0;
  var ignore_level = 0;
 
  for (var i = row.dataset.rang-2; i >= 0; i--) {
 
    if (tbody[i].dataset.desc !== undefined) {
      const currentRowLevel1 = parseInt(tbody[i].dataset.level, 10);
      console.log(currentRowLevel1, -rowLevel, currentRowLevel1 < -rowLevel);
      if (rowLevel > 0) {
        // Title line placement managing
        if (currentRowLevel1 <= ignore_level && ignore_level !== 0) {
          console.log("here");
          // continue
        } else if (-currentRowLevel1 === rowLevel) {
          break;
        } else if (currentRowLevel1 > 0 && currentRowLevel1 < rowLevel) {
          if (rowLevel - currentRowLevel1 > 1) {
            $("#notification-message").text("<?php echo $langs->trans("PreviousTitleLevelTooHigh"); ?>");
            cancelLineMove = true;
            break;
          }
          break;
          // console.log(tbody[i].dataset.desc, currentRowLevel1, rowLevel);
        } else if (currentRowLevel1 === rowLevel) {
          for (var j = row.dataset.rang; j < tbody.length; j++) {
            if (tbody[j].dataset.desc !== undefined) {
              const currentRowLevel2 = parseInt(tbody[j].dataset.level, 10);
              if (tbody[i].dataset.desc === tbody[j].dataset.desc && currentRowLevel1 === -currentRowLevel2) {
                $("#notification-message").text("<?php echo $langs->trans("TitleUnderSameLevelSTLine"); ?>");
                cancelLineMove = true;
                break;
              }
            }
          }
        } else if (currentRowLevel1 > rowLevel) {
          for (var j = row.dataset.rang; j < tbody.length; j++) {
            if (tbody[j].dataset.desc !== undefined) {
              const currentRowLevel2 = parseInt(tbody[j].dataset.level, 10);
              if (row.dataset.desc !== tbody[j].dataset.desc && currentRowLevel2 <= -rowLevel) {
                $("#notification-message").text("<?php echo $langs->trans("TitleAfterStLineOfSameLevelTitle"); ?>");
                cancelLineMove = true;
                break;
              }
            }
          }
          break;
        } else if (currentRowLevel1 < -rowLevel) {
          ignore_level = currentRowLevel1;
        } else {
          $("#notification-message").text("<?php echo $langs->trans("TitleUnderSameLevelOrGreater"); ?>");
          cancelLineMove = true;
          break;
        }
      } else if (rowLevel < 0) {
        // Subtotal line placement managing
        if (currentRowLevel1 < 0 && rowLevel <= currentRowLevel1 || currentRowLevel1 >0 && -rowLevel >= currentRowLevel1) {
          console.log(rowLevel, currentRowLevel1);
          if (tbody[i].dataset.desc === row.dataset.desc) {
            found_title = true;
            break;
          }else if (-rowLevel === currentRowLevel1) {
            $("#notification-message").text("<?php echo $langs->trans("STLineUnderCorrespondingTitleDesc"); ?>");
            cancelLineMove = true;
            break;
          } else if (-rowLevel > currentRowLevel1) {
            $("#notification-message").text("<?php echo $langs->trans("STLineUnderCorrespondingTitle"); ?>");
            cancelLineMove = true;
            break;
          }
        }
      }
    }
  }
  if (!found_title) {
    $("#notification-message").text("<?php echo $langs->trans("STLineUnderTitle"); ?>");
    cancelLineMove = true;
  }
 
  if (cancelLineMove) {
    const tbody_to_replace = $(row).parent()[0];
    $(tbody_to_replace).empty();
    $(tbody_to_replace).append(inital_table);
    init();
    openDialog();
  }
}
 
$(document).ready(function(){
  init()
});
 
</script>
<?php } else { ?>
<script>
$(document).ready(function(){
  $(".imgupforline").hide();
  $(".imgdownforline").hide();
  $(".lineupdown").removeAttr('href');
});
</script>
<?php } ?>
<!-- END PHP TEMPLATE AJAXROW.TPL.PHP -->