Mirrors
/
fasten-onprem
mirror of https://github.com/fastenhealth/fasten-onprem.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

working selected resource

This commit is contained in:
Jason Kulatunga 2022-09-14 22:16:46 -07:00
parent 11605aae93
commit f15bd76831
2 changed files with 9 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/app/pages/source-detail/source-detail.component.html
View File

@ -2,7 +2,7 @@
<div class="container"> <div class="container">
<div class="az-content-left"> <div class="az-content-left">
<ul class="list-group"> <ul class="list-group">
<li *ngFor="let resourceGroup of resourcesGroupedByType | keyvalue" class="list-group-item d-flex justify-content-between align-items-center"> <li *ngFor="let resourceGroup of resourcesGroupedByType | keyvalue" (click)="selectResourceType(resourceGroup.key)" class="list-group-item d-flex justify-content-between align-items-center">
{{resourceGroup.key}} <span class="badge badge-primary badge-pill">{{resourceGroup.value.length}}</span> {{resourceGroup.key}} <span class="badge badge-primary badge-pill">{{resourceGroup.value.length}}</span>
</li> </li>
</ul> </ul>
@ -14,7 +14,7 @@
<span>Details</span> <span>Details</span>
</div> </div>
<h2 class="az-content-title mg-t-40">Medical Sources</h2> <h2 class="az-content-title mg-t-40">{{selectedResourceType}}</h2>
<div class="az-content-label mg-b-5">Insurance Companies</div> <div class="az-content-label mg-b-5">Insurance Companies</div>
<p class="mg-b-20">The following medical insurance companies have API's which Fasten can use to retrieve your medical history. <p class="mg-b-20">The following medical insurance companies have API's which Fasten can use to retrieve your medical history.
@ -31,36 +31,12 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr *ngFor="let resource of selectedResources">
<th scope="row">1</th> <th scope="row">1</th>
<td>Tiger Nixon</td> <td>Tiger Nixon</td>
<td>System Architect</td> <td>System Architect</td>
<td>$320,800</td> <td>$320,800</td>
</tr> </tr>
<tr>
<th scope="row">2</th>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>$170,750</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Ashton Cox</td>
<td>Junior Technical Author</td>
<td>$86,000</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Cedric Kelly</td>
<td>Senior Javascript Developer</td>
<td>$433,060</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Airi Satou</td>
<td>Accountant</td>
<td>$162,700</td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>

6
frontend/src/app/pages/source-detail/source-detail.component.ts
View File

@ -12,6 +12,8 @@ import {FastenApiService} from '../../services/fasten-api.service';
export class SourceDetailComponent implements OnInit { export class SourceDetailComponent implements OnInit {
selectedSource: Source = null selectedSource: Source = null
selectedResourceType: string = null
selectedResources: any[] = []
resourcesGroupedByType: { [name: string]: any[] } = {} resourcesGroupedByType: { [name: string]: any[] } = {}
@ -41,4 +43,8 @@ export class SourceDetailComponent implements OnInit {
}) })
} }
selectResourceType(resourceType: string) {
this.selectedResourceType = resourceType
this.selectedResources = this.resourcesGroupedByType[resourceType]
}
} }