Prefill input field with url parameter. Start the process automatical…

…ly. (wmde#233)

index.base.html

@@ -69,7 +69,7 @@ <h2>{{i18n.index.description}}</h2>
       </div>
 
       <form id="file-form" class="yes-script" onsubmit="return false;">
-        <input id="file-form-input" type="text" inputmode="url" name="file" placeholder="{{i18n.index.input-placeholder}}" autofocus><button type="submit" class="green-btn">{{i18n.index.go-button}}</button>
+        <input id="file-form-input" type="text" inputmode="url" name="file" placeholder="{{i18n.index.input-placeholder}}" {{inputattr}} autofocus><button type="submit" class="green-btn">{{i18n.index.go-button}}</button>
         <div class="container-fluid display-none" id="file-form-alert">
           <span class="glyphicon glyphicon-warning-sign"></span><span id="file-form-alert-placeholder">Alert</span>
         </div>

index.php

@@ -13,6 +13,7 @@
 // Get the base html to output
 $html = file_get_contents( __DIR__ . '/index.base.html' );
 $html = str_replace( '{{i18n.lang}}', $lang, $html );
+$html = str_replace( '{{inputattr}}', isset( $_GET['url'] ) ? ' value="'.htmlspecialchars($_GET['url']).'"' : '', $html );
 
 // If we have any i18n data replace the i18n codes with new strings
 if ( $i18nData && isset( $i18nData['index'] ) ) {

js/main.js

@@ -114,3 +114,15 @@ $feedbackForm.submit( function( e ) {
 
 	e.preventDefault();
 } );
+
+$( function() {
+	// Instant start if input field is filled
+
+	var $fileForm = $( '#file-form' ),
+		$fileFormInput = $fileForm.find( '#file-form-input' ),
+		fileFormVal = $fileFormInput.val();
+
+	if( fileFormVal && fileFormVal !== '' ) {
+		$fileForm.submit();
+	}
+} );