diff --git a/src/package.json b/src/package.json --- a/src/package.json +++ b/src/package.json @@ -17,6 +17,11 @@ "cross-env": "^5.1", "eslint": "^6.8.0", "eslint-plugin-vue": "^6.1.1", + "@fortawesome/fontawesome-svg-core": "^1.2.27", + "@fortawesome/free-brands-svg-icons": "^5.12.1", + "@fortawesome/free-regular-svg-icons": "^5.12.1", + "@fortawesome/free-solid-svg-icons": "^5.12.1", + "@fortawesome/vue-fontawesome": "^0.1.9", "jquery": "^3.4.1", "laravel-mix": "^4.0.7", "lodash": "^4.17.13", diff --git a/src/resources/js/app.js b/src/resources/js/app.js --- a/src/resources/js/app.js +++ b/src/resources/js/app.js @@ -14,6 +14,23 @@ import store from '../vue/js/store' import VueToastr from '@deveodk/vue-toastr' +import { library } from '@fortawesome/fontawesome-svg-core' +import { faCheck, faGlobe, faSyncAlt, faUser, faUserCog, faUsers } from '@fortawesome/free-solid-svg-icons' +//import { faComment } from '@fortawesome/free-regular-svg-icons' +//import { faTwitter } from '@fortawesome/free-brands-svg-icons' +import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome' + +library.add( + faCheck, + faGlobe, + faSyncAlt, + faUser, + faUserCog, + faUsers +) + +Vue.component('svg-icon', FontAwesomeIcon) + // Add a response interceptor for general/validation error handler // This have to be before Vue and Router setup. Otherwise we would // not be able to handle axios responses initiated from inside diff --git a/src/resources/sass/app.scss b/src/resources/sass/app.scss --- a/src/resources/sass/app.scss +++ b/src/resources/sass/app.scss @@ -102,3 +102,21 @@ } } } + +#dashboard-nav { + display: flex; + justify-content: center; + + & > a { + padding: 1rem; + text-align: center; + white-space: nowrap; + margin: .5rem; + text-decoration: none; + } + + svg { + width: 6rem; + height: 6rem; + } +} diff --git a/src/resources/vue/components/Dashboard.vue b/src/resources/vue/components/Dashboard.vue --- a/src/resources/vue/components/Dashboard.vue +++ b/src/resources/vue/components/Dashboard.vue @@ -14,12 +14,18 @@ -
-Here's a sample zone file for your domain:
{{ domain.dns.join("\n") }}- +