mining-pool/frontend/app/admin/dashboard.html

<md-content>
	<div layout="row">
		<md-card ng-repeat="(type, stats) in pool_stats" flex>
			<md-toolbar class="md-table-toolbar md-default">
				<div class="md-toolbar-tools">
					<h1>{{type}}</h1>
				</div>
			</md-toolbar>
			<md-card-content>
				<md-list flex>
					<md-list-item>
						<h3> Owed </h3>
						<p class="text-right">{{stats.owed | toXMR | number }} LTHN</p>
					</md-list-item>
					<md-list-item>
						<h3> Paid </h3>
						<p class="text-right">{{stats.paid | toXMR | number }} LTHN</p>
					</md-list-item>
					<md-list-item>
						<h3> Mined </h3>
						<p class="text-right">{{stats.mined | toXMR | number}} LTHN</p>
					</md-list-item>
					<md-list-item>
						<h3> Shares </h3>
						<p class="text-right">{{stats.shares | number }}</p>
					</md-list-item>
					<md-list-item>
						<h3> Target Shares </h3>
						<p class="text-right">{{stats.targetShares | number}}</p>
					</md-list-item>
				</md-card-content>
			</md-card>
		</div>

		<md-card>
			<md-toolbar class="md-table-toolbar md-default">
				<div class="md-toolbar-tools">
					<h1>Wallet</h1>
				</div>
			</md-toolbar>
			<md-card-content>
				<div flex layout="column" layout-md="row" layout-gt-md="row" class="text-center">
					<div flex layout="column" layout-gt-xs="row">
						<div flex>
							<h4> Height<h2>{{ pool_wallet.height | number }}</h2></h4>
						</div>
						<div flex>
							<h4> Unlocked<h2>{{ pool_wallet.unlocked | toXMR }} LTHN</h2></h4>
						</div>
					</div>
					<div flex layout="column" layout-gt-xs="row">
						<div flex>
							<h4> Balance<h2>{{ pool_wallet.balance | toXMR }} LTHN</h2></h4>
						</div>
						<div flex>
							<h4> Timestamp<h2>{{ pool_wallet.ts | date }}</h2></h4>
						</div>
					</div>
				</div>
			</md-card-content>
		</md-card>

		<md-card>
			<md-card-content flex>
				<md-content>
					<md-table-container>
						<table md-table md-row-select ng-model="selected" md-progress="promise">
							<thead md-head>
								<tr md-row>
									<th md-column><h2 class="md-subhead">Height</h2></th>
									<th md-column><h2 class="md-subhead">Unlocked</h2></th>
									<th md-column><h2 class="md-subhead">Balanced</h2></th>
									<th md-column><h2 class="md-subhead">Timestamp</h2></th>
								</tr>
							</thead>
							<tbody md-body>
								<tr md-row ng-repeat="history in pool_wallet_history">
									<td md-cell><p class="md-body-2">{{history.height | number}}</p></td>
									<td md-cell><p class="md-body-2">{{history.balance | toXMR }} LTHN</p></td>
									<td md-cell><p class="md-body-2">{{history.unlocked | toXMR }} LTHN</p></td>
									<td md-cell>
										<h3 class="md-body-2" am-time-ago="history.ts"></h3>
										<md-tooltip>
											({{history.ts | date:'hh:mm:ss dd/MM/yy'}})
										</md-tooltip>
									</td>
								</tr>
							</tbody>
						</table>
					</md-table-container>
				<!-- <md-table-pagination md-limit="options.limit" md-limit-options="[10, 20, 30]" md-page="options.page" md-total="{{poolStats.global.totalPayments}}" md-on-paginate="loadPayments" md-page-select></md-table-pagination> -->
				</md-content>
			</md-card-content>
		</md-card>
	</md-content>




<!-- 	<md-table-pagination md-limit="options.limit" md-limit-options="[15, 30, 50]" md-page="options.page" md-total="{{miner.txnCount}}" md-on-paginate="loadPayments" md-page-select></md-table-pagination>
	<md-table-container>
		<table md-table md-row-select ng-model="selected" md-progress="promise">
			<thead md-head>
				<tr md-row>
					<th md-column><h2 class="md-subhead">Time Sent</h2></th>
					<th md-column><h2 class="md-subhead">Transaction Hash</h2></th>
					<th md-column><h2 class="md-subhead">Amount</h2></th>
					<th md-column><h2 class="md-subhead">Fee</h2></th>
					<th md-column><h2 class="md-subhead">Mixin</h2></th>
					<th md-column><h2 class="md-subhead">Payees</h2></th>
				</tr>
			</thead>
			<tbody md-body>
				<tr md-row ng-repeat="payment in payments.global">
					<td md-cell>
						<h3 class="md-body-2" am-time-ago="payment.ts"></h3>
						<md-tooltip>
							{{payment.ts | date:'hh:mm:ss dd/MM/yy'}}
						</md-tooltip>
					</td>
					<td md-cell ng-bind-html="payment.hash | hashToLink: 'tx'"></td>
					<td md-cell><p class="md-body-2">{{payment.value | toXMR}} LTHN</p></td>
					<td md-cell><p class="md-body-2">{{payment.fee | toXMR }} LTHN</p></td>
					<td md-cell><p class="md-body-2">{{payment.mixins}}</p></td>
					<td md-cell><p class="md-body-2">{{payment.payees}}</p></td>
				</tr>
			</tbody>
		</table>
	</md-table-container>
	<md-table-pagination md-limit="options.limit" md-limit-options="[15, 30, 50]" md-page="options.page" md-total="{{miner.txnCount}}" md-on-paginate="loadPayments" md-page-select></md-table-pagination>
</md-card-content> -->