Merge pull request #446 from kac89/dev

add bugbounty-list

Author: kac89

src/app/app-routing.module.ts

@@ -15,6 +15,9 @@ import { TbhmComponent } from './tbhm/tbhm.component';
 import { Pcidss4Component } from './pcidss4/pcidss4.component';
 import { CveSearchComponent } from './cve-search/cve-search.component';
 
+import { BbListComponent } from './bb-list/bb-list.component';
+
+
 const routes: Routes = [{
   path: 'home',
   pathMatch: 'full',
@@ -85,6 +88,11 @@ const routes: Routes = [{
   pathMatch: 'full',
   component: TemplatesListComponent
 },
+{
+  path: 'bugbounty-list',
+  pathMatch: 'full',
+  component: BbListComponent
+},
 {
   path: '**',
   component: HomeComponent

src/app/app.component.html

@@ -58,6 +58,11 @@
           Checklists
         </a>
 
+        <a routerLink="/bugbounty-list" routerLinkActive="active-link" href="/bugbounty-list" mat-menu-item>
+          <mat-icon class="vertical-align-middle padding-bottom-3">library_books</mat-icon>
+          Bug Bounty List
+        </a>
+
         <a routerLink="/settings" routerLinkActive="active-link" href="/settings" mat-menu-item>
           <mat-icon class="vertical-align-middle padding-bottom-3">settings</mat-icon>
           Settings
@@ -148,6 +153,12 @@
         <mat-icon class="vertical-align-middle padding-bottom-3">library_books</mat-icon>
         Checklists
       </a>
+
+      <a routerLink="/bugbounty-list" routerLinkActive="active-link" href="/bugbounty-list" mat-menu-item>
+        <mat-icon class="vertical-align-middle padding-bottom-3">library_books</mat-icon>
+        Bug Bounty List
+      </a>
+
       <a routerLink="/settings" routerLinkActive="active-link" href="/settings" mat-menu-item>
         <mat-icon class="vertical-align-middle padding-bottom-3">settings</mat-icon>
         Settings

src/app/bb-list/bb-list.component.html

@@ -0,0 +1,49 @@
+<div>
+
+    <h1 class="mat-headline-3">
+        <mat-icon class="vertical-align-middle padding-bottom-3 size-45">library_books</mat-icon> Bug Bounty List ({{this.dataSource.data.length}})
+    </h1>
+
+    <mat-card appearance="outlined" class="mdc-card my-card-content mdc-typography--body1">
+
+        <mat-form-field color="accent">
+            <mat-label>Filter</mat-label>
+            <input matInput (keyup)="applyFilter($event)" placeholder="Ex. google" #input>
+        </mat-form-field>
+        
+        <table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
+
+            <ng-container matColumnDef="name">
+                <th mat-header-cell *matHeaderCellDef> Name </th>
+                <td mat-cell *matCellDef="let element"> <a class="active-link" target="_blank"
+                        href="{{element.url}}">{{element.name}}</a> </td>
+            </ng-container>
+
+            <ng-container matColumnDef="bounty">
+                <th mat-header-cell *matHeaderCellDef> Bounty? </th>
+                <td mat-cell *matCellDef="let element"> <span [hidden]="!element.bounty"><mat-icon title="Money bounty">attach_money</mat-icon></span> <span [hidden]="!element.swag"><mat-icon title="SWAG">redeem</mat-icon></span> </td>
+            </ng-container>
+
+            <ng-container matColumnDef="domains">
+                <th mat-header-cell *matHeaderCellDef> Domains </th>
+                <td mat-cell *matCellDef="let element"> {{element.domains}} </td>
+            </ng-container>
+
+            <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+            <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+
+            <!-- Row shown when there is no matching data. -->
+            <tr class="mat-row" *matNoDataRow>
+                <td class="mat-cell" colspan="4">No data matching the filter "{{input.value}}"</td>
+            </tr>
+        </table>
+
+        <p>List provided and maintain by <a class="active-link" target="_blank" href="https://github.com/projectdiscovery/public-bugbounty-programs">projectdiscovery</a>.</p>
+
+
+
+    </mat-card>
+    <br>
+    <br>
+    <br>
+</div>

src/app/bb-list/bb-list.component.scss

@@ -0,0 +1,18 @@
+
+table {
+    width: 100%;
+  }
+  
+  tr.example-detail-row {
+    height: 0;
+  }
+  
+  .example-element-row td {
+    border-bottom-width: 0;
+  }
+  
+  td , th {
+    white-space: normal;
+    word-wrap: break-word;
+    max-width: 200px;
+}

src/app/bb-list/bb-list.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BbListComponent } from './bb-list.component';
+
+describe('BbListComponent', () => {
+  let component: BbListComponent;
+  let fixture: ComponentFixture<BbListComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [BbListComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(BbListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/bb-list/bb-list.component.ts

@@ -0,0 +1,44 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon'
+import { MatCardModule } from '@angular/material/card';
+import {MatTableDataSource, MatTableModule} from '@angular/material/table';
+import {MatInputModule} from '@angular/material/input';
+import {MatFormFieldModule} from '@angular/material/form-field';
+import { HttpClient } from '@angular/common/http';
+
+@Component({
+  selector: 'app-bb-list',
+  imports: [MatIconModule, MatCardModule, MatFormFieldModule, MatInputModule, MatTableModule],
+  templateUrl: './bb-list.component.html',
+  styleUrl: './bb-list.component.scss'
+})
+export class BbListComponent implements OnInit {
+
+
+  ELEMENT_DATA:any = [];
+
+  displayedColumns: string[] = ['name', 'bounty', 'domains'];
+  dataSource = new MatTableDataSource(this.ELEMENT_DATA);
+
+  constructor(private http: HttpClient) {
+  }
+
+  ngOnInit() {
+
+    this.http.get<any>('/assets/chaos-bugbounty-list.json?v=' + + new Date()).subscribe(res => {
+      if (res) {
+
+        if(res['programs']) {
+          this.dataSource = new MatTableDataSource(res['programs']);
+        }
+        
+      }
+    });
+
+  }
+
+  applyFilter(event: Event) {
+    const filterValue = (event.target as HTMLInputElement).value;
+    this.dataSource.filter = filterValue.trim().toLowerCase();
+  }
+}