From 4751fe0874608c832409b3d4d75c9b945268059c Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@tuta.io>
Date: Mon, 8 Aug 2022 19:49:57 +0300
Subject: [PATCH] resolution~

---
 html/poketube.ejs | 60 ++++++++++++++++++++++++++++++-----------------
 1 file changed, 39 insertions(+), 21 deletions(-)

diff --git a/html/poketube.ejs b/html/poketube.ejs
index 26c149f7..da29061e 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -223,8 +223,15 @@ margin-right: 100px;
                 <form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;"> <button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button></form>
             </div>
             <div class=right >
-                                 <a href="/privacy"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-shield"></i></a> <a href="/video/upload?from="><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i></a><a href="/download?v=<%=video.id%>"><i  style="display: block;margin-left: auto;margin-right: auto;"  class="fa-light fa-download"></i></a>
-              
+                                 <a href="/privacy"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-shield"></i></a> <a href="/video/upload?from="><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i></a>
+                             <% if (!qua) { %> 
+
+              <a href="#resolution"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-high-definition"></i></a>
+                                     <% } %>               
+          <% if (qua) { %> 
+
+              <a href="#resolution"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-standard-definition"></i></a>
+                                     <% } %>               
      </div>
      
         </nav>
@@ -286,9 +293,8 @@ margin-right: 100px;
 			</div>
                 <div>
                   <br>
-                                <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
-                  <p> 
-                                                 <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
+                   
+                </div>                                                 <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
 
                     	<div class="video-title" style="font-family:'Ginto Nord';font-weight:900;white-space:yes;">Encryption Information!</div><br> 
  <i class="fas fa-shield-alt"></i> The Connection is secured with ECDSA with SHA-384 Signature Algorithm :3 (  <a href="https://en.wikipedia.org/wiki/Encryption">WHAT THE HELL IS ENCRYPTION ?! (ME DUM)</a> ) <br><br> 
@@ -302,19 +308,27 @@ margin-right: 100px;
                     
                              <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
                     
-                    
+         	<div class="resolutions-list" style="margin: 0;border: none;">
+            <a name="resolution"></a>
+                                  	<div class="video-title" style="font-family:'Ginto Nord';font-weight:900;white-space:yes;">Resolution</div>
+            <p>Change the resolution of the video :3</p>
+ 				<div>
+               <% if (!qua) { %> 
+      			<a href="/watch?v=<%=video.id%>&quality=medium">medium</a>
+        						<b>hd720 (current)</b>
+ <% } %>               
+   <% if (qua) { %> 
+
+							<b>medium (current)</b>
+							<a href="/watch?v=<%=video.id%>">hd720</a>
+      <% } %>               
+
+				</div>
+                </div>
+                                             <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
+
                   </div>
-                    
-                    <div>
-                         
-  <div class="video-title"  style="font-family:'Ginto Nord';font-weight:900;">
-  Comments
-  </div>
-                      
-                   <p style="font-style: italic;font-family: Ubuntu;"> Comments are in development rigth now. You can see the comments on  <a href="https://redirect.invidious.io/watch?v=<%=video.id%>?pw=4"> Invidious </a> for now. </p>
-                      </div>
-	</div>
-          
+           
 
 
 	<div class="recommended-list" style="background-color:#1c1c1c;border-radius:25px;margin: 10px;">
@@ -322,7 +336,7 @@ margin-right: 100px;
      <div style="font-family:Inter,sans-serif;font-weight:900;white-space:yes;" align="center">
  
        <a href="https://youtube.com/watch?v=<%=video.id%>">Open On YouTube</a> • <a href="/privacy">Privacy</a> • <a href="https://github.com/iamashley0/poketube/">Git</a> 
-      </div> 
+       </div> 
                
       <% if (optout) { %> 
         
@@ -354,9 +368,13 @@ margin-right: 100px;
 
                               <% if (!r) { %> 
                                 <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
-                                <div>
-                         <a href="/watch?v=<%=video.id%>">Recommended videos</a> •  <a href="/watch?v=<%=video.id%>&f=t"> Recent videos from this channel</a>
-                                                            </div>
+ 
+
+                                <div> 
+                         <a href="/watch?v=<%=video.id%>">Recommended videos</a> • <a href="/watch?v=<%=video.id%>&f=t"> Recent videos on dis channel</a>
+ 
+                                                            </div>                                <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
+
                               <% if (!f) { %> 
      <% k.Video.Recommendations.Video.forEach(x => { %>       
  						<div class="video">