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="row">
<div class="col one">
<canvas #attachmentStorageCanvasLeft></canvas>
<div class="tab-table high offset">
<h4>Attachment Storage</h4>
<img src="../../../../assets/images/ic_info_green_24px.svg" (click)="toggleAttachStorageTable()">
<table *ngIf="attachmentDetails$" id="TBL_arsStorage_1">
<tbody>
<tr>
<th>
TOTAL Storage:
</th>
<td>{{attachmentDetails$.totalStorage}} MB</td>
</tr>
<tr>
<th>
Used:
</th>
<td>{{attachmentDetails$.usedStorage}} MB</td>
</tr>
<tr>
<th>
Available:
</th>
<td>{{attachmentDetails$.availableStorage}} MB</td>
</tr>
<tr>
<th>
Total Attachments:
</th>
<td>{{attachmentDetails$.totalAttachments}}</td>
</tr>
<tr>
<th>
<span aria-hidden="true" title="JAWS START Average Attachment Size: JAWS END">Avg. Attach. Size:</span>
</th>
<td id="">{{attachmentDetails$.averageAttachmentSize}} KB</td>
</tr>
</tbody>
</table>
<div class="legend">
<h5>Used:</h5>
<div class="block blue"></div>
<h5>Available:</h5>
<div class="block light-blue"></div>
</div>
</div>
</div>
<div class="col one">
<canvas #attachmentStorageCanvasRight></canvas>
<div *ngIf="attachmentDetails$" class="tab-table high">
<h4>Attachment Storage: {{attachmentDetails$.fromDate}} to {{attachmentDetails$.toDate}}</h4>
<table id="TBL_arsStorage_attachmentStorage_2">
<tbody>
<tr>
<th>
Avg. Daily Change:
</th>
<td id="">{{attachmentDetails$.average}} MB</td>
</tr>
<tr>
<th>
Peak Usage:
</th>
<td>{{attachmentDetails$.peakUsage}} MB</td>
</tr>
</tbody>
</table>
<div class="legend">
<h5>Attachments:</h5>
<div class="block blue"></div>
<h5>Limit:</h5>
<div class="block red"></div>
</div>
</div>
</div>

<table id="TBL_arsStorage_attachmentStorage_3" aria-label="Attachment storage daily details." [ngClass]="{ 'hide-table' : toggleAttachTable}">
<tbody>
<tr>
<th>Attachments</th>
<td *ngFor="let usedStoragePerDay of attachmentDetails$.usedStorageStatistic">{{usedStoragePerDay}} </td>
</tr>
<tr>
<th>Date</th>
<td *ngFor="let date of attachmentStorageComboChart.data.labels"> {{date}}</td>
</tr>
<tr>
<th>Limit</th>
<td *ngFor="let totalStoragePerDay of attachmentDetails$.totalStorageStatistic">{{totalStoragePerDay}} </td>
</tr>
</tbody>
</table>

</div>

<div class="row col three divider"></div>

<div class="row">
<div class="col one">
<canvas #metadataStorageCanvasLeft></canvas>
<div class="tab-table high offset">
<h4>Metadata Storage</h4>
<img src="../../../../assets/images/ic_info_green_24px.svg" (click)="toggleMetaStorageTable()">

<table *ngIf="metadataDetails$" id="TBL_arsStorage_metadataStorage_4">
<tbody>
<tr>
<th>
TOTAL Storage:
</th>
<td>{{metadataDetails$.totalStorage}} MB</td>
</tr>
<tr>
<th>
Used:
</th>
<td>{{metadataDetails$.usedStorage}} MB</td>
</tr>
<tr>
<th>
Available:
</th>
<td>{{metadataDetails$.availableStorage}} MB</td>
</tr>
</tbody>
</table>
<div class="legend">
<h5>Used:</h5>
<div class="block green"></div>
<h5>Available:</h5>
<div class="block light-green"></div>
</div>
</div>
</div>
<div class="col one">
<canvas #metadataStorageCanvasRight></canvas>
<div *ngIf="metadataDetails$" class="tab-table high">
<h4>Metadata Storage: {{metadataDetails$.fromDate}} to {{metadataDetails$.toDate}}</h4>
<table id="TBL_arsStorage_metadataStorage_4">
<tbody>
<tr>
<th><!-- JAWS reads Avg. as "Average [full stop pause] Daily Change colon" -->
<div aria-hidden="true">Avg. Daily Change:</div>
<div title="average Daily Change:"></div>
</th>
<td>{{metadataDetails$.average}} MB</td>
</tr>
<tr>
<th>
Peak Usage:
</th>
<td>{{metadataDetails$.peakUsage}} MB</td>
</tr>
</tbody>
</table>
<div class="legend">
<h5>Metadata:</h5>
<div class="block green"></div>
<h5>Limit:</h5>
<div class="block red"></div>
</div>
</div>

</div>
<table [ngClass]="{ 'hide-table' : toggleMetaTable}" id="TBL_arsStorage_metadataStorage_5" aria-label="Metadata storage daily details.">
<tbody>
<tr>
<th>Metadata</th>
<td *ngFor="let usedStoragePerDay of metadataDetails$.usedStorageStatistic"> {{usedStoragePerDay}} </td>
</tr>
<tr>
<th>Date</th>
<td *ngFor="let date of metadataStorageComboChart.data.labels"> {{date}} </td>
</tr>
<tr>
<th>Limit</th>
<td *ngFor="let totalStoragePerDay of metadataDetails$.totalStorageStatistic"> {{totalStoragePerDay}} </td>
</tr>
</tbody>
</table>
</div>