This commit is contained in:
2020-10-05 23:29:24 +00:00
parent f896c6ef65
commit d7ac6a3bf7
14 changed files with 107 additions and 27 deletions

View File

@@ -12,23 +12,31 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
Vue.component("font-awesome-icon", FontAwesomeIcon); // Register component globally
import {
faAddressBook,
faAddressCard,
faBars,
faBell,
faBullhorn,
faBusinessTime,
faCalendarAlt,
faCalendarCheck,
faCalendarDay,
faCaretDown,
faChevronDown,
faChild,
faDiceD20,
faEllipsisV,
faEye,
faEyeSlash,
faFan,
faFileContract,
faHistory,
faHome,
faInbox,
faInfoCircle,
faKey,
faPencilAlt,
faPlug,
faQuestionCircle,
faSearch,
faSignInAlt,
@@ -38,31 +46,41 @@ import {
faStickyNote,
faTachometerAlt,
faTicketAlt,
faToolbox,
faTools,
faUser,
faUserCog
faUserCog,
faUsers
} from "@fortawesome/free-solid-svg-icons";
//import { faUserCircle as farUserCircle } from "@fortawesome/free-regular-svg-icons";
Vue.component("font-awesome-icon", FontAwesomeIcon);
library.add(
faAddressBook,
faAddressCard,
faBars,
faBell,
faBullhorn,
faBusinessTime,
faCalendarAlt,
faCalendarCheck,
faCalendarDay,
faCaretDown,
faChevronDown,
faChild,
faDiceD20,
faEllipsisV,
faEye,
faEyeSlash,
faFan,
faFileContract,
faHistory,
faHome,
faInbox,
faInfoCircle,
faKey,
faPencilAlt,
faPlug,
faQuestionCircle,
faSearch,
faSignInAlt,
@@ -72,12 +90,20 @@ library.add(
faStickyNote,
faTachometerAlt,
faTicketAlt,
faToolbox,
faTools,
faUser,
faUserCog
faUserCog,
faUsers
);
const CUSTOM_ICONS = {
ayiAddressBook: {
component: FontAwesomeIcon,
props: {
icon: ["fas", "address-book"]
}
},
ayiAddressCard: {
component: FontAwesomeIcon,
props: {
@@ -96,6 +122,18 @@ const CUSTOM_ICONS = {
icon: ["fas", "bullhorn"]
}
},
ayiBusinessTime: {
component: FontAwesomeIcon,
props: {
icon: ["fas", "business-time"]
}
},
ayiCalendarAlt: {
component: FontAwesomeIcon,
props: {
icon: ["fas", "calendar-alt"]
}
},
ayiCalendarCheck: {
component: FontAwesomeIcon,
props: {
@@ -120,6 +158,12 @@ const CUSTOM_ICONS = {
icon: ["fas", "sliders-h"]
}
},
ayiDiceD20: {
component: FontAwesomeIcon,
props: {
icon: ["fas", "dice-d20"]
}
},
ayiEye: {
component: FontAwesomeIcon,
props: {
@@ -138,6 +182,18 @@ const CUSTOM_ICONS = {
icon: ["fas", "ellipsis-v"]
}
},
ayiFan: {
component: FontAwesomeIcon,
props: {
icon: ["fas", "fan"]
}
},
ayiFileContract: {
component: FontAwesomeIcon,
props: {
icon: ["fas", "file-contract"]
}
},
ayiHistory: {
component: FontAwesomeIcon,
props: {
@@ -168,6 +224,18 @@ const CUSTOM_ICONS = {
icon: ["fas", "key"]
}
},
ayiPencilAlt: {
component: FontAwesomeIcon,
props: {
icon: ["fas", "pencil-alt"]
}
},
ayiPlug: {
component: FontAwesomeIcon,
props: {
icon: ["fas", "plug"]
}
},
ayiQuestionCircle: {
component: FontAwesomeIcon,
props: {
@@ -216,6 +284,12 @@ const CUSTOM_ICONS = {
icon: ["fas", "ticket-alt"]
}
},
ayiToolbox: {
component: FontAwesomeIcon,
props: {
icon: ["fas", "toolbox"]
}
},
ayiTools: {
component: FontAwesomeIcon,
props: {
@@ -234,6 +308,12 @@ const CUSTOM_ICONS = {
icon: ["fas", "user-cog"]
}
},
ayiUsers: {
component: FontAwesomeIcon,
props: {
icon: ["fas", "users"]
}
},
//VUETIFY REQUIRED ONES
//https://vuetifyjs.com/en/features/icons/#using-custom-icons
dropdown: {