安装时显示依赖列表

app/app-detail.component.css

@@ -17,6 +17,10 @@ progress {
     width: 100%;
 }
 
+.dependency {
+    margin-right: 0.8em;
+}
+
 #news h3 {
     font-size: 1.5rem;
 }

app/app-detail.component.html

@@ -12,8 +12,10 @@
           class="progress progress-striped progress-animated"
           value="{{currentApp.status.progress}}" max="{{currentApp.status.total}}"></progress>
 <div *ngIf="currentApp.status.status==='ready' && (currentApp.id != 'ygopro')">
-    <button (click)="runApp(currentApp)" type="button" class="btn btn-primary">运行</button>
-    <button *ngIf="currentApp.actions.get('custom')" (click)="custom(currentApp)" type="button"
+    <button *ngIf="currentApp.runable()" (click)="runApp(currentApp)" type="button" class="btn btn-primary">
+        运行
+    </button>
+    <button *ngIf="currentApp.runable() && currentApp.actions.get('custom')" (click)="custom(currentApp)" type="button"
             class="btn btn-secondary">设置
     </button>
 
@@ -53,7 +55,7 @@
 
 <br>
 
-<h2 *ngIf="news.length">新闻</h2>
+<h2 *ngIf="news && news.length">新闻</h2>
 
 <div id="news" *ngFor="let item of news">
     <h3>{{item.title}}</h3>
@@ -75,7 +77,7 @@
 
 
 <div *ngIf="currentApp.isInstalled()">
-    <div *ngIf="mods">
+    <div *ngIf="mods && mods.length">
         <h2>{{'mods'|translate}}</h2>
         <table class="table table-striped">
             <thead class="thead-inverse">
@@ -150,7 +152,7 @@
                         {{'create_desktop_shortcut'|translate}}
                     </label>
                 </div>
-                <h4>{{'additions'|translate}}</h4>
+                <h4 *ngIf="installConfig.references.length">{{'additions'|translate}}</h4>
                 <div *ngFor="let reference of installConfig.references">
                     <label>
                         <input type="checkbox" [(ngModel)]="reference.install" name="references"
@@ -158,6 +160,10 @@
                         {{reference.app.name}}
                     </label>
                 </div>
+                <div>
+                    依赖：<span class="dependency" *ngFor="let dependency of currentApp.findDependencies()">{{dependency.name}}</span>
+                </div>
+
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">{{'cancel'|translate}}</button>

app/app.ts

@@ -65,6 +65,10 @@ export class App {
         return !!this.local;
     }
 
+    runable() {
+        return [Category.game].includes(this.category);
+    }
+
     constructor(app) {
         this.id = app.id;
         this.name = app.name;

apps.json

@@ -69,22 +69,13 @@
       "darwin": "1.06"
     },
     "news": [
-      {
-        "url": "#",
-        "title": "红魔乡新闻",
-        "text": "周刊照片杂志（写真週刊誌）「FLASH」的吉祥物「写写丸」（しゃしゃまる）。该杂志的记者也常以「写写丸」的名义进行体验取材、突击取材等。"
-      },
-      {
-        "url": "#",
-        "title": "红魔乡新闻2"
-      }
     ],
     "conference": "touhou"
   },
   {
     "id": "th06-lang-zh-TW",
     "name": {
-      "zh-CN": "东方红魔乡 语言包(繁体中文)"
+      "zh-CN": "东方红魔乡 语言包 (繁体中文)"
     },
     "description": {
       "zh-CN": "fxt desc"
@@ -225,7 +216,7 @@
   {
     "id": "th07-lang-zh-TW",
     "name": {
-      "zh-CN": "东方妖妖梦 语言包(繁体中文)"
+      "zh-CN": "东方妖妖梦 语言包 (繁体中文)"
     },
     "description": {
       "zh-CN": "fxt desc"
@@ -366,7 +357,7 @@
   {
     "id": "th075-lang-zh-TW",
     "name": {
-      "zh-CN": "东方萃梦想 语言包(繁体中文)"
+      "zh-CN": "东方萃梦想 语言包 (繁体中文)"
     },
     "description": {
       "zh-CN": "fxt desc"
@@ -508,7 +499,7 @@
   {
     "id": "th08-lang-zh-CN",
     "name": {
-      "zh-CN": "东方永夜抄 语言包(简体中文)"
+      "zh-CN": "东方永夜抄 语言包 (简体中文)"
     },
     "description": {
       "zh-CN": "fxt desc"
@@ -649,7 +640,7 @@
   {
     "id": "th09-lang-zh-TW",
     "name": {
-      "zh-CN": "东方花映冢 (繁体中文)"
+      "zh-CN": "东方花映冢 语言包 (繁体中文)"
     },
     "description": {
       "zh-CN": "fxt desc"
@@ -790,7 +781,7 @@
   {
     "id": "th095-lang-zh-TW",
     "name": {
-      "zh-CN": "东方文花帖 (繁体中文)"
+      "zh-CN": "东方文花帖 语言包 (繁体中文)"
     },
     "description": {
       "zh-CN": "fxt desc"
@@ -931,7 +922,7 @@
   {
     "id": "th10-lang-zh-CN-zh-TW",
     "name": {
-      "zh-CN": "东方风神录 语言包 (简体中文, 繁体中文)"
+      "zh-CN": "东方风神录 语言包 (简体中文)"
     },
     "description": {
       "zh-CN": "fxt desc"
@@ -2206,7 +2197,7 @@
   {
     "id": "ghost_trick-lang-zh-CN",
     "name": {
-      "zh-CN": "幽灵诡计 语言包(简体中文)"
+      "zh-CN": "幽灵诡计 语言包 (简体中文)"
     },
     "description": {
       "zh-CN": "A script engine for \"yu-gi-oh!\" and sample gui."