Revision 53117
Added by Myrto Koukouli over 5 years ago
| metrics-usagestats-report-results.component.html | ||
|---|---|---|
| 70 | 70 |
<div> |
| 71 | 71 |
<div class="show-options uk-inline" style="float: right;"> |
| 72 | 72 |
<div class="filterLabel" style="display: inline;">Results per page:</div> |
| 73 |
<div class="inlineBlock"> |
|
| 74 |
<select #itemsPerPage class="form-control" (change)="getPageSize(itemsPerPage.value)">
|
|
| 73 |
<div [formGroup]="pageSizeSelect" class="inlineBlock">
|
|
| 74 |
<select class="form-control" formControlName="selectPageSize" (change)="getPageSize()">
|
|
| 75 | 75 |
<option value="10" selected>10</option> |
| 76 | 76 |
<option value="25">25</option> |
| 77 | 77 |
<option value="50">50</option> |
| ... | ... | |
| 121 | 121 |
<th>Publisher</th> |
| 122 | 122 |
<th>Type</th> |
| 123 | 123 |
<th colspan="2">Downloads/Views</th> |
| 124 |
<!--<th *ngIf="repoResponse.ReportDefinition.Filters.ReportAttribute[0].Value === 'Totals'"> |
|
| 125 |
Total Downloads |
|
| 126 |
</th> |
|
| 127 |
<th *ngIf="repoResponse.ReportDefinition.Filters.ReportAttribute[0].Value === 'Totals'"> |
|
| 128 |
Total Views |
|
| 129 |
</th>--> |
|
| 130 | 124 |
</tr> |
| 131 | 125 |
</thead> |
| 132 | 126 |
<td colspan="6" *ngIf="infoMessage" class="uk-alert">{{ infoMessage }}</td>
|
| 133 |
<!--<tbody *ngFor="let item of repoResponse.Report.Report.Customer.ReportItems; let item_i = index" |
|
| 134 |
style="{{ (item_i % 2) > 0 ? 'background-color:white; border-bottom: 1px solid gray;': 'border-bottom: 1px solid gray;'">-->
|
|
| 135 | 127 |
<tbody *ngFor="let item of repoResponse.Report.Report.Customer.ReportItems; let item_i = index" |
| 136 | 128 |
style="border-bottom: 1px solid whitesmoke;"> |
| 137 | 129 |
<tr> |
| ... | ... | |
| 146 | 138 |
<td class="uk-text-center" |
| 147 | 139 |
*ngIf="repoResponse.ReportDefinition.Filters.ReportAttribute[0].Value === 'Monthly'" colspan="2"> |
| 148 | 140 |
<a *ngIf="item.ItemPerformance && (item.ItemPerformance.length > 0)" |
| 149 |
(click)="displayItemPerformance(item_i)">See results</a>
|
|
| 141 |
(click)="displayItemPerformance(item_i)">{{ (selectedItemIndex === item_i) ? 'Hide' : 'See' }} results</a>
|
|
| 150 | 142 |
</td> |
| 151 | 143 |
<td class="uk-text-center" |
| 152 | 144 |
*ngIf="repoResponse.ReportDefinition.Filters.ReportAttribute[0].Value === 'Totals'"> |
| ... | ... | |
| 160 | 152 |
<tr *ngIf="(selectedItemIndex === item_i)"> |
| 161 | 153 |
<td colspan="6"> |
| 162 | 154 |
<div class="uk-animation-slide-top-medium uk-margin-small-top"> |
| 163 |
<!--<div class="uk-child-width-expand uk-grid" uk-grid> |
|
| 164 |
<div class="uk-h5">Month</div> |
|
| 165 |
<div class="uk-h5">Downloads</div> |
|
| 166 |
<div class="uk-h5">Views</div> |
|
| 167 |
</div> |
|
| 168 |
<div *ngFor="let month of item.ItemPerformance" class="uk-child-width-expand uk-grid" uk-grid> |
|
| 169 |
<div>{{ month.Period.Begin | date: "MMM yyyy" }}</div>
|
|
| 170 |
<div>{{ month.Instance[0].Count }}</div>
|
|
| 171 |
<div>{{ month.Instance[1].Count }}</div>
|
|
| 172 |
</div>--> |
|
| 173 |
<table class="uk-table uk-table-middle uk-table-striped"> |
|
| 155 |
<table class="uk-table uk-table-middle uk-table-striped innerTable"> |
|
| 174 | 156 |
<tr> |
| 175 | 157 |
<th>Month</th> |
| 176 | 158 |
<th>Downloads</th> |
Also available in: Unified diff
almost ready for review