diff options
| author | emkael <emkael@tlen.pl> | 2019-06-04 23:32:43 +0200 |
|---|---|---|
| committer | emkael <emkael@tlen.pl> | 2019-06-04 23:32:43 +0200 |
| commit | e3e5c088687d73dc492199be071cc12d786ba00d (patch) | |
| tree | 3f0f4f9e88847b2577acc5bbcca0a17e5d7b0d58 | |
| parent | 0342bcfb2b5f03229112d8b319e2059b6c9e76f2 (diff) | |
Collapsing/exapnding output option sections after files are selected
| -rw-r--r-- | http/dealconvert.js | 3 | ||||
| -rw-r--r-- | 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" /> |