Update token view for delete option

src/app/shared/users/access-token/access-tokens.component.html

@@ -17,10 +17,14 @@
                 <td>{{token.name}}</td>
                 <td>{{token.tokenValue}}</td>
                 <td>{{token.valid}}</td>
-                <td>
+                <td *ngIf="token.valid">
                     <button type="button" class="btn btn-danger"
                             (click)="invalidate(token.id)">{{'TOKENS.BUTTON_INVALIDATE' | translate}}</button>
                 </td>
+                <td *ngIf="!token.valid">
+                    <button type="button" class="btn btn-danger"
+                            (click)="deleteToken(token.id)">{{'TOKENS.BUTTON_DELETE' | translate}}</button>
+                </td>
             </tr>
             <tr *ngIf="tokensList.length === 0">
                 <td colspan="3" style="text-align: center">{{'TOKENS.NO_TOKENS' | translate}}</td>

src/app/shared/users/access-token/access-tokens.component.ts

@@ -51,6 +51,13 @@ export class AccessTokensComponent implements OnInit {
         );
     }
 
+    deleteToken(id: number) {
+        this.tokenService.deleteToken(id).subscribe(
+            (_) => this.getData(),
+            error => console.error(error)
+        );
+    }
+
     public createNewToken() {
         this.tokenService.createToken(this.requestForm.value.name.trim()).subscribe({
             next: val => {

src/app/shared/users/access-token/access-tokens.service.ts

@@ -22,6 +22,10 @@ export class AccessTokenService extends GenericDataService {
         return this.http.put<void>(`${this.getUrl()}/${id}`, '')
     }
 
+    public deleteToken(id: number): Observable<void> {
+        return this.http.put<void>(`${this.getUrl()}/delete/${id}`, '')
+    }
+
     public createToken(tokenName: string): Observable<AccessToken> {
         return this.http.post<AccessToken>(this.getUrl(), tokenName)
     }