fix:add home forum person

novel-app/src/app/tab4/tab4.page.html → novel-app/src/app/person/person.page.html

@@ -14,12 +14,12 @@
 
 <ion-content [fullscreen]="true" class="ion-padding">
   <div class="background-pattern"></div>
-  
+
   <!-- 用户信息卡片 -->
   <ion-card class="user-card">
     <div class="avatar-container">
       <ion-avatar>
-        <img [src]="user.avatar" alt="avatar"/>
+        <img [src]="user.avatar" alt="avatar" />
       </ion-avatar>
     </div>
     <ion-card-header>
@@ -42,12 +42,7 @@
       <ion-item (click)="changeAvatar()">
         <ion-icon name="image-outline" slot="start"></ion-icon>
         <ion-label>更换头像</ion-label>
-        <input 
-          type="file" 
-          #fileInput 
-          (change)="uploadAvatarFromFile($event)" 
-          accept="image/*" 
-          style="display: none">
+        <input type="file" #fileInput (change)="uploadAvatarFromFile($event)" accept="image/*" style="display: none">
       </ion-item>
 
       <ion-item (click)="changePassword()">
@@ -66,4 +61,4 @@
       </ion-item>
     </ion-list>
   </ion-card>
-</ion-content> 
+</ion-content>

novel-app/src/app/tab4/tab4.page.spec.ts → novel-app/src/app/person/person.page.spec.ts

@@ -1,13 +1,13 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { Tab4Page } from './tab4.page';
+import { PersonPage } from './person.page';
 
-describe('Tab4Page', () => {
-  let component: Tab4Page;
-  let fixture: ComponentFixture<Tab4Page>;
+describe('PersonPage', () => {
+  let component: PersonPage;
+  let fixture: ComponentFixture<PersonPage>;
 
   beforeEach(async () => {
-    fixture = TestBed.createComponent(Tab4Page);
+    fixture = TestBed.createComponent(PersonPage);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

novel-app/src/app/tab4/tab4.page.ts → novel-app/src/app/person/person.page.ts

@@ -1,27 +1,29 @@
 import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { FormsModule,ReactiveFormsModule } from '@angular/forms';
-import{Router} from '@angular/router';
-import { IonAvatar, IonBackButton, IonButton, IonButtons, IonContent, IonHeader, IonIcon, 
-  IonItem, IonLabel, IonList, IonTitle, IonToolbar,ToastController, AlertController,IonCard, IonCardHeader, IonCardTitle} from '@ionic/angular/standalone';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { Router } from '@angular/router';
+import {
+  IonAvatar, IonBackButton, IonButton, IonButtons, IonContent, IonHeader, IonIcon,
+  IonItem, IonLabel, IonList, IonTitle, IonToolbar, ToastController, AlertController, IonCard, IonCardHeader, IonCardTitle
+} from '@ionic/angular/standalone';
 import { UserService } from '../services/user.service';
 import { ActionSheetController } from '@ionic/angular';
 import { Camera, CameraResultType, CameraSource } from '@capacitor/camera';
- 
+
 interface User {
   username: string;
   avatar: string;
 }
 
 @Component({
-  selector: 'app-tab4',
-  templateUrl: './tab4.page.html',
-  styleUrls: ['./tab4.page.scss'],
+  selector: 'app-person',
+  templateUrl: './person.page.html',
+  styleUrls: ['./person.page.scss'],
   standalone: true,
-  imports: [IonContent, IonHeader,  IonToolbar, CommonModule, FormsModule,
-    IonAvatar,IonList,IonItem,IonLabel,IonButtons,IonCard,IonIcon,IonTitle,IonButton,IonCardHeader,IonCardTitle]
+  imports: [IonContent, IonHeader, IonToolbar, CommonModule, FormsModule,
+    IonAvatar, IonList, IonItem, IonLabel, IonButtons, IonCard, IonIcon, IonTitle, IonButton, IonCardHeader, IonCardTitle]
 })
-export class Tab4Page implements OnInit {
+export class PersonPage implements OnInit {
   isLoggedIn: boolean = false;
   user: User = {
     username: 'User_123456',
@@ -35,7 +37,7 @@ export class Tab4Page implements OnInit {
     private alertController: AlertController,
     private actionSheetController: ActionSheetController,
     private userService: UserService
-  ) {}
+  ) { }
 
   ngOnInit() {
     this.checkLoginStatus();
@@ -114,11 +116,11 @@ export class Tab4Page implements OnInit {
         resultType: CameraResultType.DataUrl,
         source: sourceType === 'camera' ? CameraSource.Camera : CameraSource.Photos
       });
-      
+
       if (image && image.dataUrl) {
         // 先更新本地显示
         this.user.avatar = image.dataUrl;
-        
+
         // 然后保存到服务
         this.userService.updateAvatar(image.dataUrl).subscribe(
           response => {
@@ -262,7 +264,7 @@ export class Tab4Page implements OnInit {
   }
 
   goToCreativeCenter() {
-    this.router.navigate(['/tabs/tab1']);
+    this.router.navigate(['/tabs/home']);
   }
 
   goToLogin() {
@@ -282,7 +284,7 @@ export class Tab4Page implements OnInit {
           const imageData = e.target.result;
           // 先更新本地显示
           this.user.avatar = imageData;
-          
+
           // 然后保存到服务
           this.userService.updateAvatar(imageData).subscribe(
             response => {

novel-app/src/app/tab3/tab3.page.html

@@ -1,17 +0,0 @@
-<ion-header [translucent]="true">
-  <ion-toolbar>
-    <ion-title>
-      Tab 3
-    </ion-title>
-  </ion-toolbar>
-</ion-header>
-
-<ion-content [fullscreen]="true">
-  <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">Tab 3</ion-title>
-    </ion-toolbar>
-  </ion-header>
-
-  <app-explore-container name="Tab 3 page"></app-explore-container>
-</ion-content>

novel-app/src/app/tab3/tab3.page.spec.ts

@@ -1,18 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { Tab3Page } from './tab3.page';
-
-describe('Tab3Page', () => {
-  let component: Tab3Page;
-  let fixture: ComponentFixture<Tab3Page>;
-
-  beforeEach(async () => {
-    fixture = TestBed.createComponent(Tab3Page);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

novel-app/src/app/tab3/tab3.page.ts

@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone';
-import { ExploreContainerComponent } from '../explore-container/explore-container.component';
-
-@Component({
-  selector: 'app-tab3',
-  templateUrl: 'tab3.page.html',
-  styleUrls: ['tab3.page.scss'],
-  standalone: true,
-  imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent],
-})
-export class Tab3Page {
-  constructor() {}
-}