From 3ed04408767f077b67b197113c7db3c477687f45 Mon Sep 17 00:00:00 2001
From: Michael Nolan <tesses@tesses.cf>
Date: Sun, 19 Dec 2021 16:49:07 +0000
Subject: [PATCH] Update index.html

---
 index.html | 78 +++++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 66 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 5278ddb..c77efb5 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,9 @@
                     <li class="nav-item">
                         <a href="#" data-target="playlists" class="nav-link spalnk">Playlists</a>
                     </li>
+                    <li class="nav-item">
+                        <a href="#" data-target="queue" class="nav-link spalnk">Queue</a>
+                    </li>
                     <li class="nav-item">
                         <a href="#" data-target="settings" class="nav-link spalnk">Settings</a>
                     </li>
@@ -74,10 +77,7 @@
               </div>
             </div>
           </div>
-   
-    <div class="page" id="home">
-        <!--Home Page-->
-        <section class="bg-danger text-light p-3">
+          <section class="bg-danger text-light p-3">
             <div class="container">
                 <div>
                     <div>
@@ -90,7 +90,7 @@
             </div>
         </section>
         <section class="bg-light text-dark p-3">
-            <div class="dropdown-menu">
+         <!--   <div class="dropdown-menu">
                 <a class="dropdown-item" href="#">Server Download (SD)</a>
                 <a class="dropdown-item" href="#">Server Download (HD)</a>
                 <a class="dropdown-item" href="#">Server Download (Audio Only)</a>
@@ -98,7 +98,7 @@
                 <a class="dropdown-item" href="#">Download To Device (SD)</a>
                 <a class="dropdown-item" href="#">Download To Device (HD)</a>
                 <a class="dropdown-item" href="#">Download To Device (Audio Only)</a>
-              </div>
+              </div>-->
                     
             <div class="input-group">
               
@@ -106,11 +106,12 @@
                 <input type="text" id="download_text_box" class="form-control" placeholder="https://www.youtube.com/watch?v=il9nqWw9W3Y" aria-label="Text input with segmented dropdown button">
                 <select class="form-control custom-select" id="selector" style="max-width: 6em;">
                     
-                    <option selected value=0>Video</option>
-                    <option value=1>Playlist</option>
+                    <option selected value=0>YouTube</option>
+                    <!--<option value=1>Playlist</option>
                     <option value=2>Channel</option>
-                    <option value=3>User</option>
-                    <option value=4>Server</option>
+                    <option value=3>User</option>-->
+                    <option value=4>Download</option>
+                    <option value=5>Play</option>
                   </select>
                   <select class="form-control custom-select" id="res_selector" style="max-width: 5em;">
                     
@@ -130,6 +131,9 @@
               </div>
             
         </section>
+    <div class="page" id="home">
+        <!--Home Page-->
+       
         <section class="bg-danger text-light p-3" style="height: 100%;">
             <div class="container">
 
@@ -152,21 +156,32 @@
         <div class="container">
                 
                <template id="video_template">
+                   <card>
+
+
+                   
                     <div class="row">
                     <div class="col">
                       <img class="image"  width="256" height="144">
               
                     </div>
-                    <div class="col-9">
+                    <div class="col-8">
                         <h4>
                          <a class="video_link"  style="text-decoration: none" class="text-dark">
                           </a></h4>
-                          <span class="views"></span> &middot; <span class="date"></span><br>
+                          <span class="views"></span> &middot; <span class="date"></span> <br>
                           <span class="video_author"></span>
   
+                    </div>
+                    <div class="col-1">
+                        <h4>
+                            <a class="video_link_alt"  style="text-decoration: none" class="text-dark">&vellip;
+                             </a></h4>
+                        
                     </div>
                     </div>
                     <br>
+                </card>
                </template>
                <div id="videos_list">
                    
@@ -216,7 +231,45 @@
         </section>
        
     </div>
+   <div class="page" id="queue">
+    <template id="video_template_queue">
+        <card>
+
+
+        
+         <div class="row">
+         <div class="col">
+           <img class="image"  width="256" height="144">
    
+         </div>
+         <div class="col-8">
+             <h4>
+              <a class="video_link"  style="text-decoration: none" class="text-dark">
+               </a></h4>
+               <span class="views"></span> &middot; <span class="date"></span> <br>
+               <span class="video_author"></span>
+
+         </div>
+         <div class="col-1">
+             
+                 <a class="video_link_alt oi oi-trash text-dark"  style="text-decoration: none">
+                  </a>
+                  <a class="video_link_alt_up oi oi-arrow-thick-top text-dark"  style="text-decoration: none">
+                </a>
+                 
+                <a class="video_link_alt_down oi oi-arrow-thick-bottom text-dark"  style="text-decoration: none">
+                </a>
+                 
+         </div>
+         </div>
+         <br>
+     </card>
+
+    </template>
+    <div class="container dragable-container" id="queue_list">
+
+    </div>
+   </div>
     </main>
     <footer class="fixed-bottom bg-danger text-light" id="footer">
         <div class="container">
@@ -237,5 +290,6 @@
     <script src="js/new_main.js"></script>
     <script src="js/popper.min.js"></script>
     <script src="js/bootstrap.min.js"></script>
+    <script src="js/download_video.js"></script>
 </body>
 </html>