91 lines
3.4 KiB
XML
91 lines
3.4 KiB
XML
<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> |