reformat code

app/app-detail.component.css

@@ -5,12 +5,10 @@
     padding: 1rem;
 }
 
-
 .list-group {
     width: 20rem;
 }
 
-
 .news-block {
     padding: 0;
 }
@@ -27,6 +25,7 @@ progress {
 #news h3 {
     font-size: 1.5rem;
 }
+
 #news p {
     margin-bottom: 0;
 }
@@ -42,12 +41,12 @@ progress {
     width: 300px;
 }
 
-#network .input-group-btn>.btn:not(:last-child):not(.dropdown-toggle){
+#network .input-group-btn > .btn:not(:last-child):not(.dropdown-toggle) {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
 }
 
-#network .input-group-btn>.dropdown-toggle{
+#network .input-group-btn > .dropdown-toggle {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
 }
\ No newline at end of file

app/apps.component.html

@@ -3,20 +3,17 @@
     <li *ngFor="let app of grouped_apps.installed" [class.active]="app===appsService.currentApp">
         <a (click)="chooseApp(app)" href="#">{{app.name}}</a>
     </li>
-</ul>
-<span *ngIf="grouped_apps.yugioh">游戏王</span>
+</ul><span *ngIf="grouped_apps.yugioh">游戏王</span>
 <ul *ngIf="grouped_apps.yugioh" class="nav nav-sidebar">
     <li *ngFor="let app of grouped_apps.yugioh" [class.active]="app===appsService.currentApp">
         <a (click)="chooseApp(app)" href="#">{{app.name}}</a>
     </li>
-</ul>
-<span *ngIf="grouped_apps.touhou">东方 Project</span>
+</ul><span *ngIf="grouped_apps.touhou">东方 Project</span>
 <ul *ngIf="grouped_apps.touhou" class="nav nav-sidebar">
     <li *ngFor="let app of grouped_apps.touhou" [class.active]="app===appsService.currentApp">
         <a (click)="chooseApp(app)" href="#">{{app.name}}</a>
     </li>
-</ul>
-<span *ngIf="grouped_apps.touhou_pc98">东方旧作</span>
+</ul><span *ngIf="grouped_apps.touhou_pc98">东方旧作</span>
 <ul *ngIf="grouped_apps.touhou_pc98" class="nav nav-sidebar">
     <li *ngFor="let app of grouped_apps.touhou_pc98" [class.active]="app===appsService.currentApp">
         <a (click)="chooseApp(app)" href="#">{{app.name}}</a>

app/community.component.ts

@@ -2,10 +2,11 @@
  * Created by zh99998 on 16/9/2.
  */
 
-import { Component } from '@angular/core';
+import {Component} from "@angular/core";
 @Component({
     selector: 'community',
     templateUrl: 'app/community.component.html',
     styleUrls: ['app/community.component.css'],
 })
-export class CommunityComponent { }
+export class CommunityComponent {
+}

app/lobby.component.html

@@ -4,6 +4,4 @@
     <app-detail *ngIf="appsService._currentApp"></app-detail>
     <roster></roster>
 </div>
-<webview id="candy"
-         [src]="candy_url"
+<webview id="candy" [src]="candy_url" nodeintegration></webview>
\ No newline at end of file
-         nodeintegration></webview>
\ No newline at end of file

app/login.component.css

 :host {
     display: flex;
 }
+
 webview {
     flex-grow: 1;
 }
\ No newline at end of file

app/login.service.ts

@@ -4,7 +4,6 @@
 import {Injectable} from "@angular/core";
 import {Http} from "@angular/http";
 
-
 interface User {
     admin: boolean;
     avatar_url: string;

app/main.ts

-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { MyCard } from './mycard.module';
-import {enableProdMode} from '@angular/core';
+import {platformBrowserDynamic} from "@angular/platform-browser-dynamic";
+import {MyCard} from "./mycard.module";
 //enableProdMode();
 platformBrowserDynamic().bootstrapModule(MyCard);

app/mycard.component.html

@@ -18,11 +18,9 @@
     </ul>
     <div class="navbar-right">
         <div id="user" *ngIf="loginService.user">
-            <a href="#forum" class="require-login profile">
-                <img id="avatar" [src]="loginService.user.avatar_url" alt="image">
-            </a>
-            <a href="#forum" class="require-login profile item" id="username"></a>
-            <a (click)="loginService.logout()" href="#ygopro" id="logout" class="require-login item">切换账号</a>
+            <a class="require-login profile"><img id="avatar" [src]="loginService.user.avatar_url" alt="image"></a>
+            <a class="require-login profile item" id="username"></a>
+            <a (click)="loginService.logout()" id="logout" class="require-login item">切换账号</a>
             <!--<a (click)="refresh()" href="#ygopro" id="refresh" class="item">刷新</a>-->
         </div>
         <div id="window-buttons" [hidden]="platform == 'darwin'">
@@ -33,9 +31,7 @@
         </div>
     </div>
 </nav>
-
 <login class="page" *ngIf="!loginService.user"></login>
 <store class="page" *ngIf="loginService.user" [hidden]="currentPage != 'store'"></store>
 <lobby class="page" *ngIf="loginService.user" [hidden]="currentPage != 'lobby'"></lobby>
-<webview id="community" class="page" *ngIf="loginService.user" [hidden]="currentPage != 'community'"
-         src="https://ygobbs.com"></webview>
+<webview id="community" class="page" *ngIf="loginService.user" [hidden]="currentPage != 'community'" src="https://ygobbs.com"></webview>
\ No newline at end of file
\ No newline at end of file

app/roster.component.ts

 /**
  * Created by zh99998 on 16/9/2.
  */
-import { Component } from '@angular/core';
+import {Component} from "@angular/core";
 @Component({
     selector: 'roster',
     templateUrl: 'app/roster.component.html',
     styleUrls: ['app/roster.component.css'],
 })
-export class RosterComponent { }
+export class RosterComponent {
+}

app/store.component.ts

 /**
  * Created by zh99998 on 16/9/2.
  */
-import { Component } from '@angular/core';
+import {Component} from "@angular/core";
 @Component({
     selector: 'store',
     templateUrl: 'app/store.component.html',
     styleUrls: ['app/store.component.css'],
 })
-export class StoreComponent { }
+export class StoreComponent {
+}

app/ygopro.component.css

@@ -3,10 +3,12 @@
     overflow-y: auto;
     height: 21.5rem;
 }
+
 #game-list-modal thead {
     position: relative;
     display: block;
 }
+
 #game-list-modal tr {
     width: 100%;
     display: table;
@@ -15,6 +17,7 @@
 #game-list-modal .table {
     margin-bottom: 0;
 }
+
 #game-list-modal .avatar {
     width: 25px;
     height: 25px;
@@ -31,10 +34,12 @@
     top: 15px;
     right: 15px;
 }
+
 #game-list-modal .modal-header {
     padding-left: 0;
     padding-right: 0;
 }
+
 #game-list-modal .modal-header th {
     line-height: 36px;
     padding-top: 0;
@@ -42,16 +47,17 @@
     border: none;
 
 }
+
 #game-list-modal .modal-body {
     padding: 0;
     height: 21.4rem;
 }
 
-#game-list-modal .modal-body tr:first-child td{
+#game-list-modal .modal-body tr:first-child td {
     border-top: none;
 }
 
-#game-list-modal .modal-body tr:last-child td{
+#game-list-modal .modal-body tr:last-child td {
     border-bottom: none;
 }
 
@@ -59,12 +65,15 @@
 #game-list-modal .title {
     width: 25%;
 }
+
 #game-list-modal .users {
     width: 20%;
 }
+
 #game-list-modal .mode {
     width: 20%;
 }
+
 #game-list-modal .extra {
     width: 35%;
 }

app/ygopro.component.html

@@ -18,8 +18,7 @@
     <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#game-create-windbot">单人模式</button>
 </div>
 
-<div class="modal fade" id="game-create-windbot" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-     aria-hidden="true">
+<div class="modal fade" id="game-create-windbot" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -31,8 +30,7 @@
             <div class="modal-body">
                 <label>选择对手</label>
                 <div id="windbot" class="list-group">
-                    <a *ngFor="let name of windbot" href="#" class="list-group-item"
-                       (click)="join_windbot(name)">{{name}}</a>
+                    <a *ngFor="let name of windbot" href="#" class="list-group-item" (click)="join_windbot(name)">{{name}}</a>
                 </div>
             </div>
             <div class="modal-footer">
@@ -42,8 +40,7 @@
     </div>
 </div>
 
-<div class="modal fade" id="game-create-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-     aria-hidden="true">
+<div class="modal fade" id="game-create-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -57,8 +54,7 @@
                     <div class="form-group row">
                         <label for="game-create-title" class="col-sm-2 form-control-label">游戏标题</label>
                         <div class="col-sm-10">
-                            <input type="text" class="form-control" id="game-create-title" name="title"
-                                   [(ngModel)]="room.title">
+                            <input type="text" class="form-control" id="game-create-title" name="title" [(ngModel)]="room.title">
                         </div>
                     </div>
                     <div class="form-group row">
@@ -88,25 +84,19 @@
                             <div class="row">
                                 <label for="game-create-start-lp" class="col-sm-6 form-control-label">初始 LP</label>
                                 <div class="col-sm-6">
-                                    <input name="start_lp" type="number" value="8000" min="1" max="65536"
-                                           class="form-control form-control-sm game-create-extra"
-                                           id="game-create-start-lp" [(ngModel)]="room.start_lp">
+                                    <input name="start_lp" type="number" value="8000" min="1" max="65536" class="form-control form-control-sm game-create-extra" id="game-create-start-lp" [(ngModel)]="room.start_lp">
                                 </div>
                             </div>
                             <div class="row">
                                 <label for="game-create-start-hand" class="col-sm-6 form-control-label">初始手牌数</label>
                                 <div class="col-sm-6">
-                                    <input name="start_hand" type="number" value="5" min="0" max="16"
-                                           class="form-control form-control-sm game-create-extra"
-                                           id="game-create-start-hand" [(ngModel)]="room.start_hand">
+                                    <input name="start_hand" type="number" value="5" min="0" max="16" class="form-control form-control-sm game-create-extra" id="game-create-start-hand" [(ngModel)]="room.start_hand">
                                 </div>
                             </div>
                             <div class="row">
                                 <label for="game-create-draw-count" class="col-sm-6 form-control-label">每回合抽卡</label>
                                 <div class="col-sm-6">
-                                    <input name="draw_count" type="number" value="1" min="0" max="16"
-                                           class="form-control form-control-sm game-create-extra"
-                                           id="game-create-draw-count" [(ngModel)]="room.draw_count">
+                                    <input name="draw_count" type="number" value="1" min="0" max="16" class="form-control form-control-sm game-create-extra" id="game-create-draw-count" [(ngModel)]="room.draw_count">
                                 </div>
                             </div>
                         </div>
@@ -117,8 +107,7 @@
                                 </label>
                             </div>
                             <div class="checkbox">
-                                <label>
-                                    <input name="no_check_deck" type="checkbox" [(ngModel)]="room.no_check_deck">不检查卡组
+                                <label> <input name="no_check_deck" type="checkbox" [(ngModel)]="room.no_check_deck">不检查卡组
                                 </label>
                             </div>
                             <div class="checkbox">
@@ -140,8 +129,7 @@
                     </div>-->
                 </div>
                 <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary float-left" data-dismiss="modal" data-toggle="modal"
-                            data-target="#game-list-modal">查看房间
+                    <button type="button" class="btn btn-secondary float-left" data-dismiss="modal" data-toggle="modal" data-target="#game-list-modal">查看房间
                     </button>
                     <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                     <button type="submit" class="btn btn-primary">创建</button>
@@ -149,10 +137,8 @@
             </form>
         </div>
     </div>
-</div>
-<!-- Modal -->
-<div class="modal fade" id="game-list-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-     aria-hidden="true">
+</div><!-- Modal -->
+<div class="modal fade" id="game-list-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <table class="table table-striped table-hover">
@@ -169,8 +155,7 @@
                 <tr *ngFor="let room of rooms" class="room" (click)="join_room(room)">
                     <td class="title">{{room.title}}</td>
                     <td class="users">
-                        <img *ngFor="let user of room.users" class="avatar"
-                             [src]="'https://ygobbs.com/user_avatar/ygobbs.com/' + user.username + '/25/1.png'">
+                        <img *ngFor="let user of room.users" class="avatar" [src]="'https://ygobbs.com/user_avatar/ygobbs.com/' + user.username + '/25/1.png'">
                     </td>
                     <td class="mode">{{{'0': '单局模式', '1': '比赛模式', '2': 'TAG'}[room.mode]}}</td>
                     <td class="extra">
@@ -188,8 +173,7 @@
                 <span aria-hidden="true">&times;</span>
             </button>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary float-left" data-dismiss="modal" data-toggle="modal"
-                        data-target="#game-create-modal">创建房间
+                <button type="button" class="btn btn-secondary float-left" data-dismiss="modal" data-toggle="modal" data-target="#game-create-modal">创建房间
                 </button>
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
             </div>

sort_apps.js

-let apps = require('./apps.json')
+let apps = require('./apps.json');
 
-let result = apps.map((app)=>{
-	console.error(app.id)
-	let result = {}
-	result.id = app.id
-	result.name = app.name
-	result.description = app.description
-	let parent = apps.find(a=>app.id.startsWith(a.id+'-'));
-	if(parent){
-		result.category = "module"
-		result.parent = parent.id
-		result.tags = ["language"]
-	} else {
-		result.category = "game"
-		result.tags = app.tags
-	}
-	result.dependency = {
-    	"win32": [],
-    	"darwin": ['wine']
+let result = apps.map((app)=> {
+    console.error(app.id);
+    let result = {};
+    result.id = app.id;
+    result.name = app.name;
+    result.description = app.description;
+    let parent = apps.find(a=>app.id.startsWith(a.id + '-'));
+    if (parent) {
+        result.category = "module";
+        result.parent = parent.id;
+        result.tags = ["language"]
+    } else {
+        result.category = "game";
+        result.tags = app.tags
     }
-    let references = apps.filter(a=>a.id.startsWith(app.id+'-')).map(a=>a.id)
+    result.dependency = {
+        "win32": [],
+        "darwin": ['wine']
+    };
+    let references = apps.filter(a=>a.id.startsWith(app.id + '-')).map(a=>a.id);
     result.references = {
-    	"win32": references,
-    	"darwin": references
-    }
-	result.author = app.author
-	result.homepage = app.homepage
-	result.locales = app.locales
-	result.actions = app.actions
-	result.version = app.version
-	result.download = app.download
-	result.news = app.news
+        "win32": references,
+        "darwin": references
+    };
+    result.author = app.author;
+    result.homepage = app.homepage;
+    result.locales = app.locales;
+    result.actions = app.actions;
+    result.version = app.version;
+    result.download = app.download;
+    result.news = app.news;
 
-	return result
+    return result
 })
-.sort((a, b)=>a.id < b.id ? -1 : 1)
+    .sort((a, b)=>a.id < b.id ? -1 : 1);
 
-for (let app of result){
-	console.error(app.id)
+for (let app of result) {
+    console.error(app.id)
 }
 
-console.log(JSON.stringify(result))
+console.log(JSON.stringify(result));
\ No newline at end of file