From 2d42cf798c1ed35cc6fa61c6dd30ae34afc00aed Mon Sep 17 00:00:00 2001
From: Thomas Miceli <tho.miceli@gmail.com>
Date: Mon, 17 Apr 2023 20:25:35 +0200
Subject: [PATCH] Include HTML buttons

---
 internal/web/auth.go           |  2 +-
 internal/web/run.go            |  3 +++
 templates/pages/auth_form.html | 19 ++++++++++++++
 templates/pages/settings.html  | 48 ++++++++++++++++++++--------------
 4 files changed, 51 insertions(+), 21 deletions(-)

diff --git a/internal/web/auth.go b/internal/web/auth.go
index 3e54f33..1e21a6a 100644
--- a/internal/web/auth.go
+++ b/internal/web/auth.go
@@ -163,7 +163,7 @@ func oauthCallback(ctx echo.Context) error {
 
 		if err = userDB.Create(); err != nil {
 			if models.IsUniqueConstraintViolation(err) {
-				addFlash(ctx, "Username "+user.NickName+" already exists in opengist", "error")
+				addFlash(ctx, "Username "+user.NickName+" already exists in Opengist", "error")
 				return redirect(ctx, "/login")
 			}
 
diff --git a/internal/web/run.go b/internal/web/run.go
index c014a8a..efaf095 100644
--- a/internal/web/run.go
+++ b/internal/web/run.go
@@ -249,6 +249,9 @@ func dataInit(next echo.HandlerFunc) echo.HandlerFunc {
 		}
 		setData(ctx, "signupDisabled", disableSignup == "1")
 
+		setData(ctx, "githubOauth", config.C.GithubClientKey != "" && config.C.GithubSecret != "")
+		setData(ctx, "giteaOauth", config.C.GiteaClientKey != "" && config.C.GiteaSecret != "")
+
 		return next(ctx)
 	}
 }
diff --git a/templates/pages/auth_form.html b/templates/pages/auth_form.html
index 9d05793..0abae36 100644
--- a/templates/pages/auth_form.html
+++ b/templates/pages/auth_form.html
@@ -48,6 +48,25 @@
                         {{ end }}
                         {{ .csrfHtml }}
                     </form>
+
+                    <div class="relative my-4">
+                        <div class="absolute inset-0 flex items-center" aria-hidden="true">
+                            <div class="w-full border-t border-gray-700"></div>
+                        </div>
+                    </div>
+                    <br />
+                    <div class="">
+                        {{ if .githubOauth }}
+                            <a href="/oauth/github" class="block w-full mb-2 text-center whitespace-nowrap text-slate-300{{ if .syncReposFromFS }} text-slate-500 cursor-not-allowed {{ end }}rounded border border-gray-600 bg-gray-800 px-2.5 py-2 text-xs font-medium text-white shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500 leading-3">
+                                Continue with GitHub account
+                            </a>
+                        {{ end }}
+                        {{ if .giteaOauth }}
+                            <a href="/oauth/gitea" class="block w-full mb-2 text-center whitespace-nowrap text-slate-300{{ if .syncReposFromFS }} text-slate-500 cursor-not-allowed {{ end }}rounded border border-gray-600 bg-gray-800 px-2.5 py-2 text-xs font-medium text-white shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500 leading-3">
+                                Continue with Gitea account
+                            </a>
+                        {{ end }}
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/templates/pages/settings.html b/templates/pages/settings.html
index 9809029..ca6c824 100644
--- a/templates/pages/settings.html
+++ b/templates/pages/settings.html
@@ -7,7 +7,7 @@
     </header>
     <main>
         <div class="space-y-4">
-            <div class="sm:grid grid-cols-3 gap-x-4 md:gap-x-8">
+            <div class="sm:grid {{ if or .githubOauth .giteaOauth }}grid-cols-3{{else}}grid-cols-2{{end}} gap-x-4 md:gap-x-8">
                 <div class="w-full">
                     <div class="bg-gray-900 rounded-md border border-1 border-gray-700 py-8 px-4 shadow sm:rounded-lg sm:px-10">
                         <h2 class="text-md font-bold text-slate-300">
@@ -27,34 +27,42 @@
                         </form>
                     </div>
                 </div>
+                {{ if or .githubOauth .giteaOauth }}
                 <div class="w-full">
                     <div class="bg-gray-900 rounded-md border border-1 border-gray-700 py-8 px-4 shadow sm:rounded-lg sm:px-10">
                         <h2 class="text-md font-bold text-slate-300 mb-2">
                             Link accounts
                         </h2>
                         <div class="gap-y-2">
-                            {{ if .userLogged.GithubID }}
-                                <a href="/oauth/github" class="block w-full mb-2 text-center whitespace-nowrap text-slate-300{{ if .syncReposFromFS }} text-slate-500 cursor-not-allowed {{ end }}rounded border border-gray-600 bg-gray-800 px-2.5 py-2 text-xs font-medium text-white shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500 leading-3">
-                                    Unlink GitHub account
-                                </a>
-                            {{ else }}
-                                <a href="/oauth/github" class="block w-full mb-2 text-center whitespace-nowrap text-slate-300{{ if .syncReposFromFS }} text-slate-500 cursor-not-allowed {{ end }}rounded border border-gray-600 bg-gray-800 px-2.5 py-2 text-xs font-medium text-white shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500 leading-3">
-                                    Link GitHub account
-                                </a>
-                            {{ end }}
 
-                            {{ if .userLogged.GiteaID }}
-                            <a href="/oauth/gitea" class="block w-full text-center whitespace-nowrap text-slate-300{{ if .syncReposFromFS }} text-slate-500 cursor-not-allowed {{ end }}rounded border border-gray-600 bg-gray-800 px-2.5 py-2 text-xs font-medium text-white shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500 leading-3">
-                                Unlink Gitea account
-                            </a>
-                            {{ else }}
-                            <a href="/oauth/gitea" class="block w-full text-center whitespace-nowrap text-slate-300{{ if .syncReposFromFS }} text-slate-500 cursor-not-allowed {{ end }}rounded border border-gray-600 bg-gray-800 px-2.5 py-2 text-xs font-medium text-white shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500 leading-3">
-                                Link Gitea account
-                            </a>
-                            {{ end }}
+                                {{ if .githubOauth }}
+                                    {{ if .userLogged.GithubID }}
+                                        <a href="/oauth/github" class="block w-full mb-2 text-center whitespace-nowrap text-slate-300{{ if .syncReposFromFS }} text-slate-500 cursor-not-allowed {{ end }}rounded border border-gray-600 bg-gray-800 px-2.5 py-2 text-xs font-medium text-white shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500 leading-3">
+                                            Unlink GitHub account
+                                        </a>
+                                    {{ else }}
+                                        <a href="/oauth/github" class="block w-full mb-2 text-center whitespace-nowrap text-slate-300{{ if .syncReposFromFS }} text-slate-500 cursor-not-allowed {{ end }}rounded border border-gray-600 bg-gray-800 px-2.5 py-2 text-xs font-medium text-white shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500 leading-3">
+                                            Link GitHub account
+                                        </a>
+                                    {{ end }}
+                                {{ end }}
+
+                                {{ if .giteaOauth }}
+                                    {{ if .userLogged.GiteaID }}
+                                        <a href="/oauth/gitea" class="block w-full text-center whitespace-nowrap text-slate-300{{ if .syncReposFromFS }} text-slate-500 cursor-not-allowed {{ end }}rounded border border-gray-600 bg-gray-800 px-2.5 py-2 text-xs font-medium text-white shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500 leading-3">
+                                            Unlink Gitea account
+                                        </a>
+                                        {{ else }}
+                                        <a href="/oauth/gitea" class="block w-full text-center whitespace-nowrap text-slate-300{{ if .syncReposFromFS }} text-slate-500 cursor-not-allowed {{ end }}rounded border border-gray-600 bg-gray-800 px-2.5 py-2 text-xs font-medium text-white shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500 leading-3">
+                                            Link Gitea account
+                                        </a>
+                                    {{ end }}
+                                {{ end }}
+
                         </div>
                     </div>
                 </div>
+                {{ end }}
                 <div class="w-full">
                     <div class="bg-gray-900 rounded-md border border-1 border-gray-700 py-8 px-4 shadow sm:rounded-lg sm:px-10">
                         <h2 class="text-md font-bold text-slate-300">
@@ -68,7 +76,7 @@
                     </div>
                 </div>
             </div>
-            <div class="sm:grid grid-cols-2 gap-x-4 md:gap-x-16">
+            <div class="sm:grid grid-cols-2 gap-x-4 md:gap-x-8">
                 <div class="w-full">
                     <div class="bg-gray-900 rounded-md border border-1 border-gray-700 py-8 px-4 shadow sm:rounded-lg sm:px-10">
                         <h2 class="text-md font-bold text-slate-300">