Skip to content
This repository was archived by the owner on Aug 19, 2024. It is now read-only.

Commit 8a8d39a

Browse files
committed
Test, Fix and Clean Angular CLI Example
1 parent 95e6057 commit 8a8d39a

File tree

14 files changed

+98
-99
lines changed

14 files changed

+98
-99
lines changed

src/app/date-component/date.component.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
.filter {
2-
margin:2px
2+
margin: 2px
33
}
44

55
.dd {
6-
width:30px
6+
width: 30px
77
}
88

99
.mm {
10-
width:30px
10+
width: 30px
1111
}
1212

1313
.yyyy {
14-
width:60px
14+
width: 60px
1515
}
1616

1717
.reset {

src/app/date-component/date.component.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,5 +2,6 @@
22
<span class="reset" (click)="onResetDate()">x</span>
33
<input class="dd" (ngModelChange)="onDateChanged('dd', $event)" placeholder="dd" [(ngModel)]="dd" maxLength="2"/>/
44
<input class="mm" (ngModelChange)="onDateChanged('mm', $event)" placeholder="mm" [(ngModel)]="mm" maxLength="2"/>/
5-
<input class="yyyy" (ngModelChange)="onDateChanged('yyyy', $event)" placeholder="yyyy" [(ngModel)]="yyyy" maxLength="4"/>
5+
<input class="yyyy" (ngModelChange)="onDateChanged('yyyy', $event)" placeholder="yyyy" [(ngModel)]="yyyy"
6+
maxLength="4"/>
67
</div>

src/app/filters/skillFilter.ts

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import RefData from '../data/refData';
2-
import {IFilter,IFilterParams} from "ag-grid/main";
2+
import {IFilter, IFilterParams} from "ag-grid/main";
33

44
const SKILL_TEMPLATE =
55
`<label style="border: 1px solid lightgrey; margin: 4px; padding: 4px; display: inline-block;">
@@ -18,10 +18,10 @@ const FILTER_TITLE =
1818
</div>`;
1919

2020
export default class SkillFilter implements IFilter {
21-
private filterChangedCallback:Function;
22-
private model:any;
21+
private filterChangedCallback: Function;
22+
private model: any;
2323

24-
public init(params: IFilterParams) : void {
24+
public init(params: IFilterParams): void {
2525
this.filterChangedCallback = params.filterChangedCallback;
2626
this.model = {
2727
android: false,
@@ -80,11 +80,11 @@ export default class SkillFilter implements IFilter {
8080
return model.android || model.css || model.html5 || model.mac || model.windows;
8181
};
8282

83-
public getModel():any {
83+
public getModel(): any {
8484
return undefined;
8585
}
8686

87-
public setModel(model:any):void {
87+
public setModel(model: any): void {
8888
}
8989
}
9090

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,28 @@
1-
.customHeaderMenuButton{
1+
.customHeaderMenuButton {
22
margin-top: 5px;
33
margin-left: 4px;
44
float: left;
55
}
66

7-
.customHeaderLabel{
7+
.customHeaderLabel {
88
margin-left: 5px;
99
margin-top: 3px;
1010
float: left;
1111
}
1212

13-
.customSortDownLabel{
13+
.customSortDownLabel {
1414
float: left;
1515
margin-left: 10px;
1616
margin-top: 5px;
1717
}
1818

19-
.customSortUpLabel{
19+
.customSortUpLabel {
2020
float: left;
2121
margin-left: 3px;
2222
margin-top: 4px;
2323
}
2424

25-
.customSortRemoveLabel{
25+
.customSortRemoveLabel {
2626
float: left;
2727
font-size: 11px;
2828
margin-left: 3px;
@@ -33,4 +33,6 @@
3333
color: cornflowerblue;
3434
}
3535

36-
.hidden { display:none; }
36+
.hidden {
37+
display: none;
38+
}
Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,17 @@
11
<div>
2-
<div [hidden]="!params.enableMenu" class="customHeaderMenuButton" (click)="onMenuClick()"><i class="{{'fa ' + params.menuIcon}}"></i></div>
2+
<div [hidden]="!params.enableMenu" class="customHeaderMenuButton" (click)="onMenuClick()"><i
3+
class="{{'fa ' + params.menuIcon}}"></i></div>
34
<div class="customHeaderLabel">{{params.displayName}}</div>
4-
<div [hidden]="!params.enableSorting" class="{{'customSortDownLabel'+ (this.sorted === 'desc' ? ' active' : '') }}" (click)="onSortRequested('desc', $event)">
5+
<div [hidden]="!params.enableSorting" class="{{'customSortDownLabel'+ (this.sorted === 'desc' ? ' active' : '') }}"
6+
(click)="onSortRequested('desc', $event)">
57
<i class="fa fa-long-arrow-down"></i>
68
</div>
7-
<div [hidden]="!params.enableSorting" class="{{'customSortUpLabel'+ (this.sorted === 'asc' ? ' active' : '') }}" (click)="onSortRequested('asc', $event)">
9+
<div [hidden]="!params.enableSorting" class="{{'customSortUpLabel'+ (this.sorted === 'asc' ? ' active' : '') }}"
10+
(click)="onSortRequested('asc', $event)">
811
<i class="fa fa-long-arrow-up"></i>
912
</div>
10-
<div [hidden]="!params.enableSorting" class="{{'customSortRemoveLabel'+ (this.sorted === '' ? ' active' : '') }}" (click)="onSortRequested('', $event)">
13+
<div [hidden]="!params.enableSorting" class="{{'customSortRemoveLabel'+ (this.sorted === '' ? ' active' : '') }}"
14+
(click)="onSortRequested('', $event)">
1115
<i class="fa fa-times"></i>
1216
</div>
1317
</div>

src/app/header-group-component/header-group.component.css

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
.customHeaderLabel{
1+
.customHeaderLabel {
22
margin-left: 5px;
33
margin-top: 3px;
44
float: left;
55
}
66

7-
.customExpandButton{
8-
float:right;
7+
.customExpandButton {
8+
float: right;
99
margin-top: 5px;
1010
margin-left: 3px;
1111
}
@@ -27,9 +27,7 @@
2727
transform: rotate(0deg);
2828
}
2929

30-
31-
32-
@keyframes toExpanded{
30+
@keyframes toExpanded {
3331
from {
3432
color: cornflowerblue;
3533
-ms-transform: rotate(0deg); /* IE 9 */
@@ -44,7 +42,7 @@
4442
}
4543
}
4644

47-
@keyframes toCollapsed{
45+
@keyframes toCollapsed {
4846
from {
4947
color: black;
5048
-ms-transform: rotate(180deg); /* IE 9 */
Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<div>
22
<div class="customHeaderLabel"> {{this.params.displayName}}</div>
3-
<div (click)="expandOrCollapse()" class="{{'customExpandButton' + (this.expanded ? ' expanded': ' collapsed')}}"><i class="fa fa-arrow-right" ></i></div>
3+
<div (click)="expandOrCollapse()" class="{{'customExpandButton' + (this.expanded ? ' expanded': ' collapsed')}}"><i
4+
class="fa fa-arrow-right"></i></div>
45
</div>

src/app/rich-grid-example/rich-grid.component.html

Lines changed: 38 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22
<h1>Rich Grid Example</h1>
33
<div style="padding: 4px;">
44
<div style="float: right;">
5-
<input (keyup)="onQuickFilterChanged($event)" type="text" id="quickFilterInput" placeholder="Type text to filter..."/>
5+
<input (keyup)="onQuickFilterChanged($event)" type="text" id="quickFilterInput"
6+
placeholder="Type text to filter..."/>
67
<button [disabled]="!showGrid" (click)="showGrid=false">Destroy Grid</button>
78
<button [disabled]="showGrid" (click)="showGrid=true">Create Grid</button>
89
</div>
@@ -42,45 +43,45 @@ <h1>Rich Grid Example</h1>
4243

4344
<ag-grid-angular style="width: 100%; height: 350px;" class="ag-theme-balham"
4445

45-
[gridOptions]="gridOptions"
46-
[columnDefs]="columnDefs"
47-
[showToolPanel]="showToolPanel"
48-
[rowData]="rowData"
46+
[gridOptions]="gridOptions"
47+
[columnDefs]="columnDefs"
48+
[showToolPanel]="showToolPanel"
49+
[rowData]="rowData"
4950

50-
enableColResize
51-
enableSorting
52-
enableFilter
53-
groupHeaders
54-
suppressRowClickSelection
55-
toolPanelSuppressGroups
56-
toolPanelSuppressValues
57-
rowSelection="multiple"
51+
enableColResize
52+
enableSorting
53+
enableFilter
54+
groupHeaders
55+
suppressRowClickSelection
56+
toolPanelSuppressGroups
57+
toolPanelSuppressValues
58+
rowSelection="multiple"
5859

59-
(modelUpdated)="onModelUpdated()"
60-
(cellClicked)="onCellClicked($event)"
61-
(cellDoubleClicked)="onCellDoubleClicked($event)"
62-
(cellContextMenu)="onCellContextMenu($event)"
63-
(cellValueChanged)="onCellValueChanged($event)"
64-
(cellFocused)="onCellFocused($event)"
65-
(rowSelected)="onRowSelected($event)"
66-
(selectionChanged)="onSelectionChanged()"
67-
(beforeFilterChanged)="onBeforeFilterChanged()"
68-
(afterFilterChanged)="onAfterFilterChanged()"
69-
(filterModified)="onFilterModified()"
70-
(beforeSortChanged)="onBeforeSortChanged()"
71-
(afterSortChanged)="onAfterSortChanged()"
72-
(virtualRowRemoved)="onVirtualRowRemoved($event)"
73-
(rowClicked)="onRowClicked($event)"
74-
(gridReady)="onReady($event)"
60+
(modelUpdated)="onModelUpdated()"
61+
(cellClicked)="onCellClicked($event)"
62+
(cellDoubleClicked)="onCellDoubleClicked($event)"
63+
(cellContextMenu)="onCellContextMenu($event)"
64+
(cellValueChanged)="onCellValueChanged($event)"
65+
(cellFocused)="onCellFocused($event)"
66+
(rowSelected)="onRowSelected($event)"
67+
(selectionChanged)="onSelectionChanged()"
68+
(beforeFilterChanged)="onBeforeFilterChanged()"
69+
(afterFilterChanged)="onAfterFilterChanged()"
70+
(filterModified)="onFilterModified()"
71+
(beforeSortChanged)="onBeforeSortChanged()"
72+
(afterSortChanged)="onAfterSortChanged()"
73+
(virtualRowRemoved)="onVirtualRowRemoved($event)"
74+
(rowClicked)="onRowClicked($event)"
75+
(gridReady)="onReady($event)"
7576

76-
(columnEverythingChanged)="onColumnEvent($event)"
77-
(columnRowGroupChanged)="onColumnEvent($event)"
78-
(columnValueChanged)="onColumnEvent($event)"
79-
(columnMoved)="onColumnEvent($event)"
80-
(columnVisible)="onColumnEvent($event)"
81-
(columnGroupOpened)="onColumnEvent($event)"
82-
(columnResized)="onColumnEvent($event)"
83-
(columnPinnedCountChanged)="onColumnEvent($event)">
77+
(columnEverythingChanged)="onColumnEvent($event)"
78+
(columnRowGroupChanged)="onColumnEvent($event)"
79+
(columnValueChanged)="onColumnEvent($event)"
80+
(columnMoved)="onColumnEvent($event)"
81+
(columnVisible)="onColumnEvent($event)"
82+
(columnGroupOpened)="onColumnEvent($event)"
83+
(columnResized)="onColumnEvent($event)"
84+
(columnPinnedCountChanged)="onColumnEvent($event)">
8485
</ag-grid-angular>
8586
</div>
8687

src/environments/environment.prod.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
export const environment = {
2-
production: true
2+
production: true
33
};

src/environments/environment.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,5 @@
44
// The list of which env maps to which file can be found in `angular-cli.json`.
55

66
export const environment = {
7-
production: false
7+
production: false
88
};

0 commit comments

Comments
 (0)