Hi
25 | {% endmacro %} 26 | ``` 27 | 28 | Now, you can refer to that macro anywhere(below its declaration) with: 29 | ```{{ name_of_macro() }}``` 30 | 31 | Each time you call it, the code inside of it replaces it. 32 | ``` 33 |Test
>Test
34 | {{ name_of_macro() }} >Hi
35 |Again test
>Again test
36 | {{ name_of_macro() }} >Hi
37 |Finish
>Finish
38 | ``` 39 | 40 | ## Recreate the the whole template in html with the help of bootstrap. 41 | Here is a basic example of HTML code with bootstrap: 42 | ``` 43 |
44 |
51 | ```
52 | Using **col-xs** is necessary as anything else will cause wkhtmltopdf to break and the the generated PDF will loose its alignment, although the print version will look fine. **Intendation** is also very important as if increases the readablity of the code and when working as a team, it gives a great advantage.
53 |
54 | Now that you have converted the basic template into html format, its time for us to use Jinja to fetch value into our format.
55 | The format for it is ```{{ name of variable to print }}```
56 |
57 | In ERPNext, these variables are inside each doctypes. And to access them, we use doc.name_of_field.
58 | To get the fieldname of a column, we can go to customise form and select the doctype we want to and search for the field and get its fieldname.
59 | Example code to fetch document name: ```{{ doc.name }}```
60 |
61 | ## Split to macros
62 | Now that we know how to fetch values and that we have the template in HTML, we can actually split the template into macros.
63 |
64 | ### Above Section
65 | ```
66 | {% macro above_items() %}
67 |
45 |
50 |
46 | Dear Sir/Madam,
47 | Thank you for placing the purchase order. We hearby confirm our acceptance as follows: 48 |
49 | 47 | Thank you for placing the purchase order. We hearby confirm our acceptance as follows: 48 |
68 |
127 |
128 |
129 |
69 |
76 |
77 |
70 | 
71 |
72 |
71 |
73 | SALES ORDER
74 |
75 |
78 |
91 |
92 |
79 | {{ doc.customer_name }}
80 | {{ doc.shipping_address }} 81 |
82 | 80 | {{ doc.shipping_address }} 81 |
83 |
84 | {{ doc.name }}
85 | 86 | {{ doc.transaction_date }}
87 | Your PO Reference
88 | {{ doc.po_no }} 89 |
90 | 85 | 86 | {{ doc.transaction_date }}
87 | Your PO Reference
88 | {{ doc.po_no }} 89 |
93 |
98 |
126 |
94 | Dear Sir/Madam,
95 | Thank you for placing the purchase order. We hearby confirm our acceptance as follows: 96 |
97 | 95 | Thank you for placing the purchase order. We hearby confirm our acceptance as follows: 96 |
130 |
141 | {% endmacro %}
142 | ```
143 | Now, if we check the below part, we can see how the table we opened in the above section was beautifully closed. See how the intendation makes it easier to read the code!
144 | Now, if we just print the above and below sections, we will be able to see the template(without any rows in the table ofc!)
145 |
146 | ### Middle Section
147 | Now comes the best part! The middle section, where all the fun is!
148 | Here, we don't define it as a seperate macro, rather, we just write it down(You're always free to write it as a macro and call as well!)
149 | ```
150 | {{ above_items() }}
151 | {% set pr = [1] %}
152 | {% set lines = [0] %}
153 | {%- for row in doc.items -%}
154 | {% if lines[-1] %} {% endif %}
155 | {% if lines.append( lines[-1] + 2 +((row.description|length / 38)|int)) %}{% endif %}
156 | {% if (row.description|length % 38) > 0 %}
157 | {% if lines[-1] %} {% endif %}
158 | {% if lines.append( lines[-1] + 1 ) %}{% endif %}
159 | {% endif %}
160 | {% if (lines[-1]/30) <= pr[-1] %}
161 |
131 |
140 |
132 | Store Incharge:
133 | Authorised Signatory: 134 |
135 | 133 | Authorised Signatory: 134 |
136 | Signature:
137 | Signature: 138 |
139 | 137 | Signature: 138 |
{{ row.serial_no }}
{{ row.serial_no }}