aboutsummaryrefslogtreecommitdiff
path: root/views
diff options
context:
space:
mode:
authorArjun Satarkar <me@arjunsatarkar.net>2023-08-04 20:02:00 +0000
committerArjun Satarkar <me@arjunsatarkar.net>2023-08-04 20:03:29 +0000
commitb42091406ba4f4abe8591a793e2334d38613aaf5 (patch)
tree6b1e30d7a42cb41cff2ef50887b6010516152329 /views
parent8f5488436b90d85969abb8bdcbb0ecf14d8936bd (diff)
downloadtagrss-b42091406ba4f4abe8591a793e2334d38613aaf5.tar
tagrss-b42091406ba4f4abe8591a793e2334d38613aaf5.tar.gz
tagrss-b42091406ba4f4abe8591a793e2334d38613aaf5.zip
Make tag input nicer with JS (if enabled)HEADmain
Diffstat (limited to 'views')
-rw-r--r--views/add_feed.tpl1
-rw-r--r--views/index.tpl7
-rw-r--r--views/manage_feed.tpl1
-rw-r--r--views/tag_input.tpl12
4 files changed, 15 insertions, 6 deletions
diff --git a/views/add_feed.tpl b/views/add_feed.tpl
index 04a1008..fc40403 100644
--- a/views/add_feed.tpl
+++ b/views/add_feed.tpl
@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Add Feed | TagRSS</title>
<link href="/static/styles/main.css" rel="stylesheet">
+ <script src="/static/scripts/dynamic_input.js" defer></script>
</head>
<body>
<a href="/" class="no-visited-indication">&lt; home</a>
diff --git a/views/index.tpl b/views/index.tpl
index 046d317..5009da2 100644
--- a/views/index.tpl
+++ b/views/index.tpl
@@ -47,6 +47,7 @@
}
</style>
<script src="/static/scripts/auto_refresh.js" defer></script>
+ <script src="/static/scripts/dynamic_input.js" defer></script>
</head>
<body>
<h1>TagRSS</h1>
@@ -64,8 +65,10 @@
<form>
<div class="side-by-side-help-container">
<label for="included-feeds-input">Included feeds:</label>
- <input type="text" name="included_feeds" value="{{' '.join([str(feed_id) for feed_id in included_feeds]) if included_feeds else ''}}" id="included-feeds-input">
- % include("hover_help.tpl", text="Space-separated feed IDs.")
+ <span>
+ <input type="text" name="included_feeds" value="{{' '.join([str(feed_id) for feed_id in included_feeds]) if included_feeds else ''}}" id="included-feeds-input">
+ % include("hover_help.tpl", text="Space-separated feed IDs.")
+ </span>
</div>
% include(
% "tag_input.tpl",
diff --git a/views/manage_feed.tpl b/views/manage_feed.tpl
index cdeaf98..4a07083 100644
--- a/views/manage_feed.tpl
+++ b/views/manage_feed.tpl
@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Manage Feed | TagRSS</title>
<link href="/static/styles/main.css" rel="stylesheet">
+ <script src="/static/scripts/dynamic_input.js" defer></script>
</head>
<body>
<a href="/" class="no-visited-indication">&lt; home</a>
diff --git a/views/tag_input.tpl b/views/tag_input.tpl
index 409360f..7005eeb 100644
--- a/views/tag_input.tpl
+++ b/views/tag_input.tpl
@@ -1,5 +1,9 @@
-<div class="side-by-side-help-container">
- <label for="tag-input">{{get("label", "Tags:")}}</label>
- <input type="text" name="{{input_name}}" value="{{get('input_value', '')}}" id="tag-input">
- % include("hover_help.tpl", text="Space-separated. Backslashes escape spaces.")
+<div class="side-by-side-help-container tag-input-container">
+ <label for="tags-input">{{get("label", "Tags:")}}</label>
+ <noscript>
+ <input type="text" name="{{input_name}}" value="{{get('input_value', '')}}" id="tags-input">
+ % include("hover_help.tpl", text="Space-separated. Backslashes escape spaces.")
+ </noscript>
+ <span style="display: none;" id="tags-input-name-span">{{input_name}}</span>
+ <span style="display: none;" id="tags-input-initial-value-span">{{get("input_value", "")}}</span>
</div>