Update template pages

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 %}