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

Unified Diff: sky/examples/appish/example-scaffold.sky

Issue 954503002: Morph "appish" example into a "stocks" app (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: Created 5 years, 10 months 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 | « no previous file | sky/examples/appish/index.sky » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: sky/examples/appish/example-scaffold.sky
diff --git a/sky/examples/appish/example-scaffold.sky b/sky/examples/appish/example-scaffold.sky
deleted file mode 100644
index 0d810ccbe266b6055c3d3e73ac5a9a525e368d4a..0000000000000000000000000000000000000000
--- a/sky/examples/appish/example-scaffold.sky
+++ /dev/null
@@ -1,84 +0,0 @@
-<!--
-// Copyright 2015 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
--->
-<import src="/sky/framework/sky-drawer.sky" />
-<import src="/sky/framework/sky-element.sky" />
-<import src="/sky/framework/sky-scrollable.sky" />
-
-<sky-element>
-<template>
- <style>
- :host {
- display: flex;
- flex-direction: column;
- height: -webkit-fill-available;
- }
- sky-drawer {
- position: absolute;
- z-index: 1;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- }
- sky-toolbar {
- display: flex;
- align-items: center;
- background-color: #526E9C;
- color: white;
- height: 56px;
- }
- #menu {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 24px;
- height: 24px;
- padding: 7px;
- margin: 0 8px;
- background-color: papayawhip;
- color: black;
- }
- #title {
- flex: 1;
- margin: 0 8px;
- }
- sky-scrollable {
- flex: 1;
- background-color: green;
- }
- </style>
- <sky-drawer id="drawer">
- <content select=".menu"/>
- </sky-drawer>
- <sky-toolbar>
- <div id="menu" />
- <content id="title" select=".title"/>
- </sky-toolbar>
- <sky-scrollable>
- <content />
- </sky-scrollable>
-</template>
-<script>
-import "dart:sky";
-
-@Tagname('example-scaffold')
-class ExampleScaffold extends SkyElement {
- Element _drawer;
-
- void shadowRootReady() {
- _drawer = shadowRoot.getElementById('drawer');
- Element menu = shadowRoot.getElementById('menu');
- menu.addEventListener('click', _handleMenuClick);
- }
-
- void _handleMenuClick(_) {
- _drawer.toggle();
- }
-}
-
-_init(script) => register(script, ExampleScaffold);
-</script>
-</sky-element>
« no previous file with comments | « no previous file | sky/examples/appish/index.sky » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698