upload: add datepicker

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">&times;</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>&nbsp;&nbsp;Importieren</button>
+          <button class="uploadButton btn btn-primary"><span class="glyphicon glyphicon-plus-sign"></span>&nbsp;&nbsp;Importieren</button>
         </div>
       </div>
 
@@ -371,7 +401,7 @@
             <tfoot>
             </tfoot>
           </table>
-          <button class="uploadButton btn btn-primary"><span class="glyphicon glyphicon-upload"></span>&nbsp;&nbsp;Importieren</button>
+          <button class="uploadButton btn btn-primary"><span class="glyphicon glyphicon-plus-sign"></span>&nbsp;&nbsp;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>