мультизагрузка в статьях в админке

9 years ago · d91f3c92ca
parent 2003722f4f
commit d91f3c92ca
3 changed files with 29 additions and 132 deletions
--- a/templates/c_admin/article/blog_form.html
+++ b/templates/c_admin/article/blog_form.html
@ -3,33 +3,35 @@
 {% load i18n %}
 {# Displays article form #}
-        {% block scripts %}
+{% block scripts %}
    <script src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
    {# selects #}
    <link href="{% static 'js/select/select2.css' %}" rel="stylesheet"/>
    <script src="{% static 'js/select/select2.js' %}"></script>
    {# ajax #}
    <script src="{% static 'custom_js/file_post_ajax.js' %}"></script>
    <script src="{% static 'custom_js/select_tag.js' %}"></script>
    <link href="{% static 'js/datetimepicker/css/datetimepicker.css' %}" rel="stylesheet"/>
    <script src="{% static 'js/datetimepicker/js/bootstrap-datetimepicker.js' %}"></script>
     <script>
     $(document).ready(function(){
         $('#id_publish_date').datetimepicker({
                todayHighlight: true,
                format : 'yyyy-mm-dd',
                minView:2
            });
     });
     </script>
    <link rel="stylesheet" href="{% static 'jQuery-filer/css/jquery.filer.css' %}">
    <link rel="stylesheet" href="{% static 'jQuery-filer/css/jquery.filer-dragdropbox-theme.css' %}">
    <script src="{% static 'jQuery-filer/js/jquery.filer.js' %}"></script>
    <script src="{% static 'jQuery-filer/js/init.js' %}"></script>
-        <script src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
+{% endblock %}
        {# selects #}
        <link href="{% static 'js/select/select2.css' %}" rel="stylesheet"/>
        <script src="{% static 'js/select/select2.js' %}"></script>
        <script src="{% static 'custom_js/make_select.js' %}"></script>
        {# ajax #}
        <script src="{% static 'custom_js/file_post_ajax.js' %}"></script>
        <script src="{% static 'custom_js/select_tag.js' %}"></script>
        <link href="{% static 'js/datetimepicker/css/datetimepicker.css' %}" rel="stylesheet"/>
        <script src="{% static 'js/datetimepicker/js/bootstrap-datetimepicker.js' %}"></script>
         <script>
         $(document).ready(function(){
             $('#id_publish_date').datetimepicker({
                    todayHighlight: true,
                    format : 'yyyy-mm-dd',
                    minView:2
                });
         });
         </script>
        {% endblock %}
 {% block body %}
    {{ form.errors }}
@ -133,38 +135,9 @@
            </div>
        </div>
        <div class="box span8" id="file">
            <div class="box-header well">
                <h2><i class="icon-pencil"></i> {% trans "Файлы" %}</h2>
            </div>
            <div class="box-content">
            {% if article %}
                {# button that shows modal window with file form #}
                <a href="#myModal" id="file_add" role="button" class="btn btn-info" data-toggle="modal">{% trans "Добавить файл" %}</a>
            {% else %}
                <p>{% trans "Файлы можно добавлять только после введения основных данных" %}</p>
            {% endif %}
                {# this div shows list of files and refreshes when new file added #}
                <div id="file_list">
                    <table class="table table-hover">
-                        <thead>
+        {% include 'c_admin/includes/filegallery.html' with object=article model='article.Article' %}
                                <tr>
                                    <td>{% trans "id" %}</td>
                                    <td>{% trans "Файл" %}</td>
                                    <td>{% trans "Имя" %}</td>
                                    <td>{% trans "Назначение" %}</td>
                                    <td></td>
                                </tr>
                            </thead>
                        <tbody>
                            {% include 'file_list.html' with files=files %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        {% if form.draft %}
            <div class="box span8">
                <div class="control-group {% if form.draft.errors %}error{% endif %}">
@ -183,8 +156,6 @@
        </div>
    </fieldset>
 </form>
 {% include 'c_admin/includes/file_form.html' with file_form=file_form object=article %}
 {% endblock %}
--- a/templates/c_admin/file_list.html
+++ b/templates/c_admin/file_list.html
@ -1,25 +0,0 @@
 {% load thumbnail %}
 {% comment %}
 Uses in ajax call
 Returns table with files properties
 {% endcomment %}
    {% for file in files %}
        <tr>
            <td>{{ file.id }}</td>
            <td>
                {% thumbnail file.file_path "100x100" crop="center" as im %}
                    <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
                {% endthumbnail %}
            </td>
            <td>{{ file.file_name }}</td>
            <td>{{ file.purpose }}</td>
            <td>
                <button class="btn btn-danger delete_file" value="{{ file.id }}">
                <i class="icon-trash icon-white"></i> Удалить
                </button>
            </td>
        </tr>
    {% endfor %}
--- a/templates/c_admin/includes/file_form.html
+++ b/templates/c_admin/includes/file_form.html
@ -1,49 +0,0 @@
 <div class="modal hide fade" id="myModal" >
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" id="close">&times;</button>
        <h3>Добавить файл</h3>
    </div>
    <div id="form_body">
        <form  method="post" class="form-horizontal"  enctype="multipart/form-data" name="file_form" id="file_form" > {% csrf_token %}
        <div class="modal-body">
        {{ file_form.model }}
        <input type="hidden" id="obj_id" value="{{ object.id }}">
        {# file_path #}
        <div class="control-group{% if file_form.file_path.errors %}error{% endif %}">
            <label class="control-label">{{ file_form.file_path.label }}:</label>
                <div class="controls">{{ file_form.file_path }}
                    <span class="help-inline">{{  file_form.file_path.errors }}</span>
                </div>
        </div>
        {# file purpose #}
        <div class="control-group{% if file_form.purpose.errors %}error{% endif %}">
            <label class="control-label">{{ file_form.purpose.label }}:</label>
                <div class="controls">{{ file_form.purpose }}
                    <span class="help-inline">{{  file_form.purpose.errors }}</span>
                </div>
        </div>
        {# file_name #}
        {% with field='file_name' form=file_form languages=languages %}
            {% include 'c_admin/forms/multilang.html' %}
        {% endwith %}
        {# file_description #}
        {% with field='description' form=file_form languages=languages %}
            {% include 'c_admin/forms/multilang.html' %}
        {% endwith %}
        </div>
        <div class="modal-footer">
            <div class="controls">
                <input class="btn btn-primary" type="submit" value="Добавить">
                <input type="reset" class="btn" value="Отменить" data-dismiss="modal">
            </div>
        </div>
        </form>
    </div>
 </div>