From 4d0de2fe0a7ed2d8034402477fe9cc2feeb74999 Mon Sep 17 00:00:00 2001 From: Kara Date: Mon, 19 Sep 2016 14:57:00 -0700 Subject: [PATCH] chore(select): create select scaffold (#1240) --- src/demo-app/demo-app-module.ts | 2 ++ src/demo-app/demo-app/demo-app.html | 1 + src/demo-app/demo-app/routes.ts | 4 +++- src/demo-app/select/select-demo.html | 1 + src/demo-app/select/select-demo.scss | 0 src/demo-app/select/select-demo.ts | 12 ++++++++++++ src/demo-app/system-config.ts | 1 + src/lib/all/all.ts | 3 +++ src/lib/select/index.ts | 17 +++++++++++++++++ src/lib/select/select.html | 1 + src/lib/select/select.scss | 0 src/lib/select/select.spec.ts | 23 +++++++++++++++++++++++ src/lib/select/select.ts | 10 ++++++++++ src/lib/system-config-spec.ts | 1 + 14 files changed, 75 insertions(+), 1 deletion(-) create mode 100644 src/demo-app/select/select-demo.html create mode 100644 src/demo-app/select/select-demo.scss create mode 100644 src/demo-app/select/select-demo.ts create mode 100644 src/lib/select/index.ts create mode 100644 src/lib/select/select.html create mode 100644 src/lib/select/select.scss create mode 100644 src/lib/select/select.spec.ts create mode 100644 src/lib/select/select.ts diff --git a/src/demo-app/demo-app-module.ts b/src/demo-app/demo-app-module.ts index f743a66ad1b..d0a14dfd475 100644 --- a/src/demo-app/demo-app-module.ts +++ b/src/demo-app/demo-app-module.ts @@ -26,6 +26,7 @@ import {SlideToggleDemo} from './slide-toggle/slide-toggle-demo'; import {ToolbarDemo} from './toolbar/toolbar-demo'; import {ButtonDemo} from './button/button-demo'; import {MdCheckboxDemoNestedChecklist, CheckboxDemo} from './checkbox/checkbox-demo'; +import {SelectDemo} from './select/select-demo'; import {SliderDemo} from './slider/slider-demo'; import {SidenavDemo} from './sidenav/sidenav-demo'; import {PortalDemo, ScienceJoke} from './portal/portal-demo'; @@ -68,6 +69,7 @@ import {TabsDemo} from './tabs/tab-group-demo'; RippleDemo, RotiniPanel, ScienceJoke, + SelectDemo, SidenavDemo, SliderDemo, SlideToggleDemo, diff --git a/src/demo-app/demo-app/demo-app.html b/src/demo-app/demo-app/demo-app.html index be42f90df9f..ff618689e03 100644 --- a/src/demo-app/demo-app/demo-app.html +++ b/src/demo-app/demo-app/demo-app.html @@ -19,6 +19,7 @@ Progress Circle Radio Ripple + Select Sidenav Slider Slide Toggle diff --git a/src/demo-app/demo-app/routes.ts b/src/demo-app/demo-app/routes.ts index 0fcf9160c2f..03dbfd0ec3a 100644 --- a/src/demo-app/demo-app/routes.ts +++ b/src/demo-app/demo-app/routes.ts @@ -16,9 +16,10 @@ import {OverlayDemo} from '../overlay/overlay-demo'; import {PortalDemo} from '../portal/portal-demo'; import {ProgressBarDemo} from '../progress-bar/progress-bar-demo'; import {ProgressCircleDemo} from '../progress-circle/progress-circle-demo'; +import {SelectDemo} from '../select/select-demo'; +import {SidenavDemo} from '../sidenav/sidenav-demo'; import {SlideToggleDemo} from '../slide-toggle/slide-toggle-demo'; import {SliderDemo} from '../slider/slider-demo'; -import {SidenavDemo} from '../sidenav/sidenav-demo'; import {RadioDemo} from '../radio/radio-demo'; import {CardDemo} from '../card/card-demo'; import {MenuDemo} from '../menu/menu-demo'; @@ -32,6 +33,7 @@ export const DEMO_APP_ROUTES: Routes = [ {path: 'button', component: ButtonDemo}, {path: 'card', component: CardDemo}, {path: 'radio', component: RadioDemo}, + {path: 'select', component: SelectDemo}, {path: 'sidenav', component: SidenavDemo}, {path: 'slide-toggle', component: SlideToggleDemo}, {path: 'slider', component: SliderDemo}, diff --git a/src/demo-app/select/select-demo.html b/src/demo-app/select/select-demo.html new file mode 100644 index 00000000000..211cb48ec00 --- /dev/null +++ b/src/demo-app/select/select-demo.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/demo-app/select/select-demo.scss b/src/demo-app/select/select-demo.scss new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/demo-app/select/select-demo.ts b/src/demo-app/select/select-demo.ts new file mode 100644 index 00000000000..9fd1b534d89 --- /dev/null +++ b/src/demo-app/select/select-demo.ts @@ -0,0 +1,12 @@ +import {Component} from '@angular/core'; + + +@Component({ + moduleId: module.id, + selector: 'select-demo', + templateUrl: 'select-demo.html', + styleUrls: ['select-demo.css'], +}) +export class SelectDemo { + +} diff --git a/src/demo-app/system-config.ts b/src/demo-app/system-config.ts index e55f92e599c..1ad0109145b 100644 --- a/src/demo-app/system-config.ts +++ b/src/demo-app/system-config.ts @@ -16,6 +16,7 @@ const components = [ 'progress-bar', 'progress-circle', 'radio', + 'select', 'sidenav', 'slider', 'slide-toggle', diff --git a/src/lib/all/all.ts b/src/lib/all/all.ts index 65c516fe92f..784156e2d7c 100644 --- a/src/lib/all/all.ts +++ b/src/lib/all/all.ts @@ -3,6 +3,7 @@ import {MdButtonToggleModule} from '@angular2-material/button-toggle'; import {MdButtonModule} from '@angular2-material/button'; import {MdCheckboxModule} from '@angular2-material/checkbox'; import {MdRadioModule} from '@angular2-material/radio'; +import {MdSelectModule} from '@angular2-material/select'; import {MdSlideToggleModule} from '@angular2-material/slide-toggle'; import {MdSliderModule} from '@angular2-material/slider'; import {MdSidenavModule} from '@angular2-material/sidenav'; @@ -42,6 +43,7 @@ const MATERIAL_MODULES = [ MdProgressCircleModule, MdRadioModule, MdRippleModule, + MdSelectModule, MdSidenavModule, MdSliderModule, MdSlideToggleModule, @@ -64,6 +66,7 @@ const MATERIAL_MODULES = [ MdProgressBarModule.forRoot(), MdProgressCircleModule.forRoot(), MdRippleModule.forRoot(), + MdSelectModule.forRoot(), MdSidenavModule.forRoot(), MdTabsModule.forRoot(), MdToolbarModule.forRoot(), diff --git a/src/lib/select/index.ts b/src/lib/select/index.ts new file mode 100644 index 00000000000..9495a665b23 --- /dev/null +++ b/src/lib/select/index.ts @@ -0,0 +1,17 @@ +import {NgModule, ModuleWithProviders} from '@angular/core'; +import {MdSelect} from './select'; +export * from './select'; + +@NgModule({ + imports: [], + exports: [MdSelect], + declarations: [MdSelect], +}) +export class MdSelectModule { + static forRoot(): ModuleWithProviders { + return { + ngModule: MdSelectModule, + providers: [] + }; + } +} diff --git a/src/lib/select/select.html b/src/lib/select/select.html new file mode 100644 index 00000000000..3c3f1190566 --- /dev/null +++ b/src/lib/select/select.html @@ -0,0 +1 @@ +I'm a select! \ No newline at end of file diff --git a/src/lib/select/select.scss b/src/lib/select/select.scss new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/lib/select/select.spec.ts b/src/lib/select/select.spec.ts new file mode 100644 index 00000000000..986b33154f4 --- /dev/null +++ b/src/lib/select/select.spec.ts @@ -0,0 +1,23 @@ +import {TestBed, async} from '@angular/core/testing'; +import {Component} from '@angular/core'; +import {MdSelectModule} from './index'; + + +describe('MdSelect', () => { + beforeEach(async(() => { + TestBed.configureTestingModule({ + imports: [MdSelectModule.forRoot()], + declarations: [TestSelect], + }); + + TestBed.compileComponents(); + })); + + it('should test', () => { + // let fixture = TestBed.createComponent(TestSelect); + expect(true).toBeTruthy(); + }); +}); + +@Component({selector: 'test-select', template: ``}) +class TestSelect {} diff --git a/src/lib/select/select.ts b/src/lib/select/select.ts new file mode 100644 index 00000000000..b38b95e1439 --- /dev/null +++ b/src/lib/select/select.ts @@ -0,0 +1,10 @@ +import {Component, ViewEncapsulation} from '@angular/core'; + +@Component({ + moduleId: module.id, + selector: 'md-select', + templateUrl: 'select.html', + styleUrls: ['select.css'], + encapsulation: ViewEncapsulation.None +}) +export class MdSelect {} diff --git a/src/lib/system-config-spec.ts b/src/lib/system-config-spec.ts index a99944db3f8..0490942f8fd 100644 --- a/src/lib/system-config-spec.ts +++ b/src/lib/system-config-spec.ts @@ -16,6 +16,7 @@ const components = [ 'progress-bar', 'progress-circle', 'radio', + 'select', 'sidenav', 'slider', 'slide-toggle',