Styleguide

Patterns

• Base

  • Accessibility
  • Colors
  • Favicons
  • Fonts
  • Icons
  • Imagetext
  • List
  • Mediaqueries
  • Social Metatags
  • Table
  • Text

• Layout

  • Equal Width List
  • Flex Grid
  • L-Sitewidth
  • Left-Right
  • Pane
  • Steady Grid

Components

• Content

  • (unkown) Article
  • Baggage Button
  • (unkown) Button
  • Content Accordion
  • Countdown
  • Destinationmap
  • Header Quicklink
  • Item Expander
  • (unkown) Link
  • Load Bar
  • Load Spinner
  • Meal Selection
  • PNR Search
  • Taglist
  • (unkown) Teaser Options
  • (unkown) Title (C-Search-301, C-Selection-102)

• Form

  • (unkown) Button Row
  • Form
  • Form Autocomplete
  • (unkown) Form Condition
  • Form Group
  • Form Inputgroup
  • Form Labelselect
  • IBE InlineForm
  • Ibe Form Title
  • Options Selection
  • Quantity Input

• Global

  • Footer
  • Header Logo
  • Header Nav
  • Header Teaser
  • Ibe Account Menu
  • Ibe Header
  • Locale Switch
  • currency switch

• Options

  • IBE Autocheckin
  • Option Checkteaser

• Profile

  • Add Booking
  • Ibe Booking Teaser
  • Ibe Passenger Details
  • Ibe Profile Tile Menu
  • Ibe Search Teaser
  • Loginform
  • Profile Alert
  • Profile Menu

• Search

  • Big Calendar (C-Search-401)
  • Flight DestinationSelection 2 (C-Search-103)
  • Flight Mode Selection (C-Search-101)
  • Flight Origin Selection (C-Search-102)
  • Mini Calendar (C-Search-302)
  • Passengers Selection (C-Search-104)
  • Promo Code (C-Search-201)
  • Search Area (503.3.1)

• Selection

  • BAZL Box (C-Selection-105)
  • Class Selection (C-Selection-104)
  • Class Teaser
  • Flight Details (C-Selection-111)
  • Flight Selection (C-Selection-103)
  • Flight Selection List (C-Selection-103)
  • Rate Selection (C-Selection-106)
  • Seatmap (C-Selection-107)
  • Seatmap Guide
  • Seatmap Legend
  • Seatmap Teaser

• Summary

  • Summary
  • Summary Change
  • Summary Edit
  • Summary Flight (C-Selection-101)
  • Summary Flightsegement
  • Summary Options
  • Summary Price
  • Summary Search (C-Selection-101)
  • Summary Selection (C-Selection-108)
  • Summary Traveler
  • Summary Traveler Extended

• Various

  • Accordion
  • Breadcrumbs
  • Chatmodule
  • Dialogue
  • Dropdown
  • Inline Scroll
  • Inlinelabel
  • Lightbox
  • Notification
  • Panorama Img
  • Scrollslider
  • Skiplinks
  • (undefined) Tooltip
  • content section

Pages

• 01 Search

  • Find flight
  • Find flight - Initialization + Chat
  • Find flight - Oneway
  • Find flight - loading flights
  • Inspiration (angular filter)
  • Inspiration (for internal test)
  • Miles & More Falls (EDRE-763)

• 02 Selection

  • Emergency Seat Overlay (P-Options-110)
  • Flight Details (C-Selection-111)
  • Flight Rate Comparison (C-Selection-109)
  • Price Details (C-Selection-110)
  • Select A350-Retrofit Longhaul
  • Select A350-Retrofit Shorthaul
  • Select another flight
  • Select first flight
  • Select second flight

• 03 Options

  • Gepäck Info
  • Price Details (C-Selection-110)
  • Sitzplatz Reservation (Default)
  • Sitzplatz Reservation (ECO)
  • Spezialessen
  • Spezialessen (read only)
  • Versicherung
  • Versicherung (read only)
  • myclimate
  • myclimate (read only)
  • Über- & Zusatzgepäck (read only)
  • Über- & Zusatzgepäck 1 (eco class)
  • Über- & Zusatzgepäck 2 (eco and business class mixed)
  • Über- & Zusatzgepäck 3 (oneway)
  • Übersicht
  • Übersicht (all selected)

• 04 Personal Details

  • Passagierdaten
  • Sign In (overlay)
  • Sign In / Register

• 05 Payment

  • Zahlung

• 06 Confirmation

  • Confirmation

• 07 Profile

  • Booking (oneway + classupgrade)
  • Booking (openjaw)
  • Booking (roundtrip)
  • Booking Overview
  • Dashboard
  • Personal Data
  • Travel Partner

• 08 Retrieval

  • Booking Overview
  • PNR Retrieval (signin)

• 09 Manage My Booking

  • Add Ancillaries - Selection
  • Cancel Flight - 0. Selection
  • Cancel Flight - 1. Confirm
  • Cancel Flight - 2. Confirmation
  • Change Flight - 0. Selection
  • Change Flight - 1. Date
  • Change Flight - 2. Flight
  • Change Flight - 3. Options
  • Change Flight - 4. Payment
  • Change Flight - 5. Confirmation

• 99 General

  • Error Messages (503.1.7)
  • Session Timeout Reminder (503.1.6)
  • Session terminated (503.1.6)

Docs & Notes

01 Middleman Setup

02 Project Setup

03 Coding Guidelines

04 Javascript Api

Git Log

Release Notes