Mini Kabibi Habibi

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

    <div data-options="dxContent : { targetPlaceholder: 'header' } " >
        <div data-bind="dxToolbar: { items: [
            { align: 'left', widget: 'button', options: { type: 'back', text: 'Trips', clickAction: '#MyTrips' } },
            { align: 'right', widget: 'button', options: { text: 'Edit', clickAction: editTrip } },
            { align: 'center', text: trip().title }
        ]}"></div>
    </div>

    <div data-options="dxContent : { targetPlaceholder: 'content' } " >
        <div class="trip-details-list view-content" data-bind="dxList: { items: trip().detailItems, grouped: true }">
            <div data-bind="dxAction: action" data-options="dxTemplate : { name: 'item' } " >
                <div data-bind="attr: { 'class': stageCss }">
                    <div class="trip-details-icon">
                        <img data-bind="attr: { src: icon }" width="50" height="50" />
                    </div>
                    <div class="trip-details-info">
                        <div class="trip-details-title" data-bind="text: title"></div>
                        <div class="trip-details-time">
                            <span data-bind="text: timeString"></span>                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>