Moved views out of private folder

rpg-docs/client/views/user/profile/profile.html

@@ -0,0 +1,22 @@
+<template name="profile">
+	{{#with currentUser}}
+		<app-toolbar class="blue-grey white-text">
+			<paper-icon-button icon="menu" drawer-toggle></paper-icon-button>
+			<div id="username" class="clickable" flex>
+				{{profileName}}
+			</div>
+		</app-toolbar>
+		<div id="userProfile" class="padded">
+			<div>
+				<h2>Email</h2>
+				{{#each emails}}
+					<div layout horizontal>
+						<p>{{address}}</p>
+					</div>
+				{{/each}}
+			</div>
+		</div>
+		{{> atForm}}
+		{{> atNavButton }}
+	{{/with}}
+</template>

rpg-docs/client/views/user/profile/profile.js

@@ -0,0 +1,28 @@
+Template.profile.helpers({
+	profileName: function() {
+		var user = Meteor.user();
+		return user.profile && user.profile.username ||
+			user.username ||
+			"Tap to set username";
+	}
+});
+
+Template.profile.events({
+	"tap #username": function(){
+		if (this._id === Meteor.userId()){
+			GlobalUI.showDialog({
+				heading: "Change Username",
+				template: "usernameDialog",
+			});
+		}
+	},
+	"tap #verifyEmail": function(event, instance){
+		if (!Meteor.user()) return;
+		Accounts.sendVerificationEmail(Meteor.userId(), this.address);
+		GlobalUI.toast({
+			text: "Email verification sent to " + this.address,
+			template: "",
+			data: {},
+		});
+	},
+});

rpg-docs/client/views/user/profile/usernameDialog.html

@@ -0,0 +1,8 @@
+<template name="usernameDialog">
+	<div>
+		<paper-input id="usernameInput" label="Username" value={{profileName}}></paper-input>
+	</div>
+	<div style="color: red;" class="vertMargin">{{errorMessage}}</div>
+	<paper-button id="cancelButton" affirmative>    Cancel          </paper-button>
+	<paper-button id="changeButton" disabled={{invalid}} affirmative> Change Username </paper-button>
+</template>

rpg-docs/client/views/user/profile/usernameDialog.js

@@ -0,0 +1,49 @@
+var getUsername = function() {
+	var user = Meteor.user();
+	return user.profile && user.profile.username || user.username;
+};
+
+Template.usernameDialog.onCreated(function() {
+	this.errorMessage = new ReactiveVar("");
+	this.username = new ReactiveVar(getUsername());
+});
+
+Template.usernameDialog.helpers({
+	profileName: function() {
+		return getUsername();
+	},
+	invalid: function() {
+		return !!Template.instance().errorMessage.get();
+	},
+	errorMessage: function() {
+		return Template.instance().errorMessage.get();
+	},
+});
+
+Template.usernameDialog.events({
+	"change #usernameInput, input #usernameInput": function(event, instance) {
+		var username = instance.find("#usernameInput").value;
+		username = username.trim().toLowerCase().replace(/\s+/gm, "");
+		if (username.length < 3){
+			instance.errorMessage.set("Username too short");
+		} else {
+			instance.errorMessage.set("Validating...");
+			Meteor.call("getUserId", username, function(err, userId){
+				if (userId && userId !== Meteor.userId())
+					instance.errorMessage.set("This username is taken");
+				else
+					instance.errorMessage.set("");
+			});
+		}
+	},
+	"tap #changeButton": function(event, instance){
+		var username = instance.find("#usernameInput").value;
+		username = username.trim().replace(/\s+/gm, " ");
+		var profileName = username;
+		username = username.toLowerCase().replace(/\s+/gm, "");
+		Meteor.users.update(
+			Meteor.userId(),
+			{$set: {username: username, "profile.username": profileName}}
+		);
+	},
+});