|
1 |
| -/* eslint-disable lit/no-legacy-template-syntax */ |
2 | 1 | import {LitElement, html} from 'lit';
|
3 | 2 | import {customElement, property} from 'lit/decorators.js';
|
4 | 3 | import '@unicef-polymer/etools-unicef/src/etools-data-table/etools-data-table';
|
@@ -118,48 +117,49 @@ export class InterventionReports extends connectStore(PaginationMixin(CommonMixi
|
118 | 117 | <etools-data-table-column class="col-2">${translate('REPORTING_PERIOD')}</etools-data-table-column>
|
119 | 118 | </etools-data-table-header>
|
120 | 119 | ${this.reports.map(
|
121 |
| - (report: any) => html` <etools-data-table-row .lowResolutionLayout="${this.lowResolutionLayout}"> |
122 |
| - <div slot="row-data"> |
123 |
| - <span class="col-data col-2" data-col-header-label="${translate('REPORT_NUM')}"> |
124 |
| - <sl-tooltip placement="right" content="${report.programme_document.title}"> |
125 |
| - <span id="tooltip-trigger-${report.id}" class="tooltip-trigger"> |
126 |
| - <a |
127 |
| - class="view-report" |
128 |
| - href="reports/${report.id}/progress" |
129 |
| - ?hidden="${!this._canViewReport(report.status)}" |
130 |
| - > |
131 |
| - ${this._getReportTitle(report)} |
132 |
| - </a> |
133 |
| - <span ?hidden="${this._canViewReport(report.status)}">${this._getReportTitle(report)}</span> |
134 |
| - ${report.is_final ? html`<span class="final-badge">${translate('FINAL')}</span>` : html``} |
135 |
| - </span> |
136 |
| - </sl-tooltip> |
137 |
| - </span> |
138 |
| - <span class="col-data col-4" data-col-header-label="${translate('PARTNER')}"> |
139 |
| - <sl-tooltip placement="right" content="${report.partner_vendor_number}"> |
140 |
| - <span id="tooltip-partner-${report.id}" class="tooltip-trigger"> |
141 |
| - ${this._displayOrDefault(report.partner_name)} |
142 |
| - </span> |
143 |
| - </sl-tooltip> |
144 |
| - </span> |
145 |
| - <span class="col-data col-2" data-col-header-label="${translate('REPORT_STATUS')}"> |
146 |
| - <intervention-report-status status="${report.status}"></intervention-report-status> |
147 |
| - </span> |
148 |
| - <span class="col-data col-2" data-col-header-label="${translate('DUE_DATE')}"> |
149 |
| - ${this._displayOrDefault(report.due_date)} |
150 |
| - </span> |
151 |
| - <span class="col-data col-2" data-col-header-label="${translate('REPORTING_PERIOD')}"> |
152 |
| - ${this.getDisplayValue(report.reporting_period)} |
153 |
| - </span> |
154 |
| - </div> |
155 |
| -
|
156 |
| - <div slot="row-data-details"> |
157 |
| - <div class="row-details-content"> |
158 |
| - <span class="rdc-title col-12">${translate('UNICEF_FOCAL_POINTS')}</span> |
159 |
| - <span>${this.getDisplayValue(report.unicef_focal_points)}</span> |
| 120 | + (report: any) => |
| 121 | + html` <etools-data-table-row .lowResolutionLayout="${this.lowResolutionLayout}"> |
| 122 | + <div slot="row-data"> |
| 123 | + <span class="col-data col-2" data-col-header-label="${translate('REPORT_NUM')}"> |
| 124 | + <sl-tooltip placement="right" content="${report.programme_document.title}"> |
| 125 | + <span id="tooltip-trigger-${report.id}" class="tooltip-trigger"> |
| 126 | + <a |
| 127 | + class="view-report" |
| 128 | + href="reports/${report.id}/progress" |
| 129 | + ?hidden="${!this._canViewReport(report.status)}" |
| 130 | + > |
| 131 | + ${this._getReportTitle(report)} |
| 132 | + </a> |
| 133 | + <span ?hidden="${this._canViewReport(report.status)}">${this._getReportTitle(report)}</span> |
| 134 | + ${report.is_final ? html`<span class="final-badge">${translate('FINAL')}</span>` : html``} |
| 135 | + </span> |
| 136 | + </sl-tooltip> |
| 137 | + </span> |
| 138 | + <span class="col-data col-4" data-col-header-label="${translate('PARTNER')}"> |
| 139 | + <sl-tooltip placement="right" content="${report.partner_vendor_number}"> |
| 140 | + <span id="tooltip-partner-${report.id}" class="tooltip-trigger"> |
| 141 | + ${this._displayOrDefault(report.partner_name)} |
| 142 | + </span> |
| 143 | + </sl-tooltip> |
| 144 | + </span> |
| 145 | + <span class="col-data col-2" data-col-header-label="${translate('REPORT_STATUS')}"> |
| 146 | + <intervention-report-status status="${report.status}"></intervention-report-status> |
| 147 | + </span> |
| 148 | + <span class="col-data col-2" data-col-header-label="${translate('DUE_DATE')}"> |
| 149 | + ${this._displayOrDefault(report.due_date)} |
| 150 | + </span> |
| 151 | + <span class="col-data col-2" data-col-header-label="${translate('REPORTING_PERIOD')}"> |
| 152 | + ${this.getDisplayValue(report.reporting_period)} |
| 153 | + </span> |
160 | 154 | </div>
|
161 |
| - </div> |
162 |
| - </etools-data-table-row>` |
| 155 | +
|
| 156 | + <div slot="row-data-details"> |
| 157 | + <div class="row-details-content"> |
| 158 | + <span class="rdc-title col-12">${translate('UNICEF_FOCAL_POINTS')}</span> |
| 159 | + <span>${this.getDisplayValue(report.unicef_focal_points)}</span> |
| 160 | + </div> |
| 161 | + </div> |
| 162 | + </etools-data-table-row>` |
163 | 163 | )}
|
164 | 164 |
|
165 | 165 | <etools-data-table-footer
|
|
0 commit comments