Job card creation

1

I am so pleased with myself.
For a job card in sales quotes I created a job card

image
image447Ă—842 41.9 KB

This one you attach a photo of the machine .I do have another theme where you can have the image showing in the actual job card and I can fill in the labour costs and parts etc and copy to invoice and it will come through as
image
image830Ă—647 144 KB

both have themes

2

did you create this Job Card with Manager? if so , How? kindly share the process

3

yes I coded it in themes and then went to sales quote and where it says use custom theme I chose it

body { font-family: Arial, sans-serif; font-size: 13px; } h2 { text-align: center; margin-top: 0; } .box { border: 1px solid #000; padding: 10px; margin-bottom: 10px; } .row { margin-bottom: 5px; } .heading { font-weight: bold; text-decoration: underline; margin-bottom: 10px; } 
<td colspan="2" style="text-align:center; padding-left:98px;">
    {% if business.logo != null %}
        <img src="{{ business.logo }}" style="max-height:90px;">
    {% endif %}
</td>

<!-- ROW 2: CUSTOMER | JOB | BUSINESS -->
<tr>

    <!-- CUSTOMER -->
    <td style="width:33%; vertical-align:top;">
        <div><strong>{{ recipient.name }}</strong></div>
        <div>{{ recipient.address | newline_to_br }}</div>

        {% for field in custom_fields %}
            {% if field.label == "Customer Phone:" %}
                <div><strong>Phone:</strong> {{ field.text }}</div>
            {% endif %}
        {% endfor %}
    </td>

    <!-- JOB INFO -->
    <td style="width:33%; vertical-align:top;text-align:Right; padding-right:20px;">
       

        {% for field in fields %}
            {% if field.label == "Reference" %}
                <div>Job #: {{ field.text }}</div>
            {% endif %}
            {% if field.label == "Issue date" %}
                <div>Date: {{ field.text }}</div>
            {% endif %}
        {% endfor %}
    </td>

  <!-- BUSINESS -->
JOB CARD
{{ business.name }}
{{ business.address | newline_to_br }}
{{ business.identifier }}
Safety Notice
Your machine has been serviced in accordance with the manufacturer’s guidelines and relevant New Zealand standards. Please keep this job card as a record of the work carried out.
Job Details
{% for field in fields %}

    {% if field.label == "Issue date" %}
        <div class="row"><strong>Job Date:</strong> {{ field.text }}</div>
    {% endif %}

    {% if field.label == "Expiry date" %}
        <div class="row"><strong>Expiry Date:</strong> {{ field.text }}</div>
    {% endif %}

    {% if field.label == "Reference" %}
        <div class="row"><strong>Job Number:</strong> {{ field.text }}</div>
    {% endif %}

{% endfor %}
Customer Details
<div class="row"><strong>Customer:</strong> {{ recipient.name }}</div>

{% for field in custom_fields %}
    {% if field.label == "Customer Phone:" %}
        <div class="row"><strong>Phone:</strong> {{ field.text }}</div>
    {% endif %}
{% endfor %}

<div class="row"><strong>Email:</strong> {{ recipient.email }}</div>
<div class="row"><strong>Address:</strong> {{ recipient.address }}</div>
Machine Details
<div class="row"><strong>Machine Type:</strong>
    {% for field in custom_fields %}
        {% if field.label == "Machine Type" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>

<div class="row"><strong>Make:</strong>
    {% for field in custom_fields %}
        {% if field.label == "Make" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>

<div class="row"><strong>Model:</strong>
    {% for field in custom_fields %}
        {% if field.label == "Model" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>

<div class="row"><strong>Serial Number:</strong>
    {% for field in custom_fields %}
        {% if field.label == "Serial Number" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>
Issue / Fault
{% for field in custom_fields %}
    {% if field.label == "Customer Issue" %}
        {{ field.text }}
    {% endif %}
{% endfor %}
Job Completed
<div class="row">
    <strong>Work Performed:</strong><br>
    {% for field in custom_fields %}
        {% if field.label == "Work Performed" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>

<br>

<div class="row">
    <strong>Parts Used:</strong><br>
    {% for field in custom_fields %}
        {% if field.label == "Parts Used" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>
Status
{% for field in custom_fields %}
    {% if field.label == "Status" %}
        {{ field.text }}
    {% endif %}
{% endfor %}
Customer Signature
Signature: ___________________________<br><br>
Date: ___________________________
Terms
Payment due on collection.<br>
No responsibility for items left over 30 days.

this one I attaché the photo of the machine to be fixed to it. In another one I set the photo into the form its self.

This is the one I use for the invoice . it could do with tweaking a bit , but son said its ok for what he wants

<!-- ROW 1: LOGO -->
<tr>
    <td style="width:60%;"></td>

    <td colspan="2" style="text-align:center;">
        {% if business.logo != null %}
            <img src="{{ business.logo }}" style="max-height:90px;">
        {% endif %}
    </td>
</tr>

<!-- ROW 2 -->
<tr>

    <!-- CUSTOMER -->
    <td style="width:60%; vertical-align:top;">
        <div><b>{{ recipient.name }}</b> {{ recipient.code }}</div>
        <div>{{ recipient.address | newline_to_br }}</div>

        {% for field in custom_fields %}
            {% if field.label == "Customer Phone:" %}
                <div><b>Phone:</b> {{ field.text }}</div>
            {% endif %}
        {% endfor %}
    </td>

    <!-- INVOICE -->
    <td style="width:20%; text-align:right; vertical-align:top; border-right:1px solid #000; padding-right:10px;">
        {% for field in fields %}
            <div><b>{{ field.label }}</b></div>
            <div style="margin-bottom:6px;">{{ field.text }}</div>
        {% endfor %}
    </td>

    <!-- BUSINESS -->
    <td style="width:20%; vertical-align:top; padding-left:10px;">
        <div><b>{{ business.name }}</b></div>
        <div>{{ business.address | newline_to_br }}</div>
        <div>{{ business.identifier }}</div>
    </td>

</tr>

<thead>
    <tr>
        {% for column in table.columns %}
        <td style="font-weight:bold; padding:5px; border:1px solid #000; text-align:{{ column.align }}">
            {{ column.label }}
        </td>
        {% endfor %}
    </tr>
</thead>

<tbody>
    {% for row in table.rows %}
    <tr>
        {% for cell in row.cells %}
        <td style="padding:5px; border:1px solid #000; text-align:{{ table.columns[forloop.index0].align }}">
            {{ cell.text | newline_to_br }}
        </td>
        {% endfor %}
    </tr>
    {% endfor %}

    {% for total in table.totals %}
    <tr>
        <td colspan="{{ table.columns | size | minus:1 }}" style="text-align:right; padding:5px;">
            {{ total.label }}
        </td>
        <td style="border:1px solid #000; text-align:right; padding:5px;">
            {{ total.text }}
        </td>
    </tr>
    {% endfor %}

</tbody>

{% for field in custom_fields %}

{% if field.label == "Machine Type" %}
    <div><b>Machine Type:</b> {{ field.text }}</div>
{% endif %}

{% if field.label == "Make" %}
    <div><b>Make:</b> {{ field.text }}</div>
{% endif %}

{% if field.label == "Model" %}
    <div><b>Model:</b> {{ field.text }}</div>
{% endif %}

{% if field.label == "Serial Number" %}
    <div><b>Serial Number:</b> {{ field.text }}</div>
{% endif %}

{% if field.label == "Work Performed" %}
    <div><b>Work Performed:</b><br>{{ field.text }}</div>
{% endif %}

{% if field.label == "Parts Used" %}
    <div><b>Parts Used:</b><br>{{ field.text }}</div>
{% endif %}

{% endfor %}

Payment due on collection
Thank you for your custom