25 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
			
		
		
	
	
			25 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
<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" enctype="multipart/form-data" method="post">
 | 
						|
        <div class="has-label is-fullwidth">
 | 
						|
			<label class="file-label">
 | 
						|
				<input name="file" 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>
 |