From ea4e25aded00f92412ec2774a901c55ca4ad4b08 Mon Sep 17 00:00:00 2001
From: Nightblade73 <v-zar@list.ru>
Date: Sat, 23 Mar 2019 15:19:48 +0400
Subject: [PATCH] #53 added years filter forms

---
 src/main/resources/public/css/conference.css     | 10 ++++++++++
 .../templates/conferences/conferences.html       | 16 +++++++++++++---
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/public/css/conference.css b/src/main/resources/public/css/conference.css
index 01176c0..77cda8b 100644
--- a/src/main/resources/public/css/conference.css
+++ b/src/main/resources/public/css/conference.css
@@ -4,6 +4,12 @@
 
 .dashboard button{
     margin-left: 10px;
+    height: 41px;
+}
+
+.dashboard-elements {
+    align-items: center;
+    justify-content: left;
 }
 
 .conference-list-body {
@@ -170,3 +176,7 @@
     position: relative;
     font-size: 1rem;
 }
+
+@media (min-width: 768px) {
+
+}
diff --git a/src/main/resources/templates/conferences/conferences.html b/src/main/resources/templates/conferences/conferences.html
index fc5df8e..962605e 100644
--- a/src/main/resources/templates/conferences/conferences.html
+++ b/src/main/resources/templates/conferences/conferences.html
@@ -18,15 +18,25 @@
             <hr/>
             <div class="row dashboard">
                 <div class="col-lg-12">
-                    <div class="d-flex bd-highlight">
+                    <div class="d-flex bd-highlight dashboard-elements">
                         <div class="form-check p-1 bd-highlight">
                             <div class="checkbox" id="select-all-js"></div>
                         </div>
                         <button type="button" class="btn btn-danger">Удалить</button>
-                        <button type="button" class="btn btn-success data-href-js" data-href="./conference">Добавить
+                        <button type="button" class="btn btn-success data-href-js mr-auto" data-href="./conference">
+                            Добавить
                         </button>
-                        <div class="p-1 flex-grow-1 bd-highlight">
+
+                        <div class="form-row align-items-center justify-content-end">
+                            <label for="filter" class="col-auto col-form-label">Фильтровать по годам:</label>
+                            <div class="col-2" id="filter">
+                                <input type="text" class="form-control" placeholder="2000"/>
+                            </div>
+                            <div class="col-2">
+                                <input type="text" class="form-control" placeholder="2020"/>
+                            </div>
                         </div>
+
                     </div>
                 </div>
             </div>