BookStack Code Mirror - bookstack/blob - resources/views/books/sort.blade.php

   1 @extends('base')
   2
   3 @section('content')
   4
   5     <div class="container">
   6         <h1>Sorting Pages & Chapters<span class="subheader">For {{ $book->name }}</span></h1>
   7         <div class="row">
   8             <div class="col-md-8" id="sort-boxes">
   9
  10                 @include('books/sort-box', ['book' => $book])
  11
  12             </div>
  13
  14             @if(count($books) > 1)
  15                 <div class="col-md-4">
  16                     <h3>Show Other Books</h3>
  17                     @foreach($books as $otherBook)
  18                         @if($otherBook->id !== $book->id)
  19                         <div id="additional-books">
  20                             <a href="/books/{{ $otherBook->slug }}/sort-item" class="text-book"><i class="zmdi zmdi-book"></i>{{ $otherBook->name }}</a>
  21                         </div>
  22                         @endif
  23                     @endforeach
  24                 </div>
  25             @endif
  26
  27         </div>
  28
  29         <form action="{{$book->getUrl()}}/sort" method="POST">
  30             {!! csrf_field() !!}
  31             <input type="hidden" name="_method" value="PUT">
  32             <input type="hidden" id="sort-tree-input" name="sort-tree">
  33             <div class="list">
  34                 <a href="{{$book->getUrl()}}" class="button muted">Cancel</a>
  35                 <button class="button pos" type="submit">Save Order</button>
  36             </div>
  37         </form>
  38
  39     </div>
  40
  41     <script>
  42         $(document).ready(function() {
  43
  44             var sortableOptions = {
  45                 group: 'serialization',
  46                 onDrop: function($item, container, _super) {
  47                     var pageMap = buildPageMap();
  48                     $('#sort-tree-input').val(JSON.stringify(pageMap));
  49                     _super($item, container);
  50                 },
  51                 isValidTarget: function  ($item, container) {
  52                     // Prevent nested chapters
  53                     return !($item.is('[data-type="chapter"]') && container.target.closest('li').attr('data-type') == 'chapter');
  54                 }
  55             };
  56
  57             var group = $('.sort-list').sortable(sortableOptions);
  58
  59             $('#additional-books').on('click', 'a', function(e) {
  60                 e.preventDefault();
  61                 var $link = $(this);
  62                 var url = $link.attr('href');
  63                 $.get(url, function(data) {
  64                     $('#sort-boxes').append(data);
  65                     group.sortable("destroy");
  66                     $('.sort-list').sortable(sortableOptions);
  67                 });
  68                 $link.remove();
  69             });
  70
  71             function buildPageMap() {
  72                 var pageMap = [];
  73                 var $lists = $('.sort-list');
  74                 $lists.each(function(listIndex) {
  75                     var list = $(this);
  76                     var bookId = list.closest('[data-type="book"]').attr('data-id');
  77                     var $childElements = list.find('[data-type="page"], [data-type="chapter"]');
  78                     $childElements.each(function(childIndex) {
  79                         var $childElem = $(this);
  80                         var type = $childElem.attr('data-type');
  81                         var parentChapter = false;
  82                         if(type === 'page' && $childElem.closest('[data-type="chapter"]').length === 1) {
  83                             parentChapter = $childElem.closest('[data-type="chapter"]').attr('data-id');
  84                         }
  85                         pageMap.push({
  86                             id: $childElem.attr('data-id'),
  87                             parentChapter: parentChapter,
  88                             type: type,
  89                             book: bookId
  90                         });
  91                     });
  92                 });
  93                 return pageMap;
  94             }
  95
  96         });
  97     </script>
  98 @stop