Index: sky/examples/flights-app/flights-app.sky |
diff --git a/sky/examples/flights-app/flights-app.sky b/sky/examples/flights-app/flights-app.sky |
deleted file mode 100644 |
index 5d58eeeaf176ce81b567430e3536666c39e52df9..0000000000000000000000000000000000000000 |
--- a/sky/examples/flights-app/flights-app.sky |
+++ /dev/null |
@@ -1,208 +0,0 @@ |
-<import src="../../framework/sky-element/sky-element.sky" as="SkyElement" /> |
-<import src="app-header.sky" /> |
-<import src="app-title.sky" /> |
-<import src="app-menu-button.sky" /> |
-<import src="app-panel.sky" /> |
-<import src="app-panel-header.sky" /> |
-<import src="app-panel-content.sky" /> |
-<import src="app-toolbar.sky" /> |
-<import src="app-search-input.sky" /> |
-<import src="app-scrollable.sky" /> |
-<import src="app-toast.sky" /> |
- |
-<sky-element name="flights-app"> |
-<template> |
- <style> |
- * { box-sizing: border-box; } |
- |
- t, span { |
- display: inline; |
- } |
- |
- :host { |
- display: flex; |
- flex-direction: column; |
- height: 100%; |
- background-color: #494949; |
- font-family: "Helvetica", sans-serif; |
- font-size: 16px; |
- color: #2B2B2B; |
- } |
- |
- .toast-icon { |
- font-weight: bold; |
- font-size: 24px; |
- border-radius: 16px; |
- width: 32px; |
- height: 32px; |
- border: 2px solid black; |
- line-height: 30px; |
- text-align: center; |
- } |
- |
- .tip-price { |
- font-weight: bold; |
- } |
- |
- .route-result { |
- margin: 16px 16px 0 16px; |
- outline: 1px solid black; |
- } |
- |
- .route-title { |
- flex: 1; |
- } |
- |
- .airline { |
- border-radius: 2px; |
- align-items: center; |
- padding: 8px; |
- } |
- |
- .airline-name { |
- flex: 1; |
- } |
- |
- .airline-logo-image { |
- width: 50px; |
- flex-shrink: 0; |
- } |
- |
- .airline-best-price { |
- color: #ABB4B6; |
- } |
- |
- .airline-name, |
- .airline-best-price { |
- padding: 8px; |
- } |
- |
- a { |
- text-decoration: none; |
- color: #1155CC; |
- } |
- </style> |
- <app-header> |
- <app-title> |
- <t>Search</t> |
- </app-title> |
- <app-menu-button> |
- <img src="/sky/examples/flights/images/menu-white.png" style="width: 18px" /> |
- </app-menu-button> |
- </app-header> |
- <app-toolbar> |
- <app-search-input /> |
- </app-toolbar> |
- <app-scrollable> |
- <app-panel class="route-result"> |
- <app-panel-header> |
- <div class="route-title"> |
- <t>SFO to DCA</t> |
- </div> |
- <app-menu-button> |
- <img src="/sky/examples/flights/images/menu-enabled.png" style="width: 14px" /> |
- </app-menu-button> |
- </app-panel-header> |
- <app-panel-content class="airline"> |
- <div class="airline-logo"> |
- <img class="airline-logo-image" src="/sky/examples/flights/images/virgin-america.jpg" /> |
- </div> |
- <div class="airline-name"> |
- <t>Virgin America</t> |
- </div> |
- <div class="airline-best-price"> |
- <t><a>$800</a></t> |
- </div> |
- </app-panel-content> |
- <app-panel-content class="airline"> |
- <div class="airline-logo"> |
- <img class="airline-logo-image" src="/sky/examples/flights/images/ba.jpg" /> |
- </div> |
- <div class="airline-name"> |
- <t>British Airways</t> |
- </div> |
- <div class="airline-best-price"> |
- <t><a>$700</a></t> |
- </div> |
- </app-panel-content> |
- <app-panel-content class="airline"> |
- <div class="airline-logo"> |
- <img class="airline-logo-image" src="/sky/examples/flights/images/united.jpg" /> |
- </div> |
- <div class="airline-name"> |
- <t>United</t> |
- </div> |
- <div class="airline-best-price"> |
- <t><a>$667</a></t> |
- </div> |
- </app-panel-content> |
- <app-panel-content class="airline"> |
- <div class="airline-logo"> |
- <img class="airline-logo-image" src="/sky/examples/flights/images/delta.jpg" /> |
- </div> |
- <div class="airline-name"> |
- <t>Delta</t> |
- </div> |
- <div class="airline-best-price"> |
- <t><a>$450</a></t> |
- </div> |
- </app-panel-content> |
- </app-panel> |
- <app-panel class="route-result"> |
- <app-panel-header> |
- <div class="route-title"> |
- <t>SJC to DCA</t> |
- </div> |
- <app-menu-button> |
- <img src="/sky/examples/flights/images/menu-enabled.png" style="width: 14px" /> |
- </app-menu-button> |
- </app-panel-header> |
- <app-panel-content class="airline"> |
- <div class="airline-logo"> |
- <img class="airline-logo-image" src="/sky/examples/flights/images/virgin-america.jpg" /> |
- </div> |
- <div class="airline-name"> |
- <t>Virgin America</t> |
- </div> |
- <div class="airline-best-price"> |
- <t><a>$1500</a></t> |
- </div> |
- </app-panel-content> |
- <app-panel-content class="airline"> |
- <div class="airline-logo"> |
- <img class="airline-logo-image" src="/sky/examples/flights/images/jetblue.jpg" /> |
- </div> |
- <div class="airline-name"> |
- <t>jetBlue</t> |
- </div> |
- <div class="airline-best-price"> |
- <t><a>$650</a></t> |
- </div> |
- </app-panel-content> |
- <app-panel-content class="airline"> |
- <div class="airline-logo"> |
- <img class="airline-logo-image" src="/sky/examples/flights/images/united.jpg" /> |
- </div> |
- <div class="airline-name"> |
- <t>United</t> |
- </div> |
- <div class="airline-best-price"> |
- <t><a>$367</a></t> |
- </div> |
- </app-panel-content> |
- </app-panel> |
- </app-scrollable> |
- <app-toast> |
- <div class="toast-icon"> |
- <t>?</t> |
- </div> |
- <div class="toast-content"> |
- <t>Flights are <span class="tip-price">$200</span> cheaper tomorrow.</t> |
- </div> |
- </app-toast> |
-</template> |
-<script> |
-module.exports = class extends SkyElement { |
-}.register(); |
-</script> |
-</sky-element> |