From a9e1fa5814aee3534d840bf110760359eec8ccfe Mon Sep 17 00:00:00 2001 From: Kara Erickson Date: Thu, 21 Apr 2016 11:52:36 -0700 Subject: [PATCH] feat(grid-list): basic scaffold for grid list --- src/components/grid-list/grid-list.html | 1 + src/components/grid-list/grid-list.scss | 0 src/components/grid-list/grid-list.ts | 8 ++++++ src/components/grid-list/package.json | 29 ++++++++++++++++++++++ src/demo-app/demo-app.html | 1 + src/demo-app/demo-app.ts | 4 ++- src/demo-app/grid-list/grid-list-demo.html | 1 + src/demo-app/grid-list/grid-list-demo.scss | 0 src/demo-app/grid-list/grid-list-demo.ts | 10 ++++++++ 9 files changed, 53 insertions(+), 1 deletion(-) create mode 100644 src/components/grid-list/grid-list.html create mode 100644 src/components/grid-list/grid-list.scss create mode 100644 src/components/grid-list/grid-list.ts create mode 100644 src/components/grid-list/package.json create mode 100644 src/demo-app/grid-list/grid-list-demo.html create mode 100644 src/demo-app/grid-list/grid-list-demo.scss create mode 100644 src/demo-app/grid-list/grid-list-demo.ts diff --git a/src/components/grid-list/grid-list.html b/src/components/grid-list/grid-list.html new file mode 100644 index 000000000000..20ca1bf7e866 --- /dev/null +++ b/src/components/grid-list/grid-list.html @@ -0,0 +1 @@ +I'm a grid list! \ No newline at end of file diff --git a/src/components/grid-list/grid-list.scss b/src/components/grid-list/grid-list.scss new file mode 100644 index 000000000000..e69de29bb2d1 diff --git a/src/components/grid-list/grid-list.ts b/src/components/grid-list/grid-list.ts new file mode 100644 index 000000000000..beea794f5e7c --- /dev/null +++ b/src/components/grid-list/grid-list.ts @@ -0,0 +1,8 @@ +import {Component} from 'angular2/core'; + +@Component({ + selector: 'md-grid-list', + templateUrl: './components/grid-list/grid-list.html', + styleUrls: ['./components/grid-list/grid-list.css'], +}) +export class MdGridList {} diff --git a/src/components/grid-list/package.json b/src/components/grid-list/package.json new file mode 100644 index 000000000000..dabefabd9fe7 --- /dev/null +++ b/src/components/grid-list/package.json @@ -0,0 +1,29 @@ +{ + "name": "@angular2-material/grid-list", + "version": "2.0.0-alpha.3", + "description": "Angular 2 Material grid list", + "main": "./grid-list.js", + "typings": "./grid-list.d.ts", + "repository": { + "type": "git", + "url": "https://github.com/angular/material2.git" + }, + "keywords": [ + "angular", + "material", + "material design", + "components", + "grid-list", + "list", + "tiles" + ], + "license": "MIT", + "bugs": { + "url": "https://github.com/angular/material2/issues" + }, + "homepage": "https://github.com/angular/material2#readme", + "peerDependencies": { + "angular2": "^2.0.0-beta.8", + "@angular2-material/core": "2.0.0-alpha.3" + } +} diff --git a/src/demo-app/demo-app.html b/src/demo-app/demo-app.html index 25c5ae8498cb..4f7af4d95074 100644 --- a/src/demo-app/demo-app.html +++ b/src/demo-app/demo-app.html @@ -5,6 +5,7 @@ Card Checkbox Gestures + Grid List Input List Live Announcer diff --git a/src/demo-app/demo-app.ts b/src/demo-app/demo-app.ts index 95a3bc3c9b37..b3f6f1afa2e4 100644 --- a/src/demo-app/demo-app.ts +++ b/src/demo-app/demo-app.ts @@ -19,6 +19,7 @@ import {ListDemo} from './list/list-demo'; import {InputDemo} from './input/input-demo'; import {LiveAnnouncerDemo} from './live-announcer/live-announcer-demo'; import {GesturesDemo} from './gestures/gestures-demo'; +import {GridListDemo} from "./grid-list/grid-list-demo"; @Component({ selector: 'home', @@ -59,6 +60,7 @@ export class Home {} new Route({path: '/toolbar', name: 'ToolbarDemo', component: ToolbarDemo}), new Route({path: '/list', name: 'ListDemo', component: ListDemo}), new Route({path: '/live-announcer', name: 'LiveAnnouncerDemo', component: LiveAnnouncerDemo}), - new Route({path: '/gestures', name: 'GesturesDemo', component: GesturesDemo}) + new Route({path: '/gestures', name: 'GesturesDemo', component: GesturesDemo}), + new Route({path: '/grid-list', name: 'GridListDemo', component: GridListDemo}), ]) export class DemoApp { } diff --git a/src/demo-app/grid-list/grid-list-demo.html b/src/demo-app/grid-list/grid-list-demo.html new file mode 100644 index 000000000000..45e91f66ec0a --- /dev/null +++ b/src/demo-app/grid-list/grid-list-demo.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/demo-app/grid-list/grid-list-demo.scss b/src/demo-app/grid-list/grid-list-demo.scss new file mode 100644 index 000000000000..e69de29bb2d1 diff --git a/src/demo-app/grid-list/grid-list-demo.ts b/src/demo-app/grid-list/grid-list-demo.ts new file mode 100644 index 000000000000..18ff99f2ab88 --- /dev/null +++ b/src/demo-app/grid-list/grid-list-demo.ts @@ -0,0 +1,10 @@ +import {Component} from 'angular2/core'; +import {MdGridList} from "../../components/grid-list/grid-list"; + +@Component({ + selector: 'grid-list-demo', + templateUrl: 'demo-app/grid-list/grid-list-demo.html', + styleUrls: ['demo-app/grid-list/grid-list-demo.css'], + directives: [MdGridList] +}) +export class GridListDemo {}