ref: master
public/javascripts/block-store.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
function filterBlocks() { jQuery('#block-store #block-types').slick('slickFilter', function() { var name = $(this).data('block-name'); var filter = $('#block-store #block-store-filter').val(); return name.toLowerCase().indexOf(filter.toLowerCase()) > -1; }); } function cloneDraggableBlock(el, blockIcon) { el.addClass('ui-draggable-dragging'); return blockIcon; } function startDragBlock() { $('#box-organizer').addClass('shadow'); } function stopDragBlock() { $('#box-organizer').removeClass('shadow'); $('.ui-draggable-dragging').removeClass('ui-draggable-dragging'); } function initBlockStore() { jQuery('#block-store').show(); var store = jQuery('#block-store #block-types').slick({ infinite: false, dots: true, draggable: false, respondTo: 'slider', slidesToShow: 7, slidesToScroll: 6, responsive: [ { breakpoint: 2048, settings: { slidesToShow: 10, slidesToScroll: 9, } }, { breakpoint: 1024, settings: { slidesToShow: 8, slidesToScroll: 7, } } ] }); jQuery('#block-store #block-store-filter').keyup(filterBlocks); } function dropBlock(url, loadingMessage, ev, ui) { var blockType = jQuery(ui.draggable).attr('data-block-type'); var blockId = jQuery(ui.draggable).attr('id'); open_loading(loadingMessage); jQuery.ajax({ data: 'type='+encodeURIComponent(blockType)+'&id=' + encodeURIComponent(blockId), dataType: 'script', type: 'post', url: url, complete: close_loading, }) } |