Added functionality for blogs to be part of a series

Author: techievivek

content/blog/entries/ssr-ccsearch/contents.lr

@@ -1,6 +1,7 @@
 title: Server Side Rendering with Vue.JS on CC Search
 ---
 categories:
+
 cc-search
 tech
 ---
@@ -9,7 +10,7 @@ author: brenoferreira
 pub_date: 2019-11-01
 ---
 body:
- 
+
 The frontend of CC Search is built with Vue.JS, which is a Javascript library for managing and rendering DOM elements in the browser, similar to React and Angular. But, as it is usually the case with applications built with those libraries, the application was rendered completely on the users' browser. It means that when users loaded CC Search, the server would send a blank HTML page and some Javascript files that would be downloaded by the user. Only once those JS assets were loaded and parsed, would the rendering begin.
 
 While easier to implement initially, when we needed to ship the initial versions of CC Search faster to validate our ideas, this approach has some significant disadvantages:
@@ -89,3 +90,5 @@ We did this by using the `serverPrefetch` method to load the data on the server,
 As said before, we have a dependency on a component that uses browser APIs which doesn't work on the server side. That dependency is [Masonry Layout](https://github.com/shershen08/vue-masonry). And because of that, we had to split components and router into server and client versions.
 
 To remove that complexity, we will probably try to use a pure-CSS approach to generate the responsive grid, as described in [this issue on Github](https://github.com/creativecommons/cccatalog-frontend/issues/489). If that doesn't work, we'll use something like [vue-client-only](https://github.com/egoist/vue-client-only).
+---
+series: 

content/blog/series/contents.lr

@@ -0,0 +1 @@
+_model: blog-series

models/blog-post.ini

@@ -12,6 +12,11 @@ size = large
 label = Categories
 type = strings
 
+[fields.series]
+label = Select the Series
+type = select
+source = record.parent.parent.children.get('series').children.all()
+
 [fields.pub_date]
 label = Publication date
 type = date
@@ -20,7 +25,7 @@ width = 1/2
 [fields.author]
 label = Author
 type = select
-// TODO: this is far too opaque, fix this. basically it's finding authors by
+// TODO: this is far too opaque, fix this. basically its finding authors by
 // going up to entries.blog, then getting everything in
 // the blog.authors.<author name> files
 source = record.parent.parent.children.get('authors').children.all()

models/blog-series.ini

@@ -0,0 +1,9 @@
+[model]
+name = Blog Series
+label = Blog Series
+hidden = yes
+protected = yes
+
+[children]
+model = single-series
+order_by = name

models/single-series.ini

@@ -0,0 +1,11 @@
+[model]
+name = Single Series
+label = {{ this.name }}
+hidden = yes
+
+[children]
+replaced_with = site.query(this.parent.parent.path + '/entries').filter(F.series.contains(this)) 
+
+[fields.name]
+label = Name
+type = string

templates/blog-post.html

@@ -8,6 +8,16 @@
 {% block header %}{{ this.parent.title }}{% endblock %}
 {% block body %}
   <h2 class="mb-0">{{ this.title }}</h2>
+  {% if this.series|length %}
+  <div class="card bg-light">
+    <div class="card-body p-2">
+    <p class="meta my-0"><span class="mr-2"><strong>This blog is part of the series :</strong></span>
+       <a href="/blog/series/{{this.series}}/">{{ this.series }}</a>
+    </p>
+    </div>
+  </div>
+ {% endif %}
+
   {{ check_file('content' + this.parent.parent.path + '/authors/' + this.author + '/contents.lr') }}
   <p class="meta text-muted mt-0">by <a href="{{ author|url }}">{{ render_author_name(author) }}</a>
   on {{ this.pub_date|dateformat('EEEE, yyyy-''MM-d') }}</p>

templates/blog-series.html

@@ -0,0 +1,8 @@
+{% extends "layout.html" %}
+{% from "macros/categories.html" import render_categories %}
+{% block title %}{{ this.parent.children.get('entries').title }}{% endblock %}
+{% block header %}{{ this.parent.children.get('entries').title }}{% endblock %}
+{% block body %}
+  <h2>All Series</h2>
+  {{ render_categories(this) }}
+{% endblock %}

templates/macros/posts.html

@@ -6,6 +6,11 @@
       {% set author = post.parent.parent.children.get('authors').children.get(post.author) %}
       <li>
         <a href="{{ post|url }}">{{ post.title }}</a>
+      {% if post.series|length %}
+    <p class="meta my-0"><span class="mr-2"><strong>This blog is part of the series :</strong></span>
+       <a class="badge badge-secondary" href="/blog/series/{{post.series}}/">{{ post.series }}</a>
+    </p>
+  {% endif %}
         <p class="text-muted small">by <a href="{{ author|url }}">{{ render_author_name(author) }}</a>
           on {{ post.pub_date|dateformat("YYYY-MM-dd") }}</p>
       </li>

templates/single-series.html

@@ -0,0 +1,12 @@
+{% extends "layout.html" %}
+
+{% from "macros/posts.html" import render_posts %}
+
+{% block title %}{{ this.name + ' - ' + this.parent.parent.children.get('entries').title }}{% endblock %}
+{% block header %}{{ this.parent.parent.children.get('entries').title }}{% endblock %}
+{% block body %}
+  <h2>All posts under Series "{{ this.name }}"</h2>
+  {{ render_posts(this.children) }}
+  <hr>
+  <strong><a href="{{ this.parent|url }}">All Series</a></strong>
+{% endblock %}