Added foldable details in Preorder Index

Layout/default/Preorder/Index.php

@@ -249,7 +249,7 @@
               <?php foreach($preorders as $preorder): ?>
               <tr class="preorder-list-tr" id="preorder-<?=$preorder->id?>">
                 <?php if($me->is(["Admin", "netowner"])): ?>
-                <td class="bg-lightblue border border-end text-center pointer" onclick="togglePreorder(<?=$preorder->id?>)">
+                <td class="bg-lightblue border border-end text-center pointer" onclick="togglePreorder(<?=$preorder->id?>); return false;">
                   <i class="fas fa-fw fa-angle-down"></i>
                 </td>
                 <?php endif; ?>
@@ -309,7 +309,7 @@
               </tr>
               <?php if($me->is(["Admin","netowner"])): ?>
               <tr id="preorder-detail-<?=$preorder->id?>" style="display:none; background-color:#fff">
-                <td colspan="12">
+                <td colspan="13">
                   <?php include(realpath(dirname(__FILE__))."/include/preorder-detail.php"); ?>
                 </td>
               </tr>
@@ -581,20 +581,23 @@
         if($('#preorder-detail-' + id).is(":hidden")) {
           $('#preorder-' + id).removeClass("bg-lightblue");
           $('#preorder-' + id).removeClass("text-info");
+          history.replaceState(null, null, ' ');
         } else {
           $('#preorder-' + id).addClass("text-info");
           $('#preorder-' + id).addClass("bg-lightblue");
+          location.hash = "preorder=" + id;
+          return false;
         }
       }
       
       // navigation
-      var preorder;
+      var preorder_id;
       var hash = window.location.hash.substr(1);
       var match = hash.match(/preorder=(\d+)/);
       if(match && match[1]) {
-        preorder = match[1]
-        togglePreorder(preorder);
-        //$('body').scrollTop($('#preorder-' + preorder).offset() - 150);
+        preorder_id = match[1]
+        togglePreorder(preorder_id);
+        $('html, body').animate( {scrollTop: $('#preorder-' + preorder_id).offset().top - 230}, 200);
       }
     </script>
 <?php include(realpath(dirname(__FILE__)."/../../$mfLayoutPackage")."/footer.php"); ?>