Berichtsheft/berichtsheft/assets/templates/report.html

<template id="report">
    <div class="page report">
        <div class="pg-head">
            <img src="" class="logo"/>
            <!-- <hr> -->
            <div class="flex">
                <p class="quarterw">Woche vom:</p>
                <p class="quarterw date"></p>
                <p class="quarterw">bis:</p>
                <p class="quarterw date"></p>
            </div>
        </div>

        <div class="pg-content">

            <div class="week">
                <div class="week-head flexh flexfive">
                    <div class="flexgrow">Unterweisungen, ausgeführte Arbeiten usw.</div>
                    <div class="flexten">Einzel-Stunden</div>
                    <div class="flexten">Gesammt-Stunden</div>
                </div>

                <div class="day flexh">
                    <div class="vertical">Montag</div>
                    <div class="day-content flexv" onclick="editDayOpen(this)">
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="subtotal green flexten"></div>
                        </div>
                    </div>
                </div>

                <div class="day flexh">
                    <div class="vertical">Dienstag</div>
                    <div class="day-content flexv" onclick="editDayOpen(this)">
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="subtotal green flexten"></div>
                        </div>
                    </div>
                </div>

                <div class="day flexh">
                    <div class="vertical">Mittwoch</div>
                    <div class="day-content flexv" onclick="editDayOpen(this)">
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="subtotal green flexten"></div>
                        </div>
                    </div>
                </div>

                <div class="day flexh">
                    <div class="vertical">Donnerstag</div>
                    <div class="day-content flexv" onclick="editDayOpen(this)">
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="subtotal green flexten"></div>
                        </div>
                    </div>
                </div>

                <div class="day flexh">
                    <div class="vertical">Freitag</div>
                    <div class="day-content flexv" onclick="editDayOpen(this)">
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="sh flexten"></div>
                        </div>
                        <div class="day-line flexh">
                            <div class="flexgrow"></div>
                            <div class="sh flexten"></div>
                            <div class="subtotal green flexten"></div>
                        </div>
                    </div>
                </div>

                <div class="week-foot flexh flexfive">
                    <div class="flexgrow">Wochenstunden</div>
                    <div class="total flexten"></div>
                </div>
            </div>

            <div class="sign">
                <table>
                    <tr>
                        <td colspan="2">Für die Richtigkeit:</td>
                    </tr>
                    <tr>
                        <td>Auszubildender</td>
                        <td>Ausbilder</td>
                    </tr>
                    <tr>
                        <td><hr class="eightyw">Datun, Unterschrift</td>
                        <td><hr class="eightyw">Datun, Unterschrift</td>
                    </tr>
                </table>
            </div>
        </div>

        <div class="pg-footer">
            <p>Seite </p>
            <p class="pnum"></p>
            <p> von </p>
            <p class="pcount"</p>
        </div>
    </div>
</template>