Merge pull request #17 from learn-javascript/feature-topic-ordering

Fixed Topic Ordering

Author: hedgerh

assets/js/main.js

@@ -1,10 +1,12 @@
-
 (function () {
-
 	// add more files here if needed
-        var files = ['javascript.json', 'text-editors.json', 'jquery.json', 'node.json']
+	var files = ['javascript.json', 'node.json', 'jquery.json', 'text-editors.json']
+
+	files.forEach(function (filename) {
+		// create placeholder divs to enforce topic order
+		var el = getTargetElement(filename.split('.')[0])
+		document.getElementById('content').appendChild(el)
 
-	.forEach(function (filename) {
 		getFile(filename).then(function (data) {
 			render(data)
 		})
@@ -13,9 +15,10 @@
 	function render (data) {
 		var template = Handlebars.compile(document.getElementById('main_template').text)
 		var html = template(data)
-		var el = document.createElement('div')
+
+		var id = 'topic-' + data.title.replace(/ /g, '-')
+		var el = document.getElementById(id)
 		el.innerHTML = html
-		document.getElementById('content').appendChild(el)
 	}
 
 	function getFile (filename) {
@@ -26,4 +29,9 @@
 		})
 	}
 
+	function getTargetElement (id) {
+		var el = document.createElement('div')
+		el.setAttribute('id', 'topic-' + id)
+		return el
+	}
 })()