summaryrefslogtreecommitdiffstats
path: root/activities/views
diff options
context:
space:
mode:
authorTAKAHASHI Shuuji2022-12-12 01:25:48 +0900
committerGitHub2022-12-11 09:25:48 -0700
commit6d473a83cc791daaaf8ecadb06315be8594e2990 (patch)
tree51c3f1ff0606816bbbb997b189197d7dda48bc34 /activities/views
parent9405698e3c7817b353b31fb7c2c3b4fea2d56783 (diff)
downloadtakahe-6d473a83cc791daaaf8ecadb06315be8594e2990.tar.gz
takahe-6d473a83cc791daaaf8ecadb06315be8594e2990.tar.bz2
takahe-6d473a83cc791daaaf8ecadb06315be8594e2990.zip
Add the character counter next to the Post button (#152)
Diffstat (limited to 'activities/views')
-rw-r--r--activities/views/compose.py13
-rw-r--r--activities/views/timelines.py13
2 files changed, 26 insertions, 0 deletions
diff --git a/activities/views/compose.py b/activities/views/compose.py
index 3c2e3a8..08b54ab 100644
--- a/activities/views/compose.py
+++ b/activities/views/compose.py
@@ -30,6 +30,19 @@ class Compose(FormView):
"autofocus": "autofocus",
"maxlength": Config.lazy_system_value("post_length"),
"placeholder": "What's on your mind?",
+ "_": f"""
+ on load or input
+ set characters to my.value.trim().length
+ put { Config.system.post_length } - characters into #character-counter
+
+ if characters > { Config.system.post_length } then
+ set #character-counter's style.color to 'var(--color-text-error)'
+ add [@disabled=] to #post-button
+ else
+ set #character-counter's style.color to ''
+ remove @disabled from #post-button
+ end
+ """,
},
)
)
diff --git a/activities/views/timelines.py b/activities/views/timelines.py
index b7a67c6..bcc6e7f 100644
--- a/activities/views/timelines.py
+++ b/activities/views/timelines.py
@@ -20,6 +20,19 @@ class Home(FormView):
widget=forms.Textarea(
attrs={
"placeholder": "What's on your mind?",
+ "_": f"""
+ on load or input
+ set characters to my.value.trim().length
+ put { Config.system.post_length } - characters into #character-counter
+
+ if characters > { Config.system.post_length } then
+ set #character-counter's style.color to 'var(--color-text-error)'
+ add [@disabled=] to #post-button
+ else
+ set #character-counter's style.color to ''
+ remove @disabled from #post-button
+ end
+ """,
},
)
)