Skip to content

Commit 8e3a0c8

Browse files
author
Tomasz Dłuski
committed
rename everything md-\w to mat-$1
1 parent 9f8457f commit 8e3a0c8

File tree

8 files changed

+68
-68
lines changed

8 files changed

+68
-68
lines changed

‎EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/src-website/app/components/guides/guides.component.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ <h1>Guides</h1>
44
</efd-header>
55

66
<main>
7-
<md-nav-list>
8-
<a [routerLink]="['/guides/getting-started']" md-list-item>Getting started</a>
9-
</md-nav-list>
7+
<mat-nav-list>
8+
<a [routerLink]="['/guides/getting-started']" mat-list-item>Getting started</a>
9+
</mat-nav-list>
1010
</main>

‎EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/src-website/app/components/guides/guides.component.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@
44
main {
55
min-height: 300px;
66

7-
md-nav-list {
7+
mat-nav-list {
88
margin: 50px;
99

1010
@media (max-width: 488px) {
1111
margin: 16px;
1212
}
1313

14-
[md-list-item] {
14+
[mat-list-item] {
1515
color: mat-color(map-get($efd-app-theme, primary));
1616
}
1717
}

‎EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/src-website/app/components/navbar/navbar.component.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11

2-
<md-toolbar color="primary">
3-
<a class="title" routerLink="/" md-button>
2+
<mat-toolbar color="primary">
3+
<a class="title" routerLink="/" mat-button>
44
<!-- <img src="/assets/icon.png" alt=""> -->
55
<span>DB Diagrams</span>
66
</a>
77
<span class="content">
8-
<a [routerLink]="['/demo']" md-button>Demo</a>
9-
<a [routerLink]="['/guides']" md-button>Guides</a>
8+
<a [routerLink]="['/demo']" mat-button>Demo</a>
9+
<a [routerLink]="['/guides']" mat-button>Guides</a>
1010
<ng-content></ng-content>
1111
</span>
1212
<span>
13-
<a class="github-logo" href="https://github.com/EvAlex/ef-db-diagrams" target="_blank" md-button>
13+
<a class="github-logo" href="https://github.com/EvAlex/ef-db-diagrams" target="_blank" mat-button>
1414
<img src="/assets/github-circle-white-transparent.svg" alt="GitHub">
1515
<span>Github</span>
1616
</a>
1717
<a class="github-logo-sm" href="https://github.com/EvAlex/ef-db-diagrams" target="_blank" mat-icon-button>
1818
<img src="/assets/github-circle-white-transparent.svg" alt="GitHub">
1919
</a>
2020
</span>
21-
</md-toolbar>
21+
</mat-toolbar>

‎EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/src-website/app/components/navbar/navbar.component.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11

2-
md-toolbar {
2+
mat-toolbar {
33
overflow-x: hidden;
44

55
.title {

‎EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/src/app/components/app/app.component.html‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<ng-template #toolbar>
2-
<md-toolbar class="main-toolbar" color="primary" [class.floating-toolbar]="toolbarCollapsed">
2+
<mat-toolbar class="main-toolbar" color="primary" [class.floating-toolbar]="toolbarCollapsed">
33

44
<span #toolbarTitle class="title">
55
Db Diagram
@@ -72,19 +72,19 @@
7272

7373
</span>
7474

75-
</md-toolbar>
75+
</mat-toolbar>
7676
</ng-template>
7777

78-
<md-grid-list cols="4" rowHeight="fit">
79-
<md-grid-tile class="toolbar" [colspan]="toolbarCollapsed ? 0 : 1">
78+
<mat-grid-list cols="4" rowHeight="fit">
79+
<mat-grid-tile class="toolbar" [colspan]="toolbarCollapsed ? 0 : 1">
8080
<div class="toolbar-inner">
8181

8282
<ng-template *ngIf="true; then toolbar"></ng-template>
8383

8484
<ng-container *ngIf="!!model && modelLayout?.initialized">
8585

8686
<div class="spacer toolbar-content">
87-
<md-toolbar>
87+
<mat-toolbar>
8888
<span class="title">Entities</span>
8989

9090
<button
@@ -94,11 +94,11 @@
9494
<mat-icon *ngIf="modelLayout.visibleEntities.length > 0">visibility</mat-icon>
9595
<mat-icon *ngIf="modelLayout.visibleEntities.length === 0">visibility_off</mat-icon>
9696
</button>
97-
</md-toolbar>
98-
<md-nav-list class="entities-list" dense>
99-
<md-list-item *ngFor="let entity of modelLayout.entities">
100-
<mat-icon md-list-icon>web_asset</mat-icon>
101-
<a href="javascript:void(0);" md-line>
97+
</mat-toolbar>
98+
<mat-nav-list class="entities-list" dense>
99+
<mat-list-item *ngFor="let entity of modelLayout.entities">
100+
<mat-icon mat-list-icon>web_asset</mat-icon>
101+
<a href="javascript:void(0);" mat-line>
102102
{{ entity.entity.shortName }}
103103
</a>
104104
<button
@@ -108,12 +108,12 @@
108108
<mat-icon *ngIf="entity.visible">visibility</mat-icon>
109109
<mat-icon *ngIf="!entity.visible">visibility_off</mat-icon>
110110
</button>
111-
</md-list-item>
112-
</md-nav-list>
111+
</mat-list-item>
112+
</mat-nav-list>
113113

114-
<md-toolbar>
114+
<mat-toolbar>
115115
<span class="title">Entity Settings</span>
116-
</md-toolbar>
116+
</mat-toolbar>
117117
<section>
118118
<h4>Properties Table Columns</h4>
119119
<div
@@ -137,19 +137,19 @@ <h4>Properties Table Columns</h4>
137137
</button>
138138
</span>
139139

140-
<md-slide-toggle
140+
<mat-slide-toggle
141141
[checked]="column.visible"
142142
(change)="column.toggleVisibility()"
143143
[disabled]="column.alwaysVisible">
144-
</md-slide-toggle>
144+
</mat-slide-toggle>
145145

146-
<md-input-container>
146+
<mat-input-container>
147147
<input
148148
type="text"
149149
mdInput
150150
[placeholder]="'Column title - ' + column.key"
151151
[(ngModel)]="column.name">
152-
</md-input-container>
152+
</mat-input-container>
153153

154154
</div>
155155
</section>
@@ -159,9 +159,9 @@ <h4>Properties Table Columns</h4>
159159

160160
</ng-container>
161161
</div>
162-
</md-grid-tile>
163-
<md-grid-tile [colspan]="toolbarCollapsed ? 4 : 3" class="diagram">
164-
<md-spinner *ngIf="modelLoading"></md-spinner>
162+
</mat-grid-tile>
163+
<mat-grid-tile [colspan]="toolbarCollapsed ? 4 : 3" class="diagram">
164+
<mat-spinner *ngIf="modelLoading"></mat-spinner>
165165

166166
<div *ngIf="modelLoadError">
167167

@@ -180,5 +180,5 @@ <h1>Failed to load database model.</h1>
180180
<h1>No diagram found</h1>
181181
<h2>Try importing one</h2>
182182
</div>
183-
</md-grid-tile>
184-
</md-grid-list>
183+
</mat-grid-tile>
184+
</mat-grid-list>

‎EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/src/app/components/app/app.component.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ $toolbar-zindex: 30;
1212
flex: 1;
1313
}
1414

15-
md-toolbar {
15+
mat-toolbar {
1616

1717
&.main-toolbar {
1818
padding: 0 16px;
@@ -77,7 +77,7 @@ $toolbar-zindex: 30;
7777
}
7878
}
7979

80-
md-grid-list {
80+
mat-grid-list {
8181
height: 100%;
8282

8383
.toolbar {
@@ -135,7 +135,7 @@ $toolbar-zindex: 30;
135135
}
136136
}
137137

138-
md-toolbar {
138+
mat-toolbar {
139139
margin-top: 16px;
140140
}
141141

@@ -172,7 +172,7 @@ $toolbar-zindex: 30;
172172
font-size: 12px;
173173
}
174174

175-
md-slide-toggle {
175+
mat-slide-toggle {
176176
margin: 0 8px;
177177

178178
@media (max-width: 480px) {

‎EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/src/app/components/db-entity-diagram-figure/db-entity-diagram-figure.component.html‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,56 +1,56 @@
1-
<md-card>
2-
<md-card-title>
1+
<mat-card>
2+
<mat-card-title>
33
<span>
44
<efd-clr-type [type]="entity.clrType" typeColor="black"></efd-clr-type>
55
</span>
66
<button type="button" mat-icon-button (click)="toggleEntityCollapsed()">
77
<mat-icon *ngIf="entityLayout.collapsed">expand_more</mat-icon>
88
<mat-icon *ngIf="!entityLayout.collapsed">expand_less</mat-icon>
99
</button>
10-
</md-card-title>
11-
<md-card-content [class.collapsed]="entityLayout.collapsed">
12-
<md-table #table [dataSource]="propertiesDataSource">
10+
</mat-card-title>
11+
<mat-card-content [class.collapsed]="entityLayout.collapsed">
12+
<mat-table #table [dataSource]="propertiesDataSource">
1313
<!-- Key Column -->
1414
<ng-container cdkColumnDef="key">
15-
<md-header-cell *cdkHeaderCellDef>
15+
<mat-header-cell *cdkHeaderCellDef>
1616
{{ modelLayout.entitiesTableSettings.getColumn('key').name }}
17-
</md-header-cell>
18-
<md-cell *cdkCellDef="let row">
17+
</mat-header-cell>
18+
<mat-cell *cdkCellDef="let row">
1919
<mat-icon *ngIf="isKey(row)">vpn_key</mat-icon>
2020
<span *ngIf="isForeignKey(row)">FK</span>
21-
</md-cell>
21+
</mat-cell>
2222
</ng-container>
2323

2424
<!-- Name Column -->
2525
<ng-container cdkColumnDef="name">
26-
<md-header-cell *cdkHeaderCellDef>
26+
<mat-header-cell *cdkHeaderCellDef>
2727
{{ modelLayout.entitiesTableSettings.getColumn('name').name }}
28-
</md-header-cell>
29-
<md-cell *cdkCellDef="let row"> {{ row.name }} </md-cell>
28+
</mat-header-cell>
29+
<mat-cell *cdkCellDef="let row"> {{ row.name }} </mat-cell>
3030
</ng-container>
3131

3232
<!-- Type Column -->
3333
<ng-container cdkColumnDef="clrType">
34-
<md-header-cell *cdkHeaderCellDef>
34+
<mat-header-cell *cdkHeaderCellDef>
3535
{{ modelLayout.entitiesTableSettings.getColumn('clrType').name }}
36-
</md-header-cell>
37-
<md-cell *cdkCellDef="let row">
36+
</mat-header-cell>
37+
<mat-cell *cdkCellDef="let row">
3838
<efd-clr-type [type]="row.clrType"></efd-clr-type>
39-
</md-cell>
39+
</mat-cell>
4040
</ng-container>
4141

4242
<!-- Nullable Column -->
4343
<ng-container cdkColumnDef="nullable">
44-
<md-header-cell *cdkHeaderCellDef>
44+
<mat-header-cell *cdkHeaderCellDef>
4545
{{ modelLayout.entitiesTableSettings.getColumn('nullable').name }}
46-
</md-header-cell>
47-
<md-cell *cdkCellDef="let row">
46+
</mat-header-cell>
47+
<mat-cell *cdkCellDef="let row">
4848
<ng-container *ngIf="row.isNullable">NULL</ng-container>
49-
</md-cell>
49+
</mat-cell>
5050
</ng-container>
5151

52-
<md-header-row *cdkHeaderRowDef="modelLayout.entitiesTableSettings.displayedColumnsKeys"></md-header-row>
53-
<md-row *cdkRowDef="let row; columns: modelLayout.entitiesTableSettings.displayedColumnsKeys;"></md-row>
54-
</md-table>
55-
</md-card-content>
56-
</md-card>
52+
<mat-header-row *cdkHeaderRowDef="modelLayout.entitiesTableSettings.displayedColumnsKeys"></mat-header-row>
53+
<mat-row *cdkRowDef="let row; columns: modelLayout.entitiesTableSettings.displayedColumnsKeys;"></mat-row>
54+
</mat-table>
55+
</mat-card-content>
56+
</mat-card>

‎EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/src/app/components/db-entity-diagram-figure/db-entity-diagram-figure.component.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
min-width: 320px;
88
transition: transition-property(top) transition-property(left);
99

10-
md-card {
10+
mat-card {
1111
padding: 24px;
1212

1313
@media print {
@@ -16,7 +16,7 @@
1616
}
1717
}
1818

19-
md-card-title {
19+
mat-card-title {
2020
display: flex;
2121
align-items: center;
2222

@@ -26,7 +26,7 @@
2626
}
2727

2828

29-
md-card-content {
29+
mat-card-content {
3030
margin: 0 -24px -24px;
3131
overflow: hidden;
3232

@@ -57,7 +57,7 @@
5757
}
5858
}
5959

60-
md-table {
60+
mat-table {
6161

6262
.mat-column-key {
6363
width: 36px;

0 commit comments

Comments
 (0)