• section_browse.msn

    841 842  
    1 1 <style>
    2 2 .section-content tr.disabled { background:#f0f0f0; }
    3 3 .section-content tr.disabled td.actions a { display:none; }
    4
    4 .drag-over td { background:#f0f0f0; padding-bottom:10px; }
    5 .hide { display:none; }
    5 6 </style>
    6 7 <script type="text/javascript">
    7 8 <!--
    … …  
    145 146 }
    146 147
    147 148 $(document).ready(function(){
    149 % if ( $section->_sorted() ) {
    148 150 $('.move-up').on('click', function( ev ){
    149 151 ev.preventDefault();
    150 152 var $nID = $(this).data('id');
    … …  
    180 182 }
    181 183 });
    182 184 });
    185 % }
    183 186
    184 187 % foreach my $class ( keys %document_classes ) {
    185 188 % my $class_name = $class;
    … …  
    197 200 % }
    198 201 % }
    199 202 % }
    203 % if ( $section->_sorted() ) {
    204
    205 $dataRows = $('.data-row').each(function( index ) {
    206 $( this )[0].addEventListener('dragstart', dragStart);
    207 $( this )[0].addEventListener('dragenter', dragEnter);
    208 $( this )[0].addEventListener('dragover', dragOver);
    209 $( this )[0].addEventListener('dragleave', dragLeave);
    210 $( this )[0].addEventListener('drop', dragDrop);
    211 });
    212 function dragEnter(e) {
    213 e.preventDefault();
    214 $row = $(e.target).closest('tr');
    215 $row.addClass('drag-over');
    216 }
    217 function dragOver(e) {
    218 e.preventDefault();
    219 $row = $(e.target).closest('tr');
    220 $row.addClass('drag-over');
    221 }
    222 function dragLeave(e) {
    223 e.preventDefault();
    224 $row = $(e.target).closest('tr');
    225 $row.removeClass('drag-over');
    226 }
    227 function dragStart(e) {
    228 $row = $(e.target).closest('tr');
    229 e.dataTransfer.setData('text/plain', $row.attr('id'));
    230 }
    231 function dragDrop(e) {
    232 e.preventDefault();
    233 $target = $(e.target).closest('tr');
    234 $target.removeClass('drag-over');
    235 rowID = e.dataTransfer.getData('text/plain');
    236 $source = $('#' + rowID);
    237
    238 sourceID = $source.data('id');
    239 targetID = $target.data('id');
    240 if ( sourceID == targetID ) {
    241 return;
    242 }
    243 $.ajax({
    244 'url' : '/contenido/ajax/document_move.html',
    245 'data' : { 's' : <% ref $section ? $section->id : 0 %>, 'id' : sourceID, 'move' : 'after', 'aid' : targetID },
    246 'dataType' : 'json',
    247 'success' : function( data ){
    248 if ( data.error ) {
    249 alert( data.error );
    250 } else if ( data.after ) {
    251 $source.detach().insertAfter($target);
    252 console.log('Moved after ' + data.after);
    253 }
    254 }
    255 });
    256
    257
    258 }
    259 % }
    200 260 });
    201 261 //-->
    202 262 </script>