Added basic onboarding steps

rpg-docs/client/views/character/features/featureDialog/featureDialog.html

@@ -42,9 +42,20 @@
 </template>
 
 <template name="featureEdit">
+	{{#if showNewUserExperience}}
+		{{# infoBox}}
+			<p>
+				Features represent all the permanent things your character can do.
+			</p><p>
+				A feature can change a character's stats with effects,
+				or give the character proficiencies, attacks, and buffs.
+			</p><p>
+				Give the feature a name, and close it to continue.
+			</p>
+		{{/infoBox}}
+	{{/if}}
 	<!--name-->
 	<paper-input id="featureNameInput" class="fullwidth" label="Name" value={{name}}></paper-input>
-
 	<div class="layout horizontal center wrap justified">
 		<paper-dropdown-menu class=flex label="Enable Feature" style="flex-basis: 150px; max-width: 200px;">
 			<dicecloud-selector selected={{enabledSelection}} class="dropdown-content enabled-dropdown">

rpg-docs/client/views/character/features/featureDialog/featureDialog.js

@@ -47,6 +47,9 @@ Template.featureDetails.events({
 });
 
 Template.featureEdit.helpers({
+	showNewUserExperience: function(){
+		return Session.get("newUserExperienceStep") === 0;
+	},
 	usesSet: function(){
 		return _.isString(this.uses);
 	},

rpg-docs/client/views/character/features/features.html

@@ -102,7 +102,7 @@
 		</div>
 		{{#if canEditCharacter _id}}
 			<paper-fab id="addFeature"
-					   class="floatyButton"
+					   class="floatyButton {{#if shouldFloatyButtonBounce}}bounce{{/if}}"
 					   icon="add">
 		   		<paper-tooltip position="left">Add Feature</paper-tooltip>
 		  	</paper-fab>

rpg-docs/client/views/character/features/features.js

@@ -59,6 +59,10 @@ Template.features.helpers({
 	hasCharacters: function(string){
 		return string && string.match(/\S/);
 	},
+	shouldFloatyButtonBounce: function(){
+		const step = Session.get("newUserExperienceStep");
+		return step === 0 && Features.find({charId: this._id}).count() <= 1;
+	},
 });
 
 Template.features.events({