fix icons, and add support for fontawesome svg icons

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
This commit is contained in:
Rohit Yadav 2019-07-06 02:09:44 +05:30
parent bf6dd15a39
commit fd30a881de
2 changed files with 22 additions and 14 deletions

View File

@ -28,7 +28,7 @@ export const asyncRouterMap = [
{
path: '/vm',
name: 'vm',
meta: { title: 'Instances', keepAlive: true, icon: 'laptop', permission: [ 'listVirtualMachinesMetrics', 'listVirtualMachines' ] },
meta: { title: 'Instances', keepAlive: true, icon: 'desktop', permission: [ 'listVirtualMachinesMetrics', 'listVirtualMachines' ] },
component: () => import('@/components/CloudMonkey/Resource.vue'),
hideChildrenInMenu: true,
children: [
@ -69,7 +69,7 @@ export const asyncRouterMap = [
{
path: '/affinitygroups',
name: 'affinitygroups',
meta: { title: 'Affinity Groups', icon: 'rocket', permission: [ 'listAffinityGroups' ] },
meta: { title: 'Affinity Groups', icon: 'swap', permission: [ 'listAffinityGroups' ] },
component: () => import('@/components/CloudMonkey/Resource.vue'),
hideChildrenInMenu: true,
children: [
@ -169,7 +169,7 @@ export const asyncRouterMap = [
{
path: '/securitygroups',
name: 'securitygroups',
meta: { title: 'Security Groups', icon: 'compass', permission: [ 'listSecurityGroups' ] },
meta: { title: 'Security Groups', icon: 'fire', permission: [ 'listSecurityGroups' ] },
component: () => import('@/components/CloudMonkey/Resource.vue'),
hideChildrenInMenu: true,
children: [
@ -258,7 +258,7 @@ export const asyncRouterMap = [
{
path: '/events',
name: 'events',
meta: { title: 'Events', icon: 'bars', permission: [ 'listEvents' ] },
meta: { title: 'Events', icon: 'schedule', permission: [ 'listEvents' ] },
component: () => import('@/components/CloudMonkey/Resource.vue'),
hideChildrenInMenu: true,
children: [
@ -271,7 +271,7 @@ export const asyncRouterMap = [
{
path: '/alerts',
name: 'alerts',
meta: { title: 'Alerts', icon: 'sound', permission: [ 'listAlerts' ] },
meta: { title: 'Alerts', icon: 'flag', permission: [ 'listAlerts' ] },
component: () => import('@/components/CloudMonkey/Resource.vue'),
hideChildrenInMenu: true,
children: [
@ -286,9 +286,9 @@ export const asyncRouterMap = [
// org
{
path: '/manage',
name: 'manage',
meta: { title: 'Manage', keepAlive: true, icon: 'solution', permission: [ 'listAccounts' ] },
path: '/iam',
name: 'iam',
meta: { title: 'Identity and Access', keepAlive: true, icon: 'solution', permission: [ 'listAccounts' ] },
component: RouteView,
redirect: '/account',
children: [
@ -353,7 +353,7 @@ export const asyncRouterMap = [
{
path: '/infra',
name: 'infra',
meta: { title: 'Infrastructure', keepAlive: true, icon: 'appstore', permission: [ 'listInfrastructure' ] },
meta: { title: 'Infrastructure', keepAlive: true, icon: 'folder-open', permission: [ 'listInfrastructure' ] },
component: RouteView,
redirect: '/zone',
children: [
@ -373,7 +373,7 @@ export const asyncRouterMap = [
{
path: '/pod',
name: 'pod',
meta: { title: 'Pods', icon: 'hdd', permission: [ 'listPods' ] },
meta: { title: 'Pods', icon: 'appstore', permission: [ 'listPods' ] },
component: () => import('@/components/CloudMonkey/Resource.vue'),
hideChildrenInMenu: true,
children: [
@ -412,7 +412,7 @@ export const asyncRouterMap = [
{
path: '/primarystorage',
name: 'primarystorage',
meta: { title: 'Primary Storage', icon: 'gold', permission: [ 'listStoragePoolsMetrics', 'listStoragePools' ] },
meta: { title: 'Primary Storage', icon: 'database', permission: [ 'listStoragePoolsMetrics', 'listStoragePools' ] },
component: () => import('@/components/CloudMonkey/Resource.vue'),
hideChildrenInMenu: true,
children: [
@ -425,7 +425,7 @@ export const asyncRouterMap = [
{
path: '/secondarystorage',
name: 'secondarystorage',
meta: { title: 'Secondary Storage', icon: 'switcher', permission: [ 'listImageStores' ] },
meta: { title: 'Secondary Storage', icon: 'picture', permission: [ 'listImageStores' ] },
component: () => import('@/components/CloudMonkey/Resource.vue'),
hideChildrenInMenu: true,
children: [
@ -474,7 +474,7 @@ export const asyncRouterMap = [
{
path: '/offering',
name: 'Offerings',
meta: { title: 'Offerings', keepAlive: true, icon: 'layout', permission: [ 'listServiceOfferings' ] },
meta: { title: 'Offerings', keepAlive: true, icon: 'shopping', permission: [ 'listServiceOfferings' ] },
component: RouteView,
redirect: '/computeoffering',
children: [
@ -494,7 +494,7 @@ export const asyncRouterMap = [
{
path: '/diskoffering',
name: 'diskoffering',
meta: { title: 'Disk Offerings', icon: 'save', permission: [ 'listDiskOfferings' ] },
meta: { title: 'Disk Offerings', icon: 'hdd', permission: [ 'listDiskOfferings' ] },
component: () => import('@/components/CloudMonkey/Resource.vue'),
hideChildrenInMenu: true,
children: [

View File

@ -7,11 +7,19 @@ import { VueAxios } from './utils/request'
import Spin from 'ant-design-vue/es/spin/Spin'
import { library } from '@fortawesome/fontawesome-svg-core'
import { fab } from '@fortawesome/free-brands-svg-icons'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { far } from '@fortawesome/free-regular-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import bootstrap from './core/bootstrap'
import './core/use'
import './permission' // permission control
import './utils/filter' // global filter
library.add(fab, far, fas)
Vue.component('font-awesome-icon', FontAwesomeIcon)
Vue.config.productionTip = false
Vue.use(VueAxios, router, VueCookies)