pujie · August 29, 2015 14:16
diff --git a/rptserver.js b/rptserver.js
 <html>
 <head>
 <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css' />
 <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
 <style>
    h2{
        font-weight:bold;
    }
    table#tbl1{
        width:100%;
        color:black;
        font-family:'Verdana';
    }
    #tbl2{
        width:100%;
        font-family:'Arial';
    }
    #tbl2 tbody tr:nth-child(even){
        background:silver;
    }
    #tbl2 tbody tr:nth-child(odd){
        background:azure;
    }
    #surveyor{
        list-style:none;
        
    }
    .inlinelist{
        display:inline;
    }
    .inlinelist:after{
        content:",";
    }
    .inlinelist:last-of-type:after{
        content:"";
    }
    .commontable{
        border: 1px solid black;
        width: 100%;
    }
    .commontable tbody tr{
        border: 1px solid black;
        padding-left: 1px;
    }
    .commontable tbody tr td{
        border: 1px solid black;
        padding-left: 1px;
    }
 			ul{
 			    width:100%;
 			    list-style:none;
 			}
 			li{
 			    background:green;
 			    float:left;
 			    height:200px;
 			    width:50%;
 			    text-align:center;
 			    vertical-align:middle;
 			}
 			li:nth-child(even){
 			    margin-right:0;
 			}
    
 </style>
 </head>
 <body>
 <h2>Field Report</h2>
 <table id="tbl1">
    <tr><td>Lokasi </td><td>: SURABAYA</td></tr>
    <tr><td>Jenis </td><td>: SURVEY PTP/WLL</td></tr>
 </table>

 <table id="tbl1a">
    <tr><td>Nama Calon Customer </td><td>: {{name}}</td></tr>
    <tr><td>Tipe Bisnis </td><td>: {{business_field}}</td></tr>
    <tr><td>Kontak Teknis </td><td>: {{pic_name}} {{#if pic_position}}({{pic_position}}){{/if}}</td></tr>
    {{#siteaddress items}}{{/siteaddress}}
    <tr><td>Tanggal Pelaksanaan </td><td>: {{survey_date}}</td></tr>
    <tr><td>Pelaksana </td><td>: {{#commalist surveyors}}<span>{{name}}</span>{{/commalist}}</td></tr>

 </table>
 <h2>A. Data Teknis</h2>
 {{#items}} 
 <h3>{{address}}</h3>
 <table style='width:100%'>
    <tr>
        <td rowspan=2>Location</td>
        <td>: S 07 19^ 27^^</td>
    </tr>
    <tr>
        <td>: E 112 45^ 17^^</td>
    </tr>
    <tr>
        <td rowspan=2>Elevation</td>
        <td>: 5 m AMSL</td>
    </tr>
    <tr>
        <td>: 8 m AGL</td>
    </tr>
 </table>
 {{/items}} 
 <h2>B. Foto Lokasi</h2>
 {{#items}} 
 <h3>{{address}}</h3>
 <div class='container'>
 <ul class='list-unstyled'>
    {{#images}}
    
    <li><img width='100' height='100'  src='https://teknis/media/surveys/{{path}}' /></li>
    {{/images}}
    </ul>
    </div>
 {{/items}} 
 <h2>C. Gambaran Link</h2>
 <h2>D. Data Jarak</h2>
 <table class='commontable'>
    <thead><tr><th>Lokasi</th><th>Tujuan</th><th>Jarak</th><th>LOS/NLOS</th><th>Penghalang</th></tr></thead>
    <tbody>
        {{#bts}}
        <tr><td rowspan={{getlength btsdistance}}>{{address}}</td><td>{{btsdistance.btsname}}</td><td>{{distance}}</td><td>{{los}}</td><td>{{obstacle}}</td></tr>
        {{#btsdistance}}
        <tr><td>{{btsname}}</td><td>{{distance}}</td><td>{{los}}</td><td>{{obstacle}}</td></tr>
        {{/btsdistance}}
        {{/bts}}        
    </tbody>
 </table>
 <h2>E. Kebutuhan Instalasi</h2>
    {{#materials}}
    {{#if material}}
        <h3>{{address}}</h3>
        <table class='commontable'>
            <thead><tr><th>No</th><th>Keperluan</th><th>Banyak/satuan</th></tr></thead>
            <tbody>
                {{#material}}
                    <tr><td>{{indexplus @index}}</td><td>{{material_type}} {{name}}</td><td>{{amount}}</td></tr>
                {{/material}}
            </tbody>
        </table>
        {{/if}}
    {{/materials}}        
 <h2>F. Resume</h2>
 <p>Demikianlah laporan survey PTP {{name}}</p>

 <p>Status: {{survey.resume}}</p>

    
 <p>pelaksana</p>

 {{#commalist surveyors}}{{name}}{{/commalist}}
 </body>
 </html>
	<html>
	<head>
	<link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css' />
	<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
	<style>
	h2{
	font-weight:bold;
	}
	table#tbl1{
	width:100%;
	color:black;
	font-family:'Verdana';
	}
	#tbl2{
	width:100%;
	font-family:'Arial';
	}
	#tbl2 tbody tr:nth-child(even){
	background:silver;
	}
	#tbl2 tbody tr:nth-child(odd){
	background:azure;
	}
	#surveyor{
	list-style:none;

	}
	.inlinelist{
	display:inline;
	}
	.inlinelist:after{
	content:",";
	}
	.inlinelist:last-of-type:after{
	content:"";
	}
	.commontable{
	border: 1px solid black;
	width: 100%;
	}
	.commontable tbody tr{
	border: 1px solid black;
	padding-left: 1px;
	}
	.commontable tbody tr td{
	border: 1px solid black;
	padding-left: 1px;
	}
	ul{
	width:100%;
	list-style:none;
	}
	li{
	background:green;
	float:left;
	height:200px;
	width:50%;
	text-align:center;
	vertical-align:middle;
	}
	li:nth-child(even){
	margin-right:0;
	}

	</style>
	</head>
	<body>
	<h2>Field Report</h2>
	<table id="tbl1">
	<tr><td>Lokasi </td><td>: SURABAYA</td></tr>
	<tr><td>Jenis </td><td>: SURVEY PTP/WLL</td></tr>
	</table>

	<table id="tbl1a">
	<tr><td>Nama Calon Customer </td><td>: {{name}}</td></tr>
	<tr><td>Tipe Bisnis </td><td>: {{business_field}}</td></tr>
	<tr><td>Kontak Teknis </td><td>: {{pic_name}} {{#if pic_position}}({{pic_position}}){{/if}}</td></tr>
	{{#siteaddress items}}{{/siteaddress}}
	<tr><td>Tanggal Pelaksanaan </td><td>: {{survey_date}}</td></tr>
	<tr><td>Pelaksana </td><td>: {{#commalist surveyors}}<span>{{name}}</span>{{/commalist}}</td></tr>

	</table>
	<h2>A. Data Teknis</h2>
	{{#items}}
	<h3>{{address}}</h3>
	<table style='width:100%'>
	<tr>
	<td rowspan=2>Location</td>
	<td>: S 07 19^ 27^^</td>
	</tr>
	<tr>
	<td>: E 112 45^ 17^^</td>
	</tr>
	<tr>
	<td rowspan=2>Elevation</td>
	<td>: 5 m AMSL</td>
	</tr>
	<tr>
	<td>: 8 m AGL</td>
	</tr>
	</table>
	{{/items}}
	<h2>B. Foto Lokasi</h2>
	{{#items}}
	<h3>{{address}}</h3>
	<div class='container'>
	<ul class='list-unstyled'>
	{{#images}}

	<li><img width='100' height='100' src='https://teknis/media/surveys/{{path}}' /></li>
	{{/images}}
	</ul>
	</div>
	{{/items}}
	<h2>C. Gambaran Link</h2>
	<h2>D. Data Jarak</h2>
	<table class='commontable'>
	<thead><tr><th>Lokasi</th><th>Tujuan</th><th>Jarak</th><th>LOS/NLOS</th><th>Penghalang</th></tr></thead>
	<tbody>
	{{#bts}}
	<tr><td rowspan={{getlength btsdistance}}>{{address}}</td><td>{{btsdistance.btsname}}</td><td>{{distance}}</td><td>{{los}}</td><td>{{obstacle}}</td></tr>
	{{#btsdistance}}
	<tr><td>{{btsname}}</td><td>{{distance}}</td><td>{{los}}</td><td>{{obstacle}}</td></tr>
	{{/btsdistance}}
	{{/bts}}
	</tbody>
	</table>
	<h2>E. Kebutuhan Instalasi</h2>
	{{#materials}}
	{{#if material}}
	<h3>{{address}}</h3>
	<table class='commontable'>
	<thead><tr><th>No</th><th>Keperluan</th><th>Banyak/satuan</th></tr></thead>
	<tbody>
	{{#material}}
	<tr><td>{{indexplus @index}}</td><td>{{material_type}} {{name}}</td><td>{{amount}}</td></tr>
	{{/material}}
	</tbody>
	</table>
	{{/if}}
	{{/materials}}
	<h2>F. Resume</h2>
	<p>Demikianlah laporan survey PTP {{name}}</p>

	<p>Status: {{survey.resume}}</p>


	<p>pelaksana</p>

	{{#commalist surveyors}}{{name}}{{/commalist}}
	</body>
	</html>