Posts made by mein Jaan

{{#each formDetail.schema.pages as |page pageIndex|}}
{{#each sections as |section sectionIndex| }}
{{#each questions as |question questionIndex|}}  

     <div class="mb-2">
              {{component "./components/allQuestions/multiple-choice-answer"  
     choiceAnswer(findClassRoomDetail../../../formAnswerDetail)}}
                </div>

Now I multiple-choice-answer component I am using another #each for which I pass props

{{#each choiceAnswer as |answer answerIndex|}}

// Now I want to go back to top of my data but when I am going it give me undefined I tried this
<div>{{../../../../topFloor}}</div>

but giving undefined

I pass props to components from three each loops and in that component I used another each statement now I want back to th top of the data from all of the loop

@bjrmatos Thanks for replying but it's not working I rap {{signature}} this in "{{signature}}" but it not display my signature its empty showing in my UI or in my console. How to show real data in scripts code
This is my code

<script>
const signatureCoordinates = {
questionUuid: "b21a00fc-9977-4932-a771-cddefd2f7314",
signature: {{signature}}

        signatureName: "OWNER",
        note: "",
        image: []
    }

const canvas = document.getElementById('signatureCanvas');
const context = canvas.getContext('2d');
context.lineWidth = 1.5;
context.strokeStyle = 'black';

function drawSignature(signatures) {
  console.log(signatures,"signatures")
  for (const signature of signatures) {
    context.beginPath();
    context.moveTo(signature[0].x, signature[0].y);

    for (let i = 1; i < signature.length; i++) {
      context.lineTo(signature[i].x, signature[i].y);
    }

    context.stroke();
  }
}

drawSignature(signatureCoordinates.signature);

</script>

<script>
const signatureCoordinates = {
"questionUuid": "b21a00fc-9977-4932-a771-cddefd2f7314",
"signature": {{signature}}

        "signatureName": "OWNER",
        "note": "",
        "image": []
    }

</script>

I am passing {{signature}} in signatureCoordinates object how to pass real data

@jan_blaha Here is another question. Is there any way to pass the data through props in the component and get on that component in the local JS report? I go through the component template in JS report Playground and paste all template code in my local JS report code and but in the component where I am passing the data it's giving me undefined and in the template its work fine
Here is the js report template URL: https://playground.jsreport.net/w/admin/mcb0pE1a

Thanks, @jan_blaha . Now Its work fine after giving a css margin TOC template

Hello @bjrmatos Here is the link To TOC at the playground that https://playground.jsreport.net/w/anon/XG2u0h4l

This is from jsreport playground we just add Br tags and this happens

I am using toc template when I use this code
<!--
TOC
-----------
we render TOC template twice
the first in the main template - this is needed for inner pdf links
the second time it is rendered as merge operation in pdf utils - this is needed to for gettign page numbers in TOC
-->

{#child ./toc @template.recipe=html}
{{#level (getChapters)}}
<div style='page-break-before: always;'></div>
<h1 id="{{id}}">{{title}}</h1>
<!-- pdf utils page item is used for getting page numbers in TOC template -->
{{{pdfAddPageItem id=id}}}
{{/level}}
<!-- END TOC -->
after some component rendering the page number will not show on the toc table it shows upward here is the image