Adding editor settigns view

views/editor-settings.html

@@ -23,13 +23,13 @@
 
 <form>
 	<label> Font size
-		<input type="number">
+		<input name="font" id="font-size" type="number">
 	</label>
-	<label Font
-		<input type="dropdown">
-	</label>
-	<label Theme
-		<select>
+	<label>Theme
+		<select id="theme" name="theme">
+			<option value="default">
+        default
+			</option>	
 			<option value="xq">
         xq
 			</option>	
@@ -77,23 +77,41 @@
 			</option>	
 		</select>
 	</label>
+	<label> Use tabs
+		<select id="indentWithTabs">
+			<option value="1">
+				Tabs
+			</option>
+			<option value="0">
+				Spaces
+			</option>
+		</select>
+	</label>
 	<label> Tab size
-		<input type="number">
+		<input id="tabSize" name="tabSize" min="1" type="number">
 	</label>
 	<label> Wrap lines
-		<input type="checkbox">
+		<input id="lineWrapping" name="lineWrapping" type="checkbox">
 	</label>
 	<label> VIM mode
-		<input type="checkbox">
+		<input id="vimMode" name="vimMode" type="checkbox">
 	</label>
+	<input type="hidden" id="_csrf" name="_csrf" value="{{token}}">
 </form>
 
-<textarea id="editor-settings-example">
-
+<textarea id="editor-settings-example" value="function Name (param) {/n/tthis.name = param || 'string';/n/treturn this;/n}/n/nvar object = new Object();">
+function Name (param) {
+	this.name = param || 'string';
+	return this;
+}
+var object = new Object();
+var longVariableNameToDemonstrateLineWrappingInCodeMirror = 'line wrapping is on by default'.split(' ').map(String.prototype.toUpperCase.bind(String.prototype)).join('/n');
 </textarea>
 
 <script src="/js/vendor/jquery.js"></script>
 <script src="/js/vendor/codemirror3/lib/codemirror.js"></script>
 <script src="/js/vendor/codemirror3/mode/javascript/javascript.js"></script>
+<script src="/js/vendor/codemirror3/keymap/vim.js"></script>
+<script src="/js/vendor/underscore/underscore.js"></script>
 <script src="/js/editor-settings.js"></script>