From fa4ed0f3b1ce5decfc6ee59d38e63e78a7793de4 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 22 Dec 2017 07:11:26 +0100
Subject: new keyword form

---
 views/pages/keywords.ejs   | 27 ++++++++++++++++++++++-----
 views/partials/scripts.ejs |  1 +
 2 files changed, 23 insertions(+), 5 deletions(-)

(limited to 'views')

diff --git a/views/pages/keywords.ejs b/views/pages/keywords.ejs
index d844e39..89f44a2 100644
--- a/views/pages/keywords.ejs
+++ b/views/pages/keywords.ejs
@@ -16,6 +16,9 @@
         <div class="views {{views_class}}">
           {{views}}
         </div>
+        <div class="threadcount {{threadcount_class}}">
+          {{threadcount}}
+        </div>
         <div class="{{color}} title">
           <a href="/details/{{id}}">{{title}}</a>
         </div>
@@ -24,6 +27,17 @@
   </div>
 </div>
 
+<div id="sidebar">
+  <div class="bluebox" id="new_keyword">
+    <form>
+        <input type="text" name="keyword" placeholder="Create a new keyword">
+        <select name="color"></select>
+        <input type="submit" value="Create">
+        <div class="errors"></div>
+    </form>
+  </div>
+</div>
+
 <% include ../partials/footer %>
 
 <style>
@@ -55,14 +69,17 @@
   margin-left: 3px;
 }
 .keyword_row .views {
-  min-width: 30px;
-  text-align: center;
+  min-width: 40px;
+  justify-content: center;
+}
+.keyword_row .threadcount {
+  min-width: 40px;
+  justify-content: flex-end;
+  margin-right: 10px;
 }
 .keyword_row .title a {
   display: block;
   padding: 5px;
   margin-top: -4px;
-  
 }
-
-</style>
\ No newline at end of file
+</style>
diff --git a/views/partials/scripts.ejs b/views/partials/scripts.ejs
index 54ecf8f..5ed307e 100644
--- a/views/partials/scripts.ejs
+++ b/views/partials/scripts.ejs
@@ -29,6 +29,7 @@
 <script src="/assets/js/lib/views/search/results.js"></script>
 
 <script src="/assets/js/lib/views/keywords/keywords.js"></script>
+<script src="/assets/js/lib/views/keywords/newkeyword.js"></script>
 
 <script src="/assets/js/lib/views/profile/profile.js"></script>
 <script src="/assets/js/lib/views/profile/profile_edit.js"></script>
-- 
cgit v1.2.3-70-g09d2