125 lines
4.0 KiB
XML
125 lines
4.0 KiB
XML
<core:FragmentDefinition
|
|
xmlns="sap.ui.table"
|
|
xmlns:m="sap.m"
|
|
xmlns:core="sap.ui.core"
|
|
>
|
|
<Table
|
|
id="reservationTable"
|
|
selectionMode="MultiToggle"
|
|
enableSelectAll="false"
|
|
rows="{
|
|
path: '/reservationPos',
|
|
parameters: {operationMode: 'Server'}
|
|
}"
|
|
threshold="15"
|
|
enableBusyIndicator="true"
|
|
ariaLabelledBy="title"
|
|
width="100%"
|
|
>
|
|
<noData>
|
|
<m:BusyIndicator class="sapUiMediumMargin" />
|
|
</noData>
|
|
<extension>
|
|
<m:OverflowToolbar style="Clear">
|
|
<!-- Left section with title -->
|
|
<m:Title
|
|
id="title"
|
|
text="Reservation Lists"
|
|
/>
|
|
|
|
<!-- Creates space that pushes the following items to the right -->
|
|
<m:ToolbarSpacer />
|
|
|
|
<!-- Right section with controls -->
|
|
<m:HBox alignItems="Center" justifyContent="End">
|
|
<m:items>
|
|
<m:Button
|
|
icon="sap-icon://refresh"
|
|
tooltip="Reinitialize Model"
|
|
press="onModelRefresh"
|
|
class="sapUiSmallMarginEnd"
|
|
/>
|
|
<m:SearchField
|
|
id="reservationSearchField"
|
|
width="15rem"
|
|
placeholder="Search"
|
|
liveChange="onSearchLiveChange"
|
|
search="onSearch"
|
|
showSearchButton="true"
|
|
/>
|
|
</m:items>
|
|
</m:HBox>
|
|
</m:OverflowToolbar>
|
|
</extension>
|
|
<columns>
|
|
<Column
|
|
sortProperty="ReservationId"
|
|
filterProperty="ReservationId"
|
|
autoResizable="true"
|
|
>
|
|
<m:Label text="Reservation Name" />
|
|
<template>
|
|
<m:Text
|
|
text="{ReservationName}"
|
|
wrapping="false"
|
|
/>
|
|
</template>
|
|
</Column>
|
|
|
|
<Column
|
|
sortProperty="NumOfGuests"
|
|
filterProperty="NumOfGuests"
|
|
autoResizable="true"
|
|
>
|
|
<m:Label text="Number of Guests" />
|
|
<template>
|
|
<m:Text
|
|
text="{NumOfGuests}"
|
|
wrapping="false"
|
|
/>
|
|
</template>
|
|
</Column>
|
|
|
|
<Column
|
|
sortProperty="BookedDate"
|
|
filterProperty="BookedDate"
|
|
autoResizable="true"
|
|
>
|
|
<m:Label text="Booked Date" />
|
|
<template>
|
|
<m:Text
|
|
text="{path: 'BookedDate', formatter: '.formatDate'}"
|
|
wrapping="false"
|
|
/>
|
|
</template>
|
|
</Column>
|
|
|
|
<Column
|
|
sortProperty="BookedTime"
|
|
filterProperty="BookedTime"
|
|
autoResizable="true"
|
|
>
|
|
<m:Label text="Booked Time" />
|
|
<template>
|
|
<m:Text
|
|
text="{path: 'BookedTime', formatter: '.formatTime'}"
|
|
/>
|
|
</template>
|
|
</Column>
|
|
|
|
<Column
|
|
sortProperty="BookedPeriod"
|
|
filterProperty="BookedPeriod"
|
|
autoResizable="true"
|
|
>
|
|
<m:Label text="Booked Period" />
|
|
<template>
|
|
<m:Text
|
|
text="{BookedPeriod}"
|
|
wrapping="false"
|
|
/>
|
|
</template>
|
|
</Column>
|
|
</columns>
|
|
</Table>
|
|
</core:FragmentDefinition> |