kopia lustrzana https://github.com/inkstitch/inkstitch
52 wiersze
2.5 KiB
HTML
52 wiersze
2.5 KiB
HTML
<header>
|
|
{% include 'headline.html' %}
|
|
<div class="job-details">
|
|
<div>
|
|
<div class="table">
|
|
<p><span>{{ _('Unique Colors') }}:</span><span>{{ job.num_colors }}</span></p>
|
|
<p><span>{{ _('Color Blocks') }}:</span><span>{{ job.num_color_blocks }}</span></p>
|
|
<p><span>{{ _('Total nr stops') }}:</span><span>{{ job.num_stops }}</span></p>
|
|
<p><span>{{ _('Total nr trims') }}:</span><span>{{ job.num_trims }}</span></p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="table">
|
|
<p><span>{{ _('Design box size') }}:</span><span>{{ "%0.1fmm X %0.1fmm" | format(*job.dimensions) }}</span></p>
|
|
<p><span>{{ _('Total stitch count') }}:</span><span>{{job.num_stitches }}</span></p>
|
|
<p><span>{{ _('Total thread used') }}:</span><span>{{job.estimated_thread }}</span></p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="table">
|
|
<p><span>{{ _('Job estimated time') }}:</span></p>
|
|
<p><span>{{ job.estimated_time }}</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main class="client-overview-main">
|
|
<figure class="inksimulation" data-field-name="client-overview-transform" title="{{ _('Ctrl + Scroll to Zoom') }}">
|
|
{{ svg_overview|safe }}
|
|
<figcaption>{{ _('Scale') }} <span class="scale" data-field-name="svg-scale" contenteditable="true" data-placeholder=""></span>%</figcaption>
|
|
<div>
|
|
<button class="svg-fit">Fit</button>
|
|
<button class="svg-full">100%</button>
|
|
<button class="svg-apply">Apply to all</button>
|
|
<button class="svg-realistic">
|
|
<input type="checkbox" id="realistic-client-overview" data-field-name="overview" class="realistic" />
|
|
<label for="realistic-client-overview" class="realistic">Realistic</label>
|
|
</button>
|
|
</div>
|
|
</figure>
|
|
|
|
<div class="color-palette">
|
|
{% for color_block in color_blocks %}
|
|
{% include 'color_swatch.html' %}
|
|
{% endfor %}
|
|
|
|
</div>
|
|
<div class="signature">{{ _('Client Signature') }}</div>
|
|
</main>
|
|
|
|
{% include 'footer.html' %}
|