flight-search/fs-trip-summary-card
The fs-trip-summary-card is used to display the a summary of a flight selection from the results page.
Dependencies:
└── auro-avatar
└── auro-badge
└── airport-helper (component hangar)
└── fs-matrix-flight-result (component hangar)
338
MAIN
426
MAIN
No badge provided
426
MAIN
#
🏠 Properties
#
🎰 Slots
Show Code
<script src="/components/shared/component-base.js"></script>
<script src="/components/fs-trip-summary-card/main.js"></script>
<link rel="stylesheet" href="/components/shared/component-base.css" />
The fs-trip-summary-card is used to display the a summary of a flight selection from the results page.
Dependencies:
<pre style="color: var(--auro-color-brand-flamingo-500);">
<code>
└── auro-avatar
└── auro-badge
└── airport-helper (component hangar)
└── fs-matrix-flight-result (component hangar)
</code>
</pre>
<div style="padding: 150px">
<auro-dialog></auro-dialog>
<auro-drawer></auro-drawer>
<fs-trip-summary-card badge="Departing" origin="SEA" destination="LAX" index="0" upgradenfo="[]" option='{
"id": 0,
"type": "matrix",
"Duration": 170,
"daysChanged": 0,
"Footnotes": [],
"UpgradeInfo": [],
"Segments": [
{
"Carrier": "AS",
"OperatingCarrier": "AS",
"FlightNumber": "404",
"OperatingFlightNumber": "404",
"DepartureStation": "SEA",
"ArrivalStation": "LAX",
"Duration": "2h 50m",
"DepartureTime": "6:00 am",
"ArrivalTime": "8:50 am",
"DepartureDayFormatted": "Mon, Aug 30",
"ArrivalDayFormatted": "Mon, Aug 30",
"DepartureDay": "2021-08-30",
"ArrivalDay": "2021-08-30",
"NextDayArrival": false,
"NextDayDeparture": false,
"Performance": [],
"StopoverInformation": "0m",
"StopoverDuration": 0,
"OperationalDisclosures": [],
"SubjectToGovernmentApproval": false,
"Equipment": "73J",
"FirstClassUpgradeAvailable": false,
"FirstClassUpgradeUnavailable": false,
"Amenities": [
"Entertainment on demand",
"In-seat power source",
"Wi-Fi"
],
"FirstAmenities": []
}
],
"Fares": {
"MainCabinFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": false,
"Discount": false
},
"SpecialFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"FirstClassUpgradeFare": {
"GrandTotal": 298.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null,
"details": [
{
"Code": "MH4OASMN",
"FareSegs": [
{
"BookingCode": "M",
"CabinCode": "C",
"SegRef": {
"SegIdx": 0,
"SliceIdx": 0
},
"Upgrades": {
"Applicable": true,
"Available": "",
"Eligible": "Gold75k,Gold75kPc"
}
}
],
"R1FareType": "",
"RulesKey": ""
}
]
},
"FirstClassUpgradeRefundableFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"PremiumClassUpgradeRefundableFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"PremiumClassUpgradeFare": {
"GrandTotal": 98.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"MainCabinSelectFare": {
"GrandTotal": 98.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"MainCabinSelectRefundableFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"FullFlexFare": {
"GrandTotal": 337.41,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"FirstClassDealsFare": {
"GrandTotal": 249,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"FirstClassFare": {
"GrandTotal": 489,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"GuestPassFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"SaverFare": {
"GrandTotal": 68.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"undefined": {
"GrandTotal": 599,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
}
},
"SeatMapURL": "https://www.alaskaair.com/shopping/viewseats/seatmap?u=f&segs=AS,AS,404,404,SEA,2021-08-30 06:00,LAX,2021-08-30 08:50,73J,170,False,|",
"key": "AS404:SEA:LAX:2021-08-30:2021-08-30"
}'>
<span slot="price">338</span>
<span slot="class-of-service">MAIN</span>
</fs-trip-summary-card>
<fs-trip-summary-card badge="Returning" origin="SEA" destination="SJO" upgradeinfo="[]" index="1" option='{
"id": 0,
"type": "matrix",
"Duration": 170,
"daysChanged": 0,
"Footnotes": [],
"UpgradeInfo": [],
"Segments": [
{
"Carrier": "AS",
"OperatingCarrier": "AS",
"FlightNumber": "404",
"OperatingFlightNumber": "404",
"DepartureStation": "SEA",
"ArrivalStation": "LAX",
"Duration": "2h 50m",
"DepartureTime": "6:00 am",
"ArrivalTime": "8:50 am",
"DepartureDayFormatted": "Mon, Aug 30",
"ArrivalDayFormatted": "Mon, Aug 30",
"DepartureDay": "2021-08-30",
"ArrivalDay": "2021-08-30",
"NextDayArrival": false,
"NextDayDeparture": false,
"Performance": [],
"StopoverInformation": "0m",
"StopoverDuration": 0,
"OperationalDisclosures": [],
"SubjectToGovernmentApproval": false,
"Equipment": "73J",
"FirstClassUpgradeAvailable": false,
"FirstClassUpgradeUnavailable": false,
"Amenities": [
"Entertainment on demand",
"In-seat power source",
"Wi-Fi"
],
"FirstAmenities": []
}
],
"Fares": {
"MainCabinFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": false,
"Discount": false
},
"SpecialFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"FirstClassUpgradeFare": {
"GrandTotal": 298.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null,
"details": [
{
"Code": "MH4OASMN",
"FareSegs": [
{
"BookingCode": "M",
"CabinCode": "C",
"SegRef": {
"SegIdx": 0,
"SliceIdx": 0
},
"Upgrades": {
"Applicable": true,
"Available": "",
"Eligible": "Gold75k,Gold75kPc"
}
}
],
"R1FareType": "",
"RulesKey": ""
}
]
},
"FirstClassUpgradeRefundableFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"PremiumClassUpgradeRefundableFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"PremiumClassUpgradeFare": {
"GrandTotal": 98.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"MainCabinSelectFare": {
"GrandTotal": 98.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"MainCabinSelectRefundableFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"FullFlexFare": {
"GrandTotal": 337.41,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"FirstClassDealsFare": {
"GrandTotal": 249,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"FirstClassFare": {
"GrandTotal": 489,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"GuestPassFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"SaverFare": {
"GrandTotal": 68.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"undefined": {
"GrandTotal": 599,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
}
},
"SeatMapURL": "https://www.alaskaair.com/shopping/viewseats/seatmap?u=f&segs=AS,AS,404,404,SEA,2021-08-30 06:00,LAX,2021-08-30 08:50,73J,170,False,|",
"key": "AS404:SEA:LAX:2021-08-30:2021-08-30"
}'>
<span slot="price">426</span>
<span slot="class-of-service">MAIN</span>
</fs-trip-summary-card>
<br>
<hr>
<br>
<h1>No badge provided</h1>
<br>
<fs-trip-summary-card badge="" origin="SEA" destination="SJO" upgradeinfo="[]" index="1" option='{
"id": 0,
"type": "matrix",
"Duration": 170,
"daysChanged": 0,
"Footnotes": [],
"UpgradeInfo": [],
"Segments": [
{
"Carrier": "AS",
"OperatingCarrier": "AS",
"FlightNumber": "404",
"OperatingFlightNumber": "404",
"DepartureStation": "SEA",
"ArrivalStation": "LAX",
"Duration": "2h 50m",
"DepartureTime": "6:00 am",
"ArrivalTime": "8:50 am",
"DepartureDayFormatted": "Mon, Aug 30",
"ArrivalDayFormatted": "Mon, Aug 30",
"DepartureDay": "2021-08-30",
"ArrivalDay": "2021-08-30",
"NextDayArrival": false,
"NextDayDeparture": false,
"Performance": [],
"StopoverInformation": "0m",
"StopoverDuration": 0,
"OperationalDisclosures": [],
"SubjectToGovernmentApproval": false,
"Equipment": "73J",
"FirstClassUpgradeAvailable": false,
"FirstClassUpgradeUnavailable": false,
"Amenities": [
"Entertainment on demand",
"In-seat power source",
"Wi-Fi"
],
"FirstAmenities": []
}
],
"Fares": {
"MainCabinFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": false,
"Discount": false
},
"SpecialFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"FirstClassUpgradeFare": {
"GrandTotal": 298.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null,
"details": [
{
"Code": "MH4OASMN",
"FareSegs": [
{
"BookingCode": "M",
"CabinCode": "C",
"SegRef": {
"SegIdx": 0,
"SliceIdx": 0
},
"Upgrades": {
"Applicable": true,
"Available": "",
"Eligible": "Gold75k,Gold75kPc"
}
}
],
"R1FareType": "",
"RulesKey": ""
}
]
},
"FirstClassUpgradeRefundableFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"PremiumClassUpgradeRefundableFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"PremiumClassUpgradeFare": {
"GrandTotal": 98.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"MainCabinSelectFare": {
"GrandTotal": 98.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"MainCabinSelectRefundableFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"FullFlexFare": {
"GrandTotal": 337.41,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"FirstClassDealsFare": {
"GrandTotal": 249,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"FirstClassFare": {
"GrandTotal": 489,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"GuestPassFare": {
"SeatsRemaining": 0,
"GrandTotal": 0,
"OnClick": null,
"MixedCabin": null,
"Discount": false
},
"SaverFare": {
"GrandTotal": 68.4,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
},
"undefined": {
"GrandTotal": 599,
"SeatsRemaining": "",
"Discount": false,
"MixedCabin": null,
"Cabins": null
}
},
"SeatMapURL": "https://www.alaskaair.com/shopping/viewseats/seatmap?u=f&segs=AS,AS,404,404,SEA,2021-08-30 06:00,LAX,2021-08-30 08:50,73J,170,False,|",
"key": "AS404:SEA:LAX:2021-08-30:2021-08-30"
}'>
<span slot="price">426</span>
<span slot="class-of-service">MAIN</span>
</fs-trip-summary-card>
</div>