Mini Kabibi Habibi

<div data-options="dxView : { name: 'OrdersOverview', title: 'Orders Overview' } " >
    <div class="oreders-overview" data-options="dxContent : { targetPlaceholder: 'content' } " >

        <div data-bind="dxTextBox: { mode: 'text', value: productNameForFiltering, valueUpdateEvent: 'keyup' }"></div>

        <div data-bind="dxList: { items: ordersOverview, pullRefreshEnabled: true }">
            <div data-bind="dxAction: '#Orders/{state}'" data-options="dxTemplate : { name: 'item' } " >
                <div data-bind="attr: { 'class': $data.cssClass }">
                    <div class="list-item-image-placeholder">
                        <span data-bind="attr: { 'class' : imageCss }" class="image-placeholder-default"></span>
                    </div>
                    <div class="list-item-content">
                         <span data-bind="text: name"></span> 
                        (<span data-bind="text: quantity"></span>)
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>