| Index: sky/examples/stocks/stocks.sky
|
| diff --git a/sky/examples/stocks/stocks.sky b/sky/examples/stocks/stocks.sky
|
| deleted file mode 100644
|
| index 50d8fdd0c9e9498b9177c00c3505010c64653e9e..0000000000000000000000000000000000000000
|
| --- a/sky/examples/stocks/stocks.sky
|
| +++ /dev/null
|
| @@ -1,112 +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/elements/sky-drawer-header.sky" />
|
| -<import src="/sky/framework/elements/sky-drawer.sky" />
|
| -<import src="/sky/framework/elements/sky-element.sky" />
|
| -<import src="/sky/framework/elements/sky-icon.sky" />
|
| -<import src="/sky/framework/elements/sky-menu-divider.sky" />
|
| -<import src="/sky/framework/elements/sky-menu-item.sky" />
|
| -<import src="/sky/framework/elements/sky-scrollable.sky" />
|
| -<import src="/sky/framework/elements/sky-toolbar.sky" />
|
| -<import src="stock.sky" as='view'/>
|
| -
|
| -<sky-element>
|
| -<template>
|
| - <style>
|
| - :host {
|
| - display: flex;
|
| - flex-direction: column;
|
| - height: -webkit-fill-available;
|
| - font-family: 'Roboto Regular', 'Helvetica';
|
| - font-size: 16px;
|
| - }
|
| - sky-drawer {
|
| - position: absolute;
|
| - z-index: 2;
|
| - top: 0;
|
| - left: 0;
|
| - bottom: 0;
|
| - right: 0;
|
| - }
|
| - sky-toolbar {
|
| - z-index: 1;
|
| - background-color: #3F51B5;
|
| - color: white;
|
| - }
|
| - sky-icon {
|
| - padding: 8px;
|
| - margin: 0 4px;
|
| - }
|
| - #title {
|
| - flex: 1;
|
| - margin: 0 4px;
|
| - }
|
| - sky-scrollable {
|
| - flex: 1;
|
| - }
|
| - </style>
|
| - <sky-drawer id="drawer" level="3">
|
| - <sky-drawer-header>
|
| - Stocks
|
| - </sky-drawer-header>
|
| - <sky-menu-item icon="content/inbox">Inbox</sky-menu-item>
|
| - <sky-menu-item icon="content/drafts">Drafts</sky-menu-item>
|
| - <sky-menu-divider />
|
| - <sky-menu-item icon="action/settings">Settings</sky-menu-item>
|
| - <sky-menu-item icon="action/help">Help & feedback</sky-menu-item>
|
| - </sky-drawer>
|
| - <sky-toolbar level="2">
|
| - <sky-icon id="menu" type="navigation/menu_white" size="24" />
|
| - <div id="title">I am a stocks app</div>
|
| - <sky-icon type="action/search_white" size="24" />
|
| - <sky-icon type="navigation/more_vert_white" size="24" />
|
| - </sky-toolbar>
|
| - <sky-scrollable id='stock_list'>
|
| - </sky-scrollable>
|
| -</template>
|
| -<script>
|
| -import "dart:sky";
|
| -import "dart:math";
|
| -import "../stocks-fn/lib/stock_data.dart" as model;
|
| -
|
| -List pick(List list, int count) {
|
| - var rng = new Random();
|
| - List picked = new List();
|
| - for (int i = 0; i < count; i++) {
|
| - picked.add(list[rng.nextInt(list.length)]);
|
| - }
|
| - return picked;
|
| -}
|
| -
|
| -@Tagname('stocks')
|
| -class Stocks extends SkyElement {
|
| - Element _drawer;
|
| -
|
| - void shadowRootReady() {
|
| - _drawer = shadowRoot.getElementById('drawer');
|
| - Element menu = shadowRoot.getElementById('menu');
|
| - menu.addEventListener('click', _handleMenuClick);
|
| - populateStockList();
|
| - }
|
| -
|
| - void populateStockList() {
|
| - Element stockList = shadowRoot.getElementById('stock_list');
|
| - // Limit to 100 to avoid taking seconds to load.
|
| - List<model.Stock> picked = pick(model.oracle.stocks, 100);
|
| - picked.sort((a, b) => a.symbol.compareTo(b.symbol));
|
| - for (model.Stock stock in picked) {
|
| - stockList.appendChild(new view.Stock()..model = stock);
|
| - }
|
| - }
|
| -
|
| - void _handleMenuClick(_) {
|
| - _drawer.toggle();
|
| - }
|
| -}
|
| -
|
| -_init(script) => register(script, Stocks);
|
| -</script>
|
| -</sky-element>
|
|
|