pos_restaurant_table_management/static/src/xml/pos_restaurant_table_management.xml

<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">

    <!--    
        T-1
        Inherit Template Client Screen
        Menambahkan Tombol "Select Table"
    -->
    <t t-extend="ClientListScreenWidget">
        <t t-jquery="span.new-customer" t-operation="after">
            <span class="button select-table">
                Elegir
            </span>
        </t>
    </t>

    <!--    
        T-2
        Membuat Template Pop Up Widget Untuk Floor
    -->
    <t t-name="FloorPopupWidget">
        <div class="modal-dialog custom-dialog">
            <div class="popup popup-select-floors" >
                <div class="floor-header">
                    <!-- <div class="floor-heading">
                        Elegir salon o piso
                    </div> -->
                    <div class=" button" id="floor-cancel">
                        Cancelar
                    </div>
                </div>
                <div class="floor-data" >
                    <span class="placeholder-FloorListScreenWidget" />
                </div> 
            </div>
        </div>
    </t>

    <!--    
        T-3
        Membuat Template Screen Widget Untuk Floor
    -->
    <t t-name="FloorListScreenWidget">
        <div class="floor_list_class">
            <ol  class="floor_list">
            </ol>
        </div>
    </t>

    <!--    
        T-4
        Membuat Template List Widget Untuk Floor
    -->
    <t t-name="FloorListWidget">
        <span class='floor_list_widget' t-att-data-floor-id="widget.model_floor.id">
            <button class="floor-button">
                <t t-esc="widget.model_floor.name"/>
            </button>
        </span>
    </t>  

    <!--    
        T-5
        Membuat Template Pop Up Widget Untuk Table
    -->

    <t t-name="TablePopupWidget">
        <div class="modal-dialog custom-dialog">
            <div class="popup popup-select-table" >
                <div class="floor-heading">
                    Mesas
                </div>
                <span class='button' id='table-back'>
                    <i class='fa fa-angle-double-left'></i>
                    Volver
                </span>
                <span class='button next oe_hidden highlight'>
                    Set Customer
                    <i class='fa fa-angle-double-right'></i>
                </span>
                <div class="table-data" >
                </div> 
            </div>
        </div>

    </t>     

    <!--    
        T-6
        Membuat Template List Widget Untuk Table
    -->
    <t t-name="TableListWidget">
        <span class='table_list_widget' t-att-data-floor-id="widget.model_table.id">
            <button class="table-button">
                <t t-esc="widget.model_table.name"/>
            </button>
        </span>
    </t>

    <!--    
        T-7
        Menambahkan Informasi Table pada tab order
    -->
    <t t-extend="OrderButtonWidget">
        <t t-jquery="span.order-sequence" t-operation="after">
            <span class='order-table'>
                <t t-if="widget.order.get_table()">
                    <i class='fa'/>
                    <img src="/pos_restaurant_table_management/static/src/img/table.png" />
                    <t t-esc="widget.order.get_table_name()"/>
                </t>
            </span>
        </t>
    </t>
</templates>