diff --git a/src/app/widgets/widgets-routing.module.ts b/src/app/widgets/widgets-routing.module.ts deleted file mode 100644 index 367a70c..0000000 --- a/src/app/widgets/widgets-routing.module.ts +++ /dev/null @@ -1,20 +0,0 @@ -import { NgModule } from '@angular/core'; -import { Routes, RouterModule } from '@angular/router'; - -import { WidgetsComponent } from './widgets.component'; - -const routes: Routes = [ - { - path: '', - component: WidgetsComponent, - data: { - title: 'Widgets' - } - } -]; - -@NgModule({ - imports: [RouterModule.forChild(routes)], - exports: [RouterModule] -}) -export class WidgetsRoutingModule {} diff --git a/src/app/widgets/widgets.component.html b/src/app/widgets/widgets.component.html deleted file mode 100644 index 4e030f0..0000000 --- a/src/app/widgets/widgets.component.html +++ /dev/null @@ -1,975 +0,0 @@ -
-
-
-
-
-
- -
- Action - Another action - Something else here -
-
-

9.823

-

Members online

-
-
- -
-
-
-
-
-
- -

9.823

-

Members online

-
-
- -
-
-
-
-
-
-
- -
- Action - Another action - Something else here -
-
-

9.823

-

Members online

-
-
- -
-
-
-
-
-
-
- -
- Action - Another action - Something else here -
-
-

9.823

-

Members online

-
-
- -
-
-
-
-
-
-
-
-
- Money spent this week - $1.890,65 -
-
- - Today 6:43 AM - - - +432,50 (15,78%) - -
-
- -
-
- -
-
-
-
-
-
-
-
- Money spent last week - $1.890,65 -
-
- - Today 6:43 AM - - - +432,50 (15,78%) - -
-
- -
-
- -
-
-
-
-
-
-
-
- SALE - $1.890,65 -
-
- - Today 6:43 AM - - - +432,50 (15,78%) - -
-
- -
-
- -
-
-
-
-
-
-
-
- SALE - $1.890,65 -
-
- - Today 6:43 AM - - - +432,50 (15,78%) - -
-
- -
-
- -
-
-
-
-
- -
-
-
-
-
89.9%
-
Lorem ipsum...
-
-
-
- Lorem ipsum dolor sit amet enim. -
-
-
-
-
-
-
12.124
-
Lorem ipsum...
-
-
-
- Lorem ipsum dolor sit amet enim. -
-
-
-
-
-
-
$98.111,00
-
Lorem ipsum...
-
-
-
- Lorem ipsum dolor sit amet enim. -
-
-
-
-
-
-
2 TB
-
Lorem ipsum...
-
-
-
- Lorem ipsum dolor sit amet enim. -
-
-
-
- -
-
-
-
-
89.9%
-
Lorem ipsum...
-
-
-
- Lorem ipsum dolor sit amet enim. -
-
-
-
-
-
-
12.124
-
Lorem ipsum...
-
-
-
- Lorem ipsum dolor sit amet enim. -
-
-
-
-
-
-
$98.111,00
-
Lorem ipsum...
-
-
-
- Lorem ipsum dolor sit amet enim. -
-
-
-
-
-
-
2 TB
-
Lorem ipsum...
-
-
-
- Lorem ipsum dolor sit amet enim. -
-
-
-
- -
-
-
-
-
Title
-
1,123
-
- -
-
-
-
-
-
-
-
Title
-
1,123
-
- -
-
-
-
-
-
-
-
Title
-
1,123
-
- -
-
-
-
-
-
-
-
Title
-
1,123
-
- -
-
-
-
-
-
-
-
Title
-
1,123
-
- -
-
-
-
-
-
-
-
Title
-
1,123
-
- -
-
-
-
-
-
-
-
-
- -
$1.999,50
-
Income
-
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
- View More -
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
- View More -
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
- View More -
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
- View More -
-
-
- -
- -
-
-
-
- -
$1.999,50
-
Income
-
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
-
- -
-
-
- -
$1.999,50
-
Income
-
-
-
- -
- -
-
- - -
-
- - -
-
- - -
-
- - -
-
- -
-
-
-
- -
-
87.500
- Visitors -
-
-
-
-
-
-
-
- -
-
385
- New Clients -
-
-
-
-
-
-
-
- -
-
1238
- Products sold -
-
-
-
-
-
-
-
- -
-
28%
- Returning Visitors -
-
-
-
-
-
-
-
- -
-
5:34:11
- Avg. Time -
-
-
-
-
-
- -
-
-
-
-
- -
-
87.500
- Visitors -
-
-
-
-
-
-
-
-
-
- -
-
385
- New Clients -
-
-
-
-
-
-
-
-
-
- -
-
1238
- Products sold -
-
-
-
-
-
-
-
-
-
- -
-
28%
- Returning Visitors -
-
-
-
-
-
-
-
-
-
- -
-
5:34:11
- Avg. Time -
-
-
-
-
-
-
-
-
-
- -
-
972
- Comments -
-
-
-
-
-
-
- -
-
-
-
-
- -
-
87.500
- Visitors -
-
-
-
-
-
-
-
-
-
- -
-
385
- New Clients -
-
-
-
-
-
-
-
-
-
- -
-
1238
- Products sold -
-
-
-
-
-
-
-
-
-
- -
-
28%
- Returning Visitors -
-
-
-
-
-
-
-
-
-
- -
-
5:34:11
- Avg. Time -
-
-
-
-
-
-
-
-
-
- -
-
972
- Comments -
-
-
-
-
-
-
-
diff --git a/src/app/widgets/widgets.component.ts b/src/app/widgets/widgets.component.ts deleted file mode 100644 index 9a3c37a..0000000 --- a/src/app/widgets/widgets.component.ts +++ /dev/null @@ -1,386 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - templateUrl: 'widgets.component.html' -}) -export class WidgetsComponent { - - constructor() { } - - public brandPrimary = '#20a8d8'; - public brandSuccess = '#4dbd74'; - public brandInfo = '#63c2de'; - public brandWarning = '#f8cb00'; - public brandDanger = '#f86c6b'; - - // convert Hex to RGBA - // public convertHex(hex: string, opacity: number){ - // hex = hex.replace('#',''); - // let r = parseInt(hex.substring(0,2), 16); - // let g = parseInt(hex.substring(2,4), 16); - // let b = parseInt(hex.substring(4,6), 16); - // - // let rgba = 'rgba('+r+','+g+','+b+','+opacity/100+')'; - // return rgba; - // } - - // events - public chartClicked(e: any): void { - console.log(e); - } - - public chartHovered(e: any): void { - console.log(e); - } - - // lineChart1 - public lineChart1Data: Array = [ - { - data: [80, 59, 84, 84, 51, 55, 40], - label: 'Series A' - } - ]; - public lineChart1Labels: Array = ['January', 'February', 'March', 'April', 'May', 'June', 'July']; - public lineChart1Options: any = { - maintainAspectRatio: false, - scales: { - xAxes: [{ - gridLines: { - color: 'transparent', - zeroLineColor: 'transparent' - }, - ticks: { - fontSize: 2, - fontColor: 'transparent', - } - - }], - yAxes: [{ - display: false, - ticks: { - display: false, - min: 40 - 5, - max: 84 + 5, - } - }], - }, - elements: { - line: { - borderWidth: 1 - }, - point: { - radius: 4, - hitRadius: 10, - hoverRadius: 4, - }, - }, - legend: { - display: false - } - }; - public lineChart1Colours: Array = [ - { // grey - backgroundColor: this.brandPrimary, - borderColor: 'rgba(255,255,255,.55)' - } - ]; - public lineChart1Legend = false; - public lineChart1Type = 'line'; - - // lineChart2 - public lineChart2Data: Array = [ - { - data: [1, 18, 9, 17, 34, 22, 11], - label: 'Series A' - } - ]; - public lineChart2Labels: Array = ['January', 'February', 'March', 'April', 'May', 'June', 'July']; - public lineChart2Options: any = { - maintainAspectRatio: false, - scales: { - xAxes: [{ - gridLines: { - color: 'transparent', - zeroLineColor: 'transparent' - }, - ticks: { - fontSize: 2, - fontColor: 'transparent', - } - - }], - yAxes: [{ - display: false, - ticks: { - display: false, - min: 1 - 5, - max: 34 + 5, - } - }], - }, - elements: { - line: { - tension: 0.00001, - borderWidth: 1 - }, - point: { - radius: 4, - hitRadius: 10, - hoverRadius: 4, - }, - }, - legend: { - display: false - } - }; - public lineChart2Colours: Array = [ - { // grey - backgroundColor: this.brandInfo, - borderColor: 'rgba(255,255,255,.55)' - } - ]; - public lineChart2Legend = false; - public lineChart2Type = 'line'; - - - // lineChart3 - public lineChart3Data: Array = [ - { - data: [78, 81, 80, 45, 34, 12, 40], - label: 'Series A' - } - ]; - public lineChart3Labels: Array = ['January', 'February', 'March', 'April', 'May', 'June', 'July']; - public lineChart3Options: any = { - maintainAspectRatio: false, - scales: { - xAxes: [{ - display: false - }], - yAxes: [{ - display: false - }] - }, - elements: { - line: { - borderWidth: 2 - }, - point: { - radius: 0, - hitRadius: 10, - hoverRadius: 4, - }, - }, - legend: { - display: false - } - }; - public lineChart3Colours: Array = [ - { - backgroundColor: 'rgba(255,255,255,.2)', - borderColor: 'rgba(255,255,255,.55)', - } - ]; - public lineChart3Legend = false; - public lineChart3Type = 'line'; - - - // barChart1 - public barChart1Data: Array = [ - { - data: [78, 81, 80, 45, 34, 12, 40, 78, 81, 80, 45, 34, 12, 40, 12, 40], - label: 'Series A' - } - ]; - public barChart1Labels: Array = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16']; - public barChart1Options: any = { - maintainAspectRatio: false, - scales: { - xAxes: [{ - display: false, - barPercentage: 0.6, - }], - yAxes: [{ - display: false - }] - }, - legend: { - display: false - } - }; - public barChart1Colours: Array = [ - { - backgroundColor: 'rgba(255,255,255,.3)', - borderWidth: 0 - } - ]; - public barChart1Legend = false; - public barChart1Type = 'bar'; - - // lineChart4 - public lineChart4Data: Array = [ - { - data: [4, 18, 9, 17, 80, 22, 11], - label: 'Series A' - } - ]; - public lineChart4Labels: Array = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']; - public lineChart4Options: any = { - maintainAspectRatio: false, - scales: { - xAxes: [{ - display: false, - points: false, - }], - yAxes: [{ - display: false, - }] - }, - elements: { point: { radius: 0 } }, - legend: { - display: false - } - }; - public lineChart4Colours: Array = [ - { - backgroundColor: 'transparent', - borderColor: 'rgba(255,255,255,.55)', - borderWidth: 2 - } - ]; - public lineChart4Legend = false; - public lineChart4Type = 'line'; - - - // barChart2 - public barChart2Data: Array = [ - { - data: [4, 18, 9, 17, 34, 22, 11, 3, 15, 12, 18, 9], - label: 'Series A' - } - ]; - public barChart2Labels: Array = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']; - public barChart2Options: any = { - maintainAspectRatio: false, - scales: { - xAxes: [{ - display: false, - barPercentage: 0.6, - }], - yAxes: [{ - display: false, - ticks: { - beginAtZero: true, - } - }] - }, - legend: { - display: false - } - }; - public barChart2Colours: Array = [ - { - backgroundColor: 'rgba(0,0,0,.2)', - borderWidth: 0 - } - ]; - public barChart2Legend = false; - public barChart2Type = 'bar'; - - - // barChart3 - public barChart3Data: Array = [ - { - data: [4, 18, 9, 17, 34, 22, 11, 3, 15, 12, 18, 9], - label: 'Series A' - } - ]; - public barChart3Labels: Array = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; - public barChart3Options: any = { - maintainAspectRatio: false, - scales: { - xAxes: [{ - display: false - }], - yAxes: [{ - display: false - }] - }, - legend: { - display: false - } - }; - public barChart3Primary: Array = [ - { - backgroundColor: this.brandPrimary, - borderColor: 'transparent', - borderWidth: 1 - } - ]; - public barChart3Danger: Array = [ - { - backgroundColor: this.brandDanger, - borderColor: 'transparent', - borderWidth: 1 - } - ]; - public barChart3Success: Array = [ - { - backgroundColor: this.brandSuccess, - borderColor: 'transparent', - borderWidth: 1 - } - ]; - public barChart3Legend = false; - public barChart3Type = 'bar'; - - - // lineChart5 - public lineChart5Data: Array = [ - { - data: [4, 18, 9, 17, 34, 22, 11, 3, 15, 12, 18, 9], - label: 'Series A' - } - ]; - public lineChart5Labels: Array = ['January', 'February', 'March', 'April', 'May', 'June', 'July']; - public lineChart5Options: any = { - maintainAspectRatio: false, - scales: { - xAxes: [{ - display: false, - points: false, - }], - yAxes: [{ - display: false, - }] - }, - elements: { point: { radius: 0 } }, - legend: { - display: false - } - }; - public lineChart5Info: Array = [ - { - backgroundColor: 'transparent', - borderColor: this.brandInfo, - borderWidth: 2 - } - ]; - public lineChart5Success: Array = [ - { - backgroundColor: 'transparent', - borderColor: this.brandInfo, - borderWidth: 2 - } - ]; - public lineChart5Warning: Array = [ - { - backgroundColor: 'transparent', - borderColor: this.brandWarning, - borderWidth: 2 - } - ]; - public lineChart5Legend = false; - public lineChart5Type = 'line'; - -} diff --git a/src/app/widgets/widgets.module.ts b/src/app/widgets/widgets.module.ts deleted file mode 100644 index 50a2267..0000000 --- a/src/app/widgets/widgets.module.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { NgModule } from '@angular/core'; -import { ChartsModule } from 'ng2-charts/ng2-charts'; - -import { WidgetsComponent } from './widgets.component'; -import { WidgetsRoutingModule } from './widgets-routing.module'; - -@NgModule({ - imports: [ - WidgetsRoutingModule, - ChartsModule - ], - declarations: [ WidgetsComponent ] -}) -export class WidgetsModule { }