first commit
This commit is contained in:
Dongho Kim
149
webapp/view/fragments/CreateTable.fragment.xml
Normal file
149
webapp/view/fragments/CreateTable.fragment.xml
Normal file
@ -0,0 +1,149 @@
|
||||
<core:FragmentDefinition
|
||||
xmlns="sap.m"
|
||||
xmlns:f="sap.ui.layout.form"
|
||||
xmlns:core="sap.ui.core"
|
||||
xmlns:gantt="sap.gantt"
|
||||
xmlns:table="sap.ui.table"
|
||||
>
|
||||
<f:SimpleForm
|
||||
id="tableForm"
|
||||
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="Table Management" />
|
||||
|
||||
<Label
|
||||
text="Decoration"
|
||||
design="Bold"
|
||||
required="true"
|
||||
/>
|
||||
<Select
|
||||
id="decoration"
|
||||
items="{
|
||||
path: '/Z_00_124_SS25_DECO'
|
||||
}"
|
||||
change=".onTableChange"
|
||||
>
|
||||
<core:Item
|
||||
key="{Decoration}"
|
||||
text="{Decoration}"
|
||||
/>
|
||||
</Select>
|
||||
|
||||
<Label
|
||||
text="Location"
|
||||
design="Bold"
|
||||
required="true"
|
||||
labelFor="location"
|
||||
/>
|
||||
<Select
|
||||
id="location"
|
||||
items="{
|
||||
path: '/Z_00_124_SS25_LOC'
|
||||
}"
|
||||
change=".onTableChange"
|
||||
>
|
||||
<core:Item
|
||||
key="{Location}"
|
||||
text="{Location}"
|
||||
/>
|
||||
</Select>
|
||||
|
||||
<Label
|
||||
text="Number of Seats"
|
||||
design="Bold"
|
||||
required="true"
|
||||
/>
|
||||
<StepInput
|
||||
id="numofseats"
|
||||
required="true"
|
||||
min="1"
|
||||
max="12"
|
||||
step="1"
|
||||
value="1"
|
||||
/>
|
||||
|
||||
<!-- Buttons section -->
|
||||
<HBox justifyContent="End">
|
||||
<Button
|
||||
text="Save"
|
||||
type="Emphasized"
|
||||
press=".onCreateTable"
|
||||
/>
|
||||
<Button
|
||||
text="Cancel"
|
||||
press=".onCancelPress"
|
||||
class="sapUiSmallMarginBegin"
|
||||
/>
|
||||
</HBox>
|
||||
</f:content>
|
||||
</f:SimpleForm>
|
||||
<Panel
|
||||
headerText="Existing Tables"
|
||||
expandable="true"
|
||||
expanded="true"
|
||||
class="sapUiMediumMarginTop"
|
||||
>
|
||||
<Table
|
||||
id="tableList"
|
||||
items="{ path: '/tablePos' }"
|
||||
>
|
||||
<columns>
|
||||
<Column>
|
||||
<Text text="Table ID" />
|
||||
</Column>
|
||||
<Column>
|
||||
<Text text="Decoration" />
|
||||
</Column>
|
||||
<Column>
|
||||
<Text text="Location" />
|
||||
</Column>
|
||||
<Column>
|
||||
<Text text="Seats Count" />
|
||||
</Column>
|
||||
<Column>
|
||||
<Text text="Actions" />
|
||||
</Column>
|
||||
</columns>
|
||||
<items>
|
||||
<ColumnListItem>
|
||||
<cells>
|
||||
<Text text="{TableId}" />
|
||||
<Text text="{Decoration}" />
|
||||
<Text text="{Location}" />
|
||||
<Text text="{NumberOfSeats}" />
|
||||
<Button
|
||||
icon="sap-icon://edit"
|
||||
tooltip="Edit"
|
||||
type="Transparent"
|
||||
press=".onEditTable"
|
||||
/>
|
||||
</cells>
|
||||
</ColumnListItem>
|
||||
</items>
|
||||
</Table>
|
||||
</Panel>
|
||||
<!-- <Panel
|
||||
headerText="Existing Tables"
|
||||
expandable="true"
|
||||
expanded="true"
|
||||
class="sapUiMediumMarginTop"
|
||||
>
|
||||
|
||||
</Panel> -->
|
||||
</core:FragmentDefinition>
|
||||
91
webapp/view/fragments/ViewDashboard.fragment.xml
Normal file
91
webapp/view/fragments/ViewDashboard.fragment.xml
Normal file
@ -0,0 +1,91 @@
|
||||
<core:FragmentDefinition
|
||||
xmlns="sap.m"
|
||||
xmlns:core="sap.ui.core"
|
||||
xmlns:viz="sap.viz.ui5.controls"
|
||||
xmlns:viz.data="sap.viz.ui5.data"
|
||||
xmlns:viz.feeds="sap.viz.ui5.controls.common.feeds"
|
||||
>
|
||||
<VBox
|
||||
class="sapUiContentPadding"
|
||||
width="100%"
|
||||
spacing="Large"
|
||||
height="auto"
|
||||
>
|
||||
<!-- Heading -->
|
||||
<Title
|
||||
text="Dashboard"
|
||||
class="sapUiMediumMarginBottom"
|
||||
/>
|
||||
|
||||
<!-- Summary Cards -->
|
||||
<HBox
|
||||
justifyContent="SpaceAround"
|
||||
width="100%"
|
||||
class="sapUiSmallMarginBottom"
|
||||
height="auto"
|
||||
>
|
||||
<!-- Enhanced VBox with proper height and padding -->
|
||||
<VBox alignItems="Center" class="dashboardCardReservation" height="200px" justifyContent="SpaceAround">
|
||||
<ObjectStatus
|
||||
text="Reservations"
|
||||
state="Success"
|
||||
icon="sap-icon://appointment"
|
||||
class="dashboardCardFontSmall"
|
||||
/>
|
||||
<ObjectNumber
|
||||
number="{dashboard>/totalReservations}"
|
||||
unit="Total"
|
||||
class="dashboardCardFontLarge"
|
||||
emphasized="true"
|
||||
/>
|
||||
<HBox height="10px" /> <!-- Spacer -->
|
||||
</VBox>
|
||||
<!-- Enhanced VBox with proper height and padding -->
|
||||
<VBox alignItems="Center" class="dashboardCardRevenue" height="200px" justifyContent="SpaceAround">
|
||||
<ObjectStatus
|
||||
text="Revenue"
|
||||
state="Information"
|
||||
icon="sap-icon://lead"
|
||||
class="dashboardCardFontSmall"
|
||||
/>
|
||||
<ObjectNumber
|
||||
number="{dashboard>/totalRevenue}"
|
||||
unit="EUR"
|
||||
class="dashboardCardFontLarge"
|
||||
emphasized="true"
|
||||
/>
|
||||
<HBox height="10px" /> <!-- Spacer -->
|
||||
</VBox>
|
||||
</HBox>
|
||||
|
||||
<!-- Combined Column + Line Chart -->
|
||||
<viz:VizFrame
|
||||
id="idComboChart"
|
||||
width="100%"
|
||||
height="400px"
|
||||
uiConfig="{applicationSet:'fiori'}"
|
||||
vizType="dual_combination"
|
||||
vizProperties="{ title: {text : 'Overall Status', visible : true}}"
|
||||
>
|
||||
<viz:dataset>
|
||||
<viz.data:FlattenedDataset
|
||||
data="{dashboard>/monthlyData}"
|
||||
>
|
||||
<viz.data:dimensions>
|
||||
<viz.data:DimensionDefinition name="Month" value="{dashboard>Month}" />
|
||||
</viz.data:dimensions>
|
||||
<viz.data:measures>
|
||||
<viz.data:MeasureDefinition name="Reservations" value="{dashboard>Count}" />
|
||||
<viz.data:MeasureDefinition name="Revenue" value="{dashboard>Revenue}" />
|
||||
</viz.data:measures>
|
||||
</viz.data:FlattenedDataset>
|
||||
</viz:dataset>
|
||||
|
||||
<viz:feeds>
|
||||
<viz.feeds:FeedItem uid="valueAxis" type="Measure" values="Reservations" />
|
||||
<viz.feeds:FeedItem uid="valueAxis2" type="Measure" values="Revenue" />
|
||||
<viz.feeds:FeedItem uid="categoryAxis" type="Dimension" values="Month" />
|
||||
</viz:feeds>
|
||||
</viz:VizFrame>
|
||||
</VBox>
|
||||
</core:FragmentDefinition>
|
||||
125
webapp/view/fragments/viewReservation.fragment.xml
Normal file
125
webapp/view/fragments/viewReservation.fragment.xml
Normal file
@ -0,0 +1,125 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user