Rephrase descriptions

Author: XanderVertegaal

frontend/src/app/annotate/search/status-info-modal/status-info-modal.component.html

@@ -10,8 +10,9 @@ <h5 class="modal-title" i18n>Problem statuses</h5>
 </div>
 <div class="modal-body">
     <p i18n>
-        The problem status indicates the current state of a problem in the
-        annotation process. It can be set to one of the following values:
+        Every problem has a status that determines its visibility and the
+        presence of annotations. The status of a problem is indicated by a
+        badge.
     </p>
     <dl>
         <div class="d-flex gap-2 mb-2">
@@ -21,7 +22,10 @@ <h5 class="modal-title" i18n>Problem statuses</h5>
                     [status]="ProblemStatus.GOLD"
                 />
             </dt>
-            <dd>This problem has been marked as gold by a master annotator.</dd>
+            <dd>
+                This problem has been marked as gold by a master annotator.
+                Anyone can see it.
+            </dd>
         </div>
         <div class="d-flex gap-2 mb-2">
             <dt>
@@ -31,8 +35,9 @@ <h5 class="modal-title" i18n>Problem statuses</h5>
                 />
             </dt>
             <dd>
-                This problem is not gold but has label or knowledge base annotations
-                attached to it.
+                This problem has not been marked as gold but has label or
+                knowledge base annotations attached to it. Only registered users
+                and (master) annotators can see it.
             </dd>
         </div>
         <div class="d-flex gap-2 mb-2">
@@ -43,15 +48,22 @@ <h5 class="modal-title" i18n>Problem statuses</h5>
                 />
             </dt>
             <dd>
-                This problem is not gold and lacks label or knowledge base
-                annotations.
+                This problem has neither gold status nor label or knowledge base
+                annotations. Only registered users and (master) annotators can
+                see it.
             </dd>
         </div>
     </dl>
     <p i18n>
-        You can filter problems based on their status using the filter options
-        in the search bar.
+        You can filter problems based on their status using the select menu on
+        the left.
+    </p>
+    @if (canChangeStatus$ | async) {
+    <p i18n>
+        You can toggle 'gold' status on a problem by clicking the
+        'Gold'/'Ungold' button below the problem status badge.
     </p>
+    }
 </div>
 <div class="modal-footer">
     <button

frontend/src/app/annotate/search/status-info-modal/status-info-modal.component.ts

@@ -1,16 +1,22 @@
 import { StatusBadgeComponent } from '@/annotate/annotation-input/problem-details/status-badge/status-badge.component';
+import { AuthService } from '@/services/auth.service';
 import { ProblemStatus } from '@/types';
+import { CommonModule } from '@angular/common';
 import { Component, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { map } from 'rxjs';
 
 @Component({
     selector: 'la-status-info-modal',
-    imports: [StatusBadgeComponent],
+    imports: [StatusBadgeComponent, CommonModule],
     templateUrl: './status-info-modal.component.html',
     styleUrl: './status-info-modal.component.scss'
 })
 export class StatusInfoModalComponent {
     public activeModal = inject(NgbActiveModal);
+    public authService = inject(AuthService);
+
+    public canChangeStatus$ = this.authService.currentUser$.pipe(map(user => user?.canChangeProblemStatus ?? false));
 
     public ProblemStatus = ProblemStatus;
 }