added missing files

helpers/passives/client/ui/templates/mode/mode.js

@@ -0,0 +1,30 @@
+define([
+	'html!./template',
+	'css!./styles',
+	'js/generator'
+], function (
+	template,
+	styles,
+	generator
+) {
+	return {
+		tpl: template,
+
+		loaded: null,
+
+		postRender: function () {
+			this.on('.btn', 'click', this.events.onChangeMode.bind(this));
+		},
+
+		events: {
+			onChangeMode: function (event, e) {
+				var el = $(e.currentTarget);
+				this.find('.active').removeClass('active');
+				el.addClass('active');
+
+				var mode = el.attr('mode');
+				generator.setMode(mode);
+			}
+		}
+	}
+});

helpers/passives/client/ui/templates/mode/styles.css

@@ -0,0 +1 @@
+.q0{color:#f2f5f5}.q1{color:#3fa7dd}.q2{color:#ffeb38}.q3{color:#a24eff}.q4{color:#ff6942}.color-red{color:#d43346}.color-green{color:#80f643}.uiMode{position:absolute;left:10px;top:10px;padding:10px;width:120px;background-color:#373041;text-align:center}.uiMode .heading{color:#f2f5f5;margin-bottom:15px}.uiMode input{border:none;outline:none;width:calc(100% - 10px);height:20px;padding:5px;display:box}.uiMode .btn{float:left;width:100%;color:#f2f5f5;background-color:#3fa7dd;padding:5px;box-sizing:border-box;cursor:pointer}.uiMode .btn:not(:last-child){margin-bottom:15px}.uiMode .btn:hover,.uiMode .btn.active{background-color:#51fc9a;color:#3c3f4c}.uiMode .btn:nth-child(3){clear:both}

helpers/passives/client/ui/templates/mode/styles.less

@@ -0,0 +1,48 @@
+@import "../../../css/ui.less";
+
+.uiMode {
+	position: absolute;
+	left: 10px;
+	top: 10px;
+	padding: 10px;
+	width: 120px;
+	background-color: @blackC;
+	text-align: center;
+
+	.heading {
+		color: @white;
+		margin-bottom: 15px;
+	}
+
+	input {
+		border: none;
+		outline: none;
+		width: calc(100% - 10px);
+		height: 20px;
+		padding: 5px;
+		display: box;
+	}
+
+	.btn {
+		float: left;
+		width: 100%;
+		color: @white;
+		background-color: @blueB;
+		padding: 5px;
+		box-sizing: border-box;
+		cursor: pointer;
+
+		&:not(:last-child) {
+			margin-bottom: 15px;
+		}
+
+		&:hover, &.active {
+			background-color: @tealB;
+			color: @blackB;
+		}
+
+		&:nth-child(3) {
+			clear: both;
+		}
+	}
+}

helpers/passives/client/ui/templates/mode/template.html

@@ -0,0 +1,11 @@
+<div class="uiMode">
+	<div class="heading">
+		<div class="heading-text">Mode</div>
+	</div>
+	<div class="content">
+		<div class="btn btnNone active" mode="none">None</div>
+		<div class="btn btnPlace" mode="place">Place</div>
+		<div class="btn btnSelect" mode="select">Move</div>
+		<div class="btn btnLink" mode="link">Link</div>
+	</div>
+</div>