From 66020edb6643e320a24e8c224cc844db919cca4f Mon Sep 17 00:00:00 2001
From: Stanislav Popov <popstas@gmail.com>
Date: Thu, 6 Sep 2018 12:31:28 +0500
Subject: [PATCH] =?UTF-8?q?feat(filter):=20=D0=BF=D1=80=D0=B5=D1=81=D0=B5?=
 =?UTF-8?q?=D1=82=D1=8B=20=D1=84=D0=B8=D0=BB=D1=8C=D1=82=D1=80=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       |  3 +--
 pages/index.vue | 29 ++++++++++++++++++++++++++++-
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 45ec036..068e2fc 100644
--- a/README.md
+++ b/README.md
@@ -11,6 +11,7 @@
 - Быстрый фильтр по домену
 - Сортировка по любому полю
 - Подсветка результатов валидации site-info (каждая колонка)
+- Пресеты колонок и фильтров
 
 ## Полезные фильтры:
 - [Друпалы без кронов](https://dev.viasite.ru/viasite-projects/?q=site_info.engine%3Adrupal%20site_info.cron%3A0%20prod%3A1)
@@ -42,6 +43,4 @@ $ npm run generate
 
 ## TODO:
 - запоминание выбранных фильтров
-- пресеты фильтров
 - менять в урле фильтр
-- пресеты колонок
diff --git a/pages/index.vue b/pages/index.vue
index ba06b28..287f1de 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -17,6 +17,13 @@
       <input class="filter__query" placeholder="query" v-model="q" title="Например:
       site_info.engine:bitrix prod:1"/>
 
+      <div class="filter-presets">
+        filters:
+        <button
+          v-for="preset in filterPresets" :key="preset.name"
+          @click="q = preset.q" v-html="preset.name"></button>
+      </div>
+
       <div class="column-presets">
         columns:
         <button
@@ -59,6 +66,12 @@
   text-align: center;
 }
 
+.filter {
+  &__query {
+    padding: 5px;
+    width: 600px;
+  }
+}
 .VuePagination {
   text-align: center;
 }
@@ -174,7 +187,21 @@ export default {
           name: 'cron',
           columns: ['domain_idn', 'host', 'prod', 'site_info.cron']
         }
-      }
+      },
+      filterPresets: [
+        {
+          name: 'bitrix',
+          q: 'site_info.engine:bitrix prod:1'
+        },
+        {
+          name: 'without cron',
+          q: 'site_info.engine:drupal prod:1 site_info.cron:0'
+        },
+        {
+          name: 'without git',
+          q: 'prod:1 site_info.git:0'
+        }
+      ]
     };
   },