Skip to content

Commit f1e5dd8

Browse files
sibiraj-ssibiraj-s
committed
chore: run prettier on html with angular parser
1 parent ea2b4f0 commit f1e5dd8

File tree

10 files changed

+103
-56
lines changed

10 files changed

+103
-56
lines changed

‎.prettierrc.yml

+3
Original file line numberDiff line numberDiff line change
@@ -12,3 +12,6 @@ overrides:
1212
- files: '*.{md,mdx}'
1313
options:
1414
printWidth: 80
15+
- files: 'projects/**/*.html'
16+
options:
17+
parser: angular

‎projects/demo/src/app/components/custom-menu/custom-menu.component.html

+5-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
<div class="NgxEditor__Seperator"></div>
2-
<div class="NgxEditor__MenuItem NgxEditor__MenuItem--Text" (mousedown)="onClick($event)"
3-
[ngClass]="{'NgxEditor__MenuItem--Active': isActive, 'NgxEditor--Disabled': isDisabled}">
2+
<div
3+
class="NgxEditor__MenuItem NgxEditor__MenuItem--Text"
4+
(mousedown)="onClick($event)"
5+
[ngClass]="{ 'NgxEditor__MenuItem--Active': isActive, 'NgxEditor--Disabled': isDisabled }"
6+
>
47
CodeMirror
58
</div>

‎projects/demo/src/index.html

+12-14
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,15 @@
11
<!doctype html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="utf-8">
6-
<title>NgxEditor</title>
7-
<base href="/">
8-
9-
<meta name="viewport" content="width=device-width, initial-scale=1">
10-
<link rel="icon" type="image/x-icon" href="favicon.ico">
11-
</head>
12-
13-
<body>
14-
<app-root></app-root>
15-
</body>
16-
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>NgxEditor</title>
6+
<base href="/" />
7+
8+
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
<link rel="icon" type="image/x-icon" href="favicon.ico" />
10+
</head>
11+
12+
<body>
13+
<app-root></app-root>
14+
</body>
1715
</html>

‎projects/ngx-editor/src/lib/components/image-view/image-view.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<span class="NgxEditor__ImageWrapper" [ngClass]="{'NgxEditor__Resizer--Active': selected}" [style.width]="outerWidth">
1+
<span class="NgxEditor__ImageWrapper" [ngClass]="{ 'NgxEditor__Resizer--Active': selected }" [style.width]="outerWidth">
22
<span class="NgxEditor__ResizeHandle" *ngIf="selected">
3-
<span class="NgxEditor__ResizeHandle--TL" (mousedown)="startResizing($event, 'left')"></span>
3+
<span class="NgxEditor__ResizeHandle--TL" (mousedown)="startResizing($event, 'left')"></span>
44
<span class="NgxEditor__ResizeHandle--TR" (mousedown)="startResizing($event, 'right')"></span>
55
<span class="NgxEditor__ResizeHandle--BL" (mousedown)="startResizing($event, 'left')"></span>
66
<span class="NgxEditor__ResizeHandle--BR" (mousedown)="startResizing($event, 'right')"></span>

‎projects/ngx-editor/src/lib/modules/menu/bubble/bubble.component.html

+11-4
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,16 @@
11
<ng-container *ngFor="let toolbarItem of toolbar; let lastToolbarItem = last; trackBy: trackByIndex">
22
<ng-container *ngFor="let item of toolbarItem; let lastItem = last; trackBy: trackByIndex">
3-
<div class="NgxBubbleMenu__Icon" [ngClass]="{'NgxBubbleMenu__Icon--Active': this.activeItems.includes(item),
4-
'NgxEditor--Disabled': !this.execulableItems.includes(item)}" (mousedown)="onClick($event, item)"
5-
*ngIf="toggleCommands.includes(item)" [title]="getTitle(item) | async" [innerHTML]="getIcon(item)">
6-
</div>
3+
<div
4+
class="NgxBubbleMenu__Icon"
5+
*ngIf="toggleCommands.includes(item)"
6+
[ngClass]="{
7+
'NgxBubbleMenu__Icon--Active': this.activeItems.includes(item),
8+
'NgxEditor--Disabled': !this.execulableItems.includes(item)
9+
}"
10+
(mousedown)="onClick($event, item)"
11+
[title]="getTitle(item) | async"
12+
[innerHTML]="getIcon(item)"
13+
></div>
714
<div class="NgxBubbleMenu__Seperator" *ngIf="lastItem && !lastToolbarItem"></div>
815
</ng-container>
916
</ng-container>

‎projects/ngx-editor/src/lib/modules/menu/color-picker/color-picker.component.html

+16-8
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,25 @@
1-
<div class="NgxEditor__MenuItem--IconContainer" [class.NgxEditor__MenuItem--Active]="isActive || showPopup"
2-
[class.NgxEditor--Disabled]="!canExecute" [innerHTML]="icon | sanitizeHtml" (mousedown)="togglePopup($event)"
3-
[title]="title | async">
4-
</div>
1+
<div
2+
class="NgxEditor__MenuItem--IconContainer"
3+
[class.NgxEditor__MenuItem--Active]="isActive || showPopup"
4+
[class.NgxEditor--Disabled]="!canExecute"
5+
[innerHTML]="icon | sanitizeHtml"
6+
(mousedown)="togglePopup($event)"
7+
[title]="title | async"
8+
></div>
59

610
<div *ngIf="showPopup" class="NgxEditor__Popup">
711
<div *ngFor="let colorGroup of presets; trackBy: trackByIndex" class="NgxEditor__ColorContainer">
8-
<button class="NgxEditor__Color" *ngFor="let color of colorGroup; trackBy: trackByIndex"
9-
[ngStyle]="{backgroundColor: color, color:getContrastYIQ(color)}" [title]="color"
12+
<button
13+
class="NgxEditor__Color"
14+
*ngFor="let color of colorGroup; trackBy: trackByIndex"
15+
[ngStyle]="{ backgroundColor: color, color: getContrastYIQ(color) }"
16+
[title]="color"
1017
(mousedown)="onColorSelect($event, color)"
11-
[ngClass]="{'NgxEditor__Color--Active': activeColors.includes(color)}"></button>
18+
[ngClass]="{ 'NgxEditor__Color--Active': activeColors.includes(color) }"
19+
></button>
1220
</div>
1321

1422
<button class="NgxEditor__MenuItem--Button" (mousedown)="remove($event)" [disabled]="!isActive">
15-
{{getLabel('remove') | async}}
23+
{{ getLabel('remove') | async }}
1624
</button>
1725
</div>

‎projects/ngx-editor/src/lib/modules/menu/dropdown/dropdown.component.html

+16-6
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,22 @@
1-
<div class="NgxEditor__Dropdown--Text" [class.NgxEditor__Dropdown--Selected]="isSelected"
2-
[class.NgxEditor--Disabled]="isDropdownDisabled" (mousedown)="toggleDropdown($event)">
3-
{{getName(activeItem || group) | async}}
1+
<div
2+
class="NgxEditor__Dropdown--Text"
3+
[class.NgxEditor__Dropdown--Selected]="isSelected"
4+
[class.NgxEditor--Disabled]="isDropdownDisabled"
5+
(mousedown)="toggleDropdown($event)"
6+
>
7+
{{ getName(activeItem || group) | async }}
48
</div>
59

610
<div class="NgxEditor__Dropdown--DropdownMenu" *ngIf="isDropdownOpen">
7-
<div class="NgxEditor__Dropdown--Item" *ngFor="let item of items; trackBy: trackByIndex"
11+
<div
12+
class="NgxEditor__Dropdown--Item"
13+
*ngFor="let item of items; trackBy: trackByIndex"
814
(mousedown)="onClick($event, item)"
9-
[ngClass]="{'NgxEditor__Dropdown--Active': item === activeItem, 'NgxEditor--Disabled':disabledItems.includes(item)}">
10-
{{getName(item) | async}}
15+
[ngClass]="{
16+
'NgxEditor__Dropdown--Active': item === activeItem,
17+
'NgxEditor--Disabled': disabledItems.includes(item)
18+
}"
19+
>
20+
{{ getName(item) | async }}
1121
</div>
1222
</div>

‎projects/ngx-editor/src/lib/modules/menu/insert-command/insert-command.component.html

+7-3
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1-
<div class="NgxEditor__MenuItem--IconContainer" [class.NgxEditor--Disabled]="disabled" [innerHTML]="html | sanitizeHtml"
2-
(mousedown)="insert($event)" [title]="getTitle(name) | async">
3-
</div>
1+
<div
2+
class="NgxEditor__MenuItem--IconContainer"
3+
[class.NgxEditor--Disabled]="disabled"
4+
[innerHTML]="html | sanitizeHtml"
5+
(mousedown)="insert($event)"
6+
[title]="getTitle(name) | async"
7+
></div>

‎projects/ngx-editor/src/lib/modules/menu/menu.component.html

+23-13
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
<div class="NgxEditor__MenuBar"
2-
[ngClass]="{'NgxEditor--Disabled': disabled, 'NgxEditor__MenuBar--Reverse': dropdownPlacement === 'top'}">
3-
1+
<div
2+
class="NgxEditor__MenuBar"
3+
[ngClass]="{ 'NgxEditor--Disabled': disabled, 'NgxEditor__MenuBar--Reverse': dropdownPlacement === 'top' }"
4+
>
45
<ng-container *ngFor="let toolbarItem of toolbar; let lastToolbarItem = last; trackBy: trackByIndex">
56
<ng-container *ngFor="let item of toolbarItem; let lastItem = last; trackBy: trackByIndex">
6-
77
<!-- toggle icons -->
88
<ngx-toggle-command [toolbarItem]="item" [class]="iconContainerClass" *ngIf="toggleCommands.includes(item)">
99
</ngx-toggle-command>
@@ -15,23 +15,34 @@
1515
<ngx-link [class]="iconContainerClass" *ngIf="item === 'link'"></ngx-link>
1616

1717
<!-- image -->
18-
<ngx-image [class]="iconContainerClass" *ngIf="item === 'image'">
19-
</ngx-image>
18+
<ngx-image [class]="iconContainerClass" *ngIf="item === 'image'"> </ngx-image>
2019

2120
<!-- dropdown -->
2221
<ng-container *ngIf="isDropDown(item)">
23-
<ngx-dropdown *ngFor="let dropdownItem of getDropdownItems(item) | keyvalue; trackBy: trackByIndex"
24-
[class]="dropdownContainerClass" [group]="dropdownItem.key" [items]="dropdownItem.value">
22+
<ngx-dropdown
23+
*ngFor="let dropdownItem of getDropdownItems(item) | keyvalue; trackBy: trackByIndex"
24+
[class]="dropdownContainerClass"
25+
[group]="dropdownItem.key"
26+
[items]="dropdownItem.value"
27+
>
2528
</ngx-dropdown>
2629
</ng-container>
2730

2831
<!-- text color picker -->
29-
<ngx-color-picker [class]="iconContainerClass" *ngIf="item === 'text_color'" type="text_color"
30-
[presets]="presets">
32+
<ngx-color-picker
33+
[class]="iconContainerClass"
34+
*ngIf="item === 'text_color'"
35+
type="text_color"
36+
[presets]="presets"
37+
>
3138
</ngx-color-picker>
3239
<!-- background color picker -->
33-
<ngx-color-picker [class]="iconContainerClass" *ngIf="item === 'background_color'" type="background_color"
34-
[presets]="presets">
40+
<ngx-color-picker
41+
[class]="iconContainerClass"
42+
*ngIf="item === 'background_color'"
43+
type="background_color"
44+
[presets]="presets"
45+
>
3546
</ngx-color-picker>
3647

3748
<!-- seperator -->
@@ -43,5 +54,4 @@
4354
<ng-container *ngIf="customMenuRef">
4455
<ng-container [ngTemplateOutlet]="customMenuRef"></ng-container>
4556
</ng-container>
46-
4757
</div>

‎projects/ngx-editor/src/lib/modules/menu/toggle-command/toggle-command.component.html

+8-4
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,8 @@
1-
<div class="NgxEditor__MenuItem--IconContainer" [class.NgxEditor__MenuItem--Active]="isActive"
2-
[class.NgxEditor--Disabled]="disabled" [innerHTML]="html | sanitizeHtml" (mousedown)="toggle($event)"
3-
[title]="getTitle(name) | async">
4-
</div>
1+
<div
2+
class="NgxEditor__MenuItem--IconContainer"
3+
[class.NgxEditor__MenuItem--Active]="isActive"
4+
[class.NgxEditor--Disabled]="disabled"
5+
[innerHTML]="html | sanitizeHtml"
6+
(mousedown)="toggle($event)"
7+
[title]="getTitle(name) | async"
8+
></div>

0 commit comments

Comments
 (0)