Skip to content

Commit e4c5847

Browse files
xidedixxidedix
committed
refactor: migration to self-closing tags
1 parent 9bf51e6 commit e4c5847

File tree

6 files changed

+31
-31
lines changed

6 files changed

+31
-31
lines changed

‎src/app/views/base/spinners/spinners.component.html

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -9,21 +9,21 @@
99
Use the border spinners for a lightweight loading indicator.
1010
</p>
1111
<app-docs-example href="components/spinner">
12-
<c-spinner></c-spinner>
12+
<c-spinner />
1313
</app-docs-example>
1414
<p class="text-body-secondary small">
1515
The border spinner uses <code>currentColor</code> for its <code>border-color</code>.
1616
You can use any of our text color utilities on the standard spinner.
1717
</p>
1818
<app-docs-example href="components/spinner#colors">
19-
<c-spinner color="primary"></c-spinner>
20-
<c-spinner color="secondary"></c-spinner>
21-
<c-spinner color="success"></c-spinner>
22-
<c-spinner color="danger"></c-spinner>
23-
<c-spinner color="warning"></c-spinner>
24-
<c-spinner color="info"></c-spinner>
25-
<c-spinner color="light"></c-spinner>
26-
<c-spinner color="dark"></c-spinner>
19+
<c-spinner color="primary" />
20+
<c-spinner color="secondary" />
21+
<c-spinner color="success" />
22+
<c-spinner color="danger" />
23+
<c-spinner color="warning" />
24+
<c-spinner color="info" />
25+
<c-spinner color="light" />
26+
<c-spinner color="dark" />
2727
</app-docs-example>
2828
</c-card-body>
2929
</c-card>
@@ -39,21 +39,21 @@
3939
doesn&#39;t technically spin, it does repeatedly grow!
4040
</p>
4141
<app-docs-example href="components/spinner#growing-spinner">
42-
<c-spinner variant="grow"></c-spinner>
42+
<c-spinner variant="grow" />
4343
</app-docs-example>
4444
<p class="text-body-secondary small">
4545
Once again, this spinner is built with <code>currentColor</code>, so you can easily
4646
change its appearance. Here it is in blue, along with the supported variants.
4747
</p>
4848
<app-docs-example href="components/spinner#growing-spinner">
49-
<c-spinner color="primary" variant="grow"></c-spinner>
50-
<c-spinner color="secondary" variant="grow"></c-spinner>
51-
<c-spinner color="success" variant="grow"></c-spinner>
52-
<c-spinner color="danger" variant="grow"></c-spinner>
53-
<c-spinner color="warning" variant="grow"></c-spinner>
54-
<c-spinner color="info" variant="grow"></c-spinner>
55-
<c-spinner color="light" variant="grow"></c-spinner>
56-
<c-spinner color="dark" variant="grow"></c-spinner>
49+
<c-spinner color="primary" variant="grow" />
50+
<c-spinner color="secondary" variant="grow" />
51+
<c-spinner color="success" variant="grow" />
52+
<c-spinner color="danger" variant="grow" />
53+
<c-spinner color="warning" variant="grow" />
54+
<c-spinner color="info" variant="grow" />
55+
<c-spinner color="light" variant="grow" />
56+
<c-spinner color="dark" variant="grow" />
5757
</app-docs-example>
5858
</c-card-body>
5959
</c-card>
@@ -69,8 +69,8 @@
6969
be used within other components.
7070
</p>
7171
<app-docs-example href="components/spinner#size">
72-
<c-spinner size="sm"></c-spinner>
73-
<c-spinner size="sm" variant="grow"></c-spinner>
72+
<c-spinner size="sm" />
73+
<c-spinner size="sm" variant="grow" />
7474
</app-docs-example>
7575
</c-card-body>
7676
</c-card>

‎src/app/views/notifications/modals/modals.component.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -303,7 +303,7 @@ <h5 cModalTitle>Modal title</h5>
303303
<button [cModalToggle]="scrollingLongContentModal.id" cButtonClose></button>
304304
</c-modal-header>
305305
<c-modal-body>
306-
<ng-container *ngTemplateOutlet="longContent"></ng-container>
306+
<ng-container *ngTemplateOutlet="longContent" />
307307
</c-modal-body>
308308
<c-modal-footer>
309309
<button [cModalToggle]="scrollingLongContentModal.id" cButton color="secondary">
@@ -322,7 +322,7 @@ <h5 cModalTitle>Modal title</h5>
322322
<button [cModalToggle]="scrollableLongContentModal.id" cButtonClose></button>
323323
</c-modal-header>
324324
<c-modal-body>
325-
<ng-container *ngTemplateOutlet="longContent"></ng-container>
325+
<ng-container *ngTemplateOutlet="longContent" />
326326
</c-modal-body>
327327
<c-modal-footer>
328328
<button [cModalToggle]="scrollableLongContentModal.id" cButton color="secondary">

‎src/app/views/theme/colors.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ export class ColorsComponent implements OnInit, AfterViewInit {
4949
template: `
5050
<c-col xl="2" md="4" sm="6" xs="12" class="my-4 ms-4">
5151
<div [ngClass]="colorClasses()" style="padding-top: 75%;"></div>
52-
<ng-content></ng-content>
52+
<ng-content />
5353
</c-col>
5454
`,
5555
imports: [ColComponent, NgClass],

‎src/app/views/widgets/widgets-dropdown/widgets-dropdown.component.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
</c-dropdown>
3030
</ng-template>
3131
<ng-template cTemplateId="widgetChartTemplate">
32-
<c-chart [data]="data[0]" [options]="options[0]" class="mt-3 mx-3" height="70" [type]="'line'"></c-chart>
32+
<c-chart [data]="data[0]" [options]="options[0]" class="mt-3 mx-3" height="70" [type]="'line'" />
3333
</ng-template>
3434
</c-widget-stat-a>
3535
</c-col>
@@ -58,7 +58,7 @@
5858
</c-dropdown>
5959
</ng-template>
6060
<ng-template cTemplateId="widgetChartTemplate">
61-
<c-chart [data]="data[1]" [options]="options[1]" class="mt-3 mx-3" height="70" type="line"></c-chart>
61+
<c-chart [data]="data[1]" [options]="options[1]" class="mt-3 mx-3" height="70" type="line" />
6262
</ng-template>
6363
</c-widget-stat-a>
6464
</c-col>
@@ -87,7 +87,7 @@
8787
</c-dropdown>
8888
</ng-template>
8989
<ng-template cTemplateId="widgetChartTemplate">
90-
<c-chart [data]="data[2]" [options]="options[2]" class="mt-3" height="70" type="line"></c-chart>
90+
<c-chart [data]="data[2]" [options]="options[2]" class="mt-3" height="70" type="line" />
9191
</ng-template>
9292
</c-widget-stat-a>
9393
</c-col>
@@ -116,7 +116,7 @@
116116
</c-dropdown>
117117
</ng-template>
118118
<ng-template cTemplateId="widgetChartTemplate">
119-
<c-chart [data]="data[3]" [options]="options[3]" class="mt-3 mx-3" height="70" type="bar"></c-chart>
119+
<c-chart [data]="data[3]" [options]="options[3]" class="mt-3 mx-3" height="70" type="bar" />
120120
</ng-template>
121121
</c-widget-stat-a>
122122
</c-col>

‎src/app/views/widgets/widgets-dropdown/widgets-dropdown.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -179,7 +179,7 @@ export class WidgetsDropdownComponent implements OnInit, AfterContentInit {
179179

180180
@Component({
181181
selector: 'app-chart-sample',
182-
template: '<c-chart type="line" [data]="data" [options]="options" width="300" #chart></c-chart>',
182+
template: '<c-chart type="line" [data]="data" [options]="options" width="300" #chart />',
183183
imports: [ChartjsComponent]
184184
})
185185
export class ChartSample implements AfterViewInit {

‎src/app/views/widgets/widgets/widgets.component.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@
9797
</c-row>
9898
</app-docs-example>
9999
<app-docs-example href="components/widgets/#cwidgetstatse">
100-
<app-widgets-e></app-widgets-e>
100+
<app-widgets-e />
101101
</app-docs-example>
102102
<app-docs-example href="components/widgets/#cwidgetstatsf">
103103
<c-row class="g-4">
@@ -289,10 +289,10 @@
289289
</app-docs-example>
290290

291291
<app-docs-example href="components/widgets/#cwidgetstatsd">
292-
<app-widgets-brand></app-widgets-brand>
292+
<app-widgets-brand />
293293
</app-docs-example>
294294
<app-docs-example href="components/widgets/#cwidgetstatsd">
295-
<app-widgets-brand [withCharts]="true"></app-widgets-brand>
295+
<app-widgets-brand [withCharts]="true" />
296296
</app-docs-example>
297297

298298
<app-docs-example href="components/widgets/#cwidgetstatsc">

0 commit comments

Comments
 (0)