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

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