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
2022-11-02 15:13:47 +01:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-10-19 15:19:28 +02:00
2022-08-02 16:54:12 +02:00
2021-05-18 16:49:18 +02:00
2023-02-20 12:06:43 +01:00
2022-08-23 17:24:36 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-10-25 17:00:49 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-12-06 16:22:23 +01:00
2022-08-02 16:54:12 +02:00
2022-04-12 21:04:30 +02:00
2022-10-19 15:19:28 +02:00
2022-11-02 15:13:47 +01:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-11-22 15:01:19 +01:00
2022-12-06 16:22:23 +01:00
2022-09-13 16:04:18 +02:00
2022-09-13 16:04:18 +02:00
2022-08-02 16:54:12 +02:00
2022-11-22 15:01:19 +01:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-12-06 16:22:23 +01:00
2022-09-27 19:07:56 +02:00
2022-08-02 16:54:12 +02:00
2022-08-02 16:54:12 +02:00
2022-10-19 15:19:28 +02:00
2022-08-02 16:54:12 +02:00
2021-07-21 10:30:34 +02:00
2021-02-09 14:56:15 +01:00
2021-07-21 10:30:34 +02:00
2022-09-13 16:04:18 +02:00
2021-02-09 14:56:15 +01:00
2021-02-09 14:56:15 +01:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2021-02-09 14:56:15 +01:00
2021-02-09 14:56:15 +01:00
2021-07-19 09:30:48 +08:00
2021-07-21 10:30:34 +02:00
2021-02-09 14:56:15 +01:00
2021-11-16 16:17:10 +01:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2022-06-18 00:18:22 +02:00
2021-07-21 10:30:34 +02:00
2021-02-09 14:56:15 +01:00
2022-04-12 21:04:30 +02:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2021-10-12 16:00:22 +02:00
2021-08-24 15:25:44 +02:00
2021-02-09 14:56:15 +01:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2021-02-09 14:56:15 +01:00
2021-02-09 14:56:15 +01:00
2021-02-09 14:56:15 +01:00
2021-02-09 14:56:15 +01:00
2021-07-21 10:30:34 +02:00
2021-02-09 14:56:15 +01:00
2021-02-09 14:56:15 +01:00
2021-02-09 14:56:15 +01:00
2022-12-06 16:22:23 +01:00
2021-07-21 10:30:34 +02:00
2021-07-21 10:30:34 +02:00
2022-04-19 15:45:09 +02:00
2021-07-21 10:30:34 +02:00
2021-02-09 14:56:15 +01:00
9c29d688e7