Verified Commit 797b5daa authored by Frauke's avatar Frauke

Updated customise message and scroll to navigation

parent c6eaf289
......@@ -8,6 +8,7 @@
<script>
import messages from '~/mixins/messages'
const VueScrollTo = require('vue-scrollto');
export default {
mixins: [messages],
......@@ -26,7 +27,16 @@
nextName = 'PASSWORD'
break
case 'CUSTOMISE' :
nextName = 'DOMAIN_STATUS'
//nextName = 'DOMAIN_STATUS'
var cancelScroll = VueScrollTo.scrollTo(document.querySelector('.nav'), 500, {
easing: 'ease-in',
offset: -60,
onDone: function(element) {
// scrolling is done, show tooltip
console.log('show')
}
})
this.$store.commit('storeCustomise', true)
break
}
if (nextName) {
......@@ -38,4 +48,4 @@
}
}
}
</script>
\ No newline at end of file
</script>
......@@ -122,10 +122,10 @@
"CUSTOMISE": {
"name" : "CUSTOMISE",
"type" : "CUSTOMISE",
"msg": "<strong>OK,</strong> to customise your site, navigate to the settings page. <br>When you're ready, we can proceed here.<br><br>Ready?",
"msg": "<strong>Now, let’s customise your site.</strong> When you’re ready, I’ll scroll you to the top and show you the Settings page. There, you can set your name and bio, a profile image, and a background image or colour to make your site truly your own.",
"response": {
"msg": "Yes",
"button": "Yes"
"msg": "Ready",
"button": "Ready"
}
},
"DOMAIN_STATUS": {
......
......@@ -122,10 +122,10 @@
"CUSTOMISE": {
"name" : "CUSTOMISE",
"type" : "CUSTOMISE",
"msg": "<strong>OK,</strong> ga via de navigatiebalk naar de instellingen. <br> Als je klaar bent kunnen we hier verder gaan. <br><br>Klaar?",
"msg": "<strong>Laten we nu je site aanpassen</strong>. Als je klaar bent, scrol ik je naar boven en zie je de pagina instellingen. Daar daar kan je jouw naam en bio, een profielafbeelding en een achtergrondafbeelding of -kleur instellen om uw site echt van jezelf te maken.",
"response": {
"msg": "Ja",
"button": "Ja"
"msg": "Klaar",
"button": "Klaar"
}
},
"DOMAIN_STATUS": {
......
......@@ -31,7 +31,8 @@ const createStore = () => {
profileImage: null,
profileImageMetadata: null
},
domainStatus: null
domainStatus: null,
customise: false
},
mutations
})
......
......@@ -63,6 +63,9 @@ const mutations = {
if (state.info.color) {
setColor(state.info.color.rgba.r, state.info.color.rgba.g, state.info.color.rgba.b)
}
},
storeCustomise (state, customise) {
state.customise = customise
}
}
......
......@@ -1647,6 +1647,12 @@
"tweetnacl": "0.14.5"
}
},
"bezier-easing": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/bezier-easing/-/bezier-easing-2.0.3.tgz",
"integrity": "sha1-y0k/3bf4kg7MoAlzNEzgUYiF8X4=",
"dev": true
},
"bfj-node4": {
"version": "5.3.1",
"resolved": "https://registry.npmjs.org/bfj-node4/-/bfj-node4-5.3.1.tgz",
......@@ -17532,6 +17538,15 @@
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.1.tgz",
"integrity": "sha512-vLLoY452L+JBpALMP5UHum9+7nzR9PeIBCghU9ZtJ1eWm6ieUI8Zb/DI3MYxH32bxkjzYV1LRjNv4qr8d+uX/w=="
},
"vue-scrollto": {
"version": "2.11.0",
"resolved": "https://registry.npmjs.org/vue-scrollto/-/vue-scrollto-2.11.0.tgz",
"integrity": "sha512-kNR7YHjtJQyoIh5rdRjQw+Abk03DPhwKy8KXYlXmzbLn+0R5Oye//ktylK8un+CuhzUbt51HIHSQvZr7lFRK1A==",
"dev": true,
"requires": {
"bezier-easing": "2.0.3"
}
},
"vue-server-renderer": {
"version": "2.5.16",
"resolved": "https://registry.npmjs.org/vue-server-renderer/-/vue-server-renderer-2.5.16.tgz",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment