diff options
Diffstat (limited to 'www/index.html')
| -rw-r--r-- | www/index.html | 77 |
1 files changed, 54 insertions, 23 deletions
diff --git a/www/index.html b/www/index.html index 933c72f..cde478f 100644 --- a/www/index.html +++ b/www/index.html @@ -9,6 +9,7 @@ <link rel="shortcut icon" href="/img/favicon.ico" /> <link href="/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet"> + <link href="/javascript/twitter-bootstrap/css/datepicker3.css" rel="stylesheet"> <link href="/styles/main-style.css" rel="stylesheet"> <link href="/styles/auth.css" rel="stylesheet"> <link href="/styles/shows.css" rel="stylesheet"> @@ -75,30 +76,59 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> - <h4 class="modal-title">Datei auswählen...</h4> + <ul class="nav nav-tabs"> + <li role="presentation" class="active"> + <a href="#local" data-tab-name="local"> + <span class="glyphicon glyphicon-upload"></span> + Lokale Datei + </a> + </li> + <li role="presentation"> + <a href="#archive" data-tab-name="archive"> + <span class="glyphicon glyphicon-hdd"></span> + Programm Archiv + </a> + </li> + <li role="presentation"> + <a href="#external" data-tab-name="external"> + <span class="glyphicon glyphicon-cloud-download"></span> + Externe Quelle + </a> + </li> + </ul> </div> <div class="modal-body"> - <div class="drop"> - <form> - <input id="file" name="file" type="file" accept=".flac,.wav,.ogg,.mp3,.m4a,.mp4,.opus,.mkv" /> - <ul></ul> - </form> + <div class="upload-tabs"> + <div class="tab-local"> + <div class="drop"> + <form> + <input id="file" name="file" type="file" accept=".flac,.wav,.ogg,.mp3,.m4a,.mp4,.opus,.mkv" /> + <ul></ul> + </form> + </div> + </div> + <div class="tab-archive"> + coming ~soon~. + <div class="datepicker"></div> + <input class="spinner" name="spinner" value="" /> + </div> + <div class="tab-external"> + <form> + <label for="sourceUri"></label> + <input id="sourceUri" name="sourceUri" size="50" list="sampleSources" + placeholder="https://, ftps://, archiv://, ..." /> + <datalist id="sampleSources"> + <option value="http://"> + <option value="https://"> + <option value="ftp://"> + <option value="ftps://"> + <option value="archiv://YYYY/MM/DD/hh/00"> + <!--<option value="public://<username>/">--> + <!--<option value="cba://<cba-id>">--> + </datalist> + </form> + </div> </div> - oder<br /> - <form> - <label for="sourceUri"></label> - <input id="sourceUri" name="sourceUri" size="50" list="sampleSources" - placeholder="https://, ftps://, archiv://, ..." /> - <datalist id="sampleSources"> - <option value="http://"> - <option value="https://"> - <option value="ftp://"> - <option value="ftps://"> - <option value="archiv://YYYY/MM/DD/hh/00"> - <!--<option value="public://<username>/">--> - <!--<option value="cba://<cba-id>">--> - </datalist> - </form> </div> <div class="modal-footer"> <button class="btn btn-default" id="uploadModal-cancel" data-dismiss="modal">Abbrechen</button> @@ -346,7 +376,7 @@ <tfoot> </tfoot> </table> - <button class="uploadButton btn btn-primary"><span class="glyphicon glyphicon-upload"></span> Importieren</button> + <button class="uploadButton btn btn-primary"><span class="glyphicon glyphicon-plus-sign"></span> Importieren</button> </div> </div> @@ -371,7 +401,7 @@ <tfoot> </tfoot> </table> - <button class="uploadButton btn btn-primary"><span class="glyphicon glyphicon-upload"></span> Importieren</button> + <button class="uploadButton btn btn-primary"><span class="glyphicon glyphicon-plus-sign"></span> Importieren</button> </div> </div> @@ -457,6 +487,7 @@ <script src="/javascript/jquery/jquery.min.js"></script> <script src="/javascript/bootstrap/js/bootstrap.min.js"></script> + <script src="/javascript/twitter-bootstrap/js/bootstrap-datepicker.js"></script> <script src="/js/rdxport.js"></script> <script src="/js/rdxport.rh.js"></script> <script src="/js/utils.js"></script> |