Moved views out of private folder

rpg-docs/client/views/paperTemplates/fabMenu/fabMenu.html

@@ -0,0 +1,8 @@
+<template name="fabMenu">
+	<paper-fab class="floatyButton expand-menu {{#if active}}active{{/if}}" 
+			   icon="add"></paper-fab>
+	<div class="{{#if active}}active{{/if}} mini-holder"
+		 layout vertical center>
+		{{> UI.contentBlock}}
+	</div>
+</template>

rpg-docs/client/views/paperTemplates/fabMenu/fabMenu.js

@@ -0,0 +1,18 @@
+Template.fabMenu.onCreated(function() {
+	this.active = new ReactiveVar(false);
+});
+
+Template.fabMenu.helpers({
+	active: function() {
+		return Template.instance().active.get();
+	},
+});
+
+Template.fabMenu.events({
+	"tap .expand-menu": function(event, instance) {
+		instance.active.set(!instance.active.get());
+	},
+	"tap .mini-holder paper-fab": function(event, instance) {
+		instance.active.set(false);
+	},
+});

rpg-docs/client/views/paperTemplates/fabMenu/fabMenu.scss

@@ -0,0 +1,43 @@
+.mini-holder {
+	position: absolute;
+	padding: 4px;
+	bottom: 80px;
+	right: 24px;
+	width: 56px;
+	pointer-events: none;
+	flex-direction: column-reverse !important;
+	core-tooltip{
+		transform: scale(0);
+		transition-property: transform;
+		transition-duration: 0.3s;
+		transition-timing-function: ease-in-out;
+		margin: 4px;
+	}
+	&.active {
+		pointer-events: auto;
+		core-tooltip{
+			transform: scale(1);
+		}
+		core-tooltip:nth-child(2){
+			transition-delay: 0.1s;
+		}
+		core-tooltip:nth-child(3){
+			transition-delay: 0.2s;
+		}
+		core-tooltip:nth-child(4){
+			transition-delay: 0.3s;
+		}
+		core-tooltip:nth-child(5){
+			transition-delay: 0.4s;
+		}
+	}
+}
+
+.expand-menu {
+	&::shadow iron-icon {
+		transition: transform 0.3s ease-in-out;
+	}
+	&.active::shadow iron-icon{
+		transform: rotate(405deg);
+	}
+}