cml04-falcon-ui/templates/bundle.html

{{define "title"}}Falcon UI{{end}}

{{define "body"}}

<div class="container is-fluid">
    <div class="columns">
        <div class="column is-one-fifth">
            <aside class="menu">
                <p class="menu-label">Panel</p>
                <ul class="menu-list">
                    <li><a href="/">Inicio</a></li>
                </ul>
                <p class="menu-label">Etiquetas leídas</p>
                <ul class="menu-list">
                    <li><a href="/barcodes">Consultar</a></li>
                </ul>
                <p class="menu-label">Paquetes</p>
                <ul class="menu-list">
                    <li><a href="/bundle">Consultar</a></li>
                </ul>
                <p class="menu-label">Datos de fabricación</p>
                <ul class="menu-list">
                    <li><a href="/po">Orden de producción</a></li>
                    <li><a href="/co">Orden de cliente</a></li>
                    <li><a href="/bcp">Orden de corte placa</a></li>
                    <li><a href="/lcp">Orden de corte layer</a></li>
                    <li><a href="/hbcp">Hoja BCP</a></li>
                </ul>
                <p class="menu-label">Calidad</p>
                <ul class="menu-list">
                    <li><a href="/standards">Normas</a></li>
                </ul>
                <p class="menu-label">Etiquetas</p>
                <ul class="menu-list">
                    <li><a href="/labels">Ultimas etiquetas</a></li>
                </ul>
            </aside>
        </div>

        <div class="column">
            <nav class="panel is-link">
                <p class="panel-heading"><i class="fas fa-box" aria-hidden="true"></i> Busqueda Paquetes</p>
                <form action="/bundle" method="post">
                    <div class="panel-block">
                        <div class="field">
                            <label class="label">Unidad almacén</label>
                            <div class="control">
                                <p class="control has-icons-left">
                                    <input class="input is-link has-dropdown is-hoverable has-icons-right" type="text"
                                        id="ua" name="ua" minlength="10" maxlength="10" />
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="panel-block">
                        <div class="field">
                            <label class="label">Fechas</label>
                            <div class="control">
                                <p class="control has-icons-left">
                                    <input class="input is-link has-dropdown is-hoverable has-icons-right" type="date"
                                        id="fechas" name="fechas" required />
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="panel-block">
                        <div class="field">
                            <label class="label">Evacuadores</label>
                            <div class="control">
                                <p class="control has-icons-left">
                                <div class="select">
                                    <select name="evacuadores" id="evacuadores">
                                        <option value="3">TODOS</option>
                                        <option value="1">ATA12</option>
                                        <option value="2">ATA345</option>
                                    </select>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="panel-block">
                        <div class="buttons">
                            <button type="submit" class="button is-link is-outlined">
                                Busqueda
                            </button>
                            <button type="reset" class="button is-danger is-outlined">
                                Reset
                            </button>
                        </div>
                    </div>
                </form>
            </nav>
        </div>

        {{ if .}}
        <div class="column">
            <nav class="panel is-link">
                <p class="panel-heading"><i class="fas fa-box" aria-hidden="true"></i> Listado Paquetes</p>
                <div class="panel-block">
                    <table class="table">
                        <thead>
                            <tr>
                                <th><abbr title="Unidad de almacén">UA</abbr></th>
                                <th>PO</th>
                                <th>CO</th>
                                <th>Colada</th>
                                <th>Calidad</th>
                                <th>Código SAP</th>
                                <th>Producto</th>
                                <th>Peso</th>
                                <th>Desvío</th>
                                <th><abbr title="Paquete confirmado">Conf.</abbr></th>
                                <th><abbr title="Nivel 3">N3</abbr></th>
                                <th>SAP</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th><abbr title="Unidad de almacén">UA</abbr></th>
                                <th>PO</th>
                                <th>CO</th>
                                <th>Colada</th>
                                <th>Calidad</th>
                                <th>Código SAP</th>
                                <th>Producto</th>
                                <th>Peso</th>
                                <th>Desvío</th>
                                <th><abbr title="Paquete confirmado">Conf.</abbr></th>
                                <th><abbr title="Nivel 3">N3</abbr></th>
                                <th>SAP</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            {{ range . }}
                            <tr>
                                <td><a href="">{{ .Nromatricula }}</a></td>
                                <td><a href="">{{ .Po }}</a></td>
                                <td><a href="">{{ .Co }}</a></td>
                                <td>{{ .Colada }}</td>
                                <td>{{ .Calidad }}</td>
                                <td>{{ .Matnr }}</td>
                                <td>{{ .SeccionTipo }}</td>
                                <td>{{ .PaquetePeso }}</td>
                                <td>{{ .FormatDesvio }}</td>
                                <td>{{ .L3Sended }}</td>
                                <td>{{ .Confirmed }}</td>
                                <td>{{ .SAP }}</td>
                            </tr>
                            {{ end }}
                        </tbody>
                    </table>
                </div>
            </nav>
        </div>
    </div>
    {{ end }}
</div>
<script src="/assets/js/bundle.js"></script>
{{ end }}