diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2017-12-22 07:11:26 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2017-12-22 07:11:26 +0100 |
| commit | fa4ed0f3b1ce5decfc6ee59d38e63e78a7793de4 (patch) | |
| tree | 74658c754cbdff432aa8dc8b4f3521c993993c45 /views | |
| parent | 1a67f6f262364ee4fed0c1538ef2f41d772bf1b1 (diff) | |
new keyword form
Diffstat (limited to 'views')
| -rw-r--r-- | views/pages/keywords.ejs | 27 | ||||
| -rw-r--r-- | views/partials/scripts.ejs | 1 |
2 files changed, 23 insertions, 5 deletions
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> |