feat(button): Add first version button

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]

demo/src/app/app.component.html

@@ -17,10 +17,10 @@
     <div class="col-sm-3 col-md-2 menu-container">
       <ul class="menu">
         <li routerLink="input" routerLinkActive="active"><i class="ion-android-arrow-dropright"></i>Input</li>
+        <li routerLink="button" routerLinkActive="active"><i class="ion-android-arrow-dropright"></i>Button</li>
         <li><i class="ion-android-arrow-dropright" routerLinkActive="active"></i>MultiSelect</li>
         <li><i class="ion-android-arrow-dropright" routerLinkActive="active"></i>Tooltip</li>
         <li><i class="ion-android-arrow-dropright" routerLinkActive="active"></i>DataGrid</li>
-        <li><i class="ion-android-arrow-dropright" routerLinkActive="active"></i>Button</li>
       </ul>
       <!--<span class="git-logo"><img width="40" height="40" title="Fork me on GitHub" src="../assets/giticon.png"></span>-->
     </div>

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 {
+}

demo/src/app/components/button/buttondemo.component.html

@@ -0,0 +1,42 @@
+<div class="header-title-demo">
+  <h1 class="title">Button</h1>
+  <p class="text-content">There's a lot of ways to create an input using Truly UI. Below, are some of those.</p>
+</div>
+<hr>
+<div class="showcase">
+</div>
+<hr>
+<div class="setup">
+  <h3 class="title">Properties</h3>
+  <div class="table-responsive">
+    <table class="table table-bordered">
+      <thead>
+      <tr>
+        <th>Name</th>
+        <th>Type</th>
+        <th>Default</th>
+        <th>Description</th>
+        <th>Options</th>
+      </tr>
+      </thead>
+      <!--<tbody *ngFor="let item of dataTableProperties; let i = index">-->
+      <!--<tr>-->
+        <!--<td><b>{{ item.name }}</b></td>-->
+        <!--<td><span class="badge">{{ item.type }}</span></td>-->
+        <!--<td><code>{{ item.default }}</code></td>-->
+        <!--<td>{{ item.description }}</td>-->
+        <!--<td><code> {{ item.options }} </code></td>-->
+      <!--</tr>-->
+      <!--</tbody>-->
+    </table>
+  </div>
+  <hr>
+  <!--<h3 class="title">Events</h3>-->
+</div>
+<div class="examples">
+  <h3 class="title">Examples</h3>
+  <div class="group-component">
+    <h5 class="title">Basic</h5>
+
+  </div>
+</div>

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() {
+  }
+
+}

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 {}

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';
 
 

src/button/button.html

@@ -0,0 +1,4 @@
+<div class="tl-button-box">
+
+</div>
+

src/button/button.scss

@@ -0,0 +1 @@
+@import "../core/core";

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 {
+
+
+}

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 {}

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,