diff src/app/app.component.html @ 505:cf4a17efb5d4

Update angular deps, fix material api changes. (currently running an earlier TypeScript version due to restrictions from angular)

--- a/src/app/app.component.html	Fri Aug 25 17:10:11 2017 +0100
+++ b/src/app/app.component.html	Thu Oct 12 13:12:33 2017 +0100
@@ -1,7 +1,7 @@
 <div class="ugly-container">
   <div class="ugly-header">
-    <md-toolbar color="primary">
-      <md-icon svgIcon="duck"></md-icon>
+    <mat-toolbar color="primary">
+      <mat-icon svgIcon="duck"></mat-icon>
 
       <span class="ugly-toolbar-filler"></span>
 
@@ -17,16 +17,16 @@
       <ugly-audio-file-open
         (fileOpened)="onFileOpened($event); tray.close()"
       ></ugly-audio-file-open>
-      <button md-icon-button (click)="analyses.stepBack()">
-        <md-icon>undo</md-icon>
+      <button mat-icon-button (click)="analyses.stepBack()">
+        <mat-icon>undo</mat-icon>
       </button>
-      <button md-icon-button (click)="analyses.stepForward()">
-        <md-icon>redo</md-icon>
+      <button mat-icon-button (click)="analyses.stepForward()">
+        <mat-icon>redo</mat-icon>
       </button>
-      <button md-icon-button (click)="tray.toggle()">
-        <md-icon>extension</md-icon>
+      <button mat-icon-button (click)="tray.toggle()">
+        <mat-icon>extension</mat-icon>
       </button>
-    </md-toolbar>
+    </mat-toolbar>
   </div>
 
   <ugly-action-tray #tray>