frontend/allowance-planner-v2/src/app/models/task.ts

@@ -1,6 +0,0 @@
-export interface Task {
-    id: number;
-    name: string;
-    reward: number;
-    assigned: number;
-}

frontend/allowance-planner-v2/src/app/pages/allowance/allowance.page.html

@@ -1,4 +1,4 @@
-<ion-header [translucent]="true" class="ion-no-border">
+<ion-header [translucent]="true">
   <ion-toolbar>
     <ion-title>
       Allowance

frontend/allowance-planner-v2/src/app/pages/history/history.page.html

@@ -1,4 +1,4 @@
-<ion-header [translucent]="true" class="ion-no-border">
+<ion-header [translucent]="true">
   <ion-toolbar>
     <ion-title>
       History

frontend/allowance-planner-v2/src/app/pages/tasks/tasks.module.ts

@@ -5,22 +5,14 @@ import { FormsModule } from '@angular/forms';
 import { TasksPage } from './tasks.page';
 
 import { TasksPageRoutingModule } from './tasks-routing.module';
-import { provideHttpClient } from '@angular/common/http';
-import { TaskService } from 'src/app/services/task.service';
-import { MatIconModule } from '@angular/material/icon';
 
 @NgModule({
   imports: [
     IonicModule,
     CommonModule,
     FormsModule,
-    TasksPageRoutingModule,
+    TasksPageRoutingModule
-    MatIconModule,
   ],
-  declarations: [TasksPage],
+  declarations: [TasksPage]
-  providers: [
-    provideHttpClient(),
-    TaskService
-  ]
 })
 export class TasksPageModule {}

frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.html

@@ -1,4 +1,4 @@
-<ion-header [translucent]="true" class="ion-no-border">
+<ion-header [translucent]="true">
   <ion-toolbar>
     <ion-title>
       Tasks
@@ -7,17 +7,4 @@
 </ion-header>
 
 <ion-content>
-  <div class="icon">
-    <mat-icon>filter_alt</mat-icon>
-  </div>
-  <div class="list">
-    <div class="task" *ngFor="let task of tasks">
-      <button>Done</button>
-      <div class="name">{{ task.name }}</div>
-      <div
-        class="reward"
-        [ngClass]="{ 'negative': task.reward < 0 }"
-      >{{ task.reward.toFixed(2) }} SP</div>
-    </div>
-  </div>
 </ion-content>

frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.scss

@@ -1,47 +0,0 @@
-.icon {
-    padding: 5px;
-    display: flex;
-    justify-content: flex-end;
-    color: var(--ion-color-primary);
-}
-
-mat-icon {
-    font-size: 35px;
-    width: 35px;
-    height: 35px;
-}
-
-.list {
-    border-top: 1px solid var(--line-color);
-}
-
-.task {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    border-bottom: 1px solid var(--line-color);
-    padding: 5px;
-}
-
-.name {
-    margin-left: 10px;
-    color: var(--font-color);
-}
-
-.reward {
-    margin-left: auto;
-    margin-right: 15px;
-    color: var(--positive-amount-color);
-}
-
-.negative {
-    color: var(--negative-amount-color);
-}
-
-button {
-    width: 57px;
-    height: 30px;
-    border-radius: 10px;
-    color: white;
-    background: var(--confirm-button-color);
-}

frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.ts

@@ -1,6 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
-import { TaskService } from 'src/app/services/task.service';
-import { Task } from 'src/app/models/task';
 
 @Component({
   selector: 'app-tasks',
@@ -8,17 +6,8 @@ import { Task } from 'src/app/models/task';
   styleUrls: ['tasks.page.scss'],
   standalone: false,
 })
-export class TasksPage implements OnInit {
+export class TasksPage {
-  public tasks: Array<Task> = [];
 
-  constructor(
+  constructor() {}
-    private taskService: TaskService
-  ) {}
-
-  ngOnInit(): void {
-    this.taskService.getTaskList().subscribe(tasks => {
-      this.tasks = tasks;
-    });
-  }
 
 }

frontend/allowance-planner-v2/src/app/services/task.service.ts

@@ -1,16 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { Observable } from 'rxjs';
-import { Task } from '../models/task';
-
-@Injectable({
-    providedIn: 'root'
-})
-export class TaskService {
-    private url = 'http://localhost:8080/api'
-    constructor(private http: HttpClient) {}
-
-    getTaskList(): Observable<Array<Task>> {
-        return this.http.get<Task[]>(`${this.url}/tasks`);
-    }
-}

frontend/allowance-planner-v2/src/global.scss

@@ -35,11 +35,3 @@
 /* @import "@ionic/angular/css/palettes/dark.always.css"; */
 /* @import "@ionic/angular/css/palettes/dark.class.css"; */
 @import "@ionic/angular/css/palettes/dark.system.css";
-
-ion-title {
-    color: var(--ion-color-primary);
-}
-
-ion-header {
-    border-bottom: 1px solid var(--line-color);
-}

frontend/allowance-planner-v2/src/theme/variables.scss

@@ -4,11 +4,6 @@
     --ion-color-primary: #9C4BE4;
     --ion-color-secondary: #F5E9FF;
     --ion-background-color: #F3F3F3;
-    --font-color: #7B7B7B;
-    --confirm-button-color: #58A66F;
-    --positive-amount-color: #7DCB7D;
-    --negative-amount-color: #C55454;
-    --line-color: #CACACA;
 
     --ion-font-family: 'Myfont';
 }