diff options
| author | Lex Neva <lexelby@users.noreply.github.com> | 2018-03-30 20:37:11 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-03-30 20:37:11 -0400 |
| commit | 084c5555f21a6e927e4de98fdb66c4c408626f58 (patch) | |
| tree | 91e2da4493f4dcc5243114d3f73296b4a0166543 /print/templates/operator_detailedview.html | |
| parent | 1279b3ec47fa9c7eb6540e255b67389644fb0b38 (diff) | |
print through web browser (#127)
* spawn a web server and open a printable view of the design in the user's web browser
* configurable inclusion of client and operator views
* editable fields for color names, client, title, and purchase order number
* groundwork laid to save these parameters back into the SVG
* major refactor of codebase to support printing
* code is organized logically into modules
* added inkstitch logo and branding guidelines
* l10n text extraction now handled by babel
* removed legacy embroider_update extension
* partial fix for #125
Diffstat (limited to 'print/templates/operator_detailedview.html')
| -rw-r--r-- | print/templates/operator_detailedview.html | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/print/templates/operator_detailedview.html b/print/templates/operator_detailedview.html new file mode 100644 index 00000000..633b9286 --- /dev/null +++ b/print/templates/operator_detailedview.html @@ -0,0 +1,77 @@ + <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> + <span>{{ _('Design box size') }}: {{ job.dimensions }}</span> + <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' %} + + |
