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 @@ -

- Your profile - Domains - User accounts -

-
+
+ + Your profile + + + Domains + + + User accounts + +
+
Dashboard
diff --git a/src/resources/vue/components/Domain/Info.vue b/src/resources/vue/components/Domain/Info.vue --- a/src/resources/vue/components/Domain/Info.vue +++ b/src/resources/vue/components/Domain/Info.vue @@ -15,7 +15,7 @@

Here's a sample zone file for your domain:

{{ domain.dns.join("\n") }}

- +
diff --git a/src/resources/vue/components/PasswordReset.vue b/src/resources/vue/components/PasswordReset.vue --- a/src/resources/vue/components/PasswordReset.vue +++ b/src/resources/vue/components/PasswordReset.vue @@ -11,7 +11,7 @@
- + @@ -29,7 +29,7 @@ - + @@ -50,7 +50,7 @@ - + diff --git a/src/resources/vue/components/Signup.vue b/src/resources/vue/components/Signup.vue --- a/src/resources/vue/components/Signup.vue +++ b/src/resources/vue/components/Signup.vue @@ -26,7 +26,7 @@ - + @@ -44,7 +44,7 @@ - + @@ -77,7 +77,7 @@ - + diff --git a/src/resources/vue/components/User/Info.vue b/src/resources/vue/components/User/Info.vue --- a/src/resources/vue/components/User/Info.vue +++ b/src/resources/vue/components/User/Info.vue @@ -42,7 +42,7 @@ - + diff --git a/src/resources/vue/components/User/List.vue b/src/resources/vue/components/User/List.vue --- a/src/resources/vue/components/User/List.vue +++ b/src/resources/vue/components/User/List.vue @@ -4,7 +4,9 @@
User Accounts
- Create user + + Create user + diff --git a/src/resources/vue/components/User/Profile.vue b/src/resources/vue/components/User/Profile.vue --- a/src/resources/vue/components/User/Profile.vue +++ b/src/resources/vue/components/User/Profile.vue @@ -56,7 +56,7 @@ - + diff --git a/src/tests/Browser/Pages/Dashboard.php b/src/tests/Browser/Pages/Dashboard.php --- a/src/tests/Browser/Pages/Dashboard.php +++ b/src/tests/Browser/Pages/Dashboard.php @@ -27,7 +27,7 @@ { $browser->assertPathIs('/dashboard') ->waitUntilMissing('@app .app-loader') - ->assertSee('Dashboard'); + ->assertVisible('@links'); } /**