+ fuse-countdown is a custom built Fuse component allows you to create a countdowns.
+
+
+
+
Sample
+
+
+
+
+
+
+
Usage
+
+
+
+
+
+
+
+
+
Inputs
+
+ eventDate
+
+ The date of the event. Since fuse-countdown uses moment.js to parse the dates, any moment.js
+ compatible date string can be used.
+
+
+
+
+
+
+
+
diff --git a/src/app/main/content/components/countdown/countdown.component.scss b/src/app/main/content/components/countdown/countdown.component.scss
new file mode 100644
index 00000000..8fdbe2d4
--- /dev/null
+++ b/src/app/main/content/components/countdown/countdown.component.scss
@@ -0,0 +1,3 @@
+:host {
+
+}
\ No newline at end of file
diff --git a/src/app/main/content/components/countdown/countdown.component.ts b/src/app/main/content/components/countdown/countdown.component.ts
new file mode 100644
index 00000000..94378858
--- /dev/null
+++ b/src/app/main/content/components/countdown/countdown.component.ts
@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector : 'fuse-countdown-docs',
+ templateUrl: './countdown.component.html',
+ styleUrls : ['./countdown.component.scss']
+})
+export class FuseCountdownDocsComponent
+{
+ constructor()
+ {
+
+ }
+}
diff --git a/src/app/main/content/components/hljs/hljs.component.html b/src/app/main/content/components/hljs/hljs.component.html
new file mode 100644
index 00000000..86c42a92
--- /dev/null
+++ b/src/app/main/content/components/hljs/hljs.component.html
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+ home
+ chevron_right
+ Components
+
+
highlight.js
+
+
+
+
+
+
+
+
+ fuse-hljs is a custom built Fuse component allows to show syntax highlighted codes.
+
+
+
+
Sample
+
+
+
+
+
+
+
+
+
Usage
+
+
+
+
+
+
+
+
+
Inputs
+
+ lang
+
+ Language of the code to be highlighted. All highlight.js languages can be used.
+
+
+
+
+
+
+
+
diff --git a/src/app/main/content/components/hljs/hljs.component.scss b/src/app/main/content/components/hljs/hljs.component.scss
new file mode 100644
index 00000000..8fdbe2d4
--- /dev/null
+++ b/src/app/main/content/components/hljs/hljs.component.scss
@@ -0,0 +1,3 @@
+:host {
+
+}
\ No newline at end of file
diff --git a/src/app/main/content/components/hljs/hljs.component.ts b/src/app/main/content/components/hljs/hljs.component.ts
new file mode 100644
index 00000000..142ab034
--- /dev/null
+++ b/src/app/main/content/components/hljs/hljs.component.ts
@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector : 'fuse-hljs-docs',
+ templateUrl: './hljs.component.html',
+ styleUrls : ['./hljs.component.scss']
+})
+export class FuseHljsDocsComponent
+{
+ constructor()
+ {
+
+ }
+}
diff --git a/src/app/main/content/components/material-color-picker/material-color-picker.component.html b/src/app/main/content/components/material-color-picker/material-color-picker.component.html
new file mode 100644
index 00000000..e88a8fa4
--- /dev/null
+++ b/src/app/main/content/components/material-color-picker/material-color-picker.component.html
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+ home
+ chevron_right
+ Components
+
+
Material Color Picker
+
+
+
+
+
+
+
+
+ fuse-material-color-picker is a custom built Fuse component allows you to add a color picker
+ that allows to choose one of the many Material spec. colors.
+
+
+
+
Sample
+
+
+
+
+
+
+
Usage
+
+
+
+
+
+
+
+
+
Two-way bindings
+
+ selectedClass
+
+ The name of the Fuse color class to select, e.g. md-red-500-bg
+
+
+
+ selectedBg
+
+ The hex code of the color to be selected. It will be only selected if the hex code of the color
+ matches one of the material colors.
+
+
+
+
+
+
Outputs
+
+ onValueChange
+
+ Event that triggered when a color selected. Returns an object that holds palette, hue, class name,
+ background and foreground colors.
+
+
+
+
+
+
+
+
diff --git a/src/app/main/content/components/material-color-picker/material-color-picker.component.scss b/src/app/main/content/components/material-color-picker/material-color-picker.component.scss
new file mode 100644
index 00000000..8fdbe2d4
--- /dev/null
+++ b/src/app/main/content/components/material-color-picker/material-color-picker.component.scss
@@ -0,0 +1,3 @@
+:host {
+
+}
\ No newline at end of file
diff --git a/src/app/main/content/components/material-color-picker/material-color-picker.component.ts b/src/app/main/content/components/material-color-picker/material-color-picker.component.ts
new file mode 100644
index 00000000..cdfdfe5a
--- /dev/null
+++ b/src/app/main/content/components/material-color-picker/material-color-picker.component.ts
@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector : 'fuse-material-color-picker-docs',
+ templateUrl: './material-color-picker.component.html',
+ styleUrls : ['./material-color-picker.component.scss']
+})
+export class FuseMaterialColorPickerDocsComponent
+{
+ constructor()
+ {
+
+ }
+}
diff --git a/src/app/main/content/components/navigation/navigation.component.html b/src/app/main/content/components/navigation/navigation.component.html
new file mode 100644
index 00000000..5db515ee
--- /dev/null
+++ b/src/app/main/content/components/navigation/navigation.component.html
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+ home
+ chevron_right
+ Components
+
+
Navigation
+
+
+
+
+
+
+
+
+ fuse-navigation is a custom built Fuse component allows you to create a multi-level collapsable
+ navigation.
+
+
+
+
+
+
Usage
+
+
+
+
+
+
+
+
+
Model
+
+ <fuse-navigation></fuse-navigation> uses a service and a model file to populate
+ the entire navigation. It supports three different navigation items; Subheader,
+ Collapsable and Item. These items can be mixed and matched to create unique and complex
+ navigation layouts.
+
+
+
+
+
Header
+
+
+
+
+
+
+
+
+
Collapsable
+
+
+
+
+
+
+
+
+
Item
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/main/content/components/navigation/navigation.component.scss b/src/app/main/content/components/navigation/navigation.component.scss
new file mode 100644
index 00000000..8fdbe2d4
--- /dev/null
+++ b/src/app/main/content/components/navigation/navigation.component.scss
@@ -0,0 +1,3 @@
+:host {
+
+}
\ No newline at end of file
diff --git a/src/app/main/content/components/navigation/navigation.component.ts b/src/app/main/content/components/navigation/navigation.component.ts
new file mode 100644
index 00000000..d84d70d5
--- /dev/null
+++ b/src/app/main/content/components/navigation/navigation.component.ts
@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector : 'fuse-navigation-docs',
+ templateUrl: './navigation.component.html',
+ styleUrls : ['./navigation.component.scss']
+})
+export class FuseNavigationDocsComponent
+{
+ constructor()
+ {
+
+ }
+}
diff --git a/src/app/main/content/components/price-tables/price-tables.component.html b/src/app/main/content/components/price-tables/price-tables.component.html
index e636ab8a..81d2b20a 100644
--- a/src/app/main/content/components/price-tables/price-tables.component.html
+++ b/src/app/main/content/components/price-tables/price-tables.component.html
@@ -6,7 +6,7 @@
homechevron_right
- Tables
+ Components
Price Tables
diff --git a/src/app/main/content/components/search-bar/search-bar.component.html b/src/app/main/content/components/search-bar/search-bar.component.html
new file mode 100644
index 00000000..ac112ac1
--- /dev/null
+++ b/src/app/main/content/components/search-bar/search-bar.component.html
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+ home
+ chevron_right
+ Components
+
+
Search Bar
+
+
+
+
+
+
+
+
+ fuse-search-bar is a custom built Fuse component allows you to have a search bar that activates
+ on click.
+
+
+
+
Usage
+
+
+
+
+
+
+
+
+
Outputs
+
+ onInput
+ Triggers every time an input occurs within the search bar. Can be used to trigger the actual
+ search mechanism. The $event is the value from the search input.
+
+
+
+
+
+
+
diff --git a/src/app/main/content/components/search-bar/search-bar.component.scss b/src/app/main/content/components/search-bar/search-bar.component.scss
new file mode 100644
index 00000000..8fdbe2d4
--- /dev/null
+++ b/src/app/main/content/components/search-bar/search-bar.component.scss
@@ -0,0 +1,3 @@
+:host {
+
+}
\ No newline at end of file
diff --git a/src/app/main/content/components/search-bar/search-bar.component.ts b/src/app/main/content/components/search-bar/search-bar.component.ts
new file mode 100644
index 00000000..f9856b2e
--- /dev/null
+++ b/src/app/main/content/components/search-bar/search-bar.component.ts
@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector : 'fuse-search-bar-docs',
+ templateUrl: './search-bar.component.html',
+ styleUrls : ['./search-bar.component.scss']
+})
+export class FuseSearchBarDocsComponent
+{
+ constructor()
+ {
+
+ }
+}
diff --git a/src/app/main/content/components/shortcuts/shortcuts.component.html b/src/app/main/content/components/shortcuts/shortcuts.component.html
new file mode 100644
index 00000000..4726c795
--- /dev/null
+++ b/src/app/main/content/components/shortcuts/shortcuts.component.html
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+ home
+ chevron_right
+ Components
+
+
Shortcuts
+
+
+
+
+
+
+
+
+ fuse-shortcuts is a custom built Fuse component allows you to create and save shortcuts from
+ the navigation model.
+
+
+
+
Usage
+
+
+
+
+
+
+
+
+
Model
+
+ <fuse-shortcuts></fuse-shortcuts> uses the same service with navigation
+ component to populate the shortcuts. It can search the navigation items as well as pin and unpin them as
+ shortcuts. It uses browser cookies to store the shortcuts.
+
+
+
+
+
+
+
diff --git a/src/app/main/content/components/shortcuts/shortcuts.component.scss b/src/app/main/content/components/shortcuts/shortcuts.component.scss
new file mode 100644
index 00000000..8fdbe2d4
--- /dev/null
+++ b/src/app/main/content/components/shortcuts/shortcuts.component.scss
@@ -0,0 +1,3 @@
+:host {
+
+}
\ No newline at end of file
diff --git a/src/app/main/content/components/shortcuts/shortcuts.component.ts b/src/app/main/content/components/shortcuts/shortcuts.component.ts
new file mode 100644
index 00000000..69cc9890
--- /dev/null
+++ b/src/app/main/content/components/shortcuts/shortcuts.component.ts
@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector : 'fuse-shortcuts-docs',
+ templateUrl: './shortcuts.component.html',
+ styleUrls : ['./shortcuts.component.scss']
+})
+export class FuseShortcutsDocsComponent
+{
+ constructor()
+ {
+
+ }
+}
diff --git a/src/app/main/content/components/widget/widget.component.html b/src/app/main/content/components/widget/widget.component.html
new file mode 100644
index 00000000..d00b16a6
--- /dev/null
+++ b/src/app/main/content/components/widget/widget.component.html
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+ home
+ chevron_right
+ Components
+
+
Widget
+
+
+
+
+
+
+
+
+ fuse-widget is a custom built Fuse component allows to create flippable widget boxes.
+
+
+
+
Sample
+
+
+
+
+
+
+
+
Widget title
+
+
+
+
+
+ Widget Content
+
+
+
+
+
+
+
+
+
+ More widget info
+
+
+
+
+
+
+
+
+
+
+
Usage
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/main/content/components/widget/widget.component.scss b/src/app/main/content/components/widget/widget.component.scss
new file mode 100644
index 00000000..8fdbe2d4
--- /dev/null
+++ b/src/app/main/content/components/widget/widget.component.scss
@@ -0,0 +1,3 @@
+:host {
+
+}
\ No newline at end of file
diff --git a/src/app/main/content/components/widget/widget.component.ts b/src/app/main/content/components/widget/widget.component.ts
new file mode 100644
index 00000000..3fbb3bd2
--- /dev/null
+++ b/src/app/main/content/components/widget/widget.component.ts
@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector : 'fuse-widget-docs',
+ templateUrl: './widget.component.html',
+ styleUrls : ['./widget.component.scss']
+})
+export class FuseWidgetDocsComponent
+{
+ constructor()
+ {
+
+ }
+}
diff --git a/src/app/main/content/pages/search/tabs/table/table.component.ts b/src/app/main/content/pages/search/tabs/table/table.component.ts
index 54b25be5..ea3f081a 100644
--- a/src/app/main/content/pages/search/tabs/table/table.component.ts
+++ b/src/app/main/content/pages/search/tabs/table/table.component.ts
@@ -1,6 +1,6 @@
import { Component, OnInit } from '@angular/core';
import { SearchService } from '../../search.service';
-import { DataSource } from '@angular/cdk';
+import { DataSource } from '@angular/cdk/collections';
@Component({
selector : 'fuse-search-table',
diff --git a/src/app/main/content/services/config/config.component.html b/src/app/main/content/services/config/config.component.html
new file mode 100644
index 00000000..958f8310
--- /dev/null
+++ b/src/app/main/content/services/config/config.component.html
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+ home
+ chevron_right
+ Services
+
+
Config
+
+
+
+
+
+
+
+
+ Config is a custom built Fuse service allows to have a granule control over the Fuse. It can be
+ used for changing theme options (layout, color etc.) by component basis.
+
+ Splash screen is a custom built Fuse service allows to have a fully controllable splash
+ screen. It also has built state for application loading so it will always be available while the app
+ loads.
+