mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-17 07:50:12 +01:00
map component styles fixes
This commit is contained in:
nixa
parent
e1de8880b6
commit
79d2a771a0
1 changed files with 94 additions and 89 deletions
|
|
@ -1,98 +1,103 @@
|
||||||
import {Injectable} from '@angular/core';
|
import {Injectable} from '@angular/core';
|
||||||
import {layoutColors, layoutPaths} from '../../../theme';
|
import {BaThemeConfigProvider, layoutPaths} from '../../../theme';
|
||||||
|
|
||||||
@Injectable()
|
@Injectable()
|
||||||
export class UsersMapService {
|
export class UsersMapService {
|
||||||
|
|
||||||
private _data = {
|
constructor(private _baConfig:BaThemeConfigProvider) {
|
||||||
type: 'map',
|
}
|
||||||
theme: 'blur',
|
|
||||||
zoomControl: { zoomControlEnabled: false, panControlEnabled: false },
|
|
||||||
|
|
||||||
dataProvider: {
|
|
||||||
map: 'worldLow',
|
|
||||||
zoomLevel: 3.5,
|
|
||||||
zoomLongitude: 10,
|
|
||||||
zoomLatitude: 52,
|
|
||||||
areas: [
|
|
||||||
{ title: 'Austria', id: 'AT', color: layoutColors.primary, customData: '1 244', groupId: '1'},
|
|
||||||
{ title: 'Ireland', id: 'IE', color: layoutColors.primary, customData: '1 342', groupId: '1'},
|
|
||||||
{ title: 'Denmark', id: 'DK', color: layoutColors.primary, customData: '1 973', groupId: '1'},
|
|
||||||
{ title: 'Finland', id: 'FI', color: layoutColors.primary, customData: '1 573', groupId: '1'},
|
|
||||||
{ title: 'Sweden', id: 'SE', color: layoutColors.primary, customData: '1 084', groupId: '1'},
|
|
||||||
{ title: 'Great Britain', id: 'GB', color: layoutColors.primary, customData: '1 452', groupId: '1'},
|
|
||||||
{ title: 'Italy', id: 'IT', color: layoutColors.primary, customData: '1 321', groupId: '1'},
|
|
||||||
{ title: 'France', id: 'FR', color: layoutColors.primary, customData: '1 112', groupId: '1'},
|
|
||||||
{ title: 'Spain', id: 'ES', color: layoutColors.primary, customData: '1 865', groupId: '1'},
|
|
||||||
{ title: 'Greece', id: 'GR', color: layoutColors.primary, customData: '1 453', groupId: '1'},
|
|
||||||
{ title: 'Germany', id: 'DE', color: layoutColors.primary, customData: '1 957', groupId: '1'},
|
|
||||||
{ title: 'Belgium', id: 'BE', color: layoutColors.primary, customData: '1 011', groupId: '1'},
|
|
||||||
{ title: 'Luxembourg', id: 'LU', color: layoutColors.primary, customData: '1 011', groupId: '1'},
|
|
||||||
{ title: 'Netherlands', id: 'NL', color: layoutColors.primary, customData: '1 213', groupId: '1'},
|
|
||||||
{ title: 'Portugal', id: 'PT', color: layoutColors.primary, customData: '1 291', groupId: '1'},
|
|
||||||
{ title: 'Lithuania', id: 'LT', color: layoutColors.successLight, customData: '567', groupId: '2'},
|
|
||||||
{ title: 'Latvia', id: 'LV', color: layoutColors.successLight, customData: '589', groupId: '2'},
|
|
||||||
{ title: 'Czech Republic ', id: 'CZ', color: layoutColors.successLight, customData: '785', groupId: '2'},
|
|
||||||
{ title: 'Slovakia', id: 'SK', color: layoutColors.successLight, customData: '965', groupId: '2'},
|
|
||||||
{ title: 'Estonia', id: 'EE', color: layoutColors.successLight, customData: '685', groupId: '2'},
|
|
||||||
{ title: 'Hungary', id: 'HU', color: layoutColors.successLight, customData: '854', groupId: '2'},
|
|
||||||
{ title: 'Cyprus', id: 'CY', color: layoutColors.successLight, customData: '754', groupId: '2'},
|
|
||||||
{ title: 'Malta', id: 'MT', color: layoutColors.successLight, customData: '867', groupId: '2'},
|
|
||||||
{ title: 'Poland', id: 'PL', color: layoutColors.successLight, customData: '759', groupId: '2'},
|
|
||||||
{ title: 'Romania', id: 'RO', color: layoutColors.success, customData: '302', groupId: '3'},
|
|
||||||
{ title: 'Bulgaria', id: 'BG', color: layoutColors.success, customData: '102', groupId: '3'},
|
|
||||||
{ title: 'Slovenia', id: 'SI', color: layoutColors.danger, customData: '23', groupId: '4'},
|
|
||||||
{ title: 'Croatia', id: 'HR', color: layoutColors.danger, customData: '96', groupId: '4'}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
|
|
||||||
areasSettings: {
|
|
||||||
rollOverOutlineColor: '#FFFFFF',
|
|
||||||
rollOverColor: layoutColors.primaryDark,
|
|
||||||
alpha: 0.8,
|
|
||||||
unlistedAreasAlpha: 0.1,
|
|
||||||
balloonText: '[[title]]: [[customData]] users'
|
|
||||||
},
|
|
||||||
|
|
||||||
legend: {
|
|
||||||
width: '100%',
|
|
||||||
marginRight: 27,
|
|
||||||
marginLeft: 27,
|
|
||||||
equalWidths: false,
|
|
||||||
backgroundAlpha: 0.5,
|
|
||||||
backgroundColor: '#FFFFFF',
|
|
||||||
borderColor: '#ffffff',
|
|
||||||
borderAlpha: 1,
|
|
||||||
top: 362,
|
|
||||||
left: 0,
|
|
||||||
horizontalGap: 10,
|
|
||||||
data: [
|
|
||||||
{
|
|
||||||
title: 'over 1 000 users',
|
|
||||||
color: layoutColors.primary
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '500 - 1 000 users',
|
|
||||||
color: layoutColors.successLight
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '100 - 500 users',
|
|
||||||
color: layoutColors.success
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '0 - 100 users',
|
|
||||||
color: layoutColors.danger
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
export: {
|
|
||||||
enabled: true
|
|
||||||
},
|
|
||||||
creditsPosition: 'bottom-right',
|
|
||||||
pathToImages: layoutPaths.images.amChart
|
|
||||||
};
|
|
||||||
|
|
||||||
getData() {
|
getData() {
|
||||||
return this._data;
|
var layoutColors = this._baConfig.get().colors;
|
||||||
|
|
||||||
|
return {
|
||||||
|
type: 'map',
|
||||||
|
theme: 'blur',
|
||||||
|
zoomControl: { zoomControlEnabled: false, panControlEnabled: false },
|
||||||
|
|
||||||
|
dataProvider: {
|
||||||
|
map: 'worldLow',
|
||||||
|
zoomLevel: 3.5,
|
||||||
|
zoomLongitude: 10,
|
||||||
|
zoomLatitude: 52,
|
||||||
|
areas: [
|
||||||
|
{ title: 'Austria', id: 'AT', color: layoutColors.primary, customData: '1 244', groupId: '1'},
|
||||||
|
{ title: 'Ireland', id: 'IE', color: layoutColors.primary, customData: '1 342', groupId: '1'},
|
||||||
|
{ title: 'Denmark', id: 'DK', color: layoutColors.primary, customData: '1 973', groupId: '1'},
|
||||||
|
{ title: 'Finland', id: 'FI', color: layoutColors.primary, customData: '1 573', groupId: '1'},
|
||||||
|
{ title: 'Sweden', id: 'SE', color: layoutColors.primary, customData: '1 084', groupId: '1'},
|
||||||
|
{ title: 'Great Britain', id: 'GB', color: layoutColors.primary, customData: '1 452', groupId: '1'},
|
||||||
|
{ title: 'Italy', id: 'IT', color: layoutColors.primary, customData: '1 321', groupId: '1'},
|
||||||
|
{ title: 'France', id: 'FR', color: layoutColors.primary, customData: '1 112', groupId: '1'},
|
||||||
|
{ title: 'Spain', id: 'ES', color: layoutColors.primary, customData: '1 865', groupId: '1'},
|
||||||
|
{ title: 'Greece', id: 'GR', color: layoutColors.primary, customData: '1 453', groupId: '1'},
|
||||||
|
{ title: 'Germany', id: 'DE', color: layoutColors.primary, customData: '1 957', groupId: '1'},
|
||||||
|
{ title: 'Belgium', id: 'BE', color: layoutColors.primary, customData: '1 011', groupId: '1'},
|
||||||
|
{ title: 'Luxembourg', id: 'LU', color: layoutColors.primary, customData: '1 011', groupId: '1'},
|
||||||
|
{ title: 'Netherlands', id: 'NL', color: layoutColors.primary, customData: '1 213', groupId: '1'},
|
||||||
|
{ title: 'Portugal', id: 'PT', color: layoutColors.primary, customData: '1 291', groupId: '1'},
|
||||||
|
{ title: 'Lithuania', id: 'LT', color: layoutColors.successLight, customData: '567', groupId: '2'},
|
||||||
|
{ title: 'Latvia', id: 'LV', color: layoutColors.successLight, customData: '589', groupId: '2'},
|
||||||
|
{ title: 'Czech Republic ', id: 'CZ', color: layoutColors.successLight, customData: '785', groupId: '2'},
|
||||||
|
{ title: 'Slovakia', id: 'SK', color: layoutColors.successLight, customData: '965', groupId: '2'},
|
||||||
|
{ title: 'Estonia', id: 'EE', color: layoutColors.successLight, customData: '685', groupId: '2'},
|
||||||
|
{ title: 'Hungary', id: 'HU', color: layoutColors.successLight, customData: '854', groupId: '2'},
|
||||||
|
{ title: 'Cyprus', id: 'CY', color: layoutColors.successLight, customData: '754', groupId: '2'},
|
||||||
|
{ title: 'Malta', id: 'MT', color: layoutColors.successLight, customData: '867', groupId: '2'},
|
||||||
|
{ title: 'Poland', id: 'PL', color: layoutColors.successLight, customData: '759', groupId: '2'},
|
||||||
|
{ title: 'Romania', id: 'RO', color: layoutColors.success, customData: '302', groupId: '3'},
|
||||||
|
{ title: 'Bulgaria', id: 'BG', color: layoutColors.success, customData: '102', groupId: '3'},
|
||||||
|
{ title: 'Slovenia', id: 'SI', color: layoutColors.danger, customData: '23', groupId: '4'},
|
||||||
|
{ title: 'Croatia', id: 'HR', color: layoutColors.danger, customData: '96', groupId: '4'}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
areasSettings: {
|
||||||
|
rollOverOutlineColor: layoutColors.border,
|
||||||
|
rollOverColor: layoutColors.primaryDark,
|
||||||
|
alpha: 0.8,
|
||||||
|
unlistedAreasAlpha: 0.2,
|
||||||
|
unlistedAreasColor: layoutColors.defaultText,
|
||||||
|
balloonText: '[[title]]: [[customData]] users'
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
legend: {
|
||||||
|
width: '100%',
|
||||||
|
marginRight: 27,
|
||||||
|
marginLeft: 27,
|
||||||
|
equalWidths: false,
|
||||||
|
backgroundAlpha: 0.3,
|
||||||
|
backgroundColor: layoutColors.border,
|
||||||
|
borderColor: layoutColors.border,
|
||||||
|
borderAlpha: 1,
|
||||||
|
top: 362,
|
||||||
|
left: 0,
|
||||||
|
horizontalGap: 10,
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
title: 'over 1 000 users',
|
||||||
|
color: layoutColors.primary
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '500 - 1 000 users',
|
||||||
|
color: layoutColors.successLight
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '100 - 500 users',
|
||||||
|
color: layoutColors.success
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '0 - 100 users',
|
||||||
|
color: layoutColors.danger
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
export: {
|
||||||
|
enabled: true
|
||||||
|
},
|
||||||
|
creditsPosition: 'bottom-right',
|
||||||
|
pathToImages: layoutPaths.images.amChart
|
||||||
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue