Summary Table
Categories |
Total Count |
PII |
0 |
URL |
0 |
DNS |
0 |
EKL |
0 |
IP |
0 |
PORT |
0 |
VsID |
0 |
CF |
0 |
AI |
0 |
VPD |
0 |
PL |
0 |
Other |
0 |
File Content
<div class="container-fluid my-3">
<div *ngIf="_allergies.err" class="error-text">Allergy Data Unavailable - {{ _allergies.err }}</div>
<div *ngIf="!_allergies.err">
<div *ngIf="_allergies.data && _allergies.data.length>0">
<div class="headerRow">
<div class="row">
<div class="col-2 allergy-header d-flex" [ngbTooltip]="tipGmrAllergy" tooltipClass="wide-tip" placement="right">
<span style="width:15px"> </span>
Standard Term<br />(GMR Allergy)
<i class="fas fa-arrow-up" style="color:green;"></i>
<ng-template #tipGmrAllergy>
<div>This field reflects the standard entry from which the user selected the Causative Agent/Reaction.</div>
<div style="padding-left:5px;margin-top:3px;">(N) – represents a selection from the National Drug File (#50.6)</div>
<div style="padding-left:5px;margin-top:3px;">(A) – represents a selection from the GMR Allergies file (#120.82)</div>
<div style="padding-left:5px;margin-top:3px;">(I) – represents a selection from the Drug Ingredients file (#50.416)</div>
<div style="padding-left:5px;margin-top:3px;">(C) - represents a selection from the VA Drug Class (#50.605)</div>
</ng-template>
</div>
<div class="col-2 allergy-header" role="columnheader" ngbTooltip="Agent to which the patient had this reaction"
placement="right">
Causative<br />Agent / Reactant
</div>
<div class="col-2 allergy-header" role="columnheader" ngbTooltip="Reactions observed or communicated"
placement="left">
Signs / Symptoms
</div>
<div class="col-1 allergy-header" role="columnheader" ngbTooltip="Indicates whether the allergy/ADR has been observed by some personnel, or if it is historical data gathered about the patient"
placement="left">
Observed /<br />Historical
</div>
<div class="col-1 allergy-header" role="columnheader" ngbTooltip="The seriousness/acuteness of the reaction"
placement="left">
Severity
</div>
<div class="col-1 allergy-header" role="columnheader" ngbTooltip="Underlying process (i.e. Allergy, Adverse Reaction or Unknown)"
placement="left">
Mechanism
</div>
<div class="col-1 allergy-header" role="columnheader" ngbTooltip="Type of reaction - Pharmacologic, Food or Other"
placement="left">
Reaction Type
</div>
<div class="col-1 allergy-header" role="columnheader" ngbTooltip="Date/Time the allergy/adverse reaction was entered into the system"
placement="left">
Origination<br />Date / Time
</div>
<div class="col-1 allergy-header" role="columnheader" ngbTooltip="Station number of facility where allergy/ADR record was entered"
placement="left">
Facility
</div>
</div>
</div>
<div *ngFor="let itm of _allergies.data;let i = index">
<span *ngIf="!itm.gmrAllergy || itm.status=='active'">
<div (click)="_allergies.dataViewExpanded[i] = !_allergies.dataViewExpanded[i]"
class="gridRow" [ngClass]="{'oddRow': i%2=== 0}">
<div class="row" *ngIf="!itm.gmrAllergy">
<div class="col-11 allergy-assessment" tabindex="0"> <span class="sr-only">Standard Term (GMR Allergy)</span>{{ itm.allergyAssessment }}</div>
<div class="col-1 allergy-data" style="padding-left:10px;" ngbTooltip="{{itm.facility?.siteName}}"><span class="sr-only">Facility</span>{{itm.facility?.stationNumber}}</div>
</div>
<div class="row" role="row" *ngIf="itm.gmrAllergy">
<div tabindex="0" class="col-2 d-flex" role="cell">
<span style="width:10px" *ngIf="!_allergies.dataViewExpanded[i]">
<span class="sr-only">Press Enter to Expand Row</span>
<i class="fas fa-caret-right" aria-hidden="false"></i>
</span>
<span style="width:10px" *ngIf="_allergies.dataViewExpanded[i]">
<span class="sr-only">Press Enter to Collapse Row</span>
<i class="fas fa-caret-down"></i>
</span>
<span class="sr-only">Standard Term (GMR Allergy)</span>{{ itm.gmrAllergy }} {{ (itm.gmrAllergySource) ? '(' + itm.gmrAllergySource + ')' : '' }}
</div>
<div class="col-2 allergy-data" role="cell"><span class="sr-only">Causative Agent / Reactant</span>{{itm.causativeAgent}}</div>
<div class="col-2 allergy-data" *ngIf="!_allergies.dataViewExpanded[i]" role="cell">
<span *ngFor="let reaction of itm.reactions; let ridx = index">
<span *ngFor="let symptom of reaction.manifestation;let j = index">
<span class="sr-only">Signs / Symptoms</span>
<span *ngIf="j>0 || ridx>0">, </span>{{ symptom }}
</span>
</span>
</div>
<div class="col-1 allergy-data" *ngIf="!_allergies.dataViewExpanded[i]" role="cell"><span class="sr-only">Observed Historical</span><span>{{ (itm.observedHistorical == 'active') ? 'OBSERVED' : 'HISTORICAL' }}</span></div>
<div class="col-1 allergy-data" *ngIf="!_allergies.dataViewExpanded[i]" role="cell"><span class="sr-only">Severity</span><span>{{ (itm.severity?.value) ? itm.severity.key : 'N/A' }}</span></div>
<div class="col-4 allergy-data" *ngIf="_allergies.dataViewExpanded[i]">
<div class="row" role="row"style="margin-bottom:20px">
<div class="col-6 allergy-data"></div>
<div class="col-3 allergy-data" style="font-size:1em;"><span class="sr-only">Observed Historical</span>{{ (itm.observedHistorical == 'active') ? 'OBSERVED' : 'HISTORICAL' }}</div>
<div class="col-3 allergy-data" style="padding-left:0px;font-size:1em"><span class="sr-only">Severity</span>{{ (itm.severity?.value) ? itm.severity.key : 'N/A' }}</div>
</div>
<div *ngIf="itm.reactions && itm.reactions.length>0" class="row d-flex" style="margin-left:0px;margin-right:0px;border-bottom:solid 1px #cccccc;font-size:.9em;">
<div class="col-6 allergy-header" style="padding-left:0px" role="cell">Signs & Symptoms / Entry Date</div>
<div class="col-3 allergy-header" role="cell">Observation Date</div>
<div class="col-3 allergy-header" role="cell">Severity</div>
</div>
<div class="row" role="row" *ngFor="let reaction of itm.reactions;let rIdx = index" [ngStyle]="{'border-width.px': (rIdx>0) ? '1' : '0'}" style="margin-left:0px;margin-right:0px;border-top:solid 1px #cccccc;border-collapse: collapse">
<div class="col-6 allergy-data" style="padding-left:0px">
<span *ngFor="let symptom of reaction.manifestation;let j = index">
<span *ngIf="j>0">, </span><span class="sr-only">Signs & Symptoms</span>{{ symptom }}
</span>
<br />
<!--
TODO: Implement entryDate for reaction records once implemented in FHIR
{{ reaction.onset | date: 'MM/dd/yyyy HH:mm' }}
-->
(Entry Date Currently Unavailable)
</div>
<div class="col-3 allergy-data"><span class="sr-only">Observation Date</span>{{ reaction.onset | date: 'MM/dd/yyyy HH:mm' }}</div>
<div class="col-3 allergy-data"><span class="sr-only">Severity</span> <span>{{ (reaction.severity?.value) ? reaction.severity?.key : 'N/A' }}</span></div>
</div>
</div>
<div class="col-1 allergy-data" role="cell"><span class="sr-only">Mechanism</span>{{getMechanism(itm)}}</div>
<div class="col-1 allergy-data" role="cell"><span class="sr-only">Reaction Type</span>{{itm.category}}</div>
<div class="col-1 allergy-data" role="cell"><span class="sr-only">Origination Date / Time</span>{{itm.originatorSig?.signDate | date: 'MM/dd/yyyy HH:mm' }}</div>
<div class="col-1 allergy-data" role="cell" style="padding-left:10px;padding-right:10px;" ngbTooltip="{{itm.facility?.siteName}}"><span class="sr-only">Facility</span>{{itm.facility?.stationNumber}}</div>
</div>
<div class="row my-3" *ngIf="_allergies.dataViewExpanded[i] && itm.gmrAllergy">
<div class="col-4 allergy-data" style="padding-left:25px">
<div class="row-subheader">Drug Classes:</div>
<div *ngFor="let class of itm.drugClass">{{ class }} </div>
</div>
<div class="col-3 allergy-data">
<div class="row-subheader">Ingredients:</div>
<div *ngFor="let ingredient of itm.ingredients">{{ ingredient }}</div>
</div>
<div class="col-2 allergy-data">
<div class="row-subheader">Originator:</div>
{{ itm.originatorSig?.signator + '(' + itm.originatorSig?.blockTitle + ')' }}
</div>
<div class="col-3 allergy-data">
<div class="row-subheader">Verification:</div>
{{ itm.verificationString }}
</div>
</div>
<div class="row" *ngIf="_allergies.dataViewExpanded[i] && itm.gmrAllergy">
<div style="padding-left:25px; display:flex" class="col-12">
<div class="row-subheader">Comments:</div>
<div style="padding-left:4px;">
<span *ngFor="let comment of itm.comments">
{{ comment.signature?.signDate | date: 'MM/dd/yyyy HH:mm' }} by {{ comment.signature?.signator + '(' +
comment.signature?.blockTitle + ')' }} :
{{ comment.text }}<br />
</span>
</div>
</div>
</div>
</div>
</span>
</div>
</div>
<div *ngIf="!hasValidAllergies()" class="inline-block text-center" style="font-size:1.1em; padding-top:10px">No Data to Display</div>
</div>
</div>