4
0

settings-tab-editor-homepage-order.php 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <?php
  2. $pageSettingsTabEditorHomepageOrder = '
  3. <script>
  4. $("#homepage-items").sortable({
  5. placeholder: "sort-placeholder col-md-3",
  6. forcePlaceholderSize: true,
  7. start: function( e, ui ){
  8. ui.item.data( "start-pos", ui.item.index()+1 );
  9. },
  10. change: function( e, ui ){
  11. var seq,
  12. startPos = ui.item.data( "start-pos" ),
  13. $index,
  14. correction;
  15. correction = startPos <= ui.placeholder.index() ? 0 : 1;
  16. ui.item.parent().find( "div.sort-homepage").each( function( idx, el ){
  17. var $this = $( el ),
  18. $index = $this.index();
  19. if ( ( $index+1 >= startPos && correction === 0) || ($index+1 <= startPos && correction === 1 ) ){
  20. $index = $index + correction;
  21. $this.find( ".ordinal-position").text( $index);
  22. link = $this.find( ".ordinal-position" ).attr("data-link");
  23. $("#homepage-values [name="+link+"]").val($index);
  24. $("#homepage-values [name="+link+"]").attr("data-changed", "true");
  25. console.log(link+" - "+$index);
  26. }
  27. });
  28. seq = ui.item.parent().find( "div.sort-placeholder.col-md-3").index() + correction;
  29. ui.item.find( ".ordinal-position" ).text( seq );
  30. newlink = ui.item.find( ".ordinal-position" ).attr("data-link");
  31. $("#homepage-values [name="+newlink+"]").val(seq);
  32. $("#homepage-values [name="+newlink+"]").attr("data-changed", "true");
  33. console.log(newlink+" - "+seq);
  34. }
  35. });
  36. </script>
  37. <div class="panel bg-org panel-info">
  38. <div class="panel-heading">
  39. <span lang="en">Homepage Order</span>
  40. <button type="button" class="btn btn-success btn-circle pull-right m-r-5" onclick="submitHomepageOrder()" ><i class="fa fa-save"></i></button>
  41. </div>
  42. <div class="panel-wrapper collapse in" aria-expanded="true">
  43. <div class="panel-body bg-org" >
  44. <div class="row el-element-overlay m-b-40" id="settings-homepage-order">'.buildHomepageSettings().'</div>
  45. </div>
  46. </div>
  47. </div>
  48. ';