diff options
| author | TAKAHASHI Shuuji | 2022-12-12 01:25:48 +0900 |
|---|---|---|
| committer | GitHub | 2022-12-11 09:25:48 -0700 |
| commit | 6d473a83cc791daaaf8ecadb06315be8594e2990 (patch) | |
| tree | 51c3f1ff0606816bbbb997b189197d7dda48bc34 /activities/views | |
| parent | 9405698e3c7817b353b31fb7c2c3b4fea2d56783 (diff) | |
| download | takahe-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.py | 13 | ||||
| -rw-r--r-- | activities/views/timelines.py | 13 |
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 + """, }, ) ) |