window control

app/mycard.component.html

@@ -22,11 +22,11 @@
             <a href="#" class="profile item" id="username">{{loginService.user.username}}</a>
             <a href="#" (click)="loginService.logout()" class="item">切换账号</a>
         </div>
-        <div id="window-buttons" [hidden]="platform == 'darwin'">
-            <i id="minimize" class="fa fa-minus" aria-hidden="true"></i>
-            <i id="maximize" class="fa fa-expand" aria-hidden="true"></i>
-            <i id="restore" class="fa fa-clone" hidden aria-hidden="true"></i>
-            <i id="close" class="fa fa-times" aria-hidden="true"></i>
+        <div id="window-buttons" *ngIf="platform != 'darwin'">
+            <i (click)="currentWindow.minimize()" class="fa fa-minus" aria-hidden="true"></i>
+            <i *ngIf="!currentWindow.isMaximized()" (click)="currentWindow.maximize()" class="fa fa-expand" aria-hidden="true"></i>
+            <i *ngIf="currentWindow.isMaximized()" (click)="currentWindow.unmaximize()" class="fa fa-clone" aria-hidden="true"></i>
+            <i (click)="window.close()" class="fa fa-times" aria-hidden="true"></i>
         </div>
     </div>
 </nav>

app/mycard.component.ts

@@ -3,6 +3,7 @@ import {TranslateService} from "ng2-translate";
 import {remote} from "electron";
 import {LoginService} from "./login.service";
 
+
 @Component({
     selector: 'mycard',
     templateUrl: 'app/mycard.component.html',
@@ -14,6 +15,8 @@ export class MyCardComponent {
     currentPage: string = "lobby";
 
     platform = process.platform;
+    currentWindow = remote.getCurrentWindow();
+    window = window;
 
     constructor(private renderer: Renderer, private translate: TranslateService, private loginService: LoginService) {
         renderer.listenGlobal('window', 'message', (event) => {
@@ -29,8 +32,4 @@ export class MyCardComponent {
 
     }
 
-
-    refresh() {
-        remote.getCurrentWindow().reload()
-    }
 }