Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(544)

Unified Diff: sky/examples/flights-app/flights-app.sky

Issue 722103002: Revert "Add a version of flights that's made of components." (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: Created 6 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « sky/examples/flights-app/app-toolbar.sky ('k') | sky/examples/flights-app/index.sky » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 f4aac089b41da1760a693f8ccfd65653e1ebd7ab..0000000000000000000000000000000000000000
--- a/sky/examples/flights-app/flights-app.sky
+++ /dev/null
@@ -1,206 +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" />
-
-<template>
- <style>
- * { box-sizing: border-box; }
-
- t, span {
- display: inline;
- }
-
- :host {
- display: flex;
- flex-direction: column;
- height: 100%;
- background-color: #494949;
- font-family: "Helvetica Neue", 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;
- }
-
- .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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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>
-SkyElement({
- name: "flights-app",
-});
-</script>
« no previous file with comments | « sky/examples/flights-app/app-toolbar.sky ('k') | sky/examples/flights-app/index.sky » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698