win版本环境+UI背景样式调整

README.md

+# install dependencies
+npm ci
+
+# serve with hot reload at localhost:4200
+npm run start

package.json

@@ -4,11 +4,10 @@
   "license": "UNLISENCED",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve --aot --host 0.0.0.0",
+    "start": "ng serve --open",
     "build": "ng build --i18n-locale zh-CN --prod --source-map --base-href /mobile/ --deploy-url https://cdn02.moecube.com:444/mobile/ && npm run fuck",
     "build:dev": "ng build --i18n-locale zh-CN --prod --source-map --base-href /mobile2/ --deploy-url https://cdn02.moecube.com:444/mobile2/ && npm run fuck",
     "fuck": "patch -i service-worker.patch dist/ngsw-worker.js",
-    "postinstall": "patch -i webpack.patch -p0 -t",
     "lint": "ng lint"
   },
   "private": true,
@@ -31,8 +30,11 @@
     "hammerjs": "^2.0.8",
     "lodash": "^4.17.10",
     "material-design-icons": "^3.0.1",
+    "path": "^0.12.7",
     "raven-js": "^3.26.2",
     "rxjs": "^6.2.1",
+    "stream": "^0.0.2",
+    "timers": "^0.1.1",
     "webdav": "^1.5.2",
     "zone.js": "^0.8.26"
   },
@@ -48,4 +50,4 @@
     "tslint": "~5.10.0",
     "typescript": "^2.7.2"
   }
-}
+}
\ No newline at end of file

src/app/lobby/lobby.component.html

@@ -47,41 +47,50 @@
     </button>
   </mat-grid-tile>
   <mat-grid-tile><a mat-raised-button color="primary" (click)='reloadServers(["custom"])' routerLink="/ygopro/rooms">
-    <mat-icon>games</mat-icon>
-    <br>房间列表</a></mat-grid-tile>
-  <mat-grid-tile><a mat-raised-button color="primary" (click)='reloadServers(["custom"])' routerLink="/ygopro/rooms/new">
-    <mat-icon>&#xe146;</mat-icon><!--add_box-->
-    <br>创建房间</a></mat-grid-tile>
+      <mat-icon>games</mat-icon>
+      <br>房间列表
+    </a></mat-grid-tile>
+  <mat-grid-tile><a mat-raised-button color="primary" (click)='reloadServers(["custom"])'
+      routerLink="/ygopro/rooms/new">
+      <mat-icon>&#xe146;</mat-icon>
+      <!--add_box-->
+      <br>创建房间
+    </a></mat-grid-tile>
   <mat-grid-tile><a mat-raised-button (click)='reloadServers(["windbot"])' routerLink="/ygopro/windbot">
-    <mat-icon>&#xe195;</mat-icon><!-- airplanemode_active -->
-    <br>单人模式</a></mat-grid-tile>
-  <mat-grid-tile><a mat-raised-button  (click)='reloadServers(["replay"])' routerLink="/ygopro/watch">
-    <mat-icon>&#xe417;</mat-icon><!--remove_red_eye-->
-    <br>观战</a></mat-grid-tile>
+      <mat-icon>&#xe195;</mat-icon><!-- airplanemode_active -->
+      <br>单人模式
+    </a></mat-grid-tile>
+  <mat-grid-tile><a mat-raised-button (click)='reloadServers(["replay"])' routerLink="/ygopro/watch">
+      <mat-icon>&#xe417;</mat-icon>
+      <!--remove_red_eye-->
+      <br>观战
+    </a></mat-grid-tile>
   <!--<mat-grid-tile>-->
   <!--<button mat-raised-button (click)="ygopro.watch_replay()">-->
   <!--<mat-icon>history</mat-icon>-->
   <!--<br>观看录像-->
   <!--</button>-->
   <!--</mat-grid-tile>-->
-  <mat-grid-tile>
+  <!-- <mat-grid-tile>
     <button mat-raised-button (click)="ygopro.edit_deck()">
       <mat-icon>edit</mat-icon>
       <br>编辑卡组
     </button>
-  </mat-grid-tile>
+  </mat-grid-tile> -->
   <mat-grid-tile><a mat-raised-button href="https://ygobbs.com/login" target="_blank">
-    <mat-icon>forum</mat-icon>
-    <br>社区</a></mat-grid-tile>
+      <mat-icon>forum</mat-icon>
+      <br>社区
+    </a></mat-grid-tile>
   <mat-grid-tile><a mat-raised-button [href]="arena_url" target="_blank">
-    <mat-icon fontSet="fa" fontIcon="fa-trophy"></mat-icon>
-    <br>决斗数据库</a></mat-grid-tile>
-  <mat-grid-tile>
+      <mat-icon fontSet="fa" fontIcon="fa-trophy"></mat-icon>
+      <br>决斗数据库
+    </a></mat-grid-tile>
+  <!-- <mat-grid-tile>
     <button mat-raised-button (click)="ygopro.backHome()">
       <mat-icon>home</mat-icon>
       <br>返回直连
     </button>
-  </mat-grid-tile>
+  </mat-grid-tile> -->
   <!--<mat-grid-tile><a mat-raised-button>-->
   <!--<mat-icon>casino</mat-icon>-->
   <!--<br>轮抽 (开发中)</a></mat-grid-tile>-->
@@ -89,35 +98,75 @@
 
 <mat-card *ngIf="ygopro.points | async as points">
   <mat-grid-list id="points" cols="4" rowHeight="20px">
-    <mat-grid-tile><dt>D.P</dt></mat-grid-tile>
-    <mat-grid-tile><dd>{{points.pt}}</dd></mat-grid-tile>
-
-    <mat-grid-tile><dt>经验</dt></mat-grid-tile>
-    <mat-grid-tile><dd>{{points.exp}}</dd></mat-grid-tile>
-
-    <mat-grid-tile><dt>竞技胜率</dt></mat-grid-tile>
-    <mat-grid-tile><dd>{{points.athletic_wl_ratio}}%</dd></mat-grid-tile>
-
-    <mat-grid-tile><dt>竞技排名</dt></mat-grid-tile>
-    <mat-grid-tile><dd>{{points.arena_rank}}</dd></mat-grid-tile>
-
-    <mat-grid-tile><dt>竞技胜场</dt></mat-grid-tile>
-    <mat-grid-tile><dd>{{points.athletic_win}}</dd></mat-grid-tile>
-
-    <mat-grid-tile><dt>竞技总场</dt></mat-grid-tile>
-    <mat-grid-tile><dd>{{points.athletic_all}}</dd></mat-grid-tile>
-
-    <mat-grid-tile><dt>竞技负场</dt></mat-grid-tile>
-    <mat-grid-tile><dd>{{points.athletic_lose}}</dd></mat-grid-tile>
-
-    <mat-grid-tile><dt>娱乐排名</dt></mat-grid-tile>
-    <mat-grid-tile><dd>{{points.exp_rank}}</dd></mat-grid-tile>
-
-    <mat-grid-tile><dt>竞技平局</dt></mat-grid-tile>
-    <mat-grid-tile><dd>{{points.athletic_draw}}</dd></mat-grid-tile>
-
-    <mat-grid-tile><dt>娱乐总场</dt></mat-grid-tile>
-    <mat-grid-tile><dd>{{points.entertain_all}}</dd></mat-grid-tile>
+    <mat-grid-tile>
+      <dt>D.P</dt>
+    </mat-grid-tile>
+    <mat-grid-tile>
+      <dd>{{points.pt}}</dd>
+    </mat-grid-tile>
+
+    <mat-grid-tile>
+      <dt>经验</dt>
+    </mat-grid-tile>
+    <mat-grid-tile>
+      <dd>{{points.exp}}</dd>
+    </mat-grid-tile>
+
+    <mat-grid-tile>
+      <dt>竞技胜率</dt>
+    </mat-grid-tile>
+    <mat-grid-tile>
+      <dd>{{points.athletic_wl_ratio}}%</dd>
+    </mat-grid-tile>
+
+    <mat-grid-tile>
+      <dt>竞技排名</dt>
+    </mat-grid-tile>
+    <mat-grid-tile>
+      <dd>{{points.arena_rank}}</dd>
+    </mat-grid-tile>
+
+    <mat-grid-tile>
+      <dt>竞技胜场</dt>
+    </mat-grid-tile>
+    <mat-grid-tile>
+      <dd>{{points.athletic_win}}</dd>
+    </mat-grid-tile>
+
+    <mat-grid-tile>
+      <dt>竞技总场</dt>
+    </mat-grid-tile>
+    <mat-grid-tile>
+      <dd>{{points.athletic_all}}</dd>
+    </mat-grid-tile>
+
+    <mat-grid-tile>
+      <dt>竞技负场</dt>
+    </mat-grid-tile>
+    <mat-grid-tile>
+      <dd>{{points.athletic_lose}}</dd>
+    </mat-grid-tile>
+
+    <mat-grid-tile>
+      <dt>娱乐排名</dt>
+    </mat-grid-tile>
+    <mat-grid-tile>
+      <dd>{{points.exp_rank}}</dd>
+    </mat-grid-tile>
+
+    <mat-grid-tile>
+      <dt>竞技平局</dt>
+    </mat-grid-tile>
+    <mat-grid-tile>
+      <dd>{{points.athletic_draw}}</dd>
+    </mat-grid-tile>
+
+    <mat-grid-tile>
+      <dt>娱乐总场</dt>
+    </mat-grid-tile>
+    <mat-grid-tile>
+      <dd>{{points.entertain_all}}</dd>
+    </mat-grid-tile>
 
   </mat-grid-list>
 </mat-card>
@@ -140,4 +189,4 @@
       </mat-card-subtitle>
     </mat-card-header>
   </a>
-</mat-card>
+</mat-card>
\ No newline at end of file

src/polyfills.ts

@@ -48,7 +48,7 @@ import 'core-js/fn/symbol/async-iterator';
  * Zone JS is required by default for Angular itself.
  */
 import 'zone.js/dist/zone'; // Included with Angular CLI.
-
+import 'core-js/es7/reflect';
 /**
  * Required to support Web Animations `@angular/platform-browser/animations`.
  * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
@@ -59,15 +59,13 @@ import 'zone.js/dist/zone'; // Included with Angular CLI.
  * By default, zone.js will patch all possible macroTask and DomEvents
  * user can disable parts of macroTask/DomEvents patch by setting following flags
  */
-
+(window as any).process = { env: { DEBUG: undefined }, };
 (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
 (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
 (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+(window as any).global = window;
+global.Buffer = global.Buffer || require('buffer').Buffer;
 
-/*
- * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- * with the following flag, it will bypass `zone.js` patch for IE/Edge
- */
 // (window as any).__Zone_enable_cross_context_check = true;
 
 /***************************************************************************************************

src/styles.css

@@ -40,3 +40,15 @@ body {
   margin-top: 0;
   margin-bottom: 1rem;
 }
+
+.mat-toolbar.mat-primary {
+  background: #0B2241;
+  color: #fff;
+}
+
+.mat-fab.mat-primary,
+.mat-flat-button.mat-primary,
+.mat-mini-fab.mat-primary,
+.mat-raised-button.mat-primary {
+  background-color: #0B2241;
+}
\ No newline at end of file