Mini Kabibi Habibi
<div data-options="dxView : { name: 'MyTrips', layout: 'default' } " >
<div data-options="dxContent : { targetPlaceholder: 'header' } " >
<div data-bind="dxToolbar: { items: [
{ align: 'left', widget: 'button', options: { type: 'back', text: 'Home', clickAction: '#Index' } },
{ align: 'right', widget: 'button', options: { iconSrc: 'images/add.png', clickAction: DXTravel.notImplemented } },
{ align: 'center', text: 'My Trips' }
]}"></div>
</div>
<div data-options="dxContent : { targetPlaceholder: 'content' } " >
<div class="my-trips-list view-content" data-bind="dxList: { grouped: true, items: groupedTrips }">
<div data-bind="dxAction: '#TripDetails/{id}'" data-options="dxTemplate : { name: 'item' } " >
<div class="trip-icon">
<img src="images/flight.png" width="50" height="50" />
</div>
<div class="trip-info">
<div class="trip-title" data-bind="text: title"></div>
<div class="trip-period" data-bind="text: dates"></div>
</div>
</div>
</div>
</div>
</div>