improve preview

Author: ndtoan96

preview/preview.go

@@ -30,50 +30,52 @@ func GetHtmlPreview(dir string, name string) template.HTML {
 	if err != nil {
 		return template.HTML("Cannot preview this file")
 	}
-	if isText {
-		if path.Ext(name) == ".md" {
-			md, err := renderMarkdown(filePath)
-			if err != nil {
-				return template.HTML("Cannot preview this file")
-			}
-			return template.HTML(md)
-		} else if path.Ext(filePath) == ".svg" {
-			return template.HTML("<img width=\"100%\" height=\"100%\" src=\"" + filePath + "\">")
-		} else {
-			lexer := lexers.Match(name)
-			if lexer == nil {
-				txt, err := renderText(filePath)
-				if err != nil {
-					return template.HTML("Cannot preview this file")
-				}
-				return template.HTML(txt)
-			}
-			code, err := renderCode(filePath)
-			if err != nil {
-				return template.HTML("Cannot preview this file")
-			}
-			return template.HTML(code)
+	ext := path.Ext(filePath)
+	if ext == ".jpg" || ext == ".png" || ext == ".gif" || ext == ".webp" || ext == ".jpeg" || ext == "svg" {
+		return template.HTML("<img width=\"100%\" height=\"100%\" src=\"" + filePath + "\">")
+	} else if ext == ".zip" {
+		htmlZip, err := renderZip(filePath)
+		if err != nil {
+			return template.HTML("Cannot preview this file")
 		}
-	} else {
-		ext := path.Ext(filePath)
-		if ext == ".jpg" || ext == ".png" || ext == ".gif" || ext == ".webp" || ext == ".jpeg" {
-			return template.HTML("<img width=\"100%\" height=\"100%\" src=\"" + filePath + "\">")
-		} else if ext == ".zip" {
-			htmlZip, err := renderZip(filePath)
+		return template.HTML(htmlZip)
+	} else if ext == ".pdf" {
+		encodedImage, err := renderPdf(filePath)
+		if err != nil {
+			log.Println("ERROR:", err)
+			return template.HTML("Cannot preview this file")
+		}
+		return template.HTML("<img width=\"100%\" height=\"100%\" src=\"" + encodedImage + "\">")
+	} else if ext == ".md" {
+		md, err := renderMarkdown(filePath)
+		if err != nil {
+			return template.HTML("Cannot preview this file")
+		}
+		return template.HTML(md)
+	} else if isText {
+		lexer := lexers.Match(name)
+		if lexer == nil {
+			txt, err := renderText(filePath)
 			if err != nil {
 				return template.HTML("Cannot preview this file")
 			}
-			return template.HTML(htmlZip)
-		} else if ext == ".pdf" {
-			encodedImage, err := renderPdf(filePath)
+			return template.HTML(txt)
+		}
+		code, err := renderCode(filePath)
+		if err != nil {
+			return template.HTML("Cannot preview this file")
+		}
+		if code == "" {
+			txt, err := renderText(filePath)
 			if err != nil {
-				log.Println("ERROR:", err)
 				return template.HTML("Cannot preview this file")
 			}
-			return template.HTML("<img src=\"" + encodedImage + "\">")
+			return template.HTML(txt)
 		}
+		return template.HTML(code)
+	} else {
+		return template.HTML("Cannot preview this file")
 	}
-	return template.HTML("Cannot preview this file")
 }
 
 func renderPdf(filePath string) (string, error) {

static/style.css

@@ -150,7 +150,7 @@ div#drop-zone {
 div.preview-content {
     margin-left: 5ch;
     padding: 10px;
-    max-width: 50vw;
+    max-width: 45vw;
     min-width: 30vw;
     height: 70vh;
     border-width: 1px;

templates/files.html

@@ -9,7 +9,7 @@
 {{define "content"}}
 <form class="index-page" method="post" action="/action">
     <div class="search">
-        <input type="text" name="search" id="search_input" placeholder="Fuzzy search">
+        <input type="text" name="search" id="search_input" placeholder="Search">
         <button type="submit" name="action" value="search">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"><path d="M 21 3 C 11.621094 3 4 10.621094 4 20 C 4 29.378906 11.621094 37 21 37 C 24.710938 37 28.140625 35.804688 30.9375 33.78125 L 44.09375 46.90625 L 46.90625 44.09375 L 33.90625 31.0625 C 36.460938 28.085938 38 24.222656 38 20 C 38 10.621094 30.378906 3 21 3 Z M 21 5 C 29.296875 5 36 11.703125 36 20 C 36 28.296875 29.296875 35 21 35 C 12.703125 35 6 28.296875 6 20 C 6 11.703125 12.703125 5 21 5 Z"/></svg>
         </button>