diff --git a/demo/src/app/app-routing.module.ts b/demo/src/app/app-routing.module.ts index f5f1248e0..3b236c646 100644 --- a/demo/src/app/app-routing.module.ts +++ b/demo/src/app/app-routing.module.ts @@ -7,6 +7,7 @@ import { HomeComponent } from "app/home/home.component"; RouterModule.forRoot([ {path: '', component: HomeComponent}, {path: 'input', loadChildren: './components/input/inputdemo.module#InputDemoModule'}, + {path: 'button', loadChildren: './components/button/buttondemo.module#ButtonDemoModule'} ]) ], exports: [RouterModule] diff --git a/demo/src/app/app.component.html b/demo/src/app/app.component.html index 87d05099e..a4da7b239 100644 --- a/demo/src/app/app.component.html +++ b/demo/src/app/app.component.html @@ -17,10 +17,10 @@
diff --git a/demo/src/app/components/button/buttondemo-routing.module.ts b/demo/src/app/components/button/buttondemo-routing.module.ts new file mode 100644 index 000000000..83ac1e307 --- /dev/null +++ b/demo/src/app/components/button/buttondemo-routing.module.ts @@ -0,0 +1,16 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router' +import { ButtonDemo } from './buttondemo.component'; + +@NgModule( { + imports: [ + RouterModule.forChild( [ + { path: '', component: ButtonDemo } + ] ) + ], + exports: [ + RouterModule + ] +} ) +export class ButtonDemoRoutingModule { +} diff --git a/demo/src/app/components/button/buttondemo.component.html b/demo/src/app/components/button/buttondemo.component.html new file mode 100644 index 000000000..4968aa210 --- /dev/null +++ b/demo/src/app/components/button/buttondemo.component.html @@ -0,0 +1,42 @@ +
+

Button

+

There's a lot of ways to create an input using Truly UI. Below, are some of those.

+
+
+
+
+
+
+

Properties

+
+ + + + + + + + + + + + + + + + + + + +
NameTypeDefaultDescriptionOptions
+
+
+ +
+
+

Examples

+
+
Basic
+ +
+
diff --git a/demo/src/app/components/button/buttondemo.component.scss b/demo/src/app/components/button/buttondemo.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/demo/src/app/components/button/buttondemo.component.ts b/demo/src/app/components/button/buttondemo.component.ts new file mode 100644 index 000000000..ee81f4297 --- /dev/null +++ b/demo/src/app/components/button/buttondemo.component.ts @@ -0,0 +1,15 @@ +import { Component } from '@angular/core'; + + +@Component( { + selector: 'app-button', + templateUrl: './buttondemo.component.html', + styleUrls: [ './buttondemo.component.scss' ] +} ) +export class ButtonDemo { + + + constructor() { + } + +} diff --git a/demo/src/app/components/button/buttondemo.module.ts b/demo/src/app/components/button/buttondemo.module.ts new file mode 100644 index 000000000..9a626b28f --- /dev/null +++ b/demo/src/app/components/button/buttondemo.module.ts @@ -0,0 +1,26 @@ +import { CommonModule } from '@angular/common'; +import { NgModule } from "@angular/core"; +import { FormsModule } from '@angular/forms'; + +import { ButtonDemo } from "./buttondemo.component"; +import { ButtonModule } from '../../../../../src/button'; +import { ButtonDemoRoutingModule } from "./buttondemo-routing.module"; +import { HighlightJsModule } from 'ngx-highlight-js'; + + +@NgModule({ + declarations: [ + ButtonDemo + ], + imports:[ + ButtonDemoRoutingModule, + ButtonModule, + CommonModule, + FormsModule, + HighlightJsModule + ], + exports: [ + ButtonDemo + ] +}) +export class ButtonDemoModule {} diff --git a/demo/src/app/components/input/inputdemo.module.ts b/demo/src/app/components/input/inputdemo.module.ts index 47748af72..cc63a97eb 100644 --- a/demo/src/app/components/input/inputdemo.module.ts +++ b/demo/src/app/components/input/inputdemo.module.ts @@ -1,10 +1,10 @@ +import { CommonModule } from '@angular/common'; import { NgModule } from "@angular/core"; import { FormsModule } from '@angular/forms'; import { InputDemo } from "./inputdemo.component"; import { InputModule } from '../../../../../src/input'; import { InputDemoRoutingModule } from "./inputdemo-routing.module"; -import { CommonModule } from '@angular/common'; import { HighlightJsModule } from 'ngx-highlight-js'; diff --git a/src/button/button.html b/src/button/button.html new file mode 100644 index 000000000..4307d1c2a --- /dev/null +++ b/src/button/button.html @@ -0,0 +1,4 @@ +
+ +
+ diff --git a/src/button/button.scss b/src/button/button.scss new file mode 100644 index 000000000..56c80517f --- /dev/null +++ b/src/button/button.scss @@ -0,0 +1 @@ +@import "../core/core"; diff --git a/src/button/button.ts b/src/button/button.ts new file mode 100644 index 000000000..855c8b5a3 --- /dev/null +++ b/src/button/button.ts @@ -0,0 +1,32 @@ +/* + MIT License + + Copyright (c) 2017 Temainfo Sistemas + + Permission is hereby granted, free of charge, to any person obtaining a copy + of this software and associated documentation files (the "Software"), to deal + in the Software without restriction, including without limitation the rights + to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + copies of the Software, and to permit persons to whom the Software is + furnished to do so, subject to the following conditions: + The above copyright notice and this permission notice shall be included in all + copies or substantial portions of the Software. + THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + SOFTWARE. +*/ +import { Component } from '@angular/core'; + +@Component( { + selector: 'tl-button', + templateUrl: './button.html', + styleUrls: ['./button.scss'] +}) +export class TlButton { + + +} diff --git a/src/button/index.ts b/src/button/index.ts new file mode 100644 index 000000000..3f631e2f8 --- /dev/null +++ b/src/button/index.ts @@ -0,0 +1,19 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; + +import { TlButton } from './button'; + +export * from './button'; + +@NgModule({ + imports: [ + CommonModule, + ], + declarations: [ + TlButton + ], + exports: [ + TlButton + ] +}) +export class ButtonModule {} diff --git a/src/index.ts b/src/index.ts index 3bb0e02a9..88d3e84ca 100644 --- a/src/index.ts +++ b/src/index.ts @@ -23,16 +23,19 @@ import { NgModule } from '@angular/core'; import { DatatableModule } from './datatable/index'; import { InputModule } from './input/index'; +import { ButtonModule } from './button/index'; import { MultiselectModule } from './multiselect/index'; import { TooltipModule } from './tooltip/index'; export * from './datatable/index'; export * from './input/index'; +export * from './button/index'; export * from './multiselect/index'; export * from './tooltip/index'; @NgModule({ imports: [ + ButtonModule, DatatableModule, InputModule, MultiselectModule,