feat(maimai2): add circle/festa page for sdez160 support

Author: MikiraSora

src/app/app.module.ts

@@ -1,33 +1,33 @@
-import {BrowserModule} from '@angular/platform-browser';
-import {NgModule} from '@angular/core';
-import {AppComponent} from './app.component';
-import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
-import {AppRoutingModule} from './app-routing.module';
-import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {MessageModule} from './message/message.module';
-import {DashboardModule} from './dashboard/dashboard.module';
-import {HTTP_INTERCEPTORS, HttpClientModule} from '@angular/common/http';
-import {V2Module} from './sega/chunithm/v2/v2.module';
-import {DatabaseModule} from './database/database.module';
-import {NgxPaginationModule} from 'ngx-pagination';
-import {OngekiModule} from './sega/ongeki/ongeki.module';
-import {Maimai2Module} from './sega/maimai2/maimai2.module';
-import {ErrorInterceptorService} from './auth/error-interceptor.service';
-import {LoadingInterceptorService} from './auth/loading-interceptor.service';
-import {ImporterModule} from './importer/importer.module';
-import {ServiceWorkerModule} from '@angular/service-worker';
-import {environment} from '../environments/environment';
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { AppComponent } from './app.component';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { AppRoutingModule } from './app-routing.module';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MessageModule } from './message/message.module';
+import { DashboardModule } from './dashboard/dashboard.module';
+import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
+import { V2Module } from './sega/chunithm/v2/v2.module';
+import { DatabaseModule } from './database/database.module';
+import { NgxPaginationModule } from 'ngx-pagination';
+import { OngekiModule } from './sega/ongeki/ongeki.module';
+import { Maimai2Module } from './sega/maimai2/maimai2.module';
+import { ErrorInterceptorService } from './auth/error-interceptor.service';
+import { LoadingInterceptorService } from './auth/loading-interceptor.service';
+import { ImporterModule } from './importer/importer.module';
+import { ServiceWorkerModule } from '@angular/service-worker';
+import { environment } from '../environments/environment';
 import {
   Maimai2UploadUserPortraitDialog
 } from './sega/maimai2/maimai2-setting/maimai2-upload-user-portrait/maimai2-upload-user-portrait.dialog';
 
 import Aegis from 'aegis-web-sdk';
-import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
-import {TokenInterceptorService} from './auth/token-interceptor.service';
-import {NgIconsModule} from '@ng-icons/core';
-import {HomeComponent} from './home/home.component';
-import {ToastsContainer} from './toasts-container.component';
-import {CardsComponent} from './cards/cards.component';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { TokenInterceptorService } from './auth/token-interceptor.service';
+import { NgIconsModule } from '@ng-icons/core';
+import { HomeComponent } from './home/home.component';
+import { ToastsContainer } from './toasts-container.component';
+import { CardsComponent } from './cards/cards.component';
 import {
   bootstrapChevronUp,
   bootstrapChevronDown,
@@ -62,6 +62,7 @@ import { LanguageService } from './language.service';
 import { lastValueFrom } from 'rxjs';
 import { KeychipComponent } from './keychip/keychip.component';
 import { ClipboardModule } from '@angular/cdk/clipboard';
+import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import { OauthCallbackComponent } from './oauth-callback/oauth-callback.component';
 import { SignInComponent } from './sign-in/sign-in.component';
 import { SignUpComponent } from './sign-up/sign-up.component';
@@ -86,10 +87,10 @@ export function HttpLoaderFactory(http: HttpClient) {
 export function initializeApp(
   translateService: TranslateService,
   languageService: LanguageService) {
-    return async () => {
-      const userLang = languageService.getCurrentLang();
-      await lastValueFrom(translateService.use(userLang));
-    };
+  return async () => {
+    const userLang = languageService.getCurrentLang();
+    await lastValueFrom(translateService.use(userLang));
+  };
 }
 
 @NgModule({
@@ -109,7 +110,7 @@ export function initializeApp(
     AnnouncementsComponent,
     EditComponent,
     AdminComponent
-   ],
+  ],
   imports: [
     BrowserModule,
     BrowserAnimationsModule,
@@ -127,7 +128,7 @@ export function initializeApp(
     Maimai2Module,
 
     ReactiveFormsModule,
-    ServiceWorkerModule.register('ngsw-worker.js', {enabled: environment.production}),
+    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
     NgbModule,
     FormsModule,
     ToastsContainer,
@@ -162,15 +163,16 @@ export function initializeApp(
         deps: [HttpClient],
       }
     }),
-    ClipboardModule
+    ClipboardModule,
+    NgbModule,
   ],
   providers: [
-    {provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptorService, multi: true},
-    {provide: HTTP_INTERCEPTORS, useClass: LoadingInterceptorService, multi: true},
-    {provide: HTTP_INTERCEPTORS, useClass: TokenInterceptorService, multi: true},
-    {provide: APP_INITIALIZER, useFactory: initializeApp, deps: [TranslateService, LanguageService], multi: true},
+    { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptorService, multi: true },
+    { provide: HTTP_INTERCEPTORS, useClass: LoadingInterceptorService, multi: true },
+    { provide: HTTP_INTERCEPTORS, useClass: TokenInterceptorService, multi: true },
+    { provide: APP_INITIALIZER, useFactory: initializeApp, deps: [TranslateService, LanguageService], multi: true },
   ],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
 export class AppModule {
 }

src/app/menu.service.ts

@@ -165,6 +165,18 @@ export class MenuService {
             url: 'mai2/dxpass',
             displayCondition: DisplayCondition.HasProfile,
           },
+          {
+            id: 8,
+            name: 'Circle',
+            url: 'mai2/circle',
+            displayCondition: DisplayCondition.HasProfile,
+          },
+          {
+            id: 9,
+            name: 'Festa',
+            url: 'mai2/festa',
+            displayCondition: DisplayCondition.HasProfile,
+          },
           {
             id: 7,
             name: 'Rival',

src/app/model/ApiResponse.ts

@@ -0,0 +1,5 @@
+export interface ApiResponse<T> {
+  data: T;
+  time: string;
+  status: number;
+}

src/app/model/Page.ts

@@ -1,5 +1,5 @@
 export interface Page<T> {
-  content: T;
+  content: T[];
   page: number;
   totalPages: number;
   totalElements: number;

src/app/sega/maimai2/maimai2-circle/maimai2-circle.component.css

@@ -0,0 +1,99 @@
+.freedom-pass {
+  border: 1px solid #3d91cd;
+  color: transparent;
+  background: #e625bf linear-gradient(to right, #6db1f6, #11c1ea);
+  -webkit-background-clip: text;
+  background-clip: text;
+}
+
+.gold-pass {
+  border: 1px solid #995014;
+  color: transparent;
+  background: #d1aa79 linear-gradient(45deg, #f4b400, #d1aa79, #b77a3b);
+  -webkit-background-clip: text;
+  background-clip: text;
+}
+
+.normal-pass {
+  background: #451d0c;
+  border: 1px solid #374908;
+  color: white;
+}
+
+.silver-pass {
+  background: #09343c;
+  border: 1px solid #3a4165;
+  color: #6394d5;
+}
+
+.expired-pass {
+  background: #686363;
+  border: 1px solid #c6b1b1;
+  color: white;
+}
+
+/*.pass-text {*/
+/*  display: flex;*/
+/*  align-items: center;*/
+/*  b {*/
+/*    padding: 0 3px;*/
+/*  }*/
+/*}*/
+
+.card {
+  position: relative; /* 使子元素可以绝对定位 */
+}
+
+.overlay-image {
+  position: absolute; /* 用绝对定位确保图像重叠 */
+  top: 0; /* 根据需求设置偏移 */
+  left: 0; /* 根据需求设置偏移 */
+  width: 100%; /* 确保图像填满父容器 */
+  height: auto; /* 高度自适应 */
+  opacity: 1; /* 如果需要，可以调整此值以实现透明效果 */
+  z-index: 1; /* 设置图层顺序 */
+}
+
+/* 框架图像可能需要更高的 z-index */
+.frame-image {
+  z-index: 2; /* 若要确保框架在最上层 */
+}
+
+.horizon-margin {
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
+.vertical-margin {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.multi-line-ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.user-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.user-table th, .user-table td {
+  padding: 8px;
+  text-align: left;
+}
+
+.pagination {
+  margin-top: 10px;
+}
+
+.comment-text {
+  white-space: pre-wrap;       /* 保留换行符，并允许换行 */
+  word-break: break-word;      /* 遇到长单词或连续字符自动换行 */
+  overflow-wrap: break-word;   /* 兼容旧浏览器 */
+  max-height: 100px;           /* 可选：限制高度 */
+  overflow: auto;              /* 可选：超出出现滚动条 */
+}