|
1 | 1 | {{! @glint-nocheck: not typesafe yet }}
|
2 | 2 | {{#unless this.isOutsideStructure}}
|
3 |
| - <AuCard @flex={{true}} @divided={{true}} @expandable={{false}} @shadow={{true}} @size="flush" as |c|> |
4 |
| - <c.header class="au-u-hidden-visually"> |
5 |
| - <AuHeading @level="3" @skin="6">{{t "article-structure-plugin.title.structure-card"}}</AuHeading> |
| 3 | + <AuCard |
| 4 | + @flex={{true}} |
| 5 | + @divided={{true}} |
| 6 | + @expandable={{false}} |
| 7 | + @shadow={{true}} |
| 8 | + @size='flush' |
| 9 | + as |c| |
| 10 | + > |
| 11 | + <c.header class='au-u-hidden-visually'> |
| 12 | + <AuHeading @level='3' @skin='6'>{{t |
| 13 | + 'article-structure-plugin.title.structure-card' |
| 14 | + }}</AuHeading> |
6 | 15 | </c.header>
|
7 |
| - <c.content class="au-c-content--small"> |
8 |
| - <AuList @divider={{true}} class="au-u-padding-top-tiny au-u-padding-bottom-tiny" as |Item|> |
| 16 | + <c.content class='au-c-content--small'> |
| 17 | + <AuList |
| 18 | + @divider={{true}} |
| 19 | + class='au-u-padding-top-tiny au-u-padding-bottom-tiny' |
| 20 | + as |Item| |
| 21 | + > |
9 | 22 | <Item>
|
10 | 23 | <AuButton
|
11 | 24 | @icon={{this.ChevronUpIcon}}
|
12 |
| - @iconAlignment="left" |
13 |
| - @skin="link" |
| 25 | + @iconAlignment='left' |
| 26 | + @skin='link' |
14 | 27 | @disabled={{not this.canMoveUp}}
|
15 |
| - {{on 'click' (fn this.moveStructure 'up')}}> |
| 28 | + {{on 'click' (fn this.moveStructure 'up')}} |
| 29 | + > |
16 | 30 | {{t this.currentStructureType.translations.move.up}}
|
17 | 31 | </AuButton>
|
18 | 32 | </Item>
|
19 | 33 | <Item>
|
20 | 34 | <AuButton
|
21 | 35 | @icon={{this.ChevronDownIcon}}
|
22 |
| - @iconAlignment="left" |
23 |
| - @skin="link" |
| 36 | + @iconAlignment='left' |
| 37 | + @skin='link' |
24 | 38 | @disabled={{not this.canMoveDown}}
|
25 |
| - {{on 'click' (fn this.moveStructure 'down')}}> |
| 39 | + {{on 'click' (fn this.moveStructure 'down')}} |
| 40 | + > |
26 | 41 | {{t this.currentStructureType.translations.move.down}}
|
27 | 42 | </AuButton>
|
28 | 43 | </Item>
|
|
32 | 47 | <:hover as |hover|>
|
33 | 48 | <AuButton
|
34 | 49 | @icon={{this.BinIcon}}
|
35 |
| - @iconAlignment="left" |
36 |
| - @skin="link" |
| 50 | + @iconAlignment='left' |
| 51 | + @skin='link' |
37 | 52 | @alert={{true}}
|
38 | 53 | @disabled={{not this.canRemoveStructure}}
|
39 |
| - aria-describedby="remove-tooltip" |
| 54 | + aria-describedby='remove-tooltip' |
40 | 55 | {{hover.velcroHook}}
|
41 | 56 | {{hover.handleHover}}
|
42 |
| - {{on 'click' (fn this.removeStructure false)}}> |
| 57 | + {{on 'click' (fn this.removeStructure false)}} |
| 58 | + > |
43 | 59 | {{this.remove}}
|
44 | 60 | </AuButton>
|
45 | 61 | </:hover>
|
46 | 62 | <:tooltip as |tooltip|>
|
47 |
| - <AuPill |
48 |
| - id="remove-tooltip" |
49 |
| - role="tooltip" |
50 |
| - {{tooltip}} |
51 |
| - > |
| 63 | + <AuPill id='remove-tooltip' role='tooltip' {{tooltip}}> |
52 | 64 | {{t 'article-structure-plugin.remove.help-text'}}
|
53 | 65 | </AuPill>
|
54 | 66 | </:tooltip>
|
|
57 | 69 | <:hover as |hover|>
|
58 | 70 | <AuButton
|
59 | 71 | @icon={{this.BinIcon}}
|
60 |
| - @iconAlignment="left" |
61 |
| - @skin="link" |
62 |
| - aria-describedby="remove-content-tooltip" |
| 72 | + @iconAlignment='left' |
| 73 | + @skin='link' |
| 74 | + aria-describedby='remove-content-tooltip' |
63 | 75 | @alert={{true}}
|
64 | 76 | {{hover.velcroHook}}
|
65 | 77 | {{hover.handleHover}}
|
66 |
| - {{on 'click' (fn this.removeStructure true)}}> |
| 78 | + {{on 'click' (fn this.removeStructure true)}} |
| 79 | + > |
67 | 80 | {{this.removeWithContent}}
|
68 | 81 | </AuButton>
|
69 | 82 | </:hover>
|
70 | 83 | <:tooltip as |tooltip|>
|
71 |
| - <AuPill |
72 |
| - id="remove-content-tooltip" |
73 |
| - role="tooltip" |
74 |
| - {{tooltip}} |
75 |
| - > |
| 84 | + <AuPill id='remove-content-tooltip' role='tooltip' {{tooltip}}> |
76 | 85 | {{t 'article-structure-plugin.remove-with-content.help-text'}}
|
77 | 86 | </AuPill>
|
78 | 87 | </:tooltip>
|
|
81 | 90 | </AuButtonGroup>
|
82 | 91 | </Item>
|
83 | 92 | {{#if this.currentStructureType.getStartNumber}}
|
84 |
| - <Item class="au-u-padding-left-small"> |
| 93 | + <Item class='au-u-padding-left-small'> |
85 | 94 | <AuFormRow>
|
86 | 95 | {{#let (unique-id) as |id|}}
|
87 | 96 | <AuLabel for={{id}}>
|
|
90 | 99 | <AuInput
|
91 | 100 | id={{id}}
|
92 | 101 | value={{this.startNumberInputValue}}
|
93 |
| - {{on "change" this.onStartNumberChange}} |
94 |
| - placeholder={{t 'article-structure-plugin.start-number.start-number'}} |
95 |
| - type="number" |
96 |
| - min="1" |
| 102 | + {{on 'change' this.onStartNumberChange}} |
| 103 | + placeholder={{t |
| 104 | + 'article-structure-plugin.start-number.start-number' |
| 105 | + }} |
| 106 | + type='number' |
| 107 | + min='1' |
97 | 108 | />
|
98 | 109 | {{/let}}
|
99 | 110 | </AuFormRow>
|
100 | 111 | <AuButton
|
101 |
| - @iconAlignment="left" |
102 |
| - class="au-u-margin-top-tiny" |
| 112 | + @iconAlignment='left' |
| 113 | + class='au-u-margin-top-tiny' |
103 | 114 | {{on 'click' this.setStructureStartNumber}}
|
104 | 115 | >
|
105 | 116 | {{t 'article-structure-plugin.start-number.set'}}
|
106 | 117 | </AuButton>
|
107 | 118 | <AuButton
|
108 |
| - @iconAlignment="left" |
109 |
| - @skin="secondary" |
| 119 | + @iconAlignment='left' |
| 120 | + @skin='secondary' |
110 | 121 | @disabled={{not this.structureStartNumber}}
|
111 |
| - class="au-u-margin-top-tiny" |
| 122 | + class='au-u-margin-top-tiny' |
112 | 123 | {{on 'click' this.resetStructureStartNumber}}
|
113 | 124 | >
|
114 | 125 | {{t 'article-structure-plugin.start-number.reset'}}
|
|
0 commit comments