Keegan George
9c29d688e7
FEATURE: Add word count and indicator when exceeded max ( #19367 )
...
**This PR creates a new core reusable component wraps a character counter around any input.**
The component accepts the arguments: `max` (the maximum character limit), `value` (the value of text to be monitored).
It can be used for example, like so:
```hbs
<CharCounter @max="50" @value={{this.charCounterContent}}>
<textarea
placeholder={{i18n "styleguide.sections.char_counter.placeholder"}}
{{on "input" (action (mut this.charCounterContent) value="target.value")}}
class="styleguide--char-counter"></textarea>
</CharCounter>
```
**This PR also:**
1. Applies this component to the chat plugins edit channel's *Edit Description** modal, thereby replacing the simple text area which provided no visual indication when text exceeded the max allowed characters.
2. Adds an example to the `/styleguide` route
2023-02-20 12:06:43 +01:00
..
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-06 16:49:27 +01:00
2023-02-20 12:06:43 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2021-07-27 22:47:59 +08:00
2023-01-09 11:13:29 +00:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2022-12-09 12:01:05 +01:00
2023-02-20 10:31:02 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-06 16:49:27 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-06 16:49:27 +01:00
2023-02-06 16:49:27 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2023-02-20 11:01:01 +01:00
2018-07-31 14:41:49 +10:00
2018-05-29 21:07:17 +02:00
2015-02-27 23:53:58 +01:00
2019-04-25 22:49:21 +02:00
2015-02-27 23:53:58 +01:00
2015-02-27 23:53:58 +01:00
2017-02-24 11:35:33 +01:00