install modal

app/app-detail.component.html

@@ -78,10 +78,16 @@
             </div>
             <div class="modal-body">
                 <p>即将开始安装 {{name}}</p>
-                <!-- 安装位置只在 windows 下可选 -->
+                <!-- 安装位置选择只在 windows 下存在, 为了方便调试暂时不加ngif -->
                 <h4>安装位置</h4>
-
-
+                <div class="form-group">
+                    <div class="input-group">
+                        <input type="text" class="form-control" placeholder="安装位置">
+                        <span class="input-group-btn">
+                            <button class="btn btn-secondary" type="button">浏览</button>
+                        </span>
+                    </div>
+                </div>
                 <h4>快捷方式</h4>
                 <div class="checkbox">
                     <label>
@@ -96,12 +102,13 @@
                     </label>
                 </div>
                 <h4>附加内容</h4>
-                <!--<div ng-repeat="(id, ref) in references" class="checkbox">
+                <div *ngFor="let mod of currentApp.references[platform]">
                     <label>
-                        <input type="checkbox" (ngModel)="ref.install" (ngModel)="ref.disabled">
-                        {{apps[id].name}}
+                        <input type="checkbox" (ngModel)="__todo__"
+                               [disabled]="['dependency', 'runtime'].includes(mod.type)">
+                        {{searchApp(mod.id).name[searchApp(mod.id).locales[0]]}}
                     </label>
-                </div>-->
+                </div>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>

app/app-detail.component.ts

@@ -12,6 +12,7 @@ declare var process;
     styleUrls: ['app/app-detail.component.css'],
 })
 export class AppDetailComponent {
+    platform = process.platform;
 
     constructor(private appsService: AppsService, private appService: AppService, private routingService: RoutingService ) {
     }

app/lobby.component.html

 <!-- Begin page content -->
 <div id="main">
     <apps></apps>
-    <app-detail></app-detail>
+    <app-detail *ngIf="routingService.app"></app-detail>
     <roster></roster>
 </div>
 <webview id="candy" src="https://dev.openflex.net/candy"></webview>
\ No newline at end of file

app/lobby.component.ts

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

apps.json

@@ -20,7 +20,22 @@
         }
       }
     },
-    "references": {},
+    "references": {
+      "darwin": [
+        {
+          "id": "th105",
+          "type": "optional"
+        },
+        {
+          "id": "th12_mod1",
+          "type": "language"
+        },
+        {
+          "id": "th12_mod2",
+          "type": "runtime"
+        }
+      ]
+    },
     "locales": [
       "zh-CN"
     ],