feature #447 Add tags to Post (yceruto)

This PR was squashed before being merged into the master branch (closes #447).

Discussion
----------

Add tags to Post

This implements #44 and it's a complete variant of #192 (On hold since Ago 2016).

| Blog Post Index | Post Show |
| ---- | --- |
| ![tags-index](https://cloud.githubusercontent.com/assets/2028198/22331272/8f0522f8-e398-11e6-8efb-41b8ebb119f4.png)  |  ![tags-show](https://cloud.githubusercontent.com/assets/2028198/22331381/29aa391a-e399-11e6-9f5a-b09b25a86090.png) |

| Post New/Edit |
| --- |
| ![tagsinput](https://cloud.githubusercontent.com/assets/2028198/22348577/3263128e-e3da-11e6-8b62-25f9720f4275.png) |

Also this splits the only one fixture class into three classes (`UserFixtures`, `PostFixtures` and `TagFixtures`):
 - [x] To prevent mess and complexity.
 - [x] To avoid post title duplicated (slug issue).
 - [x] To fix example and explanation of: Sharing objects between fixtures (#192 (comment)).
 - [x] To add a new example about: Fixture ordering and `DependentFixtureInterface` (dependence between fixtures).

Add Translation:
 - [x] English
 - [x] Español

Updated `blog.sqlite` and `blog_test.sqlite` DBs.

---

### Handling Tags (Bootstrap-tagsinput):

There is many options to do that:

 * Form collection to add new tags?
 * [`select2`](https://select2.github.io/examples.html) or [`chosen`](https://github.com/harvesthq/chosen) js plugins?
 * [Bootstrap tagsinput](http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/) js plugin? <-- 👍
* [Tokenfield for Bootstrap](http://sliptree.github.io/bootstrap-tokenfield/) js plugin?

### TODO:
- [x] Create TagsInputType to handle the post tags collection (Added DataTransformer example)
- [x] Add typeaheadjs option to show tags hint.

Commits
-------

46a54dd Add tags to Post

Author: javiereguiluz

app/Resources/translations/messages.en.xlf

@@ -202,6 +202,10 @@
                 <source>label.published_at</source>
                 <target>Published at</target>
             </trans-unit>
+            <trans-unit id="label.tags">
+                <source>label.tags</source>
+                <target>Tags</target>
+            </trans-unit>
             <trans-unit id="label.actions">
                 <source>label.actions</source>
                 <target>Actions</target>

app/Resources/translations/messages.es.xlf

@@ -206,6 +206,10 @@
                 <source>label.published_at</source>
                 <target>Publicado el</target>
             </trans-unit>
+            <trans-unit id="label.tags">
+                <source>label.tags</source>
+                <target>Etiquetas</target>
+            </trans-unit>
             <trans-unit id="label.actions">
                 <source>label.actions</source>
                 <target>Acciones</target>

app/Resources/translations/validators.en.xlf

@@ -14,6 +14,10 @@
                 <source>post.too_short_content</source>
                 <target>Post content is too short ({{ limit }} characters minimum)</target>
             </trans-unit>
+            <trans-unit id="post.too_much_tags">
+                <source>post.too_much_tags</source>
+                <target>Too much tags ({{ limit }} maximum)</target>
+            </trans-unit>
             <trans-unit id="comment.blank">
                 <source>comment.blank</source>
                 <target>Please don't leave your comment blank!</target>

app/Resources/translations/validators.es.xlf

@@ -14,6 +14,10 @@
                 <source>post.too_short_content</source>
                 <target>El contenido del artículo es demasiado corto ({{ limit }} caracteres como mínimo)</target>
             </trans-unit>
+            <trans-unit id="post.too_much_tags">
+                <source>post.too_much_tags</source>
+                <target>Demasiadas etiquetas ({{ limit }} como máximo)</target>
+            </trans-unit>
             <trans-unit id="comment.blank">
                 <source>comment.blank</source>
                 <target>No es posible dejar el contenido del comentario vacío.</target>

app/Resources/views/admin/blog/new.html.twig

@@ -10,6 +10,7 @@
         {{ form_row(form.summary) }}
         {{ form_row(form.content) }}
         {{ form_row(form.publishedAt) }}
+        {{ form_row(form.tags) }}
 
         <input type="submit" value="{{ 'label.create_post'|trans }}" class="btn btn-primary" />
         {{ form_widget(form.saveAndCreateNew, { label: 'label.save_and_create_new', attr: { class: 'btn btn-primary' } }) }}

app/Resources/views/admin/blog/show.html.twig

@@ -4,6 +4,7 @@
 
 {% block main %}
     <h1>{{ post.title }}</h1>
+
     <p class="post-metadata">
         <span class="metadata"><i class="fa fa-calendar"></i> {{ post.publishedAt|localizeddate('long', 'medium', null, 'UTC') }}</span>
         <span class="metadata"><i class="fa fa-user"></i> {{ post.author.email }}</span>
@@ -14,6 +15,8 @@
     </div>
 
     {{ post.content|md2html }}
+
+    {{ include('blog/_post_tags.html.twig') }}
 {% endblock %}
 
 {% block sidebar %}

app/Resources/views/base.html.twig

@@ -16,6 +16,7 @@
             <link rel="stylesheet" href="{{ asset('css/font-lato.css') }}">
             <link rel="stylesheet" href="{{ asset('css/bootstrap-datetimepicker.min.css') }}">
             <link rel="stylesheet" href="{{ asset('css/highlight-solarized-light.css') }}">
+            <link rel="stylesheet" href="{{ asset('css/bootstrap-tagsinput.css') }}">
             <link rel="stylesheet" href="{{ asset('css/main.css') }}">
         {% endblock %}
         <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
@@ -141,6 +142,7 @@
             <script src="{{ asset('js/bootstrap-3.3.7.min.js') }}"></script>
             <script src="{{ asset('js/highlight.pack.js') }}"></script>
             <script src="{{ asset('js/bootstrap-datetimepicker.min.js') }}"></script>
+            <script src="{{ asset('js/bootstrap-tagsinput.min.js') }}"></script>
             <script src="{{ asset('js/main.js') }}"></script>
         {% endblock %}
 

app/Resources/views/blog/_post_tags.html.twig

@@ -0,0 +1,10 @@
+{% if not post.tags.empty %}
+    <p class="post-tags">
+        {% for tag in post.tags %}
+            <span class="label label-success">
+                <i class="fa fa-tag"></i> {{ tag.name }}
+            </span>
+        {% endfor %}
+    </p>
+{% endif %}
+

app/Resources/views/blog/index.html.twig

@@ -11,6 +11,8 @@
                 </a>
             </h2>
 
+            {{ include('blog/_post_tags.html.twig') }}
+
             <p class="post-metadata">
                 <span class="metadata"><i class="fa fa-calendar"></i> {{ post.publishedAt|localizeddate('long', 'medium', null, 'UTC') }}</span>
                 <span class="metadata"><i class="fa fa-user"></i> {{ post.author.email }}</span>

app/Resources/views/blog/index.xml.twig

@@ -16,6 +16,9 @@
                 <guid>{{ url('blog_post', {'slug': post.slug}) }}</guid>
                 <pubDate>{{ post.publishedAt|date(format='r', timezone='GMT') }}</pubDate>
                 <author>{{ post.author.email }}</author>
+                {% for tag in post.tags %}
+                    <category>{{ tag.name }}</category>
+                {% endfor %}
             </item>
         {% endfor %}
     </channel>