165 lines
5.2 KiB
XML
165 lines
5.2 KiB
XML
<mvc:View
|
|
controllerName="restaurant.z00124ss25restaurant.controller.tablePos"
|
|
xmlns:mvc="sap.ui.core.mvc"
|
|
displayBlock="true"
|
|
xmlns="sap.m"
|
|
xmlns:f="sap.ui.layout.form"
|
|
xmlns:core="sap.ui.core"
|
|
xmlns:l="sap.ui.layout"
|
|
>
|
|
<Page
|
|
id="page"
|
|
title="{i18n>title}"
|
|
>
|
|
<headerContent>
|
|
<Button
|
|
icon="sap-icon://employee"
|
|
text="Manager"
|
|
type="Transparent"
|
|
press="onManagerPress"
|
|
/>
|
|
</headerContent>
|
|
<content>
|
|
<f:SimpleForm
|
|
id="reservationForm"
|
|
editable="true"
|
|
layout="ResponsiveGridLayout"
|
|
labelSpanXL="4"
|
|
labelSpanL="4"
|
|
labelSpanM="4"
|
|
labelSpanS="12"
|
|
adjustLabelSpan="false"
|
|
emptySpanXL="0"
|
|
emptySpanL="0"
|
|
emptySpanM="0"
|
|
emptySpanS="0"
|
|
columnsXL="1"
|
|
columnsL="1"
|
|
columnsM="1"
|
|
singleContainerFullSize="false"
|
|
class="sapUiContentPadding"
|
|
>
|
|
<f:content>
|
|
<core:Title text="Reservation Details" />
|
|
|
|
<Label
|
|
text="Reservation Name"
|
|
design="Bold"
|
|
required="true"
|
|
/>
|
|
<Input
|
|
id="res-name"
|
|
required="true"
|
|
placeholder="Enter name for reservation"
|
|
maxLength="50"
|
|
/>
|
|
|
|
<Label
|
|
text="Number of Guests"
|
|
design="Bold"
|
|
required="true"
|
|
/>
|
|
<StepInput
|
|
id="num-guests"
|
|
required="true"
|
|
min="1"
|
|
max="12"
|
|
step="1"
|
|
value="1"
|
|
/>
|
|
|
|
<Label
|
|
text="Reservation Date"
|
|
labelFor="booked-date"
|
|
design="Bold"
|
|
/>
|
|
<DatePicker
|
|
id="booked-date"
|
|
class="sapUiSmallMarginBottom"
|
|
/>
|
|
|
|
<Label
|
|
text="Reservation Time"
|
|
labelFor="booked-time"
|
|
design="Bold"
|
|
required="true"
|
|
/>
|
|
<TimePicker
|
|
id="booked-time"
|
|
valueFormat="HH:mm"
|
|
displayFormat="HH:mm"
|
|
placeholder="Enter Time"
|
|
required="true"
|
|
minutesStep="15"
|
|
change="handleDateTimeChange"
|
|
/>
|
|
|
|
<Label
|
|
text="Available Tables"
|
|
design="Bold"
|
|
required="true"
|
|
/>
|
|
<Select
|
|
id="table-id"
|
|
items="{
|
|
path: '/tablePos'
|
|
}"
|
|
change=".onTableChange"
|
|
>
|
|
<core:Item
|
|
key="{TableId}"
|
|
text="{NumberOfSeats} - {Location} - {Decoration}"
|
|
/>
|
|
</Select>
|
|
|
|
<Label
|
|
text="Booked Period (minutes)"
|
|
design="Bold"
|
|
required="true"
|
|
/>
|
|
<StepInput
|
|
id="booked-period"
|
|
required="true"
|
|
min="30"
|
|
max="240"
|
|
step="15"
|
|
value="120"
|
|
/>
|
|
|
|
<Label text="Comments" />
|
|
<TextArea
|
|
id="comments"
|
|
rows="4"
|
|
width="100%"
|
|
growing="true"
|
|
growingMaxLines="10"
|
|
placeholder="Enter any special requests or additional information"
|
|
/>
|
|
</f:content>
|
|
</f:SimpleForm>
|
|
|
|
<l:Grid
|
|
defaultSpan="L12 M12 S12"
|
|
class="sapUiContentPadding"
|
|
>
|
|
<HBox
|
|
justifyContent="End"
|
|
width="100%"
|
|
>
|
|
<Button
|
|
text="Save Reservation"
|
|
type="Emphasized"
|
|
class="sapUiSmallMarginEnd"
|
|
press="onSaveReservation"
|
|
/>
|
|
<Button
|
|
text="Cancel"
|
|
type="Reject"
|
|
press="onCancelPress"
|
|
/>
|
|
</HBox>
|
|
</l:Grid>
|
|
</content>
|
|
</Page>
|
|
</mvc:View>
|