Mini Kabibi Habibi

<div data-options="dxView : { name: 'Trip_Flights', layout: 'default' } ">

    <div data-options="dxContent : { targetPlaceholder: 'sidebar-content' } ">
        <div data-options="dxViewPlaceholder : { viewName: 'Trip_SideBar' } "></div>
    </div>

    <div data-options="dxContent : { targetPlaceholder: 'content' } ">
        <h1>Flights</h1>

        <!-- ko with: trip -->
        <ul class="generic-list">
            <!-- ko foreach: flights -->
            <li>
                <div class="spot">
                    <img class="icon-subst" src="images/flights.png" width="55" height="51">
                    <h2>
                        <span data-bind="text: number"></span>:
                       
                        <span data-bind="text: from"></span>to 
                       
                        <span data-bind="text: to"></span>
                    </h2>
                    <div>
                        <strong data-bind="text: fullDateString"></strong>
                    </div>
                    <div>
                        Teminal: <span data-bind="text: terminal"></span>,
                        Gate: <span data-bind="text: gate"></span>
                    </div>
                </div>
            </li>
            <!-- /ko -->
        </ul>
        <!-- /ko -->

    </div>

</div>