feat(maimai2): improve serverMission/pointExchange pages

Author: MikiraSora

src/app/sega/maimai2/maimai2-point-exchanges/maimai2-point-exchanges.component.html

@@ -63,6 +63,18 @@ <h4 class="mb-0">任务点数兑换 - 舞萌DX</h4>
               </div>
             </div>
             <div class="col-md-4 d-flex align-items-end">
+              <div class="form-check form-switch hide-completed-toggle">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  role="switch"
+                  id="onlyEnable"
+                  [(ngModel)]="onlyEnable"
+                />
+                <label class="form-check-label" for="onlyEnable">
+                  只显示允许兑换的
+                </label>
+              </div>
               <button
                 class="btn btn-outline-primary w-50"
                 (click)="loadExchangeItemDataList(0)"

src/app/sega/maimai2/maimai2-point-exchanges/maimai2-point-exchanges.component.ts

@@ -61,6 +61,8 @@ export class Maimai2PointExchangesComponent implements OnInit {
 
   searchKeyword: string = "";
 
+  onlyEnable = false;
+
   userExchangeInfoMap: Map<number, Maimai2UserExchangeItemData> = new Map<number, Maimai2UserExchangeItemData>();
 
   ngOnInit() {
@@ -99,6 +101,7 @@ export class Maimai2PointExchangesComponent implements OnInit {
       .set('aimeId', this.aimeId)
       .set('page', page)
       .set('size', this.pageSize)
+      .set('onlyEnable', this.onlyEnable)
       .set('filterItemType', this.filterItemType == null ? 0 : this.filterItemType)
       .set('searchPattern', this.searchKeyword);
 

src/app/sega/maimai2/maimai2-server-missions/maimai2-server-missions.component.ts

@@ -71,8 +71,37 @@ export class Maimai2ServerMissionsComponent implements OnInit {
     this.loadUserServerMissionInfo();
   }
 
-  updateFilterUserServerMissionInfoList(){
+  getRefreshSCycleOrderValue(cycle: Maimai2ServerMissionRefreshCycle): number {
+    switch (cycle) {
+      case Maimai2ServerMissionRefreshCycle.EveryDay:
+        return 1;
+      case Maimai2ServerMissionRefreshCycle.EveryWeek:
+        return 2;
+      case Maimai2ServerMissionRefreshCycle.EveryMonth:
+        return 3;
+      default:
+        return 99;
+    }
+  }
+
+  updateFilterUserServerMissionInfoList() {
     this.filterUserServerMissionInfoList = this.hideCompleted ? this.userServerMissionInfoList.filter(m => !this.isMissionCompleted(m)) : this.userServerMissionInfoList;
+    if (this.filterUserServerMissionInfoList && this.filterUserServerMissionInfoList.length > 0)
+      this.filterUserServerMissionInfoList = this.filterUserServerMissionInfoList.sort((a, b) => {
+        //先按刷新周期分类
+        var order = this.getRefreshSCycleOrderValue(a.refreshCycle) - this.getRefreshSCycleOrderValue(b.refreshCycle);
+        if (order != 0)
+          return order;
+/*
+        //再按任务状态分类，未完成的在前面
+        order = Number(this.isMissionCompleted(a)) - Number(this.isMissionCompleted(b));
+        if (order != 0)
+          return order;
+*/
+        //最后按任务标题排序
+        order = a.missionTitle.localeCompare(b.missionTitle);
+        return order;
+      });
   }
 
   loadUserPointsInfo(page: number = 0) {