diff --git a/.eslintrc.js b/.eslintrc.js
index 67c085d6..b3a0b5d8 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -7,20 +7,20 @@ module.exports = {
sourceType: 'module'
},
env: {
- browser: true,
+ browser: true
},
// https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
extends: 'standard',
// required to lint *.vue files
- plugins: [
- 'html'
- ],
+ plugins: ['html'],
// add your custom rules here
- 'rules': {
+ rules: {
// allow paren-less arrow functions
'arrow-parens': 0,
// allow async-await
'generator-star-spacing': 0,
+ // disable space before func paren
+ 'space-before-function-paren': 0,
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
}
diff --git a/.gitignore b/.gitignore
index eb4b0483..0c97e27c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,4 +7,5 @@ test/unit/coverage
test/e2e/reports
selenium-debug.log
.netlify
-.*.dockerfile
\ No newline at end of file
+.*.dockerfile
+.vs
\ No newline at end of file
diff --git a/index.html b/index.html
index 4d76b93f..d452776c 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
-
+
@@ -30,6 +30,8 @@
+
+
diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index 49e15d72..aa775e1c 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -1,131 +1,11 @@
-
-
-
-
-
-
-
+
+
+
+
-
+
@@ -143,103 +23,83 @@
{{$route.name.toUpperCase()}}
-
+
-
-
+
+
-
-
diff --git a/src/components/layout/DashFooter.vue b/src/components/layout/DashFooter.vue
new file mode 100644
index 00000000..cb45f9a1
--- /dev/null
+++ b/src/components/layout/DashFooter.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
diff --git a/src/components/layout/DashHeader.vue b/src/components/layout/DashHeader.vue
new file mode 100644
index 00000000..8915bb94
--- /dev/null
+++ b/src/components/layout/DashHeader.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/layout/MessageItem.vue b/src/components/layout/MessageItem.vue
new file mode 100644
index 00000000..790c7c00
--- /dev/null
+++ b/src/components/layout/MessageItem.vue
@@ -0,0 +1,28 @@
+
+
+
+
+ {{message.title}}
+
+
+ {{message.createdAt}}
+
+
+ {{message.body}}
+
+
+
+
+
+
+
diff --git a/src/components/layout/MessagesMenu.vue b/src/components/layout/MessagesMenu.vue
new file mode 100644
index 00000000..b41c9d6a
--- /dev/null
+++ b/src/components/layout/MessagesMenu.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
diff --git a/src/components/layout/NotificationItem.vue b/src/components/layout/NotificationItem.vue
new file mode 100644
index 00000000..4546bdd4
--- /dev/null
+++ b/src/components/layout/NotificationItem.vue
@@ -0,0 +1,48 @@
+
+
+
+
+ {{ notification.title }}
+
+
+ {{ notification.createdAt }}
+
+
+ {{ notification.body }}
+
+
+
+
+
+
+
diff --git a/src/components/layout/NotificationsMenu.vue b/src/components/layout/NotificationsMenu.vue
new file mode 100644
index 00000000..0f7e80d6
--- /dev/null
+++ b/src/components/layout/NotificationsMenu.vue
@@ -0,0 +1,115 @@
+
+
+
+
+
+
+
diff --git a/src/components/Sidebar.vue b/src/components/layout/Sidebar.vue
similarity index 66%
rename from src/components/Sidebar.vue
rename to src/components/layout/Sidebar.vue
index 9fbdc509..d6829475 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/layout/Sidebar.vue
@@ -7,11 +7,11 @@
-
![]()
+
-
@@ -95,77 +81,41 @@
-
-
-
-
-
Inventory
-
5,200
-
-
-
- 50% Increase
-
-
-
-
+
+
-
-
-
-
-
Mentions
-
92,050
-
-
-
- 20% Increase
-
-
-
-
+
+
-
-
-
-
-
Downloads
-
114,381
-
-
-
- 70% Increase
-
-
-
-
+
+
-
-
-
-
-
Direct Messages
-
163,921
-
-
-
- 40% Increase
-
-
-
-
+
+
@@ -174,8 +124,17 @@
diff --git a/src/components/widgets/InfoBox.vue b/src/components/widgets/InfoBox.vue
new file mode 100644
index 00000000..0c8c7f29
--- /dev/null
+++ b/src/components/widgets/InfoBox.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ {{text}}
+ {{number}}
+
+
+
+
+
diff --git a/src/components/widgets/ProcessInfoBox.vue b/src/components/widgets/ProcessInfoBox.vue
new file mode 100644
index 00000000..342ecf2f
--- /dev/null
+++ b/src/components/widgets/ProcessInfoBox.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
{{text}}
+
{{number}}
+
+
{{description}}
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
index 6d182bc2..793ff718 100644
--- a/src/main.js
+++ b/src/main.js
@@ -28,14 +28,17 @@ var router = new VueRouter({
routes: routes,
mode: 'history',
linkExactActiveClass: 'active',
- scrollBehavior: function (to, from, savedPosition) {
+ scrollBehavior: function(to, from, savedPosition) {
return savedPosition || { x: 0, y: 0 }
}
})
// Some middleware to help us ensure the user is authenticated.
router.beforeEach((to, from, next) => {
- if (to.matched.some(record => record.meta.requiresAuth) && (!router.app.$store.state.token || router.app.$store.state.token === 'null')) {
+ if (
+ to.matched.some(record => record.meta.requiresAuth) &&
+ (!router.app.$store.state.token || router.app.$store.state.token === 'null')
+ ) {
// this route requires auth, check if logged in
// if not, redirect to login page.
window.console.log('Not authenticated')
@@ -69,3 +72,7 @@ new Vue({
store: store,
render: h => h(AppView)
})
+
+// change this. demo
+window.bugsnagClient = window.bugsnag('02fe1c2caaf5874c50b6ee19534f5932')
+window.bugsnagClient.use(window.bugsnag__vue(Vue))
diff --git a/src/store/state.js b/src/store/state.js
index a9f1170f..317896da 100644
--- a/src/store/state.js
+++ b/src/store/state.js
@@ -5,8 +5,51 @@ export default {
user: null,
token: null,
userInfo: {
- messages: [{1: 'test', 2: 'test'}],
- notifications: [],
+ messages: [
+ {
+ id: 1,
+ title: 'Support Team',
+ body: 'Why not consider this a test message?',
+ createdAt: '17 min ago'
+ }
+ ],
+ notifications: [
+ {
+ id: 1,
+ title: 'Birthday Reminder',
+ body: 'Today is Brians birthday.',
+ createdAt: 'just now',
+ readAt: null
+ },
+ {
+ id: 2,
+ title: 'Bank Holiday in London',
+ body: 'Our office in London has a bank holiday today. Do not expect them to answer the phone.',
+ createdAt: '4 hours ago',
+ readAt: null
+ },
+ {
+ id: 3,
+ title: 'Birthday Reminder',
+ body: 'Today is Christians birthday.',
+ createdAt: '27 days ago',
+ readAt: '2018-08-12 00:00:00'
+ },
+ {
+ id: 4,
+ title: 'Birthday Reminder',
+ body: 'Today is Tanjas birthday.',
+ createdAt: '29 days ago',
+ readAt: '2018-08-12 00:00:00'
+ },
+ {
+ id: 5,
+ title: 'Sales Bonus received',
+ body: 'You received your monthly sales bonus of 3%. This month you made $2,700 extra!',
+ createdAt: '7 hours ago',
+ readAt: null
+ }
+ ],
tasks: []
}
}