From 65617c15386b0c99c9543de6f72655e960811df3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20Ha=C3=9Fel?= <git@patrick-hassel.de>
Date: Tue, 29 Oct 2024 12:03:57 +0100
Subject: [PATCH] TextComponent.editable

---
 src/main/angular/src/app/api/User/user.service.ts        | 3 ++-
 .../src/app/pages/group/group/group.component.html       | 8 ++++----
 src/main/angular/src/app/shared/text/text.component.html | 3 ++-
 src/main/angular/src/app/shared/text/text.component.ts   | 9 +++++++--
 4 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/main/angular/src/app/api/User/user.service.ts b/src/main/angular/src/app/api/User/user.service.ts
index 411450d..be49082 100644
--- a/src/main/angular/src/app/api/User/user.service.ts
+++ b/src/main/angular/src/app/api/User/user.service.ts
@@ -60,7 +60,8 @@ export class UserService {
     return this.subject.subscribe(next);
   }
 
-  owns(group: Group): boolean {
+  iOwn(group: Group): boolean {
     return this.user?.publicUuid === group.owner.publicUuid;
   }
+
 }
diff --git a/src/main/angular/src/app/pages/group/group/group.component.html b/src/main/angular/src/app/pages/group/group/group.component.html
index ef0649b..5ab3d41 100644
--- a/src/main/angular/src/app/pages/group/group/group.component.html
+++ b/src/main/angular/src/app/pages/group/group/group.component.html
@@ -8,15 +8,15 @@
     <tr>
       <th>Titel</th>
       <td>
-        <app-text *ngIf="userService.owns(group)" [initial]="group.title" (onChange)="changeTitle(group, $event)"></app-text>
-        <ng-container *ngIf="!userService.owns(group)"></ng-container>
+        <app-text [initial]="group.title" [editable]="userService.iOwn(group)" (onChange)="changeTitle(group, $event)"></app-text>
+        <ng-container *ngIf="!userService.iOwn(group)"></ng-container>
       </td>
     </tr>
     <tr>
       <th>Passwort</th>
       <td>
-        <app-text *ngIf="userService.owns(group)" [initial]="group.password" (onChange)="changePassword(group, $event)"></app-text>
-        <ng-container *ngIf="!userService.owns(group)"></ng-container>
+        <app-text [initial]="group.password" [editable]="userService.iOwn(group)" (onChange)="changePassword(group, $event)"></app-text>
+        <ng-container *ngIf="!userService.iOwn(group)"></ng-container>
       </td>
     </tr>
     <tr>
diff --git a/src/main/angular/src/app/shared/text/text.component.html b/src/main/angular/src/app/shared/text/text.component.html
index a88214f..e446ae2 100644
--- a/src/main/angular/src/app/shared/text/text.component.html
+++ b/src/main/angular/src/app/shared/text/text.component.html
@@ -1 +1,2 @@
-<input [(ngModel)]="model" (focus)="begin()" (blur)="apply()" (keydown.enter)="apply()" (keydown.escape)="abort()">
+<input *ngIf="editable" [(ngModel)]="model" (focus)="begin()" (blur)="apply()" (keydown.enter)="apply()" (keydown.escape)="abort()">
+<div *ngIf="!editable">{{ _initial }}</div>
diff --git a/src/main/angular/src/app/shared/text/text.component.ts b/src/main/angular/src/app/shared/text/text.component.ts
index e292164..4d5776d 100644
--- a/src/main/angular/src/app/shared/text/text.component.ts
+++ b/src/main/angular/src/app/shared/text/text.component.ts
@@ -1,18 +1,20 @@
 import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 import {FormsModule} from "@angular/forms";
+import {NgIf} from "@angular/common";
 
 @Component({
   selector: 'app-text',
   standalone: true,
   imports: [
-    FormsModule
+    FormsModule,
+    NgIf
   ],
   templateUrl: './text.component.html',
   styleUrl: './text.component.less'
 })
 export class TextComponent implements OnInit {
 
-  private _initial: string = "";
+  protected _initial: string = "";
 
   protected model: string = this._initial;
 
@@ -29,6 +31,9 @@ export class TextComponent implements OnInit {
     }
   }
 
+  @Input()
+  editable: boolean = false;
+
   ngOnInit(): void {
     this.model = this._initial;
   }