summaryrefslogtreecommitdiff
path: root/print/templates/print_detail.html
blob: e73fe918b0ad9d8dc0eb20552a1f136857f42c5d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
        <header>
            {% include 'headline.html' %}
            <div class="job-details">
                <div>
                    <div class="table">
                      <p><span>{{ _('COLOR') }}:</span><span data-field-name="color-{{ color_block.color.hex_digits }}" contenteditable="true" data-placeholder="Enter thread name...">{{ color_block.color.thread_name }}</span></p>
                    </div>
                </div>
                <div>
                    <div class="table">
                      <p><span>{{ _('Estimated time') }}:</span></p>
                      <p><span>{{ color_block.estimatedtime }}</span></p>
                  </div>
                </div>
            </div>
        </header>
        <main>
            <figure class="inksimulation" data-field-name="client-detail-transform-block{{ loop.index0 }}" title="{{ _('Ctrl + Scroll to Zoom') }}">
                {{color_block.svg_preview|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-color-block-{{ loop.index0 }}" data-field-name="block{{ loop.index0 }}" class="realistic" />
                    <label for="realistic-color-block-{{ loop.index0 }}" class="realistic">Realistic</label>
                  </button>
                </div>
            </figure>
            <div class="color-palette detailed">
                {% include 'color_swatch.html' %}
            </div>
        </main>

      {% include 'footer.html' %}