Add tcp port field to download form

Author: pgalko

src/templates/index.html

@@ -480,20 +480,27 @@ <h5 style="margin-left: 35px; margin-top:2px"><span class="oi oi-signpost" ></sp
                             <input class="form-check-input" type="radio" name="dbSvr" id="remoteDbSvr" value="remoteDbSvr" onchange="EnableDisableElmnt(this)" onclick="saveChecked(this)">
                             <label class="form-check-label" for="remoteDbSvr">Your own DB server (You will need to have a PostgreSQL installed, configured and accessible from the intenet)</label>
                         </div>
-                        <div class="form-group" style="margin-left: 30px;margin-right: 10px; margin-top:5px; margin-bottom: 15px;max-width: 300px">
-                            <label class="form-check-label" for="dbHost"><i>DB Host:</i></label>
-                            <input type="text" class="form-control" id="dbHost" name="dbHost"  placeholder="eg. 125.63.60.148" disabled>   
+                        <div class="form-row">
+                            <div class="col" style="margin-left: 15px; margin-top:2px; margin-bottom: 5px; max-width: 310px">
+                                <label class="form-check-label" for="dbHost"><i>DB Host:</i></label>
+                                <input type="text" class="form-control" id="dbHost" name="dbHost"  placeholder="eg. 125.63.60.148" disabled> 
+                            </div>
+                            <div class="col" style="margin-top:2px; margin-bottom: 5px;max-width: 80px">
+                                <label class="form-check-label" for="dbPort"><i>Port:</i></label>
+                                <input type="text" class="form-control" id="dbPort" name="dbPort"  placeholder="5432" title="Currently the port has to be 5432. Future updates will include an ability to change the default port." disabled> 
+                            </div> 
                         </div>
-                        <div class="form-group" style="margin-left: 30px;margin-right: 10px; margin-top:5px; margin-bottom: 15px;max-width: 300px">
+                        <div class="form-group" style="margin-left: 15px;margin-right: 10px; margin-top:5px; margin-bottom: 15px;max-width: 300px">
                             <label class="form-check-label" for="dbUser"><i>DB User:</i></label>
                             <input type="text" class="form-control" id="dbUser" name="dbUser"  placeholder="eg. postgres" disabled>
                         </div>
-                        <div class="form-group" style="margin-left: 30px;margin-right: 10px; margin-top:5px; margin-bottom: 15px;max-width: 300px">
+                        <div class="form-group" style="margin-left: 15px;margin-right: 10px; margin-top:5px; margin-bottom: 15px;max-width: 300px">
                             <label class="form-check-label" for="dbPass"><i>DB Password:</i></label>
                             <input type="text" class="form-control" id="dbPass" name="dbPass"  placeholder="eg. password" disabled>
                         </div>
                         <div>
-                            <input type="hidden" name="dbHST" id="dbHST">  
+                            <input type="hidden" name="dbHST" id="dbHST"> 
+                            <input type="hidden" name="dbPRT" id="dbPRT"> 
                             <input type="hidden" name="dbUN" id="dbUN">
                             <input type="hidden" name="dbPW" id="dbPW">   
                         </div>