34 lines
966 B
HTML
34 lines
966 B
HTML
|
|
|
|
<form class="sortblocs" action="/sortblocs" method="POST" id="myblocs">
|
|
<div id="myblocs" class="myblocs">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
|
|
{% for item in myblocs.keys() %}
|
|
|
|
<div class="bloc" id="bloc-{{ item }}" style="margin-top: 10px;">
|
|
<button class="btn"> {{ item }} - {{ myblocs[item]['type'] }} </button>
|
|
<input class="input-menu" id="bloc-{{ item }}" name="{{ item }}" value="" style="display:none;">
|
|
<button class="btn btn-danger" onclick="deleteItem(this)"> x </button>
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</form>
|
|
<script src="/static/vendors/Sortable/Sortable.min.js"></script>
|
|
<script type="text/javascript">
|
|
|
|
var elements = document.getElementsByClassName('myblocs');
|
|
|
|
for (var i = 0; i < elements.length; i++) {
|
|
|
|
new Sortable(elements[i], {
|
|
group: 'shared',
|
|
animation: 150,
|
|
invertSwap: true,
|
|
fallbackOnBody: true,
|
|
swapThreshold: 0.65,
|
|
})};
|
|
|
|
</script>
|