summaryrefslogtreecommitdiff
path: root/views/search
diff options
context:
space:
mode:
Diffstat (limited to 'views/search')
-rw-r--r--views/search/all.ejs41
-rw-r--r--views/search/byTag.ejs74
-rw-r--r--views/search/title.ejs39
3 files changed, 154 insertions, 0 deletions
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
generated by cgit v1.2.3 (git 2.25.1) at 2025-10-31 01:01:55 +0000