From c3681bf2d144b0880f40307e009db790b84a4cc9 Mon Sep 17 00:00:00 2001
From: RemiZOffAlex <remizoffalex@mail.ru>
Date: Mon, 17 Feb 2020 01:06:25 +0300
Subject: [PATCH] Update template pages

---
 myapp/ns_page/templates/guest/pages.html | 27 ++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/myapp/ns_page/templates/guest/pages.html b/myapp/ns_page/templates/guest/pages.html
index 59fb4c1..29fbfcd 100644
--- a/myapp/ns_page/templates/guest/pages.html
+++ b/myapp/ns_page/templates/guest/pages.html
@@ -29,10 +29,27 @@
 var app = new Vue({
     el: '#app',
     data: {
+        filter: '',
         pages: [],
         pagination: {{ pagedata['pagination']|tojson|safe }},
     },
     methods: {
+        filterApply: function() {},
+        filterClear: function() {
+            /* Очистить фильтр */
+            let vm = this;
+            vm.filter = '';
+        },
+        filterPage: function(page) {
+            let vm = this;
+            if ( vm.filter.length<1 ) {
+                return true;
+            }
+            if ( page.title.toLowerCase().includes(vm.filter.toLowerCase()) ) {
+                return true;
+            }
+            return false;
+        },
         getPages: function() {
             /* Получить список статей */
             let vm = this;
@@ -87,6 +104,12 @@ var app = new Vue({
         );
     },
     computed: {
+        filteredPages: function() {
+            /* Отфильтрованный список */
+            let vm = this;
+            var result = vm.pages.filter(vm.filterPage);
+            return result; 
+        },
         firstAlpha: function() {
             /* Получить первый символ */
             let vm = this;
@@ -105,8 +128,8 @@ var app = new Vue({
                 result = title.charAt(0);
             }
             return result;
-        }
-    }
+        },
+    },
 })
 </script>
 {% endblock %}