Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-20 17:30:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add call action cards on demo dashboard (#1996)

Browse source
This commit is contained in:
Vladislav Ahmetvaliev 2019-01-17 18:19:09 +03:00 • committed by Sergey Andrievskiy
parent a71c8281ab
commit 67c9f796dc
6 changed files with 20 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/app/pages/e-commerce/call-action-card/call-action-card.component.scss → src/app/@theme/components/call-action-card/call-action-card.component.scss
View file

@ -94,6 +94,7 @@
font-size: 1.15rem;
text-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
box-shadow: none;
cursor: pointer;
}
}
}

0
src/app/pages/e-commerce/call-action-card/call-action-card.component.ts → src/app/@theme/components/call-action-card/call-action-card.component.ts
View file

1
src/app/@theme/components/header/header.component.scss
View file

@ -41,6 +41,7 @@
background-color: nb-theme(header-button-background);
color: nb-theme(header-button-color);
border-color: nb-theme(header-button-outline);
cursor: pointer;
&:hover {
background-color: nb-theme(header-button-background-hover);

2
src/app/@theme/theme.module.ts
View file

@ -70,6 +70,7 @@ import { DEFAULT_THEME } from './styles/theme.default';
import { COSMIC_THEME } from './styles/theme.cosmic';
import { CORPORATE_THEME } from './styles/theme.corporate';
import { BannerComponent } from 'app/@theme/components/banner/banner.component';
import { CallActionCardComponent } from './components/call-action-card/call-action-card.component';
const BASE_MODULES = [CommonModule, FormsModule, ReactiveFormsModule];
@ -125,6 +126,7 @@ const COMPONENTS = [
TwoColumnsLayoutComponent,
BannerComponent,
ToggleSettingsButtonComponent,
CallActionCardComponent,
];
const ENTRY_COMPONENTS = [

16
src/app/pages/dashboard/dashboard.component.html
View file

@ -1,3 +1,19 @@
<div class="row">
<div class="col-12 col-md-6">
<ngx-call-action-card [title]="'Need a custom solution?'"
[type]="'pantone'"
[link]="'https://www.akveo.com/contacts?utm_source=ngx_admin_demo&utm_medium=contact_card'"
[linkTitle]="'Contact us'">
</ngx-call-action-card>
</div>
<div class="col-12 col-md-6">
<ngx-call-action-card [title]="'Why ngx-admin works for you?'"
[type]="'briefcase'"
[link]="'https://akveo.github.io/ngx-admin?utm_source=ngx_admin_demo&utm_medium=contact_card'"
[linkTitle]="'Learn more'">
</ngx-call-action-card>
</div>
</div>
<div class="row">
<div class="col-xxxl-3 col-md-6" *ngFor="let statusCard of statusCards">
<ngx-status-card [title]="statusCard.title"

2
src/app/pages/e-commerce/e-commerce.module.ts
View file

@ -4,7 +4,6 @@ import { NgxChartsModule } from '@swimlane/ngx-charts';
import { ThemeModule } from '../../@theme/theme.module';
import { ECommerceComponent } from './e-commerce.component';
import { CallActionCardComponent } from './call-action-card/call-action-card.component';
import { ProfitCardComponent } from './profit-card/profit-card.component';
import { ECommerceChartsPanelComponent } from './charts-panel/charts-panel.component';
import { OrdersChartComponent } from './charts-panel/charts/orders-chart.component';
@ -57,7 +56,6 @@ import { EarningLiveUpdateChartComponent } from './earning-card/front-side/earni
],
declarations: [
ECommerceComponent,
CallActionCardComponent,
StatsCardFrontComponent,
StatsAreaChartComponent,
StatsBarAnimationChartComponent,