update demo site

Author: budiadiono

demo/docs/src/components/form-inputs/button/README.md

@@ -0,0 +1 @@
+## Button Component 

demo/docs/src/components/form-inputs/checkbox/README.md

@@ -0,0 +1 @@
+# Checkbox Component

demo/docs/src/decorators/form/README.md

@@ -0,0 +1 @@
+# FormComponent Decorator

demo/docs/src/filters/calendar/date/README.md

@@ -0,0 +1 @@
+# Date Filter

demo/docs/src/modules/alert/README.md

@@ -0,0 +1 @@
+# Alert Module

demo/src/api/index.html

@@ -28,7 +28,7 @@ export abstract class Base extends Vue {
 		if (!sources) return;
 
 		var html = this.$options.template;
-		var src = sources[this.$route.path];
+		var src = sources[this.$route.meta.id];
 
 		this['title'] = src.title;
 		this['html'] = prettyHtml(src.html)

demo/src/api/index.ts

@@ -1,9 +1,5 @@
 <div class="demo-area">
 
-	<div class="ui pink dividing header">
-		<h2>{{title}}</h2>
-	</div>
-
 	<div class="example">		
 		<example/>
 	</div>

demo/src/demo/base.ts

@@ -22,31 +22,32 @@ import { Toastr } from './toastr';
 
 // Main routes builder
 const m = [
-	{ text: 'Form Basic', path: 'form/basic', component: FormBasic },
-	{ text: 'Form Component', path: 'form/form-component', component: FormAdvanced },
-	{ text: 'Input', path: 'input', component: Input },
-	{ text: 'Numeric', path: 'numeric', component: Numeric },
-	{ text: 'Currency', path: 'currency', component: Currency },
-	{ text: 'Date', path: 'date', component: DateDemo },
-	{ text: 'Time', path: 'time', component: Time },
-	{ text: 'DateTime', path: 'datetime', component: DateTime },
-	{ text: 'Tab', path: 'tab/basic', component: TabBasic },
-	{ text: 'Tab Interactive', path: 'tab/interactive', component: TabInteractive },
-	{ text: 'Buttons', path: 'button', component: Button },
-	{ text: 'Radio', path: 'radio', component: Radio },
-	{ text: 'Checkbox', path: 'checkbox', component: Checkbox },
-	{ text: 'Dropdown', path: 'dropdown', component: Dropdown },
-	{ text: 'Modal', path: 'modal', component: Modal },
-	{ text: 'Tree', path: 'tree', component: Tree },
-	{ text: 'Menu', path: 'menu', component: Menu },
-	{ text: 'Message', path: 'message', component: Message },
-	{ text: 'Alert', path: 'alert', component: Alert },
-	{ text: 'Toastr', path: 'toastr', component: Toastr }
+	{ group: 'component/form', text: 'Form Basic', path: 'form/basic', component: FormBasic },
+	{ group: 'component/form', text: 'Form Component', path: 'form/form-component', component: FormAdvanced },
+	{ group: 'component/input', text: 'Input', path: 'input', component: Input },
+	{ group: 'component/numeric', text: 'Numeric', path: 'numeric', component: Numeric },
+	{ group: 'component/currency', text: 'Currency', path: 'currency', component: Currency },
+	{ group: 'component/date', text: 'Date', path: 'date', component: DateDemo },
+	{ group: 'component/time', text: 'Time', path: 'time', component: Time },
+	{ group: 'component/datetime', text: 'DateTime', path: 'datetime', component: DateTime },
+	{ group: 'component/tab', text: 'Tab', path: 'tab/basic', component: TabBasic },
+	{ group: 'component/tab', text: 'Tab Interactive', path: 'tab/interactive', component: TabInteractive },
+	{ group: 'component/button', text: 'Buttons', path: 'button', component: Button },
+	{ group: 'component/radio', text: 'Radio', path: 'radio', component: Radio },
+	{ group: 'component/checkbox', text: 'Checkbox', path: 'checkbox', component: Checkbox },
+	{ group: 'component/dropdown', text: 'Dropdown', path: 'dropdown', component: Dropdown },
+	{ group: 'component/modal', text: 'Modal', path: 'modal', component: Modal },
+	{ group: 'component/tree', text: 'Tree', path: 'tree', component: Tree },
+	{ group: 'component/menu', text: 'Menu', path: 'menu', component: Menu },
+	{ group: 'component/message', text: 'Message', path: 'message', component: Message },
+	{ group: 'module/alert', text: 'Alert', path: 'alert', component: Alert },
+	{ group: 'module/toastr', text: 'Toastr', path: 'toastr', component: Toastr }
 ]
 
 // Build router routes
 export const routes = m.map((m) => {
 	return {
+		group: m.group,
 		text: m.text,
 		path: _path(m.path),
 		component: m.component