2018-03-31 00:37:11 +00:00
|
|
|
<header>
|
|
|
|
{% include 'headline.html' %}
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<main>
|
|
|
|
<div class="operator-job-info">
|
|
|
|
<div class="job-headline">
|
|
|
|
<p class="operator-svg operator-colorswatch">{# svg color #}</p>
|
|
|
|
<p>{# svg preview #}</p>
|
|
|
|
<p>{{ _('Color') }}</p>
|
|
|
|
<p>{{ _('Thread Consumption') }}</p>
|
|
|
|
<p>{{ _('Stops and Trims') }}</p>
|
|
|
|
<p>{{ _('Estimated Time') }}</p>
|
|
|
|
</div>
|
|
|
|
{% if outer_loop.index == 1 %}
|
|
|
|
<div>
|
|
|
|
<p>
|
|
|
|
<span>##</span>
|
|
|
|
</p>
|
|
|
|
<p class="operator-svg operator-preview">
|
|
|
|
{{ svg_overview|safe }}
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
<span>{{ _('Unique Colors') }}: {{ job.num_colors }}</span>
|
|
|
|
<span>{{ _('Color Blocks') }}: {{ job.num_color_blocks }}</span>
|
|
|
|
</p>
|
|
|
|
<p>
|
2018-04-17 19:55:52 +00:00
|
|
|
<span>{{ _('Design box size') }}: {{ "%0.1fmm X %0.1fmm" | format(*job.dimensions) }}</span>
|
2018-03-31 00:37:11 +00:00
|
|
|
<span>{{ _('Total thread used') }}: {{job.estimated_thread }}</span>
|
|
|
|
<span>{{ _('Total stitch count') }}: {{job.num_stitches }}</span>
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
<span>{{ _('Total nr stops') }}: {{ job.num_stops }}</span>
|
|
|
|
<span>{{ _('Total nr trims') }}: {{ job.num_trims }}</span>
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
<span>{{ job.estimated_time }}</span>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
{% for color_block in color_block_part %}
|
|
|
|
|
|
|
|
<div style="display: table-row;">
|
|
|
|
<p class="operator-svg operator-colorswatch">
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<rect fill="rgb{{ color_block.color.rgb }}" width="15mm" height="100%" />
|
|
|
|
<text fill="rgb{{ color_block.color.font_color }}">
|
|
|
|
<tspan x="4mm" y="7.5mm" class="color-index">#{{ loop.index + outer_loop.index0 * 13 }}</tspan>
|
|
|
|
</text>
|
|
|
|
</svg>
|
|
|
|
</p>
|
|
|
|
<p class="operator-svg operator-preview">
|
|
|
|
{{ color_block.svg_preview|safe }}
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
<span data-field-name="color-{{ color_block.color.hex_digits }}" contenteditable="true" data-placeholder="Enter thread name...">{{ color_block.color.thread_name }}</span>
|
|
|
|
<span>{{ color_block.color.rgb }}</span>
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
<span>{{ _('thread used') }}: {{ color_block.color.thread_description }}</span>
|
|
|
|
<span>{{ _('# stitches') }}: {{ color_block.num_stitches }}</span>
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
<span>{{ _('# stops') }}: {{ color_block.num_stops }}</span>
|
|
|
|
<span>{{ _('# trims') }}: {{ color_block.num_trims }}</span>
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
<span>{{ color_block.estimatedtime }}</span>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
</main>
|
|
|
|
|
|
|
|
{% include 'footer.html' %}
|
|
|
|
|
|
|
|
|