From 97a0d1b4a8ad25510420c07541049b0098a8cdfc Mon Sep 17 00:00:00 2001
From: Floens <floens@gmail.com>
Date: Sat, 25 Jul 2015 14:14:21 +0200
Subject: [PATCH] Finish up the filter edit dialog

---
 Clover/app/build.gradle                       |  12 +-
 .../java/org/floens/chan/chan/ChanLoader.java |  11 +-
 .../chan/core/manager/FilterEngine.java       | 115 +++++++-
 .../org/floens/chan/core/model/Filter.java    |  11 +-
 .../chan/ui/controller/FiltersController.java |   8 +-
 .../chan/ui/dialog/ColorPickerView.java       | 121 +++++++++
 .../floens/chan/ui/layout/FilterLayout.java   | 246 +++++++++++++++---
 .../floens/chan/ui/layout/ThreadLayout.java   |   1 +
 .../org/floens/chan/ui/theme/DarkTheme.java   |   1 +
 .../java/org/floens/chan/ui/theme/Theme.java  |   2 +
 .../ic_help_outline_black_24dp.png            | Bin 0 -> 590 bytes
 .../ic_help_outline_white_24dp.png            | Bin 0 -> 591 bytes
 .../ic_help_outline_black_24dp.png            | Bin 0 -> 371 bytes
 .../ic_help_outline_white_24dp.png            | Bin 0 -> 387 bytes
 .../ic_help_outline_black_24dp.png            | Bin 0 -> 784 bytes
 .../ic_help_outline_white_24dp.png            | Bin 0 -> 801 bytes
 .../ic_help_outline_black_24dp.png            | Bin 0 -> 1157 bytes
 .../ic_help_outline_white_24dp.png            | Bin 0 -> 1174 bytes
 .../ic_help_outline_black_24dp.png            | Bin 0 -> 1549 bytes
 .../ic_help_outline_white_24dp.png            | Bin 0 -> 1578 bytes
 .../app/src/main/res/layout/layout_filter.xml | 112 +++++++-
 Clover/app/src/main/res/values/strings.xml    |  37 ++-
 22 files changed, 619 insertions(+), 58 deletions(-)
 create mode 100644 Clover/app/src/main/java/org/floens/chan/ui/dialog/ColorPickerView.java
 create mode 100644 Clover/app/src/main/res/drawable-hdpi/ic_help_outline_black_24dp.png
 create mode 100644 Clover/app/src/main/res/drawable-hdpi/ic_help_outline_white_24dp.png
 create mode 100644 Clover/app/src/main/res/drawable-mdpi/ic_help_outline_black_24dp.png
 create mode 100644 Clover/app/src/main/res/drawable-mdpi/ic_help_outline_white_24dp.png
 create mode 100644 Clover/app/src/main/res/drawable-xhdpi/ic_help_outline_black_24dp.png
 create mode 100644 Clover/app/src/main/res/drawable-xhdpi/ic_help_outline_white_24dp.png
 create mode 100644 Clover/app/src/main/res/drawable-xxhdpi/ic_help_outline_black_24dp.png
 create mode 100644 Clover/app/src/main/res/drawable-xxhdpi/ic_help_outline_white_24dp.png
 create mode 100644 Clover/app/src/main/res/drawable-xxxhdpi/ic_help_outline_black_24dp.png
 create mode 100644 Clover/app/src/main/res/drawable-xxxhdpi/ic_help_outline_white_24dp.png

diff --git a/Clover/app/build.gradle b/Clover/app/build.gradle
index b1923d3f..05075bfa 100644
--- a/Clover/app/build.gradle
+++ b/Clover/app/build.gradle
@@ -71,12 +71,12 @@ android {
 }
 
 dependencies {
-    compile 'com.android.support:support-v13:22.2.0'
-    compile 'com.android.support:appcompat-v7:22.2.0'
-    compile 'com.android.support:recyclerview-v7:22.2.0'
-    compile 'com.android.support:cardview-v7:22.2.0'
-    compile 'com.android.support:support-annotations:22.2.0'
-    compile 'com.android.support:design:22.2.0'
+    compile 'com.android.support:support-v13:22.2.1'
+    compile 'com.android.support:appcompat-v7:22.2.1'
+    compile 'com.android.support:recyclerview-v7:22.2.1'
+    compile 'com.android.support:cardview-v7:22.2.1'
+    compile 'com.android.support:support-annotations:22.2.1'
+    compile 'com.android.support:design:22.2.1'
 
     compile 'org.jsoup:jsoup:1.8.2'
     compile 'com.j256.ormlite:ormlite-core:4.48'
diff --git a/Clover/app/src/main/java/org/floens/chan/chan/ChanLoader.java b/Clover/app/src/main/java/org/floens/chan/chan/ChanLoader.java
index 127dca1f..13250ff0 100644
--- a/Clover/app/src/main/java/org/floens/chan/chan/ChanLoader.java
+++ b/Clover/app/src/main/java/org/floens/chan/chan/ChanLoader.java
@@ -268,10 +268,13 @@ public class ChanLoader implements Response.ErrorListener, Response.Listener<Cha
             }
         }
 
-        for (Post sourcePost : thread.posts) {
-            sourcePost.repliesFrom.clear();
+        long start = Time.get();
+        List<Post> posts = thread.posts;
+        for (int i = 0; i < posts.size(); i++) {
+            Post sourcePost = posts.get(i);
 
-            for (Post replyToSource : thread.posts) {
+            for (int j = i; j < posts.size(); j++) {
+                Post replyToSource = posts.get(j);
                 if (replyToSource != sourcePost) {
                     if (replyToSource.repliesTo.contains(sourcePost.no)) {
                         sourcePost.repliesFrom.add(replyToSource.no);
@@ -279,6 +282,8 @@ public class ChanLoader implements Response.ErrorListener, Response.Listener<Cha
                 }
             }
         }
+
+        Logger.test("processResponse took " + Time.get(start) + "ms");
     }
 
     private void setTimer(int postCount) {
diff --git a/Clover/app/src/main/java/org/floens/chan/core/manager/FilterEngine.java b/Clover/app/src/main/java/org/floens/chan/core/manager/FilterEngine.java
index 4be97dff..9d08b2d3 100644
--- a/Clover/app/src/main/java/org/floens/chan/core/manager/FilterEngine.java
+++ b/Clover/app/src/main/java/org/floens/chan/core/manager/FilterEngine.java
@@ -17,24 +17,34 @@
  */
 package org.floens.chan.core.manager;
 
+import android.text.TextUtils;
+
 import org.floens.chan.core.model.Filter;
+import org.floens.chan.utils.Logger;
 
 import java.util.ArrayList;
 import java.util.List;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+import java.util.regex.PatternSyntaxException;
 
 public class FilterEngine {
+    private static final String TAG = "FilterEngine";
+
     public enum FilterType {
-        TRIPCODE(0),
-        NAME(1),
-        COMMENT(2),
-        ID(3),
-        SUBJECT(4),
-        FILENAME(5);
+        TRIPCODE(0, false),
+        NAME(1, false),
+        COMMENT(2, true),
+        ID(3, false),
+        SUBJECT(4, true),
+        FILENAME(5, true);
 
         public final int id;
+        public final boolean isRegex;
 
-        FilterType(int id) {
+        FilterType(int id, boolean isRegex) {
             this.id = id;
+            this.isRegex = isRegex;
         }
 
         public static FilterType forId(int id) {
@@ -47,6 +57,26 @@ public class FilterEngine {
         }
     }
 
+    public enum FilterAction {
+        HIDE(0),
+        COLOR(1);
+
+        public final int id;
+
+        FilterAction(int id) {
+            this.id = id;
+        }
+
+        public static FilterAction forId(int id) {
+            for (FilterAction type : values()) {
+                if (type.id == id) {
+                    return type;
+                }
+            }
+            return null;
+        }
+    }
+
     private static final FilterEngine instance = new FilterEngine();
 
     public static FilterEngine getInstance() {
@@ -61,4 +91,75 @@ public class FilterEngine {
 
     public void add(Filter filter) {
     }
+
+    private static final Pattern isRegexPattern = Pattern.compile("^/(.*)/(i?)$");
+    private static final Pattern filterFilthyPattern = Pattern.compile("(\\.|\\^|\\$|\\*|\\+|\\?|\\(|\\)|\\[|\\]|\\{|\\\\|\\||\\-)");
+    private static final Pattern wildcardPattern = Pattern.compile("\\\\\\*"); // an escaped \ and an escaped *, to replace an escaped * from escapeRegex
+
+    public Pattern compile(String rawPattern) {
+        Pattern pattern;
+
+        if (TextUtils.isEmpty(rawPattern)) {
+            return null;
+        }
+
+        Matcher isRegex = isRegexPattern.matcher(rawPattern);
+        if (isRegex.matches()) {
+            // This is a /Pattern/
+            String flagsGroup = isRegex.group(2);
+            int flags = 0;
+            if (flagsGroup.contains("i")) {
+                flags |= Pattern.CASE_INSENSITIVE;
+            }
+
+            try {
+                pattern = Pattern.compile(isRegex.group(1), flags);
+            } catch (PatternSyntaxException e) {
+                return null;
+            }
+        } else if (rawPattern.charAt(0) == '"' && rawPattern.charAt(rawPattern.length() - 1) == '"') {
+            // "matches an exact sentence"
+            pattern = Pattern.compile(escapeRegex(rawPattern).substring(1, rawPattern.length() - 1));
+        } else {
+            String[] words = rawPattern.split(" ");
+            String text = "";
+            for (int i = 0, wordsLength = words.length; i < wordsLength; i++) {
+                String word = words[i];
+                // Find a word (bounded by \b), replacing any * with \S*
+                text += "(\\b" + (wildcardPattern.matcher(escapeRegex(word)).replaceAll("\\\\S*")) + "\\b)";
+                // Allow multiple words by joining them with |
+                if (i < words.length - 1) {
+                    text += "|";
+                }
+            }
+
+            pattern = Pattern.compile(text, Pattern.CASE_INSENSITIVE);
+        }
+
+        return pattern;
+    }
+
+    public boolean matches(Filter filter, String text) {
+        FilterType type = FilterType.forId(filter.type);
+        if (type.isRegex) {
+            Pattern compiled = filter.compiledPattern;
+            if (compiled == null) {
+                compiled = filter.compiledPattern = compile(filter.pattern);
+                Logger.test("Resulting pattern: " + filter.compiledPattern);
+            }
+
+            if (compiled != null) {
+                return compiled.matcher(text).find();
+            } else {
+                Logger.e(TAG, "Invalid pattern");
+                return false;
+            }
+        } else {
+            return text.equals(filter.pattern);
+        }
+    }
+
+    private String escapeRegex(String filthy) {
+        return filterFilthyPattern.matcher(filthy).replaceAll("\\\\$1"); // Escape regex special characters with a \
+    }
 }
diff --git a/Clover/app/src/main/java/org/floens/chan/core/model/Filter.java b/Clover/app/src/main/java/org/floens/chan/core/model/Filter.java
index 100f4603..ab80b169 100644
--- a/Clover/app/src/main/java/org/floens/chan/core/model/Filter.java
+++ b/Clover/app/src/main/java/org/floens/chan/core/model/Filter.java
@@ -17,6 +17,8 @@
  */
 package org.floens.chan.core.model;
 
+import java.util.regex.Pattern;
+
 public class Filter {
     public int id;
 
@@ -30,7 +32,11 @@ public class Filter {
 
     public String boards;
 
-    public boolean hide = true;
+    public int action;
+
+    public int color;
+
+    public Pattern compiledPattern;
 
     public void apply(Filter filter) {
         enabled = filter.enabled;
@@ -38,6 +44,7 @@ public class Filter {
         pattern = filter.pattern;
         allBoards = filter.allBoards;
         boards = filter.boards;
-        hide = filter.hide;
+        action = filter.action;
+        color = filter.color;
     }
 }
diff --git a/Clover/app/src/main/java/org/floens/chan/ui/controller/FiltersController.java b/Clover/app/src/main/java/org/floens/chan/ui/controller/FiltersController.java
index c80f233f..349ce213 100644
--- a/Clover/app/src/main/java/org/floens/chan/ui/controller/FiltersController.java
+++ b/Clover/app/src/main/java/org/floens/chan/ui/controller/FiltersController.java
@@ -104,7 +104,7 @@ public class FiltersController extends Controller implements ToolbarMenuItem.Too
     private void showFilterDialog(final Filter filter) {
         final FilterLayout filterLayout = (FilterLayout) LayoutInflater.from(context).inflate(R.layout.layout_filter, null);
 
-        new AlertDialog.Builder(context)
+        final AlertDialog alertDialog = new AlertDialog.Builder(context)
                 .setView(filterLayout)
                 .setPositiveButton(R.string.save, new DialogInterface.OnClickListener() {
                     @Override
@@ -118,6 +118,12 @@ public class FiltersController extends Controller implements ToolbarMenuItem.Too
                 })
                 .show();
 
+        filterLayout.setCallback(new FilterLayout.FilterLayoutCallback() {
+            @Override
+            public void setSaveButtonEnabled(boolean enabled) {
+                alertDialog.getButton(AlertDialog.BUTTON_POSITIVE).setEnabled(enabled);
+            }
+        });
         filterLayout.setFilter(filter);
     }
 
diff --git a/Clover/app/src/main/java/org/floens/chan/ui/dialog/ColorPickerView.java b/Clover/app/src/main/java/org/floens/chan/ui/dialog/ColorPickerView.java
new file mode 100644
index 00000000..5af9a586
--- /dev/null
+++ b/Clover/app/src/main/java/org/floens/chan/ui/dialog/ColorPickerView.java
@@ -0,0 +1,121 @@
+/*
+ * Clover - 4chan browser https://github.com/Floens/Clover/
+ * Copyright (C) 2014  Floens
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+package org.floens.chan.ui.dialog;
+
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.graphics.RectF;
+import android.graphics.Shader;
+import android.graphics.SweepGradient;
+import android.support.annotation.NonNull;
+import android.view.MotionEvent;
+import android.view.View;
+
+import static org.floens.chan.utils.AndroidUtils.dp;
+
+public class ColorPickerView extends View {
+    private static final int[] COLORS = new int[]{
+            0xFFFF0000, 0xFFFF00FF, 0xFF0000FF, 0xFF00FFFF, 0xFF00FF00,
+            0xFFFFFF00, 0xFFFF0000
+    };
+
+    private Paint paint;
+    private Paint centerPaint;
+    private int centerRadius;
+
+    public ColorPickerView(Context context) {
+        super(context);
+
+        centerRadius = dp(32);
+
+        Shader s = new SweepGradient(0, 0, COLORS, null);
+
+        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
+        paint.setShader(s);
+        paint.setStyle(Paint.Style.STROKE);
+        paint.setStrokeWidth(dp(32));
+
+        centerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
+        centerPaint.setStrokeWidth(dp(5));
+    }
+
+    public void setColor(int color) {
+        centerPaint.setColor(color);
+    }
+
+    public int getColor() {
+        return centerPaint.getColor();
+    }
+
+    @Override
+    public boolean onTouchEvent(@NonNull MotionEvent event) {
+        float x = event.getX() - getWidth() / 2f;
+        float y = event.getY() - getHeight() / 2f;
+
+        switch (event.getAction()) {
+            case MotionEvent.ACTION_MOVE:
+                float angle = (float) Math.atan2(y, x);
+                // need to turn angle [-PI ... PI] into unit [0....1]
+                float unit = (float) (angle / (2.0 * Math.PI));
+                if (unit < 0.0) {
+                    unit += 1.0;
+                }
+                centerPaint.setColor(interpColor(COLORS, unit));
+                invalidate();
+                break;
+        }
+        return true;
+    }
+
+    @Override
+    protected void onDraw(Canvas canvas) {
+        float r = Math.min(getWidth() / 2f, getHeight() / 2f) - paint.getStrokeWidth() * 0.5f;
+        canvas.translate(getWidth() / 2f, getHeight() / 2f);
+        canvas.drawOval(new RectF(-r, -r, r, r), paint);
+        canvas.drawCircle(0, 0, centerRadius, centerPaint);
+    }
+
+    private int interpColor(int colors[], float unit) {
+        if (unit <= 0) {
+            return colors[0];
+        }
+        if (unit >= 1) {
+            return colors[colors.length - 1];
+        }
+
+        float p = unit * (colors.length - 1);
+        int i = (int) p;
+        p -= i;
+
+        // now p is just the fractional part [0...1) and i is the index
+        int c0 = colors[i];
+        int c1 = colors[i + 1];
+        int a = ave(Color.alpha(c0), Color.alpha(c1), p);
+        int r = ave(Color.red(c0), Color.red(c1), p);
+        int g = ave(Color.green(c0), Color.green(c1), p);
+        int b = ave(Color.blue(c0), Color.blue(c1), p);
+
+        return Color.argb(a, r, g, b);
+    }
+
+    private int ave(int s, int d, float p) {
+        return s + Math.round(p * (d - s));
+    }
+}
diff --git a/Clover/app/src/main/java/org/floens/chan/ui/layout/FilterLayout.java b/Clover/app/src/main/java/org/floens/chan/ui/layout/FilterLayout.java
index f39a28a1..3d7ceeac 100644
--- a/Clover/app/src/main/java/org/floens/chan/ui/layout/FilterLayout.java
+++ b/Clover/app/src/main/java/org/floens/chan/ui/layout/FilterLayout.java
@@ -19,13 +19,22 @@ package org.floens.chan.ui.layout;
 
 import android.content.Context;
 import android.content.DialogInterface;
+import android.graphics.Typeface;
 import android.support.v7.app.AlertDialog;
+import android.text.Editable;
+import android.text.Html;
+import android.text.SpannableStringBuilder;
 import android.text.TextUtils;
+import android.text.TextWatcher;
+import android.text.style.BackgroundColorSpan;
+import android.text.style.StyleSpan;
+import android.text.style.TypefaceSpan;
 import android.util.AttributeSet;
 import android.view.Gravity;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.widget.CheckBox;
+import android.widget.ImageView;
 import android.widget.LinearLayout;
 import android.widget.TextView;
 
@@ -35,6 +44,7 @@ import org.floens.chan.core.manager.BoardManager;
 import org.floens.chan.core.manager.FilterEngine;
 import org.floens.chan.core.model.Board;
 import org.floens.chan.core.model.Filter;
+import org.floens.chan.ui.dialog.ColorPickerView;
 import org.floens.chan.ui.drawable.DropdownArrowDrawable;
 import org.floens.chan.ui.view.FloatingMenu;
 import org.floens.chan.ui.view.FloatingMenuItem;
@@ -42,19 +52,27 @@ import org.floens.chan.ui.view.FloatingMenuItem;
 import java.util.ArrayList;
 import java.util.List;
 
+import static org.floens.chan.ui.theme.ThemeHelper.theme;
 import static org.floens.chan.utils.AndroidUtils.dp;
 import static org.floens.chan.utils.AndroidUtils.getAttrColor;
 import static org.floens.chan.utils.AndroidUtils.getString;
 
-public class FilterLayout extends LinearLayout implements View.OnClickListener, FloatingMenu.FloatingMenuCallback {
+public class FilterLayout extends LinearLayout implements View.OnClickListener {
     private TextView typeText;
     private TextView boardsSelector;
+    private boolean patternContainerErrorShowing = false;
     private TextView pattern;
+    private TextView patternPreview;
+    private TextView patternPreviewStatus;
     private CheckBox enabled;
-    private CheckBox hide;
+    private ImageView help;
+    private TextView actionText;
+    private LinearLayout colorContainer;
+    private View colorPreview;
 
     private BoardManager boardManager;
 
+    private FilterLayoutCallback callback;
     private Filter filter = new Filter();
 
     private List<Board> appliedBoards = new ArrayList<>();
@@ -79,9 +97,49 @@ public class FilterLayout extends LinearLayout implements View.OnClickListener,
 
         typeText = (TextView) findViewById(R.id.type);
         boardsSelector = (TextView) findViewById(R.id.boards);
+        actionText = (TextView) findViewById(R.id.action);
         pattern = (TextView) findViewById(R.id.pattern);
+        pattern.addTextChangedListener(new TextWatcher() {
+            @Override
+            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
+            }
+
+            @Override
+            public void onTextChanged(CharSequence s, int start, int before, int count) {
+                filter.compiledPattern = null;
+                filter.pattern = s.toString();
+                updateFilterValidity();
+                updatePatternPreview();
+            }
+
+            @Override
+            public void afterTextChanged(Editable s) {
+            }
+        });
+        patternPreview = (TextView) findViewById(R.id.pattern_preview);
+        patternPreview.addTextChangedListener(new TextWatcher() {
+            @Override
+            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
+            }
+
+            @Override
+            public void onTextChanged(CharSequence s, int start, int before, int count) {
+                updatePatternPreview();
+            }
+
+            @Override
+            public void afterTextChanged(Editable s) {
+            }
+        });
+        patternPreviewStatus = (TextView) findViewById(R.id.pattern_preview_status);
         enabled = (CheckBox) findViewById(R.id.enabled);
-        hide = (CheckBox) findViewById(R.id.hide);
+        help = (ImageView) findViewById(R.id.help);
+        theme().helpDrawable.apply(help);
+        help.setOnClickListener(this);
+        colorContainer = (LinearLayout) findViewById(R.id.color_container);
+        colorContainer.setOnClickListener(this);
+        colorPreview = findViewById(R.id.color_preview);
+
         typeText.setOnClickListener(this);
         typeText.setCompoundDrawablesWithIntrinsicBounds(null, null, new DropdownArrowDrawable(dp(12), dp(12), true,
                 getAttrColor(getContext(), R.attr.dropdown_dark_color), getAttrColor(getContext(), R.attr.dropdown_dark_pressed_color)), null);
@@ -90,12 +148,15 @@ public class FilterLayout extends LinearLayout implements View.OnClickListener,
         boardsSelector.setCompoundDrawablesWithIntrinsicBounds(null, null, new DropdownArrowDrawable(dp(12), dp(12), true,
                 getAttrColor(getContext(), R.attr.dropdown_dark_color), getAttrColor(getContext(), R.attr.dropdown_dark_pressed_color)), null);
 
-        update();
+        actionText.setOnClickListener(this);
+        actionText.setCompoundDrawablesWithIntrinsicBounds(null, null, new DropdownArrowDrawable(dp(12), dp(12), true,
+                getAttrColor(getContext(), R.attr.dropdown_dark_color), getAttrColor(getContext(), R.attr.dropdown_dark_pressed_color)), null);
     }
 
     public void setFilter(Filter filter) {
         this.filter.apply(filter);
         appliedBoards.clear();
+
         if (filter.allBoards) {
             appliedBoards.addAll(boardManager.getSavedBoards());
         } else if (!TextUtils.isEmpty(filter.boards)) {
@@ -106,12 +167,22 @@ public class FilterLayout extends LinearLayout implements View.OnClickListener,
                 }
             }
         }
-        update();
+
+        pattern.setText(filter.pattern);
+
+        updateFilterValidity();
+        updateCheckboxes();
+        updateFilterType();
+        updateFilterAction();
+        updateBoardsSummary();
+        updatePatternPreview();
+    }
+
+    public void setCallback(FilterLayoutCallback callback) {
+        this.callback = callback;
     }
 
     public Filter getFilter() {
-        filter.pattern = pattern.getText().toString();
-        filter.hide = hide.isChecked();
         filter.enabled = enabled.isChecked();
 
         filter.boards = "";
@@ -129,7 +200,7 @@ public class FilterLayout extends LinearLayout implements View.OnClickListener,
     @Override
     public void onClick(View v) {
         if (v == typeText) {
-            List<FloatingMenuItem> menuItems = new ArrayList<>(2);
+            List<FloatingMenuItem> menuItems = new ArrayList<>(6);
 
             for (FilterEngine.FilterType filterType : FilterEngine.FilterType.values()) {
                 menuItems.add(new FloatingMenuItem(filterType, filterTypeName(filterType)));
@@ -138,7 +209,19 @@ public class FilterLayout extends LinearLayout implements View.OnClickListener,
             FloatingMenu menu = new FloatingMenu(v.getContext());
             menu.setAnchor(v, Gravity.LEFT, -dp(5), -dp(5));
             menu.setPopupWidth(dp(150));
-            menu.setCallback(this);
+            menu.setCallback(new FloatingMenu.FloatingMenuCallback() {
+                @Override
+                public void onFloatingMenuItemClicked(FloatingMenu menu, FloatingMenuItem item) {
+                    FilterEngine.FilterType type = (FilterEngine.FilterType) item.getId();
+                    filter.type = type.id;
+                    updateFilterType();
+                    updatePatternPreview();
+                }
+
+                @Override
+                public void onFloatingMenuDismissed(FloatingMenu menu) {
+                }
+            });
             menu.setItems(menuItems);
             menu.show();
         } else if (v == boardsSelector) {
@@ -151,32 +234,103 @@ public class FilterLayout extends LinearLayout implements View.OnClickListener,
                     .setPositiveButton(R.string.ok, new DialogInterface.OnClickListener() {
                         @Override
                         public void onClick(DialogInterface dialog, int which) {
-                            setCheckedBoards(boardSelectLayout.getCheckedBoards(), boardSelectLayout.getAllChecked());
-                            update();
+                            appliedBoards.clear();
+                            appliedBoards.addAll(boardSelectLayout.getCheckedBoards());
+                            filter.allBoards = boardSelectLayout.getAllChecked();
+                            updateBoardsSummary();
+                        }
+                    })
+                    .show();
+        } else if (v == actionText) {
+            List<FloatingMenuItem> menuItems = new ArrayList<>(6);
+
+            for (FilterEngine.FilterAction action : FilterEngine.FilterAction.values()) {
+                menuItems.add(new FloatingMenuItem(action, actionName(action)));
+            }
+
+            FloatingMenu menu = new FloatingMenu(v.getContext());
+            menu.setAnchor(v, Gravity.LEFT, -dp(5), -dp(5));
+            menu.setPopupWidth(dp(150));
+            menu.setCallback(new FloatingMenu.FloatingMenuCallback() {
+                @Override
+                public void onFloatingMenuItemClicked(FloatingMenu menu, FloatingMenuItem item) {
+                    FilterEngine.FilterAction action = (FilterEngine.FilterAction) item.getId();
+                    filter.action = action.id;
+                    updateFilterAction();
+                }
+
+                @Override
+                public void onFloatingMenuDismissed(FloatingMenu menu) {
+                }
+            });
+            menu.setItems(menuItems);
+            menu.show();
+        } else if (v == help) {
+            SpannableStringBuilder message = (SpannableStringBuilder) Html.fromHtml(getString(R.string.filter_help));
+            TypefaceSpan[] typefaceSpans = message.getSpans(0, message.length(), TypefaceSpan.class);
+            for (TypefaceSpan span : typefaceSpans) {
+                if (span.getFamily().equals("monospace")) {
+                    int start = message.getSpanStart(span);
+                    int end = message.getSpanEnd(span);
+                    message.setSpan(new BackgroundColorSpan(0x22000000), start, end, 0);
+                }
+            }
+
+            StyleSpan[] styleSpans = message.getSpans(0, message.length(), StyleSpan.class);
+            for (StyleSpan span : styleSpans) {
+                if (span.getStyle() == Typeface.ITALIC) {
+                    int start = message.getSpanStart(span);
+                    int end = message.getSpanEnd(span);
+                    message.setSpan(new BackgroundColorSpan(0x22000000), start, end, 0);
+                }
+            }
+
+            new AlertDialog.Builder(getContext())
+                    .setTitle(R.string.filter_help_title)
+                    .setMessage(message)
+                    .setPositiveButton(R.string.ok, null)
+                    .show();
+        } else if (v == colorContainer) {
+            final ColorPickerView colorPickerView = new ColorPickerView(getContext());
+            colorPickerView.setColor(filter.color);
+
+            AlertDialog dialog = new AlertDialog.Builder(getContext())
+                    .setTitle(R.string.filter_color_pick)
+                    .setView(colorPickerView)
+                    .setNegativeButton(R.string.cancel, null)
+                    .setPositiveButton(R.string.ok, new DialogInterface.OnClickListener() {
+                        @Override
+                        public void onClick(DialogInterface dialog, int which) {
+                            filter.color = colorPickerView.getColor();
+                            updateFilterAction();
                         }
                     })
                     .show();
+            dialog.getWindow().setLayout(dp(300), dp(300));
         }
     }
 
-    @Override
-    public void onFloatingMenuItemClicked(FloatingMenu menu, FloatingMenuItem item) {
-        FilterEngine.FilterType type = (FilterEngine.FilterType) item.getId();
-        filter.type = type.id;
-        update();
-    }
+    private void updateFilterValidity() {
+        FilterEngine.FilterType filterType = FilterEngine.FilterType.forId(filter.type);
 
-    @Override
-    public void onFloatingMenuDismissed(FloatingMenu menu) {
-    }
+        boolean valid;
+        if (filterType.isRegex) {
+            valid = FilterEngine.getInstance().compile(filter.pattern) != null;
+        } else {
+            valid = !TextUtils.isEmpty(filter.pattern);
+        }
 
-    private void update() {
-        pattern.setText(filter.pattern);
-        hide.setChecked(filter.hide);
-        enabled.setChecked(filter.enabled);
+        if (valid != patternContainerErrorShowing) {
+            patternContainerErrorShowing = valid;
+            pattern.setError(valid ? null : getString(R.string.filter_invalid_pattern));
+        }
 
-        typeText.setText(filterTypeName(FilterEngine.FilterType.forId(filter.type)));
+        if (callback != null) {
+            callback.setSaveButtonEnabled(valid);
+        }
+    }
 
+    private void updateBoardsSummary() {
         String text = getString(R.string.filter_boards) + " (";
         if (filter.allBoards) {
             text += getString(R.string.filter_boards_all);
@@ -187,10 +341,30 @@ public class FilterLayout extends LinearLayout implements View.OnClickListener,
         boardsSelector.setText(text);
     }
 
-    private void setCheckedBoards(List<Board> checkedBoards, boolean allChecked) {
-        appliedBoards.clear();
-        appliedBoards.addAll(checkedBoards);
-        filter.allBoards = allChecked;
+    private void updateCheckboxes() {
+        enabled.setChecked(filter.enabled);
+    }
+
+    private void updateFilterAction() {
+        FilterEngine.FilterAction action = FilterEngine.FilterAction.forId(filter.action);
+        actionText.setText(actionName(action));
+        colorContainer.setVisibility(action == FilterEngine.FilterAction.COLOR ? VISIBLE : GONE);
+        if (filter.color == 0) {
+            filter.color = 0xffff0000;
+        }
+        colorPreview.setBackgroundColor(filter.color);
+    }
+
+    private void updateFilterType() {
+        FilterEngine.FilterType filterType = FilterEngine.FilterType.forId(filter.type);
+        typeText.setText(filterTypeName(filterType));
+        pattern.setHint(filterType.isRegex ? R.string.filter_pattern_hint_regex : R.string.filter_pattern_hint_exact);
+    }
+
+    private void updatePatternPreview() {
+        String text = patternPreview.getText().toString();
+        boolean matches = text.length() > 0 && FilterEngine.getInstance().matches(filter, text);
+        patternPreviewStatus.setText(matches ? R.string.filter_matches : R.string.filter_no_matches);
     }
 
     private String filterTypeName(FilterEngine.FilterType type) {
@@ -210,4 +384,18 @@ public class FilterLayout extends LinearLayout implements View.OnClickListener,
         }
         return null;
     }
+
+    private String actionName(FilterEngine.FilterAction action) {
+        switch (action) {
+            case HIDE:
+                return getString(R.string.filter_hide);
+            case COLOR:
+                return getString(R.string.filter_color);
+        }
+        return null;
+    }
+
+    public interface FilterLayoutCallback {
+        void setSaveButtonEnabled(boolean enabled);
+    }
 }
diff --git a/Clover/app/src/main/java/org/floens/chan/ui/layout/ThreadLayout.java b/Clover/app/src/main/java/org/floens/chan/ui/layout/ThreadLayout.java
index 59daf19a..0217cced 100644
--- a/Clover/app/src/main/java/org/floens/chan/ui/layout/ThreadLayout.java
+++ b/Clover/app/src/main/java/org/floens/chan/ui/layout/ThreadLayout.java
@@ -419,6 +419,7 @@ public class ThreadLayout extends CoordinatorLayout implements ThreadPresenter.T
     private void showReplyButton(boolean show) {
         if (show != showingReplyButton) {
             showingReplyButton = show;
+
             replyButton.animate()
                     .setInterpolator(new DecelerateInterpolator(2f))
                     .setStartDelay(show ? 100 : 0)
diff --git a/Clover/app/src/main/java/org/floens/chan/ui/theme/DarkTheme.java b/Clover/app/src/main/java/org/floens/chan/ui/theme/DarkTheme.java
index 9598cfcd..9ece2259 100644
--- a/Clover/app/src/main/java/org/floens/chan/ui/theme/DarkTheme.java
+++ b/Clover/app/src/main/java/org/floens/chan/ui/theme/DarkTheme.java
@@ -18,5 +18,6 @@ public class DarkTheme extends Theme {
         doneDrawable = new ThemeDrawable(R.drawable.ic_done_white_24dp, 1f);
         historyDrawable = new ThemeDrawable(R.drawable.ic_history_white_24dp, 1f);
         listAddDrawable = new ThemeDrawable(R.drawable.ic_playlist_add_white_24dp, 1f);
+        helpDrawable = new ThemeDrawable(R.drawable.ic_help_outline_white_24dp, 1f);
     }
 }
diff --git a/Clover/app/src/main/java/org/floens/chan/ui/theme/Theme.java b/Clover/app/src/main/java/org/floens/chan/ui/theme/Theme.java
index ffc4eb3a..b6c2b406 100644
--- a/Clover/app/src/main/java/org/floens/chan/ui/theme/Theme.java
+++ b/Clover/app/src/main/java/org/floens/chan/ui/theme/Theme.java
@@ -63,6 +63,7 @@ public class Theme {
     public ThemeDrawable doneDrawable;
     public ThemeDrawable historyDrawable;
     public ThemeDrawable listAddDrawable;
+    public ThemeDrawable helpDrawable;
 
     public Theme(String displayName, String name, int resValue, ThemeHelper.PrimaryColor primaryColor) {
         this.displayName = displayName;
@@ -83,6 +84,7 @@ public class Theme {
         doneDrawable = new ThemeDrawable(R.drawable.ic_done_black_24dp, 0.54f);
         historyDrawable = new ThemeDrawable(R.drawable.ic_history_black_24dp, 0.54f);
         listAddDrawable = new ThemeDrawable(R.drawable.ic_playlist_add_black_24dp, 0.54f);
+        helpDrawable = new ThemeDrawable(R.drawable.ic_help_outline_black_24dp, 0.54f);
     }
 
     private void resolveSpanColors() {
diff --git a/Clover/app/src/main/res/drawable-hdpi/ic_help_outline_black_24dp.png b/Clover/app/src/main/res/drawable-hdpi/ic_help_outline_black_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..314154a08e1c733ad16563e84b36c4e048d22e9b
GIT binary patch
literal 590
zcmV-U0<ryxP)<h;3K|Lk000e1NJLTq001Na001Ni1ONa4O9@aD0006NNkl<Zcmd_q
zKTBI-6vy#za?QPkm_K$5@ddP<x|a@xKu~mWhy?KsbO^Sy$i+d67Bm>4Z@^lW4qdy4
zfV4~LUX3E=MkusWOqLW5hYL?~??asZJk#?#CkOAzjXXpy^E7A?(5Fv8i#_H@aW7M>
zbHgCwbn(eCrYZpg%ekfkVCV25{J<|ZC{e)0r9g>I&ca#)$3Et>HlDFal3_`zw6){d
zHcI~*4oDMcl0)s<Cq`8p-lOnX;gnnM_|97%q1e&R3K6Ds#Rn*+`C%;iC({TL9O>F~
zj9Ay*q!D;J#vJ8=$Z#Ra8be%tZx%tV$o-BQd9u{#$^8weC4H|_80Pg0Pl7s?qz0-c
z_ivya&Lx?}(2#HgLbsCSLFMKC4?<g#)G@RqED`Uqbo_--S&}A(K*9p?-bu$72o)vi
zVCYNe63t;->VJ3wAy2a2_=D1XmFjO^fPIkt(LPG;ie~`!N3$*asZ{zrN7<LXC*dZe
zUh8jtgzjw@!<_y=k_>x^kIyTHIr<M}27^mi;ws}>mi~YVhWJuwGZ~rtn6g|-zRHLk
z*HSthV^D$<{U$R+s4$STL&7>JL0vl+h|$o7BQnIva-v;zVmTaZ(*;X75%py*wc`^>
zEFAV3=s9PLGDSQ*ij>)=9oFjBF{+|#k2_Z^Fs2-9bR&lZtdikgQp{4PNrxUiIyBj3
ch6x^?|M4eD;3?sA(EtDd07*qoM6N<$f)qFkng9R*

literal 0
HcmV?d00001

diff --git a/Clover/app/src/main/res/drawable-hdpi/ic_help_outline_white_24dp.png b/Clover/app/src/main/res/drawable-hdpi/ic_help_outline_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..4bc2a96383743b65301a022be3b3ef2830dfd6bb
GIT binary patch
literal 591
zcmV-V0<iswP)<h;3K|Lk000e1NJLTq001Na001Ni1ONa4O9@aD0006ONkl<Zcmd_r
zKTC6000!_IQ<H*!q8&v)K-;N%=}-_v(ZL}S#4pex*v=xsL5mhN7{M=KeO2C}Yj+W(
zT}pRj6p4vYXr-7ezb@gxrT5-ued&3o`yBYeIp=at^gkR5Ry5q`=<DmaactSBC^^aX
zv>h*!MpsQ~Sg4{SYqXXB8_GKcaA()N83hG1=Iv<$Xvk+ldG7&DYeq!z7*WvzT*{|I
zr+_nKqLhp~2b`oq6~GUnDcW@F)tg^^=i|^H0?J9yv<^56&79u=!0+Y;GdUNat@Lkb
z2Q<T?ig9K@6$i5u9>BIZq~Hat1$Yy@shTpWst3Le^Xs5%G!CtRJK?0<f@=7#f?tFa
zb`O@~Py_6WLSDgC_?`lPi$eB6Jr3P~c~NRU0e=aN1#lgQI$$OP`X2lwG-knb9O{EY
z3X*pK{`9HPDuUkd(3qdWAHEc2L)lCF5j^=kG$~8V-t5mn-xs0D-0WkpmjHbOE)!-B
zz)>7p2F--4<0~~aUnd+u3oOQ=f-b0thRg=&_$UrVYM^C2G@(Z=-kS6XwnXBPk~TOW
z0?N4pPbQKswld&QE)&YB16I?n+6LglgeWDGt^oC{%l{JaU|l}pq&7SP-Wkb$j!ppF
z+qYm=QPHdg2U-B?fysCv%i6NWlht9L?2>I=Nuy&cdH*758MUPD+OwXXXV;D_4t~F(
dp^SVu&_7{&-GpOX15yA0002ovPDHLkV1i+n1t0(b

literal 0
HcmV?d00001

diff --git a/Clover/app/src/main/res/drawable-mdpi/ic_help_outline_black_24dp.png b/Clover/app/src/main/res/drawable-mdpi/ic_help_outline_black_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..9eb8f36ca3882289780c7efd3e5eba40b20d7d13
GIT binary patch
literal 371
zcmV-(0gV2MP)<h;3K|Lk000e1NJLTq000;O000;W1ONa4N`Cco0003xNkl<Zcmci7
zKS~^77{~F?Ofho-O_d^zvU-Ogxq_fX6dQ|K)LY~N2}p7WWhH;SLfWw80GdJ5hJ?hJ
z-R23r#ZwH+mVVy$`NHq@=vs#^_2%Y!69-yLy!2fR-kn_w)!qr=i_V%xW8K(P2xn?T
z<@~QB2~;`{B^iz>=g+~WEBF5RXau%OvLn%!?MGnKuiXFB2#keWjdWPH16RVtidFB0
z51=v?_N7aq1KbNM;EC`Xa4cL%y|8BJsqh0Z5^kiq&`4m_XW<o~6=utVXTAw<)rLV%
zT8H$hoJ$+RwKNgNr2Kk170#stVXDGnm9N5{)VdQoQV7zC&})!(g$G*;gBSh@+Xl``
z(y1U-PRjWkhU$`psbeFp)`ruvJ-k+1XveJ>yxz7Y8v8EXn3=hDZcpQp{Rb|RlB^n9
RXfOZ(002ovPDHLkV1g{ssH6Y@

literal 0
HcmV?d00001

diff --git a/Clover/app/src/main/res/drawable-mdpi/ic_help_outline_white_24dp.png b/Clover/app/src/main/res/drawable-mdpi/ic_help_outline_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e5dde767ee8b57508a85adf9ddf1146f27fbec7
GIT binary patch
literal 387
zcmV-}0et?6P)<h;3K|Lk000e1NJLTq000;O000;W1ONa4N`Cco0003>Nkl<ZI1#<U
zO-dU97y!_3vY5F*bk#*SO7spzdIdpI6gMss)LZld6@uPDiS)-SbSuFFXa{v$TG|+s
z&Ff@vViL^O_afey%$^Imp`l#It}N!W<-x3boADYor$(+cElH)8wRDZN)nb-YJlc;b
z5>0)yW11~I`Va-HF7^ELO(P1{^sx~yWFD{|1*`t3{MLwq7Ve}`v4^WDxkN|Zf-m?Q
z1&J<pqT&M0DCwad1&jC_B?mZ<iX2NZ!#n(nk_K+0Vu&=RSnva%q9ns0Duzg7g7<#n
zL@i1(45A{(a!l|YCoyIPH&M|+D<<fn9%GJh78SebN@5O)YivhF<{r%$Q;0E#$ffbZ
zCi>RmnL<4C(G%8Vnl}2Hl9(WI=n2O$OHJEI*MWviX2p?fBcIjcH8$Ltm0OSbq;{OU
hH861F%(gV%*nc<nb=Qiq-n9S#002ovPDHLkV1jq2sH^}0

literal 0
HcmV?d00001

diff --git a/Clover/app/src/main/res/drawable-xhdpi/ic_help_outline_black_24dp.png b/Clover/app/src/main/res/drawable-xhdpi/ic_help_outline_black_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fa59ee294b85b4687b6a478e3e5cf52d50cb696
GIT binary patch
literal 784
zcmV+r1MmEaP)<h;3K|Lk000e1NJLTq001xm001xu1ONa4{R=S+0008lNkl<ZcmeIz
zPfIgb6oBz3F~&|JD8?qlwjV*FVlZEzOH09`AQXxi@&#IqS#@En+ZJuKv~;J~pryQG
zw=XSpTMW`#|Fme^g~W7G+nN#HPB(`G!^|Z&aV7XWyK~RnJ99E;!lUpcN`VUd9Mj~U
zdzu`x$1+nyd9c@5;}1MT{KhJ;(6wQ<xW{V~E>%)=VV)+QW!x}FM|%0xx4~a*vq+v4
zapDY<r^pVszM4;nVJX2Op2jH)IEK1K&d^E@aP02>8@=RT-X+$idWk!&e`fO(+8oXp
z#YT<`y=H?p=C$+((g13lO-^xf`I#y?0F~iLubTz4muc$Vr$IS<hUbg_*yJTp8GVWd
zLl|vo??*v7e2W(n&wWRX(USbSacXs}-UF20eK4v3sw~+SBZOMh7c&NGT(|p?X%ZxP
zgA;934pcAalK+4ZQT^sD0H{sfegMQEC!udmQL<M=2q@^(Isoca^3y2bP09X*0+ReK
z`8)v?S=z?Wm3#sP^lQKUb|qgXU|*INu`wXk|KL}We2su(eK;HMNcH!IM%Ph7M=V8q
zWBe)AZ{wHNaZ^HPAWl1P>4*9&BKY;mirf7GD>@g4IADE%wrChLcwe{wf*62Ji|l{o
zab5%l%=$;(lcgeNpG(bmL{YY{>9Q>CV5Fbq*D?80DwYVClBHV`D8p1I3D>Wmib(>Z
z{BA$XZ5nh*gb=IxZ`MmU;`|~ztPtu|TvG>yClRiqAHXaIRVle6*YN=p`j`1JMk#Kj
z=z>f~2W0tG)~*@Ej5*!ph>Z0CS?anrgEF>BpJEIf6MFaB9y5q>pyhXz+q_Y6Dzvoz
zYkIKYphw_wPLZTxtV+m>Dcd_(im`!*2Dj`|qClEH`bbltL=Bl*ZB7pznWcee8Q09v
zg(23pzvgK15rcGXgb%qgZhpxMSspA(o-#G+G;ncgP^ZQclSFv(2>cHhDN11ksP}OI
O0000<MNUMnLSTYrifB#%

literal 0
HcmV?d00001

diff --git a/Clover/app/src/main/res/drawable-xhdpi/ic_help_outline_white_24dp.png b/Clover/app/src/main/res/drawable-xhdpi/ic_help_outline_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..e10918b867eac66e7e915b29021235e5f6ea0215
GIT binary patch
literal 801
zcmV++1K#|JP)<h;3K|Lk000e1NJLTq001xm001xu1ONa4{R=S+0008$Nkl<ZSPAXH
zL2DBU9LC|dF-c8Yu-KYXcl`*`Rt)9~cvJ*MK@db*@&#5}d-Bj-y;`iPqIgp@sE9?c
zqTp2wMcvjY>UxlvJ=kh90sVRSXVS@JCQ0i_@Oh-)egQ<tFvV>aC{v|MnFVffiakX1
zv)I8|J`m<TXZS-K#Q+zn(vCxpeytxzDbuM>9MO6Z;}Tw<xyBf2`iT=~fHdP=XBn>x
zMAaFR+-J=qCrBs&Nyb=W%{&RUM~nx!zVa7QwLpvsR&m`Us&=@9Yl)re0K*h<&8jty
z;(AI-9*i=_A`TA!l4DpN4Dt-uVTEHGWy}&O)sf&bjlMI-X4NrB5mRET!f+Aum7S_1
z!6Sk^WV7lRp@KQDVC<lZIVle=6DB7QCNUMZD+p&Xi$qn&D6Z%1BS{bYd5QVXu<D5M
z3iG#`5#a;oggltTJZFn)=;I}3RvwIF-q9sLGMLXK<iR3lpFB8#c_9yaSiz*_#}ww8
z8sK1(@}L(}Q3GyZCgsO%%$PdB7R(nlAdAV%j|EIx9pE_Ti5if>6y!%4)33G|;eX6A
zH6Vp4$&V@~t~NNtGUg6lYCt!}ksnn|TrDw;>pltj(2a5AM;SAq7C4RTDp55dg(=C8
z1x#9@808ygR)NT13i9I?W?Z4Tf_Y3tfyiR=^5Ycdx<XOJ>{SSEVkYFr9?UXHg}}k|
zC=k7@V0O!o2>)Tmv_WJsZ|PDq&R~{^X#<G!8Z)gR{E35^P#|g)h$&2kAq69cS!GxO
zs8IlRQNhe84E=n<6d6<#YSe@w-e5k`r*Is>^^8IJP$M6PDBwD%*2v*1GNKN!i#NDt
z)DBVRajh~*Of3*+iVCi~Y*Kq9m}ku^#_3T2ddc#dHFrs<GenuiYndBl$&jL(Zc=2(
zl4k|488&G>I82F7edM6lkFA`iLOT`C(Wi}KJOA*GFmIV=NI#1RX(q{2poD`%i2`{h
f*iDyy`vv>}3M)dB_9^(R00000NkvXXu0mjfHaK6Q

literal 0
HcmV?d00001

diff --git a/Clover/app/src/main/res/drawable-xxhdpi/ic_help_outline_black_24dp.png b/Clover/app/src/main/res/drawable-xxhdpi/ic_help_outline_black_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc5cdeebee37688af845f670bae946e6eb439fd8
GIT binary patch
literal 1157
zcmV;01bX|4P)<h;3K|Lk000e1NJLTq002k;002k`1ONa4|Kxkj000C`Nkl<ZcmeI%
z-%FcU7{Kwb(<aq7(PEQXda++33}l5?+tOC-=++9}6z0WXqklq`v=p6;UF@>p94b`U
zW|gkgRv31cv0*`5naC*HZDG{Px>?&0rEJ|aww~QSocAO-IeAlhk<WAcyeAJi=gE0q
zLdi?3q{O3*UdC8pi4<wlq*!8sF?u;c6)#X7XP6_6$`TvgCc&!|-Mif28Oky?nWB}V
zImXW@hnV9if!obhQ~`0BT?FVuo}dbhH981Hm|>JLR=7eJZPZgsh!C~Z(?%ELJVF^`
zkPro`X2!5^ib3|1%>jm3MfqZy2nC4qt8d9=5_s6~ILkwn7I%o_sM=Rfn)7(%BSIgW
zzLKIi2>UkcclP3<iF?{gH(k!s1#OY*L~&Ka4Q;i7{2N^%<15NBd5d1AStd=IznJC|
z-oT`S5pBf}z}{}2Xyur^$pp_)T0G|}uVbK<v_>7)#<k5V$L|zRQJCW&KE|({DP-0q
zEFII1aumOARE{`{UyXLWTd^Xq(6q6$PN6K~BmA1>tiUb10Yiy6Z#+9stqS^^*YN9?
zIkb?IY|v#q{H~!y{6`=A2ot7>e%4VUuHYACMV?P`sFPnQ31g$n&iaE!q<8pJcAT-_
z&dCvuI9Z*MS12BSz4F_k5#1g(L`FA$5qa&>Nmg@mSiodjWb|S3rO5ax=PfWx7M>j4
z*^kMx$k>NTv&eXW$sv)kP9+(&$?*#_S#lVYO8NGINf}9zbDWHNwGMF;5v%-*WbV`+
zG8z+UUASr$tK7vbA#yH~(Sk^8!_}l%Wf-$|kuy(5OCqfvH=SaQE%sv8AhH(8C?(Qr
zaq%fi#MfjJ6In^XqJu&XGx&Gf>|8}AVcChrDX4+FC=tIA1J{BI-?B#S<#3i71lKKd
zJ=8mSpxyEzB*#PT-u9QY3A_x!we8)17~f_~Joi1XAXxk`j@Vrt<JkHfc^-CRV?rNM
z%ua~3N7$MbPkn~Q;&OeTjH-~0e*imjB;A97`}hI3Md}cC<b+s-jbZV`jQwF-#iJOa
ztcg!KO;&Ym>MwhNlP{TRV&ouScOMcVXw^IxpD<}PUWw=<H<_Q?05bnD7UY}9CQX4B
zbdYD32U<9a5^;~3zzW*IedPFd1WT7uBBm%0q@W6ZK<18OZ5L}O5#Iz*P#L4h%oK63
z*MZVXDle#@3dXb*Pm-r0l(um-xZ0s@mZG1$g_uTZ$GaI92f44U^dsAF5ao{V|F3?c
z<fEDa-~VgB;Nd9lD@n1!IU?AI(!*nvubdbKh;kF<i&ZXgh%z!M<1oXbQ{`rP6ez?X
z${0zmk)WLhVuT43qk(o3Oprtw;|sPChz{0J1xAXK1gMU0QO>c&C~*SU$}OjIW@w>k
zTDZ=pbt!2kIYQCJ>139Ttfj0o!)ao?K$RS)hl|X!NRkaUNV3R0BXsi~+j&Wql$87r
X#)Bu-P|j^v00000NkvXXu0mjf>%1k|

literal 0
HcmV?d00001

diff --git a/Clover/app/src/main/res/drawable-xxhdpi/ic_help_outline_white_24dp.png b/Clover/app/src/main/res/drawable-xxhdpi/ic_help_outline_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9585a04413371c3e5cd1fa505a32dd82f99b664
GIT binary patch
literal 1174
zcmV;H1Zn$;P)<h;3K|Lk000e1NJLTq002k;002k`1ONa4|Kxkj000DCNkl<ZXa()T
z-%FJT9LMpGv(A|wkA~@tF4jtfK`iJu{lKEF1aE?M5p47)l$;`LGIp`cz&SEVXj#(2
ze!$2X(J;`GL_*r_AT(K<S%;&<*76*Gym$G1j?eR)^PHnb7rtK7vSrKOQ$(nvi4F!C
zB|(Z52}T*DgC-79tapbhPSQ_`Op-h##z$Ie?B@<M1T{@JwOT41;1T)gXP*`uYq`Nf
zTw{$E4@Y^;LQQf+i-9n0cpIma2I{D$oDd<(siuwwuJaOat%S5Nl+ue^f>yRG19otp
z3EX-pQU0jp3G<B+BccF^aEceqH$<iKLn%*4m*OlD<$w~JnI_#3QRR*>y`+1}X61pc
z43q9YA?1n-r0XK8JW<9S(w$RoI7+&U6v_h|XrhNPQl$8s9=_odd0++Yr2A6Av6k03
zU6cpbbBkH#o8<=U<bigaCaF?TT*s-4Lb-5^H~9INujN7^-8fxUFdV??DN(u5NH(YB
zLK(w2)hY-cVNz_C3&#lJE4i?Z8O#G^$9|m7%7yj3A&7tYST3~Sv{%`12Qx-QF5JZF
zEzN8pOqi{-Fojd6T!=D`=~8A?F@uT8g$>MN{$!&Z_>8|Wv#gT~r!mu1Dicm(5=7)e
z6Xq=&H4mFeVjAT_2@{wT%7lJQt31$yX_g0m#QY`?T)_0n9}!ZR?ef4FW{W(q4f9+c
z*oB#*NPeipjLQ=#OjsT$!X)K^0^*p1@<S7*Q+c8U^PfC%6LUs>=)g26Pt;=mkSAi8
z%ksk@rcQa{Hl|IUsK*S*52KiB<%JWNIX24^HJB0kA%Q7Z9{3igpX7rIOk93QVM59g
zrTl`^5XJIA7?YGAQkal(LJfc5^g9*uMHrKm9}<{y<$#U6#Ho)mWk3ZcE<cQ7sudWk
zd5%*jA!S4jW<-7%#MCJ;uHtl&0%buxW<Y-Ez%(czK4lK`D<3E;VwiUMp$T(c0r5R1
z&T0j~Eli{Qa0v5K0nvx~P61Fr9P@?zP)rK5LxC`k*`xs2g_)vA{&<KvuRus*iWLBD
zm|kT<3^PGQOMobonB&TXDyA`~v;=6xq^MA4bYosnqD4k2uQ0cj4YfEmD=Qq773Xl;
zt?cN>OtV#4;Gitn$qc4fL9h>}Vak*d4$6pCJj2YfN5OCnr)~<B0S?N572L(?ih^Pd
zlQ>;c1~|wU1zf=?L8XG@2<a|SC?7b;2P^0x-C^a1^Q7yhOnG7zcS+ZxToIy&bi-^@
z9@xn<(%oaFaz~UQ(oNGsR5_rObIg$LF%jj5N`{zkoYRyj0HU1X74to&Lir=gecUFv
zz%B~pg93Kb#w2d{h-hI5(TcY?H;GYC4Hbk5Q$Y>&#JEKqZ$Ge7i-99dvQP;QYw=LU
z&*X28D^zN+QOg7J(aT;f7537_G(n}f%^oc^Dmg(PNivzDm*Z6E-JytsoZ&J9j1VVD
ok~kv_&`u+t^P!e4TlSv%A3Ll`2waD!UH||907*qoM6N<$f>w4B{r~^~

literal 0
HcmV?d00001

diff --git a/Clover/app/src/main/res/drawable-xxxhdpi/ic_help_outline_black_24dp.png b/Clover/app/src/main/res/drawable-xxxhdpi/ic_help_outline_black_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d3937d0b932ee3ce36b6358d5720a1035899845
GIT binary patch
literal 1549
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

literal 0
HcmV?d00001

diff --git a/Clover/app/src/main/res/drawable-xxxhdpi/ic_help_outline_white_24dp.png b/Clover/app/src/main/res/drawable-xxxhdpi/ic_help_outline_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..0f88a23638966bc4aea528f101104931d93c2c65
GIT binary patch
literal 1578
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

literal 0
HcmV?d00001

diff --git a/Clover/app/src/main/res/layout/layout_filter.xml b/Clover/app/src/main/res/layout/layout_filter.xml
index df327d46..f8cbcec0 100644
--- a/Clover/app/src/main/res/layout/layout_filter.xml
+++ b/Clover/app/src/main/res/layout/layout_filter.xml
@@ -16,6 +16,7 @@ You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 <org.floens.chan.ui.layout.FilterLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical"
@@ -24,6 +25,44 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:textColor="?attr/text_color_secondary">
+
+        <CheckBox
+            android:id="@+id/enabled"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="@string/filter_enabled" />
+
+        <Space
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:layout_weight="1" />
+
+        <ImageView
+            android:id="@+id/help"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:background="@drawable/item_background"
+            android:paddingBottom="4dp"
+            android:paddingLeft="4dp"
+            android:paddingRight="4dp"
+            android:paddingTop="4dp" />
+
+    </LinearLayout>
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:paddingLeft="4dp"
+        android:paddingTop="8dp"
+        android:text="@string/filter_filter"
+        android:textColor="?attr/text_color_secondary"
+        android:textSize="16sp" />
+
+    <LinearLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
         android:orientation="horizontal">
 
         <TextView
@@ -44,30 +83,85 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
     </LinearLayout>
 
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:paddingLeft="4dp"
+        android:paddingTop="8dp"
+        android:text="@string/filter_action"
+        android:textColor="?attr/text_color_secondary"
+        android:textSize="16sp" />
+
     <LinearLayout
-        android:orientation="horizontal"
         android:layout_width="wrap_content"
-        android:layout_height="wrap_content">
+        android:layout_height="wrap_content"
+        android:orientation="horizontal">
 
-        <CheckBox
-            android:id="@+id/enabled"
+        <TextView
+            android:id="@+id/action"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:text="@string/filter_enabled" />
+            android:drawablePadding="8dp"
+            android:paddingBottom="4dp"
+            android:paddingLeft="4dp"
+            android:paddingTop="4dp" />
 
-        <CheckBox
-            android:id="@+id/hide"
+        <LinearLayout
+            android:id="@+id/color_container"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:text="@string/filter_hide" />
+            android:orientation="horizontal">
+
+            <View
+                android:id="@+id/color_preview"
+                android:layout_width="25dp"
+                android:layout_height="25dp"
+                android:layout_marginBottom="4dp"
+                android:layout_marginLeft="8dp"
+                android:layout_marginRight="8dp"
+                android:layout_marginTop="4dp" />
+
+        </LinearLayout>
 
     </LinearLayout>
 
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:paddingLeft="4dp"
+        android:paddingTop="8dp"
+        android:text="@string/filter_pattern"
+        android:textColor="?attr/text_color_secondary"
+        android:textSize="16sp" />
+
     <EditText
         android:id="@+id/pattern"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:hint="@string/filter_pattern"
+        android:textSize="14sp"
+        tools:ignore="TextFields" />
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:paddingLeft="4dp"
+        android:paddingTop="8dp"
+        android:text="@string/filter_match_test"
+        android:textColor="?attr/text_color_secondary"
+        android:textSize="16sp" />
+
+    <TextView
+        android:id="@+id/pattern_preview_status"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:paddingLeft="4dp"
+        android:paddingTop="8dp" />
+
+    <EditText
+        android:id="@+id/pattern_preview"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:hint="@string/filter_preview"
         android:textSize="14sp" />
 
 </org.floens.chan.ui.layout.FilterLayout>
diff --git a/Clover/app/src/main/res/values/strings.xml b/Clover/app/src/main/res/values/strings.xml
index c0e4ae3e..ec777fe5 100644
--- a/Clover/app/src/main/res/values/strings.xml
+++ b/Clover/app/src/main/res/values/strings.xml
@@ -118,10 +118,45 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     <string name="board_edit_sort_a_z">Sort A-Z</string>
 
     <string name="filter_enabled">Enabled</string>
+    <string name="filter_filter">Filter</string>
+    <string name="filter_action">Action</string>
     <string name="filter_pattern">Pattern</string>
+    <string name="filter_match_test">Test pattern</string>
+    <string name="filter_pattern_hint_exact">Exact text</string>
+    <string name="filter_pattern_hint_regex">Pattern</string>
     <string name="filter_boards">Boards</string>
     <string name="filter_boards_all">all</string>
-    <string name="filter_hide">Hide</string>
+    <string name="filter_hide">Hide post</string>
+    <string name="filter_color">Highlight</string>
+    <string name="filter_invalid_pattern">Invalid pattern</string>
+    <string name="filter_preview">Test your filter</string>
+    <string name="filter_no_matches">Does not match</string>
+    <string name="filter_matches">Matches</string>
+    <string name="filter_color_pick">Pick color</string>
+    <string name="filter_help_title">Filter help</string>
+    <string name="filter_help">
+    "Filters act on a given pattern and a place to search the pattern.&lt;br>
+If the pattern matches then the post can be hidden or highlighted.&lt;br>
+
+&lt;h4>For tripcodes, names and IDs:&lt;/h4>
+&lt;p>
+    It will match the given pattern exact.&lt;br>
+    &lt;tt>!Ep8pui8Vw2&lt;/tt> will match the tripcode &lt;i>!Ep8pui8Vw2&lt;/i> but not &lt;i>Ep8pu&lt;/i>.
+&lt;/p>
+
+&lt;h4>For comments, subjects and filenames:&lt;/h4>
+&lt;p>
+    These filters are pattern based, and have three modes:&lt;br>
+    &lt;br>
+    1. The pattern &lt;tt>foo bar&lt;/tt> will match text that has any of the words in it. It will match &lt;i>foo&lt;/i> or &lt;i>bar&lt;/i>, but not &lt;i>foobar&lt;/i>.
+    Placing a * allows any character to be filled in: &lt;tt>f*o&lt;/tt> will match both &lt;i>foo&lt;/i>, &lt;i>foooo&lt;/i> but not &lt;i>foobar&lt;/i>&lt;br>
+    &lt;br>
+    2. Quoting your pattern with &lt;tt>\"&lt;/tt> like &lt;tt>\"foo bar\"&lt;/tt> will match the text exact.
+    &lt;i>foo bar&lt;/i> matches but &lt;i>foo&lt;/i> does not.&lt;br>
+    &lt;br>
+    3. Regular expressions. &lt;tt>/^>implying/&lt;/tt> for example.
+&lt;/p>"
+    </string>
 
     <string name="filter_tripcode">Tripcode</string>
     <string name="filter_name">Name</string>