Nemcio/Grav-Admin-Plugin
1
0
Fork 0
mirror of https://github.com/getgrav/grav-plugin-admin.git synced 2025-11-10 15:26:06 +01:00
Code Issues Packages Projects Releases Activity

Updating ordering on sort

Browse Source
This commit is contained in:
Djamil Legato
2014-09-29 14:51:31 -07:00
parent 66884701db
commit 2f16ecb458
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
themes/grav/templates/forms/fields/order/order.html.twig
View File

@@ -15,7 +15,7 @@
</div> </div>
<div class="form-data block size-2-3 pure-u-2-3"> <div class="form-data block size-2-3 pure-u-2-3">
<div class="form-order-wrapper {{ field.size }}"> <div class="form-order-wrapper {{ field.size }}">
<input type="hidden" name="{{ (scope ~ field.name)|fieldName }}" value="{{ value }}" /> <input type="hidden" data-order name="{{ (scope ~ field.name)|fieldName }}" value="{{ value }}" />
<ul id="ordering" class="{{ field.classes }}"> <ul id="ordering" class="{{ field.classes }}">
{% for page in siblings %} {% for page in siblings %}
<li class="{% if page.order == value %}drag-handle{% else %}ignore{% endif %}" data-id="{{ page.slug }}">{{ page.title() }}</li> <li class="{% if page.order == value %}drag-handle{% else %}ignore{% endif %}" data-id="{{ page.slug }}">{{ page.title() }}</li>
@@ -25,10 +25,16 @@
</div> </div>
<script type="text/javascript" src="{{ theme_url }}/js/sortable.min.js"></script> <script type="text/javascript" src="{{ theme_url }}/js/sortable.min.js"></script>
<script> <script>
var el = document.getElementById('ordering'); jQuery(function(){
new Sortable(el, { var el = jQuery('#ordering');
filter: ".ignore" new Sortable(el[0], {
// draggable: ".drag-handle" filter: ".ignore",
onUpdate: function(evt){
var index = el.children().index(jQuery(evt.item)) + 1;
jQuery('[data-order]').val(index);
}
// draggable: ".drag-handle"
});
}); });
</script> </script>
</div> </div>