feat: link readme for defining teams

Author: manfredsteyer

apps/frontend/src/app/features/team-alignment/team-alignment.component.html

@@ -2,6 +2,14 @@
   <div>
     <mat-checkbox class="mr30" [(ngModel)]="byUser">By User</mat-checkbox>
 
+    <a
+      mat-stroked-button
+      class="docu-link"
+      href="https://github.com/angular-architects/detective/blob/main/README.md#defining-teams"
+      target="_blank"
+      >Define Teams</a
+    >
+
     <mat-icon
       matTooltip="The Team Alignment Analysis shows whether your team structure and module/domain boundaries are aligned."
       matTooltipPosition="above"

apps/frontend/src/app/features/team-alignment/team-alignment.component.ts

@@ -26,6 +26,7 @@ import { injectShowError } from '../../utils/error-handler';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { DoughnutComponent } from '../../ui/doughnut/doughnut.component';
+import { MatButtonModule } from '@angular/material/button';
 
 type LoadTeamAlignmentOptions = {
   limits: Limits;
@@ -41,6 +42,7 @@ type LoadTeamAlignmentOptions = {
     FormsModule,
     MatIconModule,
     MatTooltipModule,
+    MatButtonModule,
     DoughnutComponent,
   ],
   templateUrl: './team-alignment.component.html',

apps/frontend/src/styles.scss

@@ -98,3 +98,10 @@ body {
   color: #757575;
   vertical-align: middle;
 }
+
+a.docu-link {
+  color: black;
+  cursor: pointer;
+  font-weight: normal;
+  margin-left: 20px;
+}