From c52b0aa7aaef62ae3a0a42ef213050c5be0176a7 Mon Sep 17 00:00:00 2001
From: Raghavendra Kamath <raghu@raghukamath.com>
Date: Mon, 23 Apr 2018 11:52:41 +0530
Subject: [PATCH] Add breadcrumbs, navbar and blog listing for bs4

---
 .../templates/includes/breadcrumbs.html       | 12 +++++
 .../includes/navbar/dropdown_items.html       | 17 +++++++
 .../includes/navbar/dropdown_login.html       | 17 +++++++
 .../templates/includes/navbar/navbar.html     | 12 +++++
 .../includes/navbar/navbar_items.html         | 21 +++++++++
 .../includes/navbar/navbar_link.html          | 13 ++++++
 .../includes/navbar/navbar_login.html         | 25 +++++++++++
 .../includes/navbar/navbar_search.html        |  9 ++++
 .../blog_post/templates/blog_post.html        | 44 +++++++++++++++++++
 .../blog_post/templates/blog_post_row.html    | 18 ++++++++
 10 files changed, 188 insertions(+)
 create mode 100644 foundation/templates/includes/breadcrumbs.html
 create mode 100644 foundation/templates/includes/navbar/dropdown_items.html
 create mode 100644 foundation/templates/includes/navbar/dropdown_login.html
 create mode 100644 foundation/templates/includes/navbar/navbar.html
 create mode 100644 foundation/templates/includes/navbar/navbar_items.html
 create mode 100644 foundation/templates/includes/navbar/navbar_link.html
 create mode 100644 foundation/templates/includes/navbar/navbar_login.html
 create mode 100644 foundation/templates/includes/navbar/navbar_search.html
 create mode 100644 foundation/website/doctype/blog_post/templates/blog_post.html
 create mode 100644 foundation/website/doctype/blog_post/templates/blog_post_row.html

diff --git a/foundation/templates/includes/breadcrumbs.html b/foundation/templates/includes/breadcrumbs.html
new file mode 100644
index 00000000..b47ab880
--- /dev/null
+++ b/foundation/templates/includes/breadcrumbs.html
@@ -0,0 +1,12 @@
+{% if parents and parents|length > 0 %}
+<ul class="breadcrumb mb-4" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
+	{% for parent in parents %}
+		<li class="breadcrumb-item">
+			<a href="{{ url_prefix }}{{ parent.route | abs_url }}" itemprop="url">
+			<span itemprop="title">{{ parent.title or parent.label or parent.name or "" }}</span>
+			</a>
+		</li>
+	{% endfor %}
+	<li class="breadcrumb-item active"><span itemprop="title">{{ title or "" }}</span></li>
+</ul>
+{% endif %}
diff --git a/foundation/templates/includes/navbar/dropdown_items.html b/foundation/templates/includes/navbar/dropdown_items.html
new file mode 100644
index 00000000..e1eec7b1
--- /dev/null
+++ b/foundation/templates/includes/navbar/dropdown_items.html
@@ -0,0 +1,17 @@
+<ul class="nav-bar nav ml-auto mt-2 mt-lg-0">
+{% if top_bar_items -%}
+	{%- for page in top_bar_items -%}
+		{% if not page.parent_label and not page.right -%}
+			{% include "templates/includes/navbar/navbar_link.html" %}
+		{%- endif -%}
+	{%- endfor %}
+{%- endif %}
+{%- for page in top_bar_items -%}
+	{% if not page.parent_label and page.right -%}
+		{% include "templates/includes/navbar/navbar_link.html" %}
+	{%- endif -%}
+{%- endfor %}
+{% block navbar_right_extension %}{% endblock %}
+{% include "templates/includes/navbar/navbar_search.html" %}
+{% include "templates/includes/navbar/dropdown_login.html" %}
+</ul>
diff --git a/foundation/templates/includes/navbar/dropdown_login.html b/foundation/templates/includes/navbar/dropdown_login.html
new file mode 100644
index 00000000..9bd687a1
--- /dev/null
+++ b/foundation/templates/includes/navbar/dropdown_login.html
@@ -0,0 +1,17 @@
+<!-- post login tools -->
+{% if not only_static %}
+{%- for child in post_login -%}
+<li {% if child.label %}data-label="{{ child.label }}" {% endif %}
+ class="{% if child.class %} {{ child.class }} {% endif %} logged-in" >
+	{%- if child.url -%}
+	<a href="{{ child.url | abs_url }}" {{ child.target or '' }}
+	rel="nofollow">
+	{{ child.label }}
+	</a>
+	{%- endif -%}
+	</li>
+{%- endfor -%}
+{% if not hide_login %}
+<li class="btn-login-area"><a href="/login">{{ _("Login") }}</a></li>
+{% endif %}
+{% endif %}
diff --git a/foundation/templates/includes/navbar/navbar.html b/foundation/templates/includes/navbar/navbar.html
new file mode 100644
index 00000000..f23ac49e
--- /dev/null
+++ b/foundation/templates/includes/navbar/navbar.html
@@ -0,0 +1,12 @@
+<nav class="navbar navbar-expand-lg" role="navigation">
+	<a class="navbar-brand ellipsis"
+		href="{{ url_prefix }}{{ home_page or "/"}}">
+		<span>{{ brand_html or (frappe.get_hooks("brand_html") or ["Home"])[0] }}</span>
+	</a>
+	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+		<span class="navbar-toggler-icon"></span>
+	</button>
+	<div class="collapse navbar-collapse" id="navbarSupportedContent">
+		{% include "templates/includes/navbar/navbar_items.html" %}
+	</div>
+</nav>
diff --git a/foundation/templates/includes/navbar/navbar_items.html b/foundation/templates/includes/navbar/navbar_items.html
new file mode 100644
index 00000000..531d603f
--- /dev/null
+++ b/foundation/templates/includes/navbar/navbar_items.html
@@ -0,0 +1,21 @@
+{% if top_bar_items -%}
+<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
+	{%- for page in top_bar_items -%}
+		{% if not page.parent_label and not page.right -%}
+			{% include "templates/includes/navbar/navbar_link.html" %}
+		{%- endif -%}
+	{%- endfor %}
+</ul>
+{%- endif %}
+<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
+	{%- for page in top_bar_items -%}
+		{% if not page.parent_label and page.right -%}
+			{% include "templates/includes/navbar/navbar_link.html" %}
+		{%- endif -%}
+	{%- endfor %}
+	{% if not only_static %}
+		{% block navbar_right_extension %}{% endblock %}
+	{% endif %}
+	{% include "templates/includes/navbar/navbar_search.html" %}
+	{% include "templates/includes/navbar/navbar_login.html" %}
+</ul>
diff --git a/foundation/templates/includes/navbar/navbar_link.html b/foundation/templates/includes/navbar/navbar_link.html
new file mode 100644
index 00000000..92510bef
--- /dev/null
+++ b/foundation/templates/includes/navbar/navbar_link.html
@@ -0,0 +1,13 @@
+<li class="nav-item {% if page.child_items %} dropdown {% endif %}" data-label='{{ page.label }}'>
+	<a {% if not page.child_items -%} class="nav-link" href="{{ (page.url or '')|abs_url }}" {%- endif %}
+		{% if page.child_items %} class="nav-link dropdown-toggle" data-toggle="dropdown" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false" {% endif %}
+		{{ page.target or ''}}>
+	{{ page.label }}
+	</a>
+		<div class="dropdown-menu" role="menu">
+		{%- for child in page.child_items -%}
+			<a class="dropdown-item" data-label='{{ child.label }}' href="{{ child.url | abs_url }}" {{ child.target or '' }}>{{ child.label }}</a>
+		{%- endfor -%}
+		</div>
+	</a>
+</li>
diff --git a/foundation/templates/includes/navbar/navbar_login.html b/foundation/templates/includes/navbar/navbar_login.html
new file mode 100644
index 00000000..b012889a
--- /dev/null
+++ b/foundation/templates/includes/navbar/navbar_login.html
@@ -0,0 +1,25 @@
+<!-- post login tools -->
+{% if not only_static %}
+<li class="nav-item dropdown logged-in" id="website-post-login"
+	data-label="website-post-login" style="display: none">
+	<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
+		<span class="user-image-wrapper"></span>
+		<span class="full-name"></span>
+		<b class="caret"></b>
+	</a>
+	<div class="dropdown-menu" role="menu">
+		{%- for child in post_login -%}
+			{%- if child.url -%}
+				<a href="{{ child.url | abs_url }}" {{ child.target or '' }}
+					rel="nofollow">
+					{{ child.label }}
+				</a>
+			{%- endif -%}
+		{%- endfor -%}
+		<a href="/desk">{{ _('Switch To Desk') }}</a>
+	</div>
+</li>
+{% if not hide_login %}
+<li class="nav-item btn-login-area"><a class="nav-link" href="/login">{{ _("Login") }}</a></li>
+{% endif %}
+{% endif %}
diff --git a/foundation/templates/includes/navbar/navbar_search.html b/foundation/templates/includes/navbar/navbar_search.html
new file mode 100644
index 00000000..67b4d650
--- /dev/null
+++ b/foundation/templates/includes/navbar/navbar_search.html
@@ -0,0 +1,9 @@
+{% if navbar_search %}
+	<li>
+		<form action='/search'>
+		<input name='q' class='form-control navbar-search' type='text'
+			value='{{ frappe.form_dict.q or ''}}'
+			{% if not frappe.form_dict.q%}placeholder="{{ _("Search...") }}"{% endif %}>
+		</form>
+	</li>
+{% endif %}
\ No newline at end of file
diff --git a/foundation/website/doctype/blog_post/templates/blog_post.html b/foundation/website/doctype/blog_post/templates/blog_post.html
new file mode 100644
index 00000000..99f4c1e3
--- /dev/null
+++ b/foundation/website/doctype/blog_post/templates/blog_post.html
@@ -0,0 +1,44 @@
+{% extends "templates/web.html" %}
+{% block meta_block %}
+	{% include "templates/includes/meta_block.html" %}
+{% endblock %}
+{% block page_content %}
+<div class="blog-container">
+<article class="blog-content" itemscope itemtype="http://schema.org/BlogPosting">
+	<!-- begin blog content -->
+	<div class="blog-info">
+	<h1 itemprop="headline" class="blog-header">{{ title }}</h1>
+	<p class="post-by text-muted">
+		<a href="/blog?blogger={{ blogger }}" class="no-decoration">{{ _("By") }} {{ blogger_info and blogger_info.full_name or full_name }}</a>
+		<i class="spacer-dot"></i> {{ frappe.format_date(published_on) }}
+		<i class="spacer-dot"></i> <a href="/blog?blog_category={{ blog_category }}" class="no-decoration">{{ category.title }}</a>
+		<i class="spacer-dot"></i> {{ comment_text }}
+	</p>
+	</div>
+	<div itemprop="articleBody" class="longform blog-text">
+	{{ content }}
+	</div>
+	<!-- end blog content -->
+</article>
+{% if blogger_info %}
+{% include "templates/includes/blog/blogger.html" %}
+{% endif %}
+<div class="blog-comments">
+	{% include 'templates/includes/comments/comments.html' %}
+</div>
+</div>
+<script>
+    frappe.ready(function() { frappe.set_search_path("/blog"); })
+</script>
+{% endblock %}
+{% block style %}
+<style>
+.blog-container {
+	max-width: 720px;
+	margin: auto;
+}
+.page-content {
+	padding-bottom: 0px;
+}
+</style>
+{% endblock %}
diff --git a/foundation/website/doctype/blog_post/templates/blog_post_row.html b/foundation/website/doctype/blog_post/templates/blog_post_row.html
new file mode 100644
index 00000000..d9a44628
--- /dev/null
+++ b/foundation/website/doctype/blog_post/templates/blog_post_row.html
@@ -0,0 +1,18 @@
+{%- set post = doc -%}
+<div class="web-list-item blog-list-item mb-4">
+	<div class="row">
+		<div class="col-xs-12">
+
+			<h3 class="font-weight-normal"><a href="/{{ post.route }}">{{ post.title }}</a></h3>
+			<p class="post-description">{{ post.intro }}</p>
+
+			<div>
+				<p class="small">
+					<a href="/blog?blogger={{ post.blogger }}">{{ post.full_name }}</a>
+					<span class="text-muted">{{ frappe.format_date(post.published_on) }}</span>
+				</p>
+			</div>
+
+		</div>
+	</div>
+</div>