mustache templating, reorganisation and cleanup of code

clojure_frontend/resources/templates/body_addjob.html

@@ -0,0 +1,24 @@
+<div class="box">
+    <h1 class="title">Upload a Dockerfile to toast</h1>
+    <p>Choose the file in your computer and click 'Submit' to proceed to validation.</p>
+    <form action="dockerfile" class="form-shell" enctype="multipart/form-data" method="post">
+        <div class="file has-label is-fullwidth">
+			<label class="file-label">
+				<input class="file-input inputfile inputfile-2" id="file" type="file" />
+				<label for="file"><span id="filename">Choose a Dockerfile...</span></label>
+				<span class="file-cta"><span class="file-icon"><i class="fa fa-upload"></i></span><span class="file-label">Upload</span></span>
+			</label></div>
+        <div class="field">
+            <div class="control">
+				<input class="button is-block is-info is-large is-fullwidth" name="submit" type="submit" value="submit" />
+			</div></div>
+    </form>
+    <script>
+var file = document.getElementById("file");
+file.onchange = function(){
+		 if(file.files.length > 0) {
+			 document.getElementById('filename').innerHTML = file.files[0].name;
+		 }
+	 };
+	</script>
+</div>