Implemented filename selector

client/views/other/dialogs.ejs

@@ -5,13 +5,15 @@
     "dialogId": "unit-export-dialog",
     "submitButtonText": "Export units to file",
     "textContent": "Select the unit categories you would like to export.  Note: only ground and naval units can be exported at this time.",
-    "title": "Export"
+    "title": "Export",
+    "showFilenameInput": true
 }) %>
 <%- include('dialogs/importexport.ejs', {
     "dialogId": "unit-import-dialog",
     "submitButtonText": "Import units into mission",
     "textContent": "Select the unit categories you would like to import.",
-    "title": "Import"
+    "title": "Import",
+    "showFilenameInput": false
 }) %>
 <%- include('dialogs/slowdelete.ejs') %>
 <%- include('dialogs/splash.ejs') %>

client/views/other/dialogs/importexport.ejs

@@ -5,6 +5,15 @@
 
     <div class="ol-dialog-content">
         <p><%= textContent %></p>
+
+        <% if (showFilenameInput) { %>
+            <div class="export-filename-container">
+                <label>Filename:</label>
+                <input id="export-filename">
+                <img src="resources/theme/images/icons/keyboard-solid.svg">
+            </div>
+        <% } %>
+
         <table class="categories-coalitions">
             <thead>
             </thead>