fix(tokens): remove access token

Author: Izak88

src/api/db/access-token.ts

@@ -25,3 +25,11 @@ export function insertAccessToken(data: any): Promise<any> {
       .then(token => !token ? reject(token) : resolve(token.toJSON()));
   });
 }
+
+export function removeAccessToken(id: number): Promise<any> {
+  return new Promise((resolve, reject) => {
+    new AccessToken({ id: id }).destroy()
+      .then(() => resolve(true))
+      .catch(() => reject());
+  });
+}

src/api/server-routes.ts

@@ -29,7 +29,7 @@ import {
 import { getBuilds, getBuild } from './db/build';
 import { getJob } from './db/job';
 import { getJobRuns, getJobRunsBetween } from './db/job-run';
-import { insertAccessToken, getAccessTokens } from './db/access-token';
+import { insertAccessToken, getAccessTokens, removeAccessToken } from './db/access-token';
 import {
   updatePermission,
   getUserRepositoryPermissions,
@@ -223,6 +223,15 @@ export function userRoutes(): express.Router {
       }).catch(err => res.status(401).json({ data: 'Not Authorized' }));
   });
 
+  router.get('/remove-token/:id', (req: express.Request, res: express.Response) => {
+    checkApiRequestAuth(req)
+      .then(() => {
+        removeAccessToken(req.params.id)
+          .then(() => res.status(200).json({ data: true }))
+          .catch(() => res.status(200).json({ data: false }));
+      }).catch(err => res.status(401).json({ data: 'Not Authorized' }));
+  });
+
   router.post('/upload-avatar', upload.any(), (req: express.Request, res: express.Response) => {
     const avatar = '/' + relative(getRootDir(), req.files[0].path);
     getUser(req.body.userId)

src/app/components/app-user/app-user.component.html

@@ -136,7 +136,7 @@ <h1>Access Tokens</h1>
                       <span>{{ token.created_at | date:'medium' }}</span>
                     </div>
                     <div class="column is-1 justify-center">
-                      <i class="ionicon ion-close pointer"></i>
+                      <i class="ionicon ion-close pointer" name="btn-removeToken" (click)="removeToken(token.id)"></i>
                     </div>
                   </div>
                 </div>

src/app/components/app-user/app-user.component.ts

@@ -147,6 +147,14 @@ export class AppUserComponent implements OnInit {
     });
   }
 
+  removeToken(id: number): void {
+    this.api.removeToken(id).subscribe(event => {
+      if (event) {
+        this.fetchUser();
+      }
+    });
+  }
+
   gotoRepository(e: MouseEvent, id: number): void {
     e.preventDefault();
     e.stopPropagation();

src/app/services/api.service.ts

@@ -119,6 +119,10 @@ export class ApiService {
     return this.post(`${this.url}/user/add-token`, data, true);
   }
 
+  removeToken(id: number): Observable<any> {
+    return this.get(`${this.url}/user/remove-token/${id}`, null, true);
+  }
+
   getUsers(): Observable<any> {
     return this.get(`${this.url}/user`, null, true);
   }