honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/Danny-Engelman/sp-dev-fx-webparts into danny-engelman-master

This commit is contained in:
Vesa Juvonen 2017-06-12 14:05:02 +03:00
parent 62cbeaecc0 e23419ce15
commit 215572dbae
1 changed files with 19 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
samples/aad-api-spo-cookie/webpart/src/webparts/latestOrders/LatestOrdersWebPart.ts
View File

@ -72,28 +72,24 @@ export default class LatestOrdersWebPart extends BaseClientSideWebPart<ILatestOr
} }
private renderData(): void { private renderData(): void {
if (this.orders === null) { if (this.orders) {
return; const className = styles.number; // GLOBAL!
} const table: Element = this.domElement.querySelector(".data");
table.removeAttribute("style"); //could use standard HTML5 'hidden' attribute instead of whole Style
let ordersString: string = ""; table.querySelector("tbody").innerHTML =
this.orders.forEach(order => { this.orders.map(order =>
ordersString += ` `<tr>
<tr> <td class="${className}">${order.id}</td>
<td class="${styles.number}">${order.id}</td> <td class="${className}">${new Date(order.orderDate).toLocaleDateString()}</td>
<td class="${styles.number}">${new Date(order.orderDate).toLocaleDateString()}</td>
<td>${order.region.toString()}</td> <td>${order.region.toString()}</td>
<td>${order.rep}</td> <td>${order.rep}</td>
<td>${order.item}</td> <td>${order.item}</td>
<td class="${styles.number}">${order.units}</td> <td class="${className}">${order.units}</td>
<td class="${styles.number}">$${order.unitCost.toFixed(2)}</td> <td class="${className}">$${order.unitCost.toFixed(2)}</td>
<td class="${styles.number}">$${order.total.toFixed(2)}</td> <td class="${className}">$${order.total.toFixed(2)}</td>
</tr>`; </tr>`
}); ).join('');
}
const table: Element = this.domElement.querySelector(".data");
table.removeAttribute("style");
table.querySelector("tbody").innerHTML = ordersString;
} }
private executeOrDelayUntilRemotePartyLoaded(func: Function): void { private executeOrDelayUntilRemotePartyLoaded(func: Function): void {