Mini Kabibi Habibi

Current Path : C:/Users/Public/Documents/DXTREME 13.1 Demos/DXTravel/DXTravel.Tablet/views/
Upload File :
Current File : C:/Users/Public/Documents/DXTREME 13.1 Demos/DXTravel/DXTravel.Tablet/views/Trip_Schedule.dxview

<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>