From 6e402f60dc6e31321a6a9b36b9b43ccc2757e185 Mon Sep 17 00:00:00 2001
From: Thiago Perrotta <tbperrotta@gmail.com>
Date: Sat, 22 Jan 2022 22:55:02 -0500
Subject: [PATCH] Add links to scraper/rewrite/filtering docs when editing
 feeds

---
 .../templates/views/add_subscription.html     | 43 ++++++++++++++++---
 template/templates/views/edit_feed.html       | 41 +++++++++++++++---
 ui/static/css/common.css                      |  4 ++
 3 files changed, 77 insertions(+), 11 deletions(-)

diff --git a/template/templates/views/add_subscription.html b/template/templates/views/add_subscription.html
index e4392229..7edff42c 100644
--- a/template/templates/views/add_subscription.html
+++ b/template/templates/views/add_subscription.html
@@ -55,16 +55,47 @@
                 -->
                 <input type="text" name="feed_password" id="form-feed-password" value="{{ .form.Password }}" spellcheck="false">
 
-                <label for="form-scraper-rules">{{ t "form.feed.label.scraper_rules" }}</label>
+                <div class="rules-entry">
+                    <label for="form-scraper-rules">
+                        {{ t "form.feed.label.scraper_rules" }}
+                    </label>
+                    &nbsp;
+                    <a href="https://miniflux.app/docs/rules.html#scraper-rules" target="_blank">
+                        {{ icon "external-link" }}
+                    </a>
+                </div>
                 <input type="text" name="scraper_rules" id="form-scraper-rules" value="{{ .form.ScraperRules }}" spellcheck="false">
 
-                <label for="form-rewrite-rules">{{ t "form.feed.label.rewrite_rules" }}</label>
+                <div class="rules-entry">
+                    <label for="form-rewrite-rules">
+                        {{ t "form.feed.label.rewrite_rules" }}
+                    </label>
+                    &nbsp;
+                    <a href="https://miniflux.app/docs/rules.html#rewrite-rules" target="_blank">
+                        {{ icon "external-link" }}
+                    </a>
+                </div>
                 <input type="text" name="rewrite_rules" id="form-rewrite-rules" value="{{ .form.RewriteRules }}" spellcheck="false">
-
-                <label for="form-blocklist-rules">{{ t "form.feed.label.blocklist_rules" }}</label>
+                <div class="rules-entry">
+                    <label for="form-blocklist-rules">
+                        {{ t "form.feed.label.blocklist_rules" }}
+                    </label>
+                    &nbsp;
+                    <a href=" https://miniflux.app/docs/rules.html#filtering-rules" target="_blank">
+                        {{ icon "external-link" }}
+                    </a>
+                </div>
                 <input type="text" name="blocklist_rules" id="form-blocklist-rules" value="{{ .form.BlocklistRules }}" spellcheck="false">
- 
-                <label for="form-keeplist-rules">{{ t "form.feed.label.keeplist_rules" }}</label>
+
+                <div class="rules-entry">
+                    <label for="form-keeplist-rules">
+                        {{ t "form.feed.label.keeplist_rules" }}
+                    </label>
+                    &nbsp;
+                    <a href=" https://miniflux.app/docs/rules.html#filtering-rules" target="_blank">
+                        {{ icon "external-link" }}
+                    </a>
+                </div>
                 <input type="text" name="keeplist_rules" id="form-keeplist-rules" value="{{ .form.KeeplistRules }}" spellcheck="false">
             </div>
         </details>
diff --git a/template/templates/views/edit_feed.html b/template/templates/views/edit_feed.html
index 6f6f9d39..b4c3efa1 100644
--- a/template/templates/views/edit_feed.html
+++ b/template/templates/views/edit_feed.html
@@ -68,16 +68,47 @@
         <label for="form-cookie">{{ t "form.feed.label.cookie" }}</label>
         <input type="text" name="cookie" id="form-cookie" value="{{ .form.Cookie }}" spellcheck="false">
 
-        <label for="form-scraper-rules">{{ t "form.feed.label.scraper_rules" }}</label>
+        <div class="rules-entry">
+            <label for="form-scraper-rules">
+                {{ t "form.feed.label.scraper_rules" }}
+            </label>
+            &nbsp;
+            <a href="https://miniflux.app/docs/rules.html#scraper-rules" target="_blank">
+                {{ icon "external-link" }}
+            </a>
+        </div>
         <input type="text" name="scraper_rules" id="form-scraper-rules" value="{{ .form.ScraperRules }}" spellcheck="false">
 
-        <label for="form-rewrite-rules">{{ t "form.feed.label.rewrite_rules" }}</label>
+        <div class="rules-entry">
+            <label for="form-rewrite-rules">
+                {{ t "form.feed.label.rewrite_rules" }}
+            </label>
+            &nbsp;
+            <a href="https://miniflux.app/docs/rules.html#rewrite-rules" target="_blank">
+                {{ icon "external-link" }}
+            </a>
+        </div>
         <input type="text" name="rewrite_rules" id="form-rewrite-rules" value="{{ .form.RewriteRules }}" spellcheck="false">
-
-        <label for="form-blocklist-rules">{{ t "form.feed.label.blocklist_rules" }}</label>
+        <div class="rules-entry">
+            <label for="form-blocklist-rules">
+                {{ t "form.feed.label.blocklist_rules" }}
+            </label>
+            &nbsp;
+            <a href=" https://miniflux.app/docs/rules.html#filtering-rules" target="_blank">
+                {{ icon "external-link" }}
+            </a>
+        </div>
         <input type="text" name="blocklist_rules" id="form-blocklist-rules" value="{{ .form.BlocklistRules }}" spellcheck="false">
 
-        <label for="form-keeplist-rules">{{ t "form.feed.label.keeplist_rules" }}</label>
+        <div class="rules-entry">
+            <label for="form-keeplist-rules">
+                {{ t "form.feed.label.keeplist_rules" }}
+            </label>
+            &nbsp;
+            <a href=" https://miniflux.app/docs/rules.html#filtering-rules" target="_blank">
+                {{ icon "external-link" }}
+            </a>
+        </div>
         <input type="text" name="keeplist_rules" id="form-keeplist-rules" value="{{ .form.KeeplistRules }}" spellcheck="false">
 
         <label><input type="checkbox" name="crawler" value="1" {{ if .form.Crawler }}checked{{ end }}> {{ t "form.feed.label.crawler" }}</label>
diff --git a/ui/static/css/common.css b/ui/static/css/common.css
index 21bac999..0ec55c26 100644
--- a/ui/static/css/common.css
+++ b/ui/static/css/common.css
@@ -1064,3 +1064,7 @@ details.entry-enclosures {
     text-decoration: none;
     font-size: 1.2em;
 }
+
+.rules-entry {
+    display: flex;
+}