phpengine/ui/pick2light_picks.tpl

<div class="col-md-8 align-self-center">

    <div class="alert alert-warning mt-3 text-center" role="alert">
        PICKING ATTIVO!!
    </div>

    <form class="form" method="post" action="{{@BASEURL}}/pick2light/{{@STEP}}">
        <input type="submit" hidden id="submitform"/>
        <check if="{{ isset(@ANOMALIA) }}">
            <input type="hidden" hidden name="anomalia" value="1"/>
        </check>
        <input type="text" name="pickedlabelid" autofocus class="form-control form-control-lg mb-3" placeholder="Prodotto" required autocomplete="false"/>
    </form>

    <check if="{{ isset(@ANOMALIA) }}">
        <div class="alert alert-light mt-3 text-center" role="alert">
            {{@ANOMALIA}}
        </div>
    </check>

    <check if="{{ isset(@INFOTEXT) }}">
        <div class="alert alert-danger mt-3 text-center" role="alert">
            {{@INFOTEXT}}
        </div>
    </check>

    <check if="{{ count(@PRODUCTS) }}">
        <true>
            <div class="table-responsive" style="max-height: 400px; overflow-y: auto">
                <table class="table table-striped table-dark">
                    <thead>
                    <tr>
                        <th class="text-center text-uppercase" colspan="6" scope="col">Articoli da prelevare</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <th scope="col">Barcode</th>
                        <th scope="col">Descrizione</th>
                        <th scope="col">Origine</th>
                        <th scope="col">Ubicazione</th>
                        <th scope="col">Quantità</th>
                        <th scope="col">Sequenza</th>
                    </tr>
                    </thead>
                    <tbody>
                    <repeat group="{{ @PRODUCTS }}" value="{{ @PRODUCT }}">
                        <tr>
                            <th scope="row">{{@PRODUCT.barcode}}</th>
                            <td>{{@PRODUCT.descrizione}}</td>
                            <td>{{@PRODUCT.origine}}</td>
                            <td>{{@PRODUCT.ubicazione}}</td>
                            <td>{{@PRODUCT.qta_prelevare}}</td>
                            <td>{{@PRODUCT.sequenza}}</td>
                        </tr>
                    </repeat>
                    </tbody>
                </table>
            </div>
        </true>
        <false>
            <check if="{{ isset(@LISTANOMALIE) }}">
                <false>
                    <div class="alert alert-success mt-3 text-center" role="alert">
                        Picking list terminata.
                    </div>
                </false>
                <true>
                    <div class="table-responsive" style="max-height: 400px; overflow-y: auto">
                        <table class="table table-striped table-dark">
                            <thead>
                            <tr>
                                <th style="color: red" class="text-center text-uppercase" colspan="6" scope="col">Anomalie presenti</th>
                            </tr>
                            </thead>
                            <thead>
                            <tr>
                                <th scope="col">Barcode</th>
                                <th scope="col">Descrizione</th>
                                <th scope="col">Quantità</th>
                            </tr>
                            </thead>
                            <tbody>
                            <repeat group="{{ @LISTANOMALIE }}" value="{{ @PRODUCT }}">
                                <tr>
                                    <th scope="row">{{@PRODUCT.barcode}}</th>
                                    <td>{{@PRODUCT.descrizione}}</td>
                                    <td>{{@PRODUCT.qta_prelevare}}</td>
                                </tr>
                            </repeat>
                            </tbody>
                        </table>
                    </div>
                </true>
            </check>
        </false>
    </check>
</div>