diff --git a/src/main/resources/public/js/papers.js b/src/main/resources/public/js/papers.js
index 07fa21c..9866874 100644
--- a/src/main/resources/public/js/papers.js
+++ b/src/main/resources/public/js/papers.js
@@ -1,6 +1,7 @@
 var urlPapers = "/api/1.0/papers";
 var urlPaperStatuses = "/api/1.0/papers/statuses";
 var urlDeletePaper = "/api/1.0/papers/";
+var urlFilterPaper = "/api/1.0/papers/filter"
 
 function showPapers(papersElement, paperRowClass) {
     getFromRest(urlPapers, function (paperList) {
@@ -32,6 +33,47 @@ function showPapers(papersElement, paperRowClass) {
     });
 }
 
+function filterPapers(papersElement, paperRowClass, authorId, year) {
+	var paperData = JSON.stringify({
+        "authorId": authorId,
+        "year": year
+    });
+    postToRest(urlFilterPaper, paperData, function (data) {
+		$(paperRowClass).remove();
+		 if(data.length > 0){
+		 data.forEach(function (paper, index) {
+            $(papersElement).parent().append("<div class='row text-left paper-row'>" +
+                "                <div class='col-md-11'>" +
+                "                <span class='fa-stack fa-1x'>\n" +
+                "                  <i class='fa fa-circle fa-stack-2x " + getPaperStatusClass(paper.status) + "'></i>" +
+                "                  <i class='fa fa-file-text-o fa-stack-1x fa-inverse'></i>" +
+                "                </span>" +
+                "                    <a href='paper?id=" + paper.id + "" +
+                "'><span>" + paper.title + "</span></a></div>" +
+                "<div class='col-md-1'>" +
+                "<span class='remove-paper d-none' onclick=\"deletePaper(" + paper.id + ",'" + papersElement + "', '" + paperRowClass + "')\">" +
+                "<i class=\"fa fa-trash\" aria-hidden=\"true\"></i></span>" +
+                "                </div></div>");
+        });
+
+
+        $(paperRowClass).mouseenter(function (event) {
+            var paperRow = $(event.target).closest(paperRowClass);
+            $(paperRow).css("background-color", "#f8f9fa");
+            $(paperRow).find(".remove-paper").removeClass("d-none");
+
+        });
+        $(paperRowClass).mouseleave(function (event) {
+            var paperRow = $(event.target).closest(paperRowClass);
+            $(paperRow).css("background-color", "white");
+            $(paperRow).closest(paperRowClass).find(".remove-paper").addClass("d-none");
+        });
+		 }
+    });
+
+
+}
+
 function deletePaper(id, papersElement, paperRowClass) {
     $("#remove-paper-modal").modal('show');
 
diff --git a/src/main/resources/templates/papers/papers.html b/src/main/resources/templates/papers/papers.html
index 3f440cd..cb492db 100644
--- a/src/main/resources/templates/papers/papers.html
+++ b/src/main/resources/templates/papers/papers.html
@@ -26,7 +26,27 @@
                         <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3">
                             <a href="./paper" class="btn btn-light toolbar-button"><i class="fa fa-plus-circle" aria-hidden="true"></i>
                                 Добавить статью</a>
+
                         </div>
+
+                    </div>
+                    <div class = "filter">
+                        <h5>Фильтровать по:</h5>
+                        <select id = "author">
+                            <option value = "1">Алёна</option>
+                            <option value = "2">Маша</option>
+                            <option value = "3">Петя</option>
+                        </select>
+                        <select id = "index score">
+                            <option >РИНЦ</option>
+                            <option>Scopus</option>
+                            <option>Web of science</option>
+                        </select>
+                        <select id = "year">
+                            <option>2018</option>
+                            <option>2017</option>
+                            <option>2016</option>
+                        </select>
                     </div>
                 </div>
             </div>
@@ -51,6 +71,10 @@
     <script>
         $(document).ready(function () {
             showPapers("#paper-list", ".paper-row");
+            jQuery('.filter').on('change','#year',function(){
+
+                filterPapers("#paper-list", ".paper-row",'1','2018');
+            });
         });
     </script>
 </div>