From 188527c6b55a2d64d5f76c5d3e094da45c69b0c9 Mon Sep 17 00:00:00 2001
From: BakedSnake <gilferrandm@gmail.com>
Date: Wed, 17 Mar 2021 12:58:53 +0100
Subject: Public version

---
 views/search/all.ejs   | 41 ++++++++++++++++++++++++++++
 views/search/byTag.ejs | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++
 views/search/title.ejs | 39 ++++++++++++++++++++++++++
 3 files changed, 154 insertions(+)
 create mode 100644 views/search/all.ejs
 create mode 100644 views/search/byTag.ejs
 create mode 100644 views/search/title.ejs

(limited to 'views/search')

diff --git a/views/search/all.ejs b/views/search/all.ejs
new file mode 100644
index 0000000..0fca029
--- /dev/null
+++ b/views/search/all.ejs
@@ -0,0 +1,41 @@
+<%- include('../partials/header') %>
+
+<div class='content'>
+    <div class='leftie'>
+        <ul>
+            <% if(!currentUser) { %>
+                <li><a href='/search/all'>Search for blog posts</a></li>
+                <ul id='sub'>
+                    <li><a href="/search/all"><em><strong>All blog posts</strong></em></a></li>
+                    <!-- <li><a href="/search/tag"><em>By tag</em></a></li> -->
+                    <!-- <li><a href="#"><em>By category</em></a></li>     -->
+                </ul>
+                <li><a href='/'>About</a></li>
+                <li><a href='/browsers'>Minimal broswers</a></li>
+            <% } else { %>
+                <li><a href='/blog/<%= currentUser.username %>'>My Blog</a></li>
+                <li><a href='/blog/<%= currentUser.username %>/new'>Create a blog post</a></li>
+                <li><a href='/search/all'>Search for blog posts</a></li>
+                <ul id='sub'>
+                    <li><a href="/search/all"><em><strong>All blog posts</strong></em></a></li>
+                    <!-- <li><a href="/search/tag">By tag</a></li> -->
+                    <!-- <li><a href="#">By category</a></li> -->
+                </ul>
+                <li><a href='/'>About</a></li>
+                <li><a href='/browsers'>Minimal broswers</a></li>
+            <% } %>
+        </ul>
+    </div>
+    <div class='rightie' id='rev'>
+        <% posts.map((post) => { %>
+            <div class='bpost'>
+                <h4><a href="/blog/<%= post.author.username %>/<%= post._id %>"><%= post.title %></a></h4>
+                <img src="<%= post.image %>" alt="...">
+                <p><%- post.body.substring(0, 300) %>...</p>
+            </div>
+        <% }) %>
+        <h3>All Posts</h3>
+    </div>
+</div>
+
+<%- include('../partials/footer') %>
\ No newline at end of file
diff --git a/views/search/byTag.ejs b/views/search/byTag.ejs
new file mode 100644
index 0000000..1566bc6
--- /dev/null
+++ b/views/search/byTag.ejs
@@ -0,0 +1,74 @@
+<%- include('../partials/header') %>
+
+<div class='content'>
+    <div class='leftie'>
+        <ul>
+            <% if(!currentUser) { %>
+                <li><a href='/search/all'>Search for blog posts</a></li>
+                <ul id='sub'>
+                    <li><a href="/search/all"><em>All blog posts</em></a></li>
+                    <li><a href="/search/tag"><em><strong>By title</strong></em></a></li>
+                    <li><a href="#"><em>By category</em></a></li>    
+                </ul>
+                <li><a href='/'>About</a></li>
+                <li><a href='/browsers'>Minimal broswers</a></li>
+            <% } else { %>
+                <li><a href='/blog/<%= currentUser.username %>'>My Blog</a></li>
+                <li><a href='/blog/<%= currentUser.username %>/new'>Create a blog post</a></li>
+                <li><a href='/search/all'>Search for blog posts</a></li>
+                <ul id='sub'>
+                    <li><a href="/search/all"><em>All blog posts</em></a></li>
+                    <li><a href="/search/tag"><em><strong>By title</strong></em></a></li>
+                    <li><a href="#">By category</a></li>
+                </ul>
+                <li><a href='/'>About</a></li>
+                <li><a href='/browsers'>Minimal broswers</a></li>
+            <% } %>
+        </ul>
+    </div>
+    <div class='rightie' id='rev'>
+        <% let type = ''; %>
+        <div id="result">
+            <% posts.map((post) => { %>
+                <% if(post.tag === type) { %>
+                    <div class='bpost'>
+                        <h4><a href="/blog/<%= post.author.username %>/<%= post._id %>"><%= post.title %></a></h4>
+                        <img src="<%= post.image %>" alt="...">
+                        <p><%- post.body.substring(0, 300) %>...</p>
+                    </div>
+                <% } else { %>
+                        <div></div>
+                <% } %> 
+            <% }) %>
+        </div>
+
+        <form id='fposts' action="/search/tag">
+            <select name='tag' value='<%= type %>' onChange='setType()'>
+                <option value="life">Life</option>
+                <option value="science">Science</option>
+                <option value="music">Music</option>
+                <option value="cinema">Cinema</option>
+                <option value="travel">Travel</option>
+            </select>
+            <button type='submit' onclick="findPosts()">Search</button>
+        </form>
+        <h3>Posts by tag</h3>
+    </div>
+</div>
+
+<script type="text/javascript">
+    const setType = (event) => {
+        type = document.getElementsByName('tag'); 
+        console.log(type);
+    };
+
+</script>
+
+<script type="text/javascript">
+    const findPosts = () => {
+        event.preventDefault();
+        $('#').load(document.URL +  ' #');
+    };
+</script>
+
+<%- include('../partials/footer') %>
\ No newline at end of file
diff --git a/views/search/title.ejs b/views/search/title.ejs
new file mode 100644
index 0000000..a417352
--- /dev/null
+++ b/views/search/title.ejs
@@ -0,0 +1,39 @@
+<%- include('../partials/header') %>
+
+<div class='content'>
+    <div class='leftie'>
+        <ul>
+            <% if(!currentUser) { %>
+                <li><a href='/search/all'>Search for blog posts</a></li>
+                <ul id='sub'>
+                    <li><a href="/search/all"><em>All blog posts</em></a></li>
+                    <li><a href="/search/title"><strong><em>By title</em></strong></a></li>
+                    <li><a href="#"><em>By category</em></a></li>    
+                </ul>
+                <li><a href='/'>About</a></li>
+                <li><a href='/browsers'>Minimal broswers</a></li>
+            <% } else { %>
+                <li><a href='/blog/<%= currentUser.username %>'>My Blog</a></li>
+                <li><a href='/blog/<%= currentUser.username %>/new'>Create a blog post</a></li>
+                <li><a href='/search/all'>Search for blog posts</a></li>
+                <ul id='sub'>
+                    <li><a href="/search/all"><em><strong>All blog posts</strong></em></a></li>
+                    <li><a href="/search/title">By title</a></li>
+                    <li><a href="#">By category</a></li>
+                </ul>
+                <li><a href='/'>About</a></li>
+                <li><a href='/browsers'>Minimal broswers</a></li>
+            <% } %>
+        </ul>
+    </div>
+    <div class='rightie' id='rev2'>
+        <form action="/search/title" id='srch'>
+            <label>Search</label>
+            <input name='sb' type="text">
+            <button class='formBtn' type='submit'><strong>-></strong></button>
+        </form>
+        <h3>Search for posts by title</h3>
+    </div>
+</div>
+
+<%- include('../partials/footer') %>
\ No newline at end of file
-- 
cgit v1.2.3