From e3e5c088687d73dc492199be071cc12d786ba00d Mon Sep 17 00:00:00 2001
From: emkael <emkael@tlen.pl>
Date: Tue, 4 Jun 2019 23:32:43 +0200
Subject: Collapsing/exapnding output option sections after files are selected

---
 http/dealconvert.js | 3 +++
 http/index.html     | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/http/dealconvert.js b/http/dealconvert.js
index e038b58..2478fe9 100644
--- a/http/dealconvert.js
+++ b/http/dealconvert.js
@@ -7,6 +7,9 @@ $(document).ready(function() {
             $('#submit-btn').attr('disabled', 'disabled');
         }
     });
+    $('#input-files').change(function() {
+        $('#submit-panel, #output-formats').collapse(this.files.length ? 'show' : 'hide');
+    });
     $('#converter-input').submit(function() {
         var that = $(this);
         var output = [];
diff --git a/http/index.html b/http/index.html
index 82c3dc8..9f40cf1 100644
--- a/http/index.html
+++ b/http/index.html
@@ -74,7 +74,7 @@
           <label for="input-files">Wrzuć pliki wejściowe:</label>
           <input type="file" multiple="multiple" class="form-control-file" id="input-files" name="input-files">
         </div>
-        <div class="form-group">
+        <div class="form-group collapse" id="output-formats">
           <label>Wybierz formaty wyjściowe:</label>
           <div class="row">
             <div class="col-md-6 col-lg-4">
@@ -139,7 +139,7 @@
             </div>
           </div>
         </div>
-        <div class="form-group">
+        <div class="form-group collapse" id="submit-panel">
           <button type="submit" class="btn btn-primary" id="submit-btn" disabled="disabled">Konwertuj</button>
           <div class="form-check-inline">
             <input class="form-check-input" type="checkbox" name="display" value="yes" id="display-boards" />
-- 
cgit v1.2.3