<!DOCTYPE html><html ng-app="priceApp" ng-controller="MainCtrl"><head><title>{{ user.name }} - Penawaran Harga</title><style type="text/css"> table{border-collapse: collapse;}table, td, th{border: 1px solid black;padding: 10px;}.clean td{border: none;padding: 10px;}</style></head><body><div><p>Penawaran Harga</p><h1 ng-bind="user.name"></h1><p><span ng-bind="user.id"></span><br/><span ng-bind="user.address"></span><br/><span ng-bind="user.phone"></span></p><hr/><p><span ng-bind="info.id"></span><br/><span ng-bind="info.name"></span><br/>LPSE: <span ng-bind="info.lpse"></span><br/>Masa Berlaku: <span ng-bind="info.period"></span> hari</p><hr/><table class="clean"><tbody><tr><td>Total</td><td style="text-align: right;">{{total | currency: 'Rp. '}}</td></tr><tr><td>PPN (10%)</td><td style="text-align: right;">{{ppn | currency: 'Rp. '}}</td></tr><tr><td>Total HPS</td><td style="text-align: right;">{{hps | currency: 'Rp. '}}</td></tr></tbody></table><br/><table><thead><th>#</th><th>Nama</th><th>Unit 1</th><th>Unit 2</th><th>Harga Satuan</th><th>Harga Total</th></thead><tbody><tr ng-repeat="row in table"><td>{{$index + 1}}</td><td>{{row.name}}</td><td>{{row.volume1}}({{row.unit1}})</td><td>{{row.volume2}}({{row.unit2}})</td><td style="text-align: right;">{{row.price | currency:'Rp. '}}</td><td style="text-align: right;">{{row.price_total | currency:'Rp. '}}</td></tr></tbody></table></div><script type="text/javascript" src="angular.js"></script><script type="text/javascript" src="pricing.js"></script><script type="text/javascript">angular.module('Ctrls', []).controller('MainCtrl', function($scope){$scope.user=data.user;$scope.info=data.info;$scope.table=data.table;$scope.total=0;angular.forEach($scope.table, function(row){$scope.total +=row.price_total;});$scope.ppn=0.1 * $scope.total;$scope.hps=$scope.total - $scope.ppn;});var priceApp=angular.module('priceApp', ['Ctrls']);</script></body></html>
