ygopro

app/app-detail.component.html

@@ -15,12 +15,13 @@
         </progress>
     </div>
 </div>
-<div *ngIf="isInstalled">
+<div *ngIf="isInstalled && (routingService.app != 'ygopro')">
     <button (click)="startApp(routingService.app)" type="button" class="btn btn-primary">运行</button>
     <button type="button" class="btn btn-secondary">设置</button>
-    <button (click)="openDir(routingService.app)" type="button" class="btn btn-secondary">游览本地文件</button>
+    <button (click)="appsService.browse(routingService.app)" type="button" class="btn btn-secondary">游览本地文件</button>
     <button type="button" class="btn btn-secondary">联机</button>
 </div>
+<ygopro *ngIf="isInstalled && (routingService.app == 'ygopro')"></ygopro>
 
 <br>
 
@@ -65,12 +66,22 @@
             <td>{{'app.' + mod.id + '.name' | translate}}</td>
             <td>{{mod.type}}</td>
             <td *ngIf="checkInstall(mod.id)">
-                <button type="button" class="btn btn-danger btn-sm">卸载</button></td>
+                <button type="button" class="btn btn-danger btn-sm">卸载</button>
+            </td>
             <td *ngIf="!checkInstall(mod.id)">
-                <button *ngIf="!appsService.getDownloadInfo(mod.id)" (click)="install(mod.id)" type="button" class="btn btn-primary btn-sm">安装</button>
-                <progress *ngIf="appsService.getDownloadInfo(mod.id) && appsService.getDownloadInfo(mod.id).status === 'active'" class="progress progress-striped progress-animated" value="{{appsService.getDownloadInfo(mod.id).progress}}" max="100"></progress>
-                <div *ngIf="appsService.getDownloadInfo(mod.id) && appsService.getDownloadInfo(mod.id).status === 'wait'">等待安装...</div>
-                <div *ngIf="appsService.getDownloadInfo(mod.id) && appsService.getDownloadInfo(mod.id).status === 'install'">正在安装...</div>
+                <button *ngIf="!appsService.getDownloadInfo(mod.id)" (click)="install(mod.id)" type="button"
+                        class="btn btn-primary btn-sm">安装
+                </button>
+                <progress
+                        *ngIf="appsService.getDownloadInfo(mod.id) && appsService.getDownloadInfo(mod.id).status === 'active'"
+                        class="progress progress-striped progress-animated"
+                        value="{{appsService.getDownloadInfo(mod.id).progress}}" max="100"></progress>
+                <div *ngIf="appsService.getDownloadInfo(mod.id) && appsService.getDownloadInfo(mod.id).status === 'wait'">
+                    等待安装...
+                </div>
+                <div *ngIf="appsService.getDownloadInfo(mod.id) && appsService.getDownloadInfo(mod.id).status === 'install'">
+                    正在安装...
+                </div>
             </td>
         </tr>
         </tbody>
@@ -84,7 +95,7 @@
 {{appsService.tarQueue | json}}
 {{appsService.waitInstallQueue | json}}
 </pre>
-<button (click)="appsService.doTar()" >DOTAR</button>
+<button (click)="appsService.doTar()">DOTAR</button>
 
 <!-- Modal -->
 <div class="modal fade" id="install-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
@@ -103,7 +114,8 @@
                 <h4>安装位置</h4>
                 <div class="form-group">
                     <div class="input-group">
-                        <input type="text" [(ngModel)]="appsService.installConfig.installDir" name="installDir" class="form-control" placeholder="安装位置">
+                        <input type="text" [(ngModel)]="appsService.installConfig.installDir" name="installDir"
+                               class="form-control" placeholder="安装位置">
                         <span class="input-group-btn">
                             <button (click)="selectDir()" class="btn btn-secondary" type="button">浏览</button>
                         </span>
@@ -112,7 +124,8 @@
                 <h4>快捷方式</h4>
                 <div class="checkbox">
                     <label>
-                        <input type="checkbox" [(ngModel)]="appsService.installConfig.shortcut.application" name="application">
+                        <input type="checkbox" [(ngModel)]="appsService.installConfig.shortcut.application"
+                               name="application">
                         创建应用程序快捷方式
                     </label>
                 </div>

app/app-detail.component.ts

@@ -134,10 +134,6 @@ export class AppDetailComponent {
         return dir[0];
     }
 
-    openDir(id) {
-        this.electron.remote.shell.showItemInFolder(this.appsService.searchApp(id).local.path);
-    }
-
     startApp(id) {
         let execute = this.path.join(this.appsService.searchApp(id).local.path, this.appsService.searchApp(id).actions[process.platform]["main"].execute);
         let args = this.appsService.searchApp(id).actions[process.platform]["main"].args;

app/apps.service.ts

@@ -430,4 +430,8 @@ export class AppsService {
             return !1;
         return !0
     }
+
+    browse(id) {
+        this.electron.remote.shell.showItemInFolder(this.searchApp(id).local.path);
+    }
 }

app/mycard.module.ts

@@ -13,6 +13,8 @@ import {RosterComponent} from './roster.component';
 import {CandyComponent} from './candy.component';
 import {CommunityComponent} from './community.component';
 
+import {YGOProComponent} from './ygopro.component';
+
 import {RoutingService} from './routing.service';
 import {AppsService} from './apps.service';
 
@@ -20,7 +22,7 @@ import {TranslateModule} from 'ng2-translate';
 
 @NgModule({
     imports: [BrowserModule, FormsModule, HttpModule, TranslateModule.forRoot()],
-    declarations: [MyCardComponent, LoginComponent, StoreComponent, LobbyComponent, CommunityComponent, AppsComponent, AppDetailComponent, RosterComponent, CandyComponent],
+    declarations: [MyCardComponent, LoginComponent, StoreComponent, LobbyComponent, CommunityComponent, AppsComponent, AppDetailComponent, RosterComponent, CandyComponent, YGOProComponent],
     bootstrap: [MyCardComponent],
     providers: [RoutingService, AppsService],
     schemas: [NO_ERRORS_SCHEMA]

app/ygopro.component.html

+<form class="form-inline">
+    <div class="form-group">
+        <label for="exampleSelect1">卡组</label>
+        <select class="form-control" id="exampleSelect1">
+            <option>1</option>
+            <option>2</option>
+            <option>3</option>
+            <option>4</option>
+            <option>5</option>
+        </select>
+    </div>
+    <button type="submit" class="btn btn-secondary">编辑</button>
+    <button type="submit" class="btn btn-secondary">删除</button>
+</form>
+
+<div>
+    <button type="button" class="btn btn-primary">竞技匹配</button>
+    <button type="button" class="btn btn-secondary">娱乐匹配</button>
+    <!--<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#game-create-modal">创建房间</button>-->
+    <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#game-list-modal">房间列表</button>
+    <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#game-create-windbot">单人模式</button>
+    <button (click)="appsService.browse(routingService.app)" type="button" class="btn btn-secondary">浏览本地文件</button>
+</div>
\ No newline at end of file

app/ygopro.component.ts

+/**
+ * Created by zh99998 on 16/9/2.
+ */
+import {Component} from '@angular/core';
+import {AppsService} from "./apps.service";
+import {RoutingService} from "./routing.service";
+@Component({
+    selector: 'ygopro',
+    templateUrl: 'app/ygopro.component.html',
+    styleUrls: ['app/ygopro.component.css'],
+})
+export class YGOProComponent {
+    constructor(private appsService: AppsService, private routingService: RoutingService) {
+    }
+}