|
1
|
<div class="p-grid p-nogutter">
|
|
2
|
<div class="p-col-12 p-sm-6 p-lg-4">
|
|
3
|
<div class="p-grid p-nogutter">
|
|
4
|
<span class="p-col-12 p-mb-3 p-mt-3">My Clients: {{section.totalClients}} iPower Clients</span>
|
|
5
|
<label class="p-col-12 p-mb-2"><b>Ongoing:</b></label>
|
|
6
|
<div class="p-grid p-nogutter p-pl-3">
|
|
7
|
<span class="p-col-12 p-mb-2">{{section.totalProcesses}} Processes in total</span>
|
|
8
|
<span class="p-col-12 p-mb-2">{{section.totalExceptions}} Exceptions in total</span>
|
|
9
|
<span class="p-col-12">{{section.totalUnhandled}} Unhandled Records in total</span>
|
|
10
|
</div>
|
|
11
|
</div>
|
|
12
|
</div>
|
|
13
|
<div class="p-col-12 p-sm-6 p-lg-8">
|
|
14
|
<div class="pie">
|
|
15
|
<p-chart type="pie"
|
|
16
|
[data]="section.pie"
|
|
17
|
width="400"
|
|
18
|
height="200"
|
|
19
|
[responsive]="false">
|
|
20
|
</p-chart>
|
|
21
|
</div>
|
|
22
|
</div>
|
|
23
|
</div>
|