passing handelbar list #1889

sergedahdouh · 2022-09-27T01:15:07Z

sergedahdouh
Sep 27, 2022

hello i have the following template

<title>Invoice - Bootdey.com</title> <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <div class="receipt-main col-xs-10 col-sm-10 col-md-6 col-xs-offset-1 col-sm-offset-1 col-md-offset-3">
        <div class="row">
			<div class="receipt-header">
				<div class="col-xs-6 col-sm-6 col-md-6">
					<div class="receipt-left">
						<img class="img-responsive" alt="iamgurdeeposahan" src="https://bootdey.com/img/Content/avatar/avatar6.png" style="width: 71px; border-radius: 43px;">
					</div>
				</div>
				<div class="col-xs-6 col-sm-6 col-md-6 text-right">
					<div class="receipt-right">
						<h5>{{shopName}}</h5>
						<p>{{shopPhone}} <i class="fa fa-phone"></i></p>
						<p>{{shopEmail}} <i class="fa fa-envelope-o"></i></p>
						<p>USA <i class="fa fa-location-arrow"></i></p>
					</div>
				</div>
			</div>
        </div>
		
		<div class="row">
			<div class="receipt-header receipt-header-mid">
				<div class="col-xs-8 col-sm-8 col-md-8 text-left">
					<div class="receipt-right">
						<h5>Customer Name </h5>
						<p><b>Mobile :</b> +1 12345-4569</p>
						<p><b>Email :</b> customer@gmail.com</p>
						<p><b>Address :</b> New York, USA</p>
					</div>
				</div>
				<div class="col-xs-4 col-sm-4 col-md-4">
					<div class="receipt-left">
						<h3>INVOICE # 102</h3>
					</div>
				</div>
			</div>
        </div>
		
        <div>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Description</th>
                        <th>Amount</th>
                    </tr>
                </thead>
                <tbody>
					{{#items}}

                    <tr>
                        <td class="col-md-9">{{User_Name}}</td>
                        <td class="col-md-3"><i class="fa fa-inr"></i> {{itemPrice}}</td>
                    </tr>
                   
                    {{/items}}


                    <tr>
                        <td class="text-right">
                        <p>
                            <strong>Total Amount: </strong>
                        </p>
                        <p>
                            <strong>Late Fees: </strong>
                        </p>
						<p>
                            <strong>Payable Amount: </strong>
                        </p>
						<p>
                            <strong>Balance Due: </strong>
                        </p>
						</td>
                        <td>
                        <p>
                            <strong><i class="fa fa-inr"></i> 65,500/-</strong>
                        </p>
                        <p>
                            <strong><i class="fa fa-inr"></i> 500/-</strong>
                        </p>
						<p>
                            <strong><i class="fa fa-inr"></i> 1300/-</strong>
                        </p>
						<p>
                            <strong><i class="fa fa-inr"></i> 9500/-</strong>
                        </p>
						</td>
                    </tr>
                    <tr>
                       
                        <td class="text-right"><h2><strong>Total: </strong></h2></td>
                        <td class="text-left text-danger"><h2><strong><i class="fa fa-inr"></i> 31.566/-</strong></h2></td>
                    </tr>
                </tbody>
            </table>
        </div>
		
		<div class="row">
			<div class="receipt-header receipt-header-mid receipt-footer">
				<div class="col-xs-8 col-sm-8 col-md-8 text-left">
					<div class="receipt-right">
						<p><b>Date :</b> 15 Aug 2016</p>
						<h5 style="color: rgb(140, 140, 140);">Thanks for shopping.!</h5>
					</div>
				</div>
				<div class="col-xs-4 col-sm-4 col-md-4">
					<div class="receipt-left">
						<h1>Stamp</h1>
					</div>
				</div>
			</div>
        </div>
		
    </div>    
</div>

and i am trying to pass through

https://us-central1-txxxxx.cloudfunctions.net/ext-pdf-generator-zb4r-executePdfGenerator?templatePath=trackingapp-66e74.appspot.com/index.zip&outputFileName=basic-example.pdf&chromiumPdfOptions[printBackground]=true&adjustHeightToFit=true&data[items][User_Name]=
[
"User_Name": "T"
,

"User_Name": "R"

,

"User_Name": "M"

]

the items as list but is never get it as list is always get it in one raw

jaylinski · 2022-09-27T09:37:29Z

jaylinski
Sep 27, 2022
Maintainer

I can maybe help you if you tell me what your exact problem is and what you want to achieve.

2 replies

sergedahdouh Sep 27, 2022
Author

thank you so much for your answer what actually trying to do is the following i have Generate PDF using Puppeteer and Handlebars.js as extensions in firebase this extention is to create a pdf document using its api and the template that i have attached the template is using handelbars and the api is the following

https://us-central1-xx.cloudfunctions.net/ext-pdf-generator-zb4r-executePdfGenerator?templatePath=trackingapp-66e74.appspot.com/index.zip&outputFileName=basic-example.pdf&chromiumPdfOptions[printBackground]=true&adjustHeightToFit=true&data[shopName]=test&data[shopPhone]=3333&data[shopEmail]=zz@hotm&data[items][User_Name]=[
{User_Name":"Product LK","itemPrice":"1000CHF"},{"User_Name":"Product L","itemPrice":"150CHF"},{"User_Name":"Product O","itemPrice":"50CHF}]

but as you can see in the attached is not working

my goal that every User_Name should be on one row

jaylinski Sep 27, 2022
Maintainer

You have to use the #each-helper. See this example:

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

passing handelbar list #1889

{{title}}

Replies: 1 comment 2 replies

{{title}}

{{title}}

{{title}}

Select a reply

passing handelbar list #1889

sergedahdouh Sep 27, 2022

Replies: 1 comment · 2 replies

jaylinski Sep 27, 2022 Maintainer

sergedahdouh Sep 27, 2022 Author

jaylinski Sep 27, 2022 Maintainer

sergedahdouh
Sep 27, 2022

Replies: 1 comment 2 replies

jaylinski
Sep 27, 2022
Maintainer

sergedahdouh Sep 27, 2022
Author

jaylinski Sep 27, 2022
Maintainer