Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- {% extends 'admin/change_form.html' %}
- {% block form_top %}{% endblock %}
- {% block extrahead %}{{ block.super }}
- <script type="text/javascript" src="/media/js/jquery.js"></script>
- <script type="text/javascript" src="/media/js/interface.js"></script>
- <script>
- $(document).ready(
- function () {
- $('ol.articles').Sortable(
- {
- accept : 'sortableitem',
- helperclass : 'sorthelper',
- activeclass : 'sortableactive',
- hoverclass : 'sortablehover',
- opacity: 0.8,
- fx: 200,
- axis: 'vertically',
- opacity: 0.4,
- revert: true,
- trim: 'art_',
- onchange:
- function(list){
- var arts = list[0].o[list[0].id];
- var vals = new Array();
- var a;
- for (a in arts) {
- vals[a] = arts[a].replace(/article./, '');
- }
- $('#id_article_order').attr('value', vals.join(','));
- }
- });
- }
- );
- </script>
- {% endblock %}
- {% block after_related_objects %}
- {% if original.articles %}
- <style>
- .sortableitem {
- cursor:move;
- width: 300px;
- list-style-type: none;
- }
- </style>
- <h4>Associated Articles</h4>
- <ol class="articles" id="article_list">
- {% for art in original.articles %}
- <li id="article.{{art.id}}" class="sortableitem">{{art.title}}</li>
- {% endfor %}
- </ol>
- {% endif %}
- {% endblock %}
Add Comment
Please, Sign In to add comment