Added a skip button to the new user experience

This commit is contained in:
Stefan Zermatten
2019-05-06 14:51:58 +02:00
parent 81a3ede86e
commit 85e3b0724a
2 changed files with 16 additions and 1 deletions

View File

@@ -4,19 +4,30 @@
<p>
To get started, add a feature
</p>
<div class="layout vertical end">
<paper-button class="skip-button" style="color: #d13b2e">Skip</paper-button>
</div>
</paper-step>
<paper-step id="step1" label="Add an effect">
<p>
Add a racial effect to set your speed
</p>
<div class="layout vertical end">
<paper-button class="skip-button" style="color: #d13b2e">Skip</paper-button>
</div>
</paper-step>
<paper-step id="step2" label="See the effect in action">
<p>
View your speed stat
</p>
<div class="layout vertical end">
<paper-button class="skip-button" style="color: #d13b2e">Skip</paper-button>
</div>
</paper-step>
<paper-step id="step3" label="Finish">
Done! If you get stuck, be sure to check out the <a href="/guide">guide</a>, or ask for help using the feedback form
<p>
Done! If you get stuck, be sure to check out the <a href="/guide">guide</a>, or ask for help using the feedback form
</p>
<div class="layout vertical end">
<paper-button class="done-button" style="color: #d13b2e">Finish</paper-button>
</div>

View File

@@ -46,6 +46,10 @@ Template.newUserStepper.events({
const stepper = instance.find("paper-stepper");
stepper.continue();
},
"click .skip-button": function(event, instance){
const stepper = instance.find("paper-stepper");
stepper.continue();
},
});
Template.stats.events({