Mini Kabibi Habibi
<div data-options="dxView : { name: 'Trip_Schedule', layout: 'default' } " >
<div data-options="dxContent : { targetPlaceholder: 'sidebar-content' } " >
<div data-options="dxViewPlaceholder : { viewName: 'Trip_SideBar' } " ></div>
</div>
<div data-options="dxContent : { targetPlaceholder: 'content' } " >
<ul class="trip-summary-tools">
<li class="gray-plus-icon clickable" data-bind="dxAction: trip().attractionsAction"></li>
<li class="sharing-icon"></li>
<li class="settings-icon"></li>
<li class="delete-icon"></li>
</ul>
<h1>Schedule</h1>
<!-- ko with: trip -->
<ul class="generic-list">
<!-- ko foreach: tripAppointments -->
<li>
<div class="spot no-icon compact">
<div data-bind="if: $data.imageUrl" class="schedule-image-wrapper">
<img data-bind="attr: { src: $data.imageUrl }" class="schedule-image"/>
</div>
<div data-bind="if: !pending && !$data.imageUrl" class="schedule-image-wrapper">
<img data-bind="attr: { 'src': $root.icon }" width="50"/>
</div>
<div style="float: left;">
<div class="schedule-date" data-bind="text: fullDateString"></div>
<div data-bind="css: { 'schedule-top-offset': pending }">
<span data-bind="if: pending" class="schedule-name lighter">
<img data-bind="attr: { src: user.imageUrl }" style="vertical-align: middle"/>
Proposed:
</span>
<span class="schedule-name" data-bind="text: name, css: { 'schedule-not-accept': pending }"></span>
</div>
</div>
</div>
</li>
<!-- /ko -->
</ul>
<!-- /ko -->
</div>
</div>