feat: integrate kanban (#1696)

modules/fbs-core/api/src/main/resources/application.yml

@@ -10,7 +10,7 @@ compile:
 jwt:
   secret: ${JWT_SECRET:8Dsupersecurekeydf0}
   expiration:
-    time: 300
+    time: 43200
 ldap:
   enabled: ${LDAP_ENABLED:false}
   allowLogin: ${LDAP_ALLOW_LOGIN:false}

modules/fbs-core/api/src/main/scala/de/thm/ii/fbs/controller/HomeController.scala

@@ -41,7 +41,7 @@ class HomeController {
     * Forward every access that is not defined to the index page.
     * @return Forward undefined access to index.
     */
-  @RequestMapping(value = Array("/courses", "/sqlplayground", "/analytics", "/modelling")) // TODO: Remove as soon as possible
+  @RequestMapping(value = Array("/courses", "/sqlplayground", "/analytics", "/modelling", "/kanban")) // TODO: Remove as soon as possible
   def redirectRoot: String = "forward:/"
 
   /**

modules/fbs-core/web/src/app/app-routing.module.ts

@@ -22,6 +22,7 @@ import { SqlPlaygroundComponent } from "./page-components/sql-playground/sql-pla
 import { AnalyticsToolComponent } from "./page-components/analytics-tool/analytics-tool.component";
 import { FbsModellingComponent } from "./page-components/fbs-modelling/fbs-modelling.component";
 import { GroupDetailComponent } from "./page-components/group-detail/group-detail.component";
+import { FbsKanbanComponent } from "./page-components/fbs-kanban/fbs-kanban.component";
 
 const routes: Routes = [
   { path: "login", component: LoginComponent },
@@ -108,7 +109,12 @@ const routes: Routes = [
         component: FbsModellingComponent,
         canActivate: [AuthGuard],
       },
-
+      // Kanban
+      {
+        path: "kanban",
+        component: FbsKanbanComponent,
+        canActivate: [AuthGuard],
+      },
       // Admin
       {
         path: "admin/user-management",

modules/fbs-core/web/src/app/app.module.ts

@@ -123,6 +123,7 @@ import { NewGroupDialogComponent } from "./dialogs/new-group-dialog/new-group-di
 import { GroupPreviewComponent } from "./page-components/group-preview/group-preview.component";
 import { GroupDetailComponent } from "./page-components/group-detail/group-detail.component";
 import { GroupDeregisterDialogComponent } from "./dialogs/group-deregister-dialog/group-deregister-dialog.component";
+import { FbsKanbanComponent } from "./page-components/fbs-kanban/fbs-kanban.component";
 
 @Injectable()
 export class ApiURIHttpInterceptor implements HttpInterceptor {
@@ -230,6 +231,7 @@ export const httpInterceptorProviders = [
     GroupPreviewComponent,
     GroupDetailComponent,
     GroupDeregisterDialogComponent,
+    FbsKanbanComponent,
   ],
   imports: [
     BrowserModule,

modules/fbs-core/web/src/app/page-components/fbs-kanban/fbs-kanban.component.html

@@ -0,0 +1 @@
+<iframe [src]="getURL()" title="FBS-Kanban" frameBorder="0"></iframe>

modules/fbs-core/web/src/app/page-components/fbs-kanban/fbs-kanban.component.scss

@@ -0,0 +1,7 @@
+iframe {
+  width: 100%;
+  position: absolute;
+  left: 0;
+  height: calc(100% - 64px);
+  margin-top: -10px;
+}

modules/fbs-core/web/src/app/page-components/fbs-kanban/fbs-kanban.component.ts

@@ -0,0 +1,33 @@
+import { Component, OnInit, ChangeDetectorRef } from "@angular/core";
+import { AuthService } from "src/app/service/auth.service";
+import { TitlebarService } from "src/app/service/titlebar.service";
+import { DomSanitizer, SafeResourceUrl } from "@angular/platform-browser";
+
+@Component({
+  selector: "app-fbs-kanban",
+  templateUrl: "./fbs-kanban.component.html",
+  styleUrls: ["./fbs-kanban.component.scss"],
+})
+export class FbsKanbanComponent implements OnInit {
+  token: string;
+  safeUrl: SafeResourceUrl;
+
+  constructor(
+    private titlebar: TitlebarService,
+    private auth: AuthService,
+    private sanitizer: DomSanitizer,
+    private cdr: ChangeDetectorRef
+  ) {
+    this.token = this.auth.loadToken();
+  }
+  ngOnInit() {
+    this.titlebar.emitTitle("FBS Kanban");
+  }
+
+  getURL(): SafeResourceUrl {
+    const url = `https://feedback.mni.thm.de/kanban?token=${this.token}&iframe=true`;
+    this.safeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(url);
+    this.cdr.detach(); // stops iframe from reloading
+    return this.safeUrl;
+  }
+}

modules/fbs-core/web/src/app/page-components/sidebar/sidebar.component.html

@@ -78,6 +78,11 @@ <h1>
           <mat-icon>format_shapes</mat-icon>
           <p>FBS Modelling</p>
         </button>
+
+        <button mat-list-item (click)="moveAndHideSidebar('/kanban')">
+          <mat-icon>view_kanban</mat-icon>
+          <p>FBS Kanban</p>
+        </button>
       </mat-nav-list>
 
       <span class="filler"></span>