feat(Survey Unit): Anonymous user can work on unit

src/app/app-routing.module.ts

@@ -1,9 +1,9 @@
+import { FormsModule } from '@angular/forms';
 import { HTTP_INTERCEPTORS, HttpRequest, HttpHandler, HttpInterceptor } from '@angular/common/http';
 import { Injectable, NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { FormsModule } from '@angular/forms';
-import { PublicLibraryComponent } from './modules/library/public-library/public-library.component';
 import { PersonalLibraryComponent } from './modules/library/personal-library/personal-library.component';
+import { PublicLibraryComponent } from './modules/library/public-library/public-library.component';
+import { RouterModule, Routes } from '@angular/router';
 
 const routes: Routes = [
   { path: '', loadChildren: () => import('./home/home.module').then((m) => m.HomeModule) },
@@ -56,6 +56,10 @@ const routes: Routes = [
   {
     path: 'teacher',
     loadChildren: () => import('./teacher/teacher.module').then((m) => m.TeacherModule)
+  },
+  {
+    path: 'survey',
+    loadChildren: () => import('./student/survey/survey.module').then((m) => m.SurveyModule)
   }
 ];
 

src/app/app.component.ts

@@ -190,7 +190,8 @@ export class AppComponent {
       !this.router.url.includes('/login') &&
       !this.router.url.includes('/join') &&
       !this.router.url.includes('/contact') &&
-      !this.router.url.includes('/forgot')
+      !this.router.url.includes('/forgot') &&
+      !this.router.url.includes('/survey')
     );
   }
 

src/app/app.module.ts

@@ -1,29 +1,29 @@
-import { NgModule, inject, provideAppInitializer } from '@angular/core';
+import { AnnouncementComponent } from './announcement/announcement.component';
+import { AnnouncementDialogComponent } from './announcement/announcement.component';
+import { AppComponent } from './app.component';
+import { AppRoutingModule } from './app-routing.module';
+import { ArchiveProjectService } from './services/archive-project.service';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { BrowserModule } from '@angular/platform-browser';
+import { ConfigService } from './services/config.service';
+import { FooterComponent } from './modules/footer/footer.component';
 import { FormsModule } from '@angular/forms';
-import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { HeaderComponent } from './modules/header/header.component';
+import { HomeModule } from './home/home.module';
 import { HttpErrorInterceptor } from './http-error.interceptor';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterModule } from '@angular/router';
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { MAT_SNACK_BAR_DEFAULT_OPTIONS } from '@angular/material/snack-bar';
-import { AppComponent } from './app.component';
-import { AppRoutingModule } from './app-routing.module';
-import { ConfigService } from './services/config.service';
-import { HomeModule } from './home/home.module';
+import { MobileMenuComponent } from './modules/mobile-menu/mobile-menu.component';
+import { NgModule, inject, provideAppInitializer } from '@angular/core';
+import { RecaptchaV3Module, RECAPTCHA_V3_SITE_KEY, RECAPTCHA_BASE_URL } from 'ng-recaptcha-2';
+import { RouterModule } from '@angular/router';
 import { StudentService } from './student/student.service';
-import { UserService } from './services/user.service';
 import { TeacherService } from './teacher/teacher.service';
-import { MobileMenuComponent } from './modules/mobile-menu/mobile-menu.component';
-import { AnnouncementComponent } from './announcement/announcement.component';
-import { AnnouncementDialogComponent } from './announcement/announcement.component';
 import { TrackScrollDirective } from './track-scroll.directive';
-import { RecaptchaV3Module, RECAPTCHA_V3_SITE_KEY, RECAPTCHA_BASE_URL } from 'ng-recaptcha-2';
-import { ArchiveProjectService } from './services/archive-project.service';
-import { FooterComponent } from './modules/footer/footer.component';
-import { HeaderComponent } from './modules/header/header.component';
+import { UserService } from './services/user.service';
 
 export function initialize(
   configService: ConfigService,
@@ -47,17 +47,17 @@ export function initialize(
   bootstrap: [AppComponent],
   imports: [
     AnnouncementComponent,
-    BrowserModule,
-    BrowserAnimationsModule,
-    FormsModule,
     AppRoutingModule,
+    BrowserAnimationsModule,
+    BrowserModule,
     FooterComponent,
+    FormsModule,
     HeaderComponent,
     HomeModule,
-    MobileMenuComponent,
+    MatDialogModule,
     MatSidenavModule,
     MatSnackBarModule,
-    MatDialogModule,
+    MobileMenuComponent,
     RecaptchaV3Module,
     RouterModule.forRoot([], {
       scrollPositionRestoration: 'enabled',
@@ -73,9 +73,9 @@ export function initialize(
     TeacherService,
     UserService,
     provideAppInitializer(() => {
-        const initializerFn = (initialize)(inject(ConfigService), inject(UserService));
-        return initializerFn();
-      }),
+      const initializerFn = initialize(inject(ConfigService), inject(UserService));
+      return initializerFn();
+    }),
     {
       provide: MAT_SNACK_BAR_DEFAULT_OPTIONS,
       useValue: {

src/app/domain/run.ts

@@ -15,6 +15,7 @@ export class Run {
   owner: User;
   sharedOwners: User[] = [];
   project: Project;
+  private isSurvey: boolean;
 
   static readonly VIEW_STUDENT_WORK_PERMISSION: number = 1;
   static readonly GRADE_AND_MANAGE_PERMISSION: number = 2;
@@ -39,32 +40,32 @@ export class Run {
     }
   }
 
-  public canViewStudentWork(userId) {
+  public canViewStudentWork(userId): boolean {
     return (
       this.isOwner(userId) ||
       this.isSharedOwnerWithPermission(userId, Run.VIEW_STUDENT_WORK_PERMISSION)
     );
   }
 
-  public canGradeAndManage(userId) {
+  public canGradeAndManage(userId): boolean {
     return (
       this.isOwner(userId) ||
       this.isSharedOwnerWithPermission(userId, Run.GRADE_AND_MANAGE_PERMISSION)
     );
   }
 
-  public canViewStudentNames(userId) {
+  public canViewStudentNames(userId): boolean {
     return (
       this.isOwner(userId) ||
       this.isSharedOwnerWithPermission(userId, Run.VIEW_STUDENT_NAMES_PERMISSION)
     );
   }
 
-  isOwner(userId) {
+  isOwner(userId): boolean {
     return this.owner.id == userId;
   }
 
-  isSharedOwnerWithPermission(userId, permissionId) {
+  isSharedOwnerWithPermission(userId, permissionId): boolean {
     for (const sharedOwner of this.sharedOwners) {
       if (sharedOwner.id == userId) {
         return this.userHasPermission(sharedOwner, permissionId);
@@ -73,7 +74,7 @@ export class Run {
     return false;
   }
 
-  userHasPermission(user: User, permission: number) {
+  userHasPermission(user: User, permission: number): boolean {
     return user.permissions.includes(permission);
   }
 
@@ -92,6 +93,10 @@ export class Run {
   private hasEndTime(): boolean {
     return this.endTime != null;
   }
+
+  isSurveyRun(): boolean {
+    return this.isSurvey;
+  }
 }
 
 export function sortByRunStartTimeDesc(a: Run, b: Run): number {

src/app/modules/header/header-account-menu/header-account-menu.component.html

@@ -6,80 +6,82 @@
 </button>
 <mat-menu #accountMenu="matMenu" xPosition="before">
   <div class="header-account-menu">
-    <div class="user-info flex flex-row items-center space-x-2">
-      <mat-icon
-        *ngIf="roles.includes('student'); else teacherAvatar"
-        i18n-aria-label
-        aria-label="Account avatar"
-        >account_circle</mat-icon
+    @if (!roles.includes('surveyStudent')) {
+      <div class="user-info flex flex-row items-center space-x-2">
+        <mat-icon
+          *ngIf="roles.includes('student'); else teacherAvatar"
+          i18n-aria-label
+          aria-label="Account avatar"
+          >account_circle</mat-icon
+        >
+        <ng-template #teacherAvatar>
+          <mat-icon i18n-aria-label aria-label="Account avatar">account_box</mat-icon>
+        </ng-template>
+        <span>{{ firstName }} {{ lastName }}</span>
+      </div>
+      <div *ngIf="isPreviousAdmin" class="user-switch">
+        <a (click)="switchToOriginalUser()" i18n>Switch back to original user</a>
+      </div>
+      <mat-divider></mat-divider>
+      <a
+        *ngIf="roles.includes('student')"
+        routerLinkActive="active"
+        [routerLinkActiveOptions]="{ exact: true }"
+        mat-menu-item
+        routerLink="/student"
       >
-      <ng-template #teacherAvatar>
-        <mat-icon i18n-aria-label aria-label="Account avatar">account_box</mat-icon>
-      </ng-template>
-      <span>{{ firstName }} {{ lastName }}</span>
-    </div>
-    <div *ngIf="isPreviousAdmin" class="user-switch">
-      <a (click)="switchToOriginalUser()" i18n>Switch back to original user</a>
-    </div>
-    <mat-divider></mat-divider>
-    <a
-      *ngIf="roles.includes('student')"
-      routerLinkActive="active"
-      [routerLinkActiveOptions]="{ exact: true }"
-      mat-menu-item
-      routerLink="/student"
-    >
-      <mat-icon>home</mat-icon>
-      <span i18n>Student Home</span>
-    </a>
-    <a
-      *ngIf="roles.includes('teacher')"
-      mat-menu-item
-      routerLink="/teacher"
-      routerLinkActive="active"
-      [routerLinkActiveOptions]="{ exact: true }"
-    >
-      <mat-icon>home</mat-icon>
-      <span i18n>Teacher Home</span>
-    </a>
-    <a
-      *ngIf="roles.includes('student')"
-      mat-menu-item
-      routerLink="/student/profile/edit"
-      routerLinkActive="active"
-      [routerLinkActiveOptions]="{ exact: true }"
-    >
-      <mat-icon>edit</mat-icon>
-      <span i18n>Edit Profile</span>
-    </a>
-    <a
-      *ngIf="roles.includes('teacher')"
-      mat-menu-item
-      routerLink="/teacher/profile/edit"
-      routerLinkActive="active"
-      [routerLinkActiveOptions]="{ exact: true }"
-    >
-      <mat-icon>edit</mat-icon>
-      <span i18n>Edit Profile</span>
-    </a>
-    <a *ngIf="roles.includes('researcher')" mat-menu-item (click)="switchToAdmin()">
-      <mat-icon>settings</mat-icon>
-      <span i18n>Researcher Tools</span>
-    </a>
-    <a *ngIf="roles.includes('admin')" mat-menu-item (click)="switchToAdmin()">
-      <mat-icon>settings</mat-icon>
-      <span i18n>Admin Tools</span>
-    </a>
-    <a
-      mat-menu-item
-      routerLink="/help"
-      routerLinkActive="active"
-      [routerLinkActiveOptions]="{ exact: true }"
-    >
-      <mat-icon>help</mat-icon>
-      <span i18n>Help</span>
-    </a>
-    <mat-divider></mat-divider>
+        <mat-icon>home</mat-icon>
+        <span i18n>Student Home</span>
+      </a>
+      <a
+        *ngIf="roles.includes('teacher')"
+        mat-menu-item
+        routerLink="/teacher"
+        routerLinkActive="active"
+        [routerLinkActiveOptions]="{ exact: true }"
+      >
+        <mat-icon>home</mat-icon>
+        <span i18n>Teacher Home</span>
+      </a>
+      <a
+        *ngIf="roles.includes('student')"
+        mat-menu-item
+        routerLink="/student/profile/edit"
+        routerLinkActive="active"
+        [routerLinkActiveOptions]="{ exact: true }"
+      >
+        <mat-icon>edit</mat-icon>
+        <span i18n>Edit Profile</span>
+      </a>
+      <a
+        *ngIf="roles.includes('teacher')"
+        mat-menu-item
+        routerLink="/teacher/profile/edit"
+        routerLinkActive="active"
+        [routerLinkActiveOptions]="{ exact: true }"
+      >
+        <mat-icon>edit</mat-icon>
+        <span i18n>Edit Profile</span>
+      </a>
+      <a *ngIf="roles.includes('researcher')" mat-menu-item (click)="switchToAdmin()">
+        <mat-icon>settings</mat-icon>
+        <span i18n>Researcher Tools</span>
+      </a>
+      <a *ngIf="roles.includes('admin')" mat-menu-item (click)="switchToAdmin()">
+        <mat-icon>settings</mat-icon>
+        <span i18n>Admin Tools</span>
+      </a>
+      <a
+        mat-menu-item
+        routerLink="/help"
+        routerLinkActive="active"
+        [routerLinkActiveOptions]="{ exact: true }"
+      >
+        <mat-icon>help</mat-icon>
+        <span i18n>Help</span>
+      </a>
+      <mat-divider></mat-divider>
+    }
     <a mat-menu-item (click)="logOut()">
       <mat-icon color="warn">exit_to_app</mat-icon>
       <span class="warn" i18n>Sign Out</span>