From 809347fef7521000720f3c2643bd8c4fd3e5988b Mon Sep 17 00:00:00 2001
From: Florian Eisenmenger <floeis@MBP-von-Florian.fritz.box>
Date: Fri, 17 May 2024 10:47:55 +0200
Subject: [PATCH] styling

---
 .../sales/sale-list/sale-list.component.html   |  2 +-
 .../tasks/task-list/task-list.component.html   |  6 +++---
 .../user/user-list/user-list.component.html    | 18 ++++++++++++++----
 .../user/user-list/user-list.component.ts      |  2 +-
 matsen-tool/src/assets/scss/_basics.scss       | 17 +++++++++++++++++
 5 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/matsen-tool/src/app/_views/sales/sale-list/sale-list.component.html b/matsen-tool/src/app/_views/sales/sale-list/sale-list.component.html
index 927ec85..0adc422 100644
--- a/matsen-tool/src/app/_views/sales/sale-list/sale-list.component.html
+++ b/matsen-tool/src/app/_views/sales/sale-list/sale-list.component.html
@@ -24,7 +24,7 @@
                     {{ 'overview.sale-user' | translate }}
                 </th>
                 <td mat-cell *matCellDef="let element">
-                    {{ element.ownerName }}
+                    <a [routerLink]="['/user', appHelperService.extractId(element.owner)]">{{ element.ownerName }}</a>
                 </td>
             </ng-container>
 
diff --git a/matsen-tool/src/app/_views/tasks/task-list/task-list.component.html b/matsen-tool/src/app/_views/tasks/task-list/task-list.component.html
index 2a9f963..93987b4 100644
--- a/matsen-tool/src/app/_views/tasks/task-list/task-list.component.html
+++ b/matsen-tool/src/app/_views/tasks/task-list/task-list.component.html
@@ -21,8 +21,8 @@
                             </div>
                         </div>
                     </div>
-                    <div class="row">
-                        <div class="col-4">
+                    <div class="row spt-compact">
+                        <div class="col-6">
                             <h2 class="m-0">{{ task.headline }}</h2>
                         </div>
                         <div class="col-8">
@@ -45,7 +45,7 @@
                 </div>
                 <div class="card p-3" *ngIf="!taskCompactMode">
                     <div class="row">
-                        <div class="col-4">
+                        <div class="col-6">
                             <span class="due-date">{{ task.dueAt | date:'dd.MM.YYYY':'GMT+0000' }}</span>
                             <h3 class="m-0" *ngIf="task.partner"><img src="/assets/images/icons/{{task.partnerType}}.svg" class="icon-mini" alt="" /><a href="/{{task.partnerType}}/{{this.appHelperService.extractId(task.partner)}}">{{task.partnerName}}</a></h3>
                             <h3 class="m-0" *ngIf="task.product"><img src="/assets/images/icons/product.svg" class="icon-mini" alt="" /><a href="/product/{{this.appHelperService.extractId(task.product)}}">{{task.productName}}</a></h3>
diff --git a/matsen-tool/src/app/_views/user/user-list/user-list.component.html b/matsen-tool/src/app/_views/user/user-list/user-list.component.html
index 9eaccd7..05bf283 100644
--- a/matsen-tool/src/app/_views/user/user-list/user-list.component.html
+++ b/matsen-tool/src/app/_views/user/user-list/user-list.component.html
@@ -19,7 +19,7 @@
                     {{ 'overview.image' | translate }}
                 </th>
                 <td mat-cell *matCellDef="let element">
-                    <img role="button"  src="{{ element.imageUrl }}" (click)="navigateToUserDetails(element)" width="40"
+                    <img  src="{{ element.imageUrl }}" width="40"
                          height="40"  />
                 </td>
             </ng-container>
@@ -29,7 +29,7 @@
                     {{ 'overview.firstName' | translate }}
                 </th>
                 <td mat-cell *matCellDef="let element">
-                    <span role="button" (click)="navigateToUserDetails(element)">{{ element.firstName }}</span>
+                    <span>{{ element.firstName }}</span>
                 </td>
             </ng-container>
 
@@ -38,7 +38,7 @@
                     {{ 'overview.lastName' | translate }}
                 </th>
                 <td mat-cell *matCellDef="let element">
-                    <span role="button" (click)="navigateToUserDetails(element)">{{ element.lastName }}</span>
+                    <span>{{ element.lastName }}</span>
                 </td>
             </ng-container>
 
@@ -47,7 +47,17 @@
                     {{ 'overview.email' | translate }}
                 </th>
                 <td mat-cell *matCellDef="let element">
-                    <span role="button" (click)="navigateToUserDetails(element)">{{ element.email }}</span>
+                    <span><a href="mailto:{{ element.email }}">{{ element.email }}</a></span>
+                </td>
+            </ng-container>
+
+            <ng-container matColumnDef="details">
+                <th mat-header-cell class="text-end" *matHeaderCellDef>
+                    {{ 'overview.details' | translate }}
+                </th>
+                <td mat-cell class="text-end" *matCellDef="let element">
+                        <span class="btn btn-primary spt-icon-details"
+                              data-type="user-tool" data-action="edit" (click)="navigateToUserDetails(element)"></span>
                 </td>
             </ng-container>
 
diff --git a/matsen-tool/src/app/_views/user/user-list/user-list.component.ts b/matsen-tool/src/app/_views/user/user-list/user-list.component.ts
index f8e9223..7fe7130 100644
--- a/matsen-tool/src/app/_views/user/user-list/user-list.component.ts
+++ b/matsen-tool/src/app/_views/user/user-list/user-list.component.ts
@@ -30,7 +30,7 @@ export class UserListComponent implements OnInit, AfterViewInit {
         private router: Router,
         protected appHelperService: AppHelperService,
     ) {
-        this.displayedColumns = ['pos', 'image', 'firstName', 'lastName', 'email'];
+        this.displayedColumns = ['pos', 'image', 'firstName', 'lastName', 'email', 'details'];
         this.sort = new MatSort();
 
         this.sort = new MatSort();
diff --git a/matsen-tool/src/assets/scss/_basics.scss b/matsen-tool/src/assets/scss/_basics.scss
index dfa56cc..a911117 100644
--- a/matsen-tool/src/assets/scss/_basics.scss
+++ b/matsen-tool/src/assets/scss/_basics.scss
@@ -412,3 +412,20 @@ img {
     }
   }
 }
+.spt-compact {
+  position: relative;
+  padding-top: 4px;
+  &:before {
+    content: "";
+    position: absolute;
+    left: 12px;
+    top: 0;
+    height: 1px;
+    width: calc(100% - 12px);
+    background: #c1c1c1;
+  }
+}
+
+.dropdown-menu {
+  border-radius: 0;
+}