CSS fixes and tags autocomplete

djangocms_blog/cms_plugins.py

@@ -6,6 +6,7 @@ from cms.plugin_base import CMSPluginBase
 from cms.plugin_pool import plugin_pool
 
 from .models import AuthorEntriesPlugin, LatestPostsPlugin, Post
+from .forms import LatestEntriesForm
 
 
 class BlogPlugin(CMSPluginBase):
@@ -18,6 +19,8 @@ class LatestEntriesPlugin(BlogPlugin):
     render_template = 'djangocms_blog/plugins/latest_entries.html'
     name = _('Latest Blog Entries')
     model = LatestPostsPlugin
+    form = LatestEntriesForm
+    filter_horizontal = ('categories',)
 
     def render(self, context, instance, placeholder):
         context['instance'] = instance

djangocms_blog/forms.py

@@ -0,0 +1,19 @@
+# -*- coding: utf-8 -*-
+from django import forms
+from django.conf import settings
+
+import django_select2
+
+
+class LatestEntriesForm(forms.ModelForm):
+
+    class Meta:
+
+        widgets = {
+            'tags': django_select2.Select2MultipleWidget
+        }
+
+    class Media:
+        css = {
+            'all': ('%s/css/%s' % (settings.STATIC_URL, "djangocms_blog_admin.css"),)
+        }

djangocms_blog/models.py

@@ -119,6 +119,7 @@ class LatestPostsPlugin(CMSPlugin):
 
     latest_posts = models.IntegerField(default=5, help_text=_('The number of latests posts to be displayed.'))
     tags = models.ManyToManyField('taggit.Tag', blank=True, help_text=_('Show only the blog posts tagged with chosen tags.'))
+    categories = models.ManyToManyField('BlogCategory', blank=True, help_text=_('Show only the blog posts tagged with chosen tags.'))
 
     def __unicode__(self):
         return u"%s latest post by tag" % self.latest_posts

djangocms_blog/static/css/djangocms_blog_admin.css

@@ -0,0 +1,46 @@
+.select2-container-multi .select2-choices .select2-search-field input {
+    min-width: 100px;
+}
+
+.selector select[multiple] {
+    display: block;
+}
+
+.selector {
+    width: auto;
+    margin-right: 12px;
+}
+
+.selector-available, .selector-chosen {
+    width: auto;
+}
+
+.selector .selector-available input, .selector .selector-chosen input {
+    margin: 0;
+}
+
+form select {
+    max-width: 266px;
+}
+
+.as-selections.vTextField {
+    width: 300px;
+}
+
+.as-results ul.as-list {
+    margin-left:9em;
+    padding-left:0;
+    box-shadow: none !important;
+    border: 1px solid #888888 !important;
+}
+.as-results ul.as-list li {
+    list-style: none;
+}
+ul.as-selections.vTextField {
+    padding-left: 10px;
+    margin-left:9em;
+}
+
+ul.as-selections li {
+    list-style: none;
+}

djangocms_blog/templates/admin/djangocms_blog/post_change_form.html

@@ -1,29 +1,7 @@
 {% extends "admin/hvad/change_form.html" %}
-{% load i18n admin_modify %}
+{% load static %}
 
 {% block extrahead %}
 {{ block.super }}
-<style type="text/css">
-.as-selections.vTextField {
-    width: 300px;
-}
-
-.as-results ul.as-list {
-    margin-left:9em;
-    padding-left:0;
-    box-shadow: none !important;
-    border: 1px solid #888888 !important;
-}
-.as-results ul.as-list li {
-    list-style: none;
-}
-ul.as-selections.vTextField {
-    padding-left: 10px;
-    margin-left:9em;
-}
-
-ul.as-selections li {
-    list-style: none;
-}
-</style>
+<link href="{% static 'css/djangocms_blog_admin.css' %}" media="screen, projection" rel="stylesheet" type="text/css">
 {% endblock %}