Feat: add support for evidence (#5)

src/app/censures/pages/censure-instance/censure-instance.component.html

@@ -17,6 +17,13 @@
               <option *ngFor="let option of availableReasons" [value]="option">{{option}}</option>
             </select>
           </div>
+          <div class="form-group">
+            <label for="inputEvidence">Evidence</label>
+            <textarea id="inputEvidence" class="form-control" formControlName="evidence" aria-describedby="inputEvidenceDescription"></textarea>
+            <small id="inputEvidenceDescription">
+              You may optionally provide an evidence, for example links, or any other text up to 1000 characters in length.
+            </small>
+          </div>
           <button type="submit" class="btn btn-primary">Censure</button>
         </form>
       </div>

src/app/censures/pages/censure-instance/censure-instance.component.ts

@@ -16,6 +16,7 @@ export class CensureInstanceComponent implements OnInit {
   public form = new FormGroup({
     instance: new FormControl<string>('', [Validators.required]),
     reasons: new FormControl<string[]>([]),
+    evidence: new FormControl<string | null>(null),
   });
   public loading: boolean = true;
   public availableReasons: string[] = [];
@@ -60,6 +61,7 @@ export class CensureInstanceComponent implements OnInit {
     this.api.censureInstance(
       this.form.controls.instance.value!,
       this.form.controls.reasons.value ? this.form.controls.reasons.value!.join(',') : null,
+      this.form.controls.evidence.value,
     ).subscribe(response => {
       if (!response.success) {
         this.loading = false;

src/app/censures/pages/my-censures/my-censures.component.html

@@ -17,18 +17,19 @@ <h3 class="card-title">Censures that {{instance.name}} <strong>has given</strong
             <tr>
               <th>Instance</th>
               <th>Reasons</th>
+              <th>Evidence</th>
               <th>Actions</th>
             </tr>
             </thead>
             <tbody>
             <tr *ngIf="guaranteed">
-              <td colspan="3">
+              <td colspan="4">
                 <a routerLink="/censures/censure" class="btn btn-primary">Censure an instance</a>
               </td>
             </tr>
             <tr *ngIf="!instances.length">
-              <td colspan="3" *ngIf="guaranteed">You haven't put a censure on any instance yet.</td>
-              <td colspan="3" *ngIf="!guaranteed">No one guaranteed for this instance, you cannot put a censure on
+              <td colspan="4" *ngIf="guaranteed">You haven't put a censure on any instance yet.</td>
+              <td colspan="4" *ngIf="!guaranteed">No one guaranteed for this instance, you cannot put a censure on
                 others.
               </td>
             </tr>
@@ -39,6 +40,10 @@ <h3 class="card-title">Censures that {{instance.name}} <strong>has given</strong
                   <li *ngFor="let reason of instance.censureReasons">{{reason}}</li>
                 </ul>
               </td>
+              <td>
+                <ng-container *ngIf="instance.evidence.length">{{instance.evidence}}</ng-container>
+                <code *ngIf="!instance.evidence.length">N/A</code>
+              </td>
               <td>
                 <a routerLink="/censures/my/edit/{{instance.domain}}" type="button" class="btn btn-primary">Edit</a>
                 &nbsp;

src/app/instances/pages/instance-detail/instance-detail.component.html

@@ -127,6 +127,7 @@ <h3 class="card-title" id="censures-given">Censures given ({{censuresGiven.lengt
             <tr>
               <th>Instance</th>
               <th>Reasons</th>
+              <th>Evidence</th>
             </tr>
             </thead>
             <tbody>
@@ -138,6 +139,10 @@ <h3 class="card-title" id="censures-given">Censures given ({{censuresGiven.lengt
                 </ul>
                 <code *ngIf="!instance.censureReasons.length">N/A</code>
               </td>
+              <td>
+                <ng-container *ngIf="instance.evidence.length">{{instance.evidence}}</ng-container>
+                <code *ngIf="!instance.evidence.length">N/A</code>
+              </td>
             </tr>
             </tbody>
           </table>

src/app/response/instance-detail.response.ts

@@ -13,4 +13,5 @@ export interface InstanceDetailResponse {
   censure_reasons?: string[] | null;
   sysadmins: int | null;
   moderators: int | null;
+  censure_evidence: string[];
 }

src/app/response/normalized-instance-detail.response.ts

@@ -13,6 +13,7 @@ export class NormalizedInstanceDetailResponse {
     public endorsements: int,
     public censureReasons: string[],
     public unmergedCensureReasons: string[],
+    public evidence: string,
     public guarantor?: string | null,
   ) {
   }
@@ -52,6 +53,7 @@ export class NormalizedInstanceDetailResponse {
       detail.endorsements,
       censureReasons,
       unmerged,
+      detail.censure_evidence.join(', '),
       detail.guarantor,
     );
   }

src/app/services/fediseer-api.service.ts

@@ -103,11 +103,14 @@ export class FediseerApiService {
     return this.sendRequest(HttpMethod.Delete, `censures/${instance}`);
   }
 
-  public censureInstance(instance: string, reason: string | null): Observable<ApiResponse<SuccessResponse>> {
+  public censureInstance(instance: string, reason: string | null, evidence: string | null = null): Observable<ApiResponse<SuccessResponse>> {
     const body: {[key: string]: string} = {};
     if (reason) {
       body['reason'] = reason;
     }
+    if (evidence) {
+      body['evidence'] = evidence;
+    }
     return this.sendRequest(HttpMethod.Put, `censures/${instance}`, body);
   }