8 files changed, 95 insertions, 6 deletions

diff --git a/assets_src/css/materialize_extend.css b/assets_src/css/materialize_extend.css
new file mode 100644
index 0000000..f06d042
--- /dev/null
+++ b/assets_src/css/materialize_extend.css
@@ -0,0 +1,3 @@
+span.badge.new.no-caption::after {
+        content: "";
+}
diff --git a/assets_src/js/user.js b/assets_src/js/user.js
new file mode 100644
index 0000000..c697780
--- /dev/null
+++ b/assets_src/js/user.js
@@ -0,0 +1,22 @@
+import * as dom from './lib/dom';
+
+function externalServiceClick(e) {
+        var row = dom.closest(e.target, (el) => el.classList.contains('authorizable'));
+        if (row === null) {
+                alert('nada');
+                return;
+        }
+        var authType  = row.getAttribute('data-auth-type'),
+            authUrl   = row.getAttribute('data-auth-url'),
+            coupleUrl = row.getAttribute('data-couple-url'); 
+        switch (authType) {
+        case 'copy-paste':
+                window.open(authUrl);
+                location.href = coupleUrl;
+                break;
+        }
+}
+
+dom.ready(() => {
+        document.getElementById('external-service-list').addEventListener('click', externalServiceClick, true);
+});
diff --git a/frontend/renderer.go b/frontend/renderer.go
index d39dfe1..3fb79bf 100644
--- a/frontend/renderer.go
+++ b/frontend/renderer.go
@@ -118,3 +118,7 @@ func (r *Renderer) RenderRegistrationPage(w http.ResponseWriter, data map[string
 func (r *Renderer) RenderUserSettingsPage(w http.ResponseWriter, data map[string]interface{}) {
         r.RenderPage("user_settings", w, data)
 }
+
+func (r *Renderer) RenderAPICouplePage(w http.ResponseWriter, data map[string]interface{}) {
+        r.RenderPage("api_couple", w, data)
+}
diff --git a/grilist/config.go b/grilist/config.go
index c69c873..3d41bcc 100644
--- a/grilist/config.go
+++ b/grilist/config.go
@@ -17,7 +17,11 @@ type Config struct {
                 Password   string `toml:"password"`
                 SSLEnabled bool   `toml:ssl_enabled"`
         } `toml:"database"`
-        EnableNSA bool `toml:"enable_nsa"`
+        EnableNSA  bool `toml:"enable_nsa"`
+        AnilistAPI struct {
+                ClientID     string `toml:"client_id"`
+                ClientSecret string `toml:"client_secret"`
+        } `toml:"anilist_api"`
 }
 
 func (c *Config) DBConnectionString() string {
diff --git a/main.go b/main.go
index ad3dd84..240ca1a 100644
--- a/main.go
+++ b/main.go
@@ -66,6 +66,9 @@ func main() {
         renderer := frontend.New("views")
         login := charakterin.New(db)
         login.UseRenderer(renderer)
+        if config.AnilistAPI.ClientID != "" && config.AnilistAPI.ClientSecret != "" {
+                login.EnableAnilistAPI(config.AnilistAPI.ClientID, config.AnilistAPI.ClientSecret)
+        }
 
         router := httprouter.New()
 
@@ -87,6 +90,8 @@ func main() {
         router.HandlerFunc("GET", "/logout", login.Logout)
         router.HandlerFunc("GET", "/register", login.DisplayRegistration)
         router.HandlerFunc("POST", "/register", login.Register)
+        router.GET("/settings/api/:type/couple", login.DisplayAPICouplePage)
+        router.POST("/settings/api/:type/couple", login.CoupleAPI)
 
         fs := http.FileServer(http.Dir("assets"))
         http.Handle("/assets/", http.StripPrefix("/assets/", fs))
diff --git a/views/includes/materialize.html b/views/includes/materialize.html
index ab95286..100b4be 100644
--- a/views/includes/materialize.html
+++ b/views/includes/materialize.html
@@ -1,5 +1,6 @@
 {{define "materialize"}}
         <link rel="stylesheet" href="/assets/css/materialize.css">
         <link rel="stylesheet" href="/assets/css/material_icons.css">
+        <link rel="stylesheet" href="/assets/css/materialize_extend.css">
         <meta name="viewport" content="width=device_width, initial-scale=1.0" />
-{{end}}
\ No newline at end of file
+{{end}}
diff --git a/views/pages/api_couple.html b/views/pages/api_couple.html
new file mode 100644
index 0000000..b21d349
--- /dev/null
+++ b/views/pages/api_couple.html
@@ -0,0 +1,28 @@
+{{ define "api_couple" }}
+<html>
+        <head>
+                {{ template "materialize" }}
+                <title>{{ .name }} - grilist</title>
+                <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+        </head>
+        <body>
+                {{ template "navbar" . }}
+                <div class="container">
+                        {{ if .error }}
+                        <div class="card-panel red darken-4">
+                                <span class="white-text">{{ .error }}</span>
+                        </div>
+                        {{ end }}
+                        <form method="POST" action="couple">
+                                <blockquote>
+                                        {{ .name }} wurde in einem neuen Tab/Fenster geöffnet. Bitte bestätige dort Grilist und kopiere den Code in das unten stehende Feld.
+                                </blockquote>
+                                <input name="code" placeholder="Code" type="text" class="validate">
+                                <button class="btn waves-effect waves-light purple lighten-2" type="submit">
+                                        {{ .name }} verbinden <i class="material-icons right">send</i>
+                                </button>
+                        </form>
+                </div>
+        </body>
+</html>
+{{ end }}
diff --git a/views/pages/user.html b/views/pages/user.html
index 2cf9c54..e654d96 100644
--- a/views/pages/user.html
+++ b/views/pages/user.html
@@ -1,4 +1,5 @@
 {{ define "user" }}
+{{ $isCurrentUser := (and .user (eq .DisplayUser.ID .user.ID)) }}
 <html>
         <head>
                 {{ template "materialize" }}
@@ -10,13 +11,33 @@
                 <div class="container">
                         <div class="row" style="margin-top: 50px; line-height: 500%; ">
                                 <span style="font-size: 4.2rem; margin: 2.1rem 1rem 1.68rem 0;">{{ .DisplayUser.GetName }}</span>
-                                {{ if .user }}
-                                        {{ if eq .DisplayUser.ID .user.ID }}
-                                                &nbsp;&nbsp;<a class="btn waves-effect waves-light indigo lighten-5 black-text" style="margin-top: -1.68rem" href="/settings">Einstellungen</a>
-                                        {{ end }}
+                                {{ if $isCurrentUser }}
+                                        &nbsp;&nbsp;<a class="btn waves-effect waves-light indigo lighten-5 black-text" style="margin-top: -1.68rem" href="/settings">Einstellungen</a>
                                 {{ end }}
                         </div>
                         <blockquote>zuletzt gesehen: {{ .DisplayUser.LastActivity.Format "Mon Jan _2 15:04:05 2006" }}</blockquote><br />
+                        {{ if (and (or $isCurrentUser .DisplayUser.HasExternalServices) .DisplayUser.ExternalServices) }}
+                        <div class="row">
+                                <h3>Externe Dienste</h3>
+                                <div class="collection" id="external-service-list">
+                                        {{ $model := . }}
+                                        {{ range .DisplayUser.ExternalServices }}
+                                        {{ if (or .IsEnabled $isCurrentUser) }}
+                                                <a href="#" {{ if not .IsEnabled }} data-auth-type="{{ .AuthType }}" data-auth-url="{{ .AuthorizeURL }}" data-couple-url="{{ .CoupleURL }}" {{ end }} class="collection-item {{ if not .IsEnabled }} authorizable {{ end }}">
+                                                        <span class="badge {{ if not .IsEnabled }} new no-caption {{ end }}">
+                                                                {{ if not .IsEnabled }}
+                                                                        Hinzufügen!
+                                                                {{ else }}
+                                                                        {{ .UserName }}
+                                                                {{ end }}
+                                                        </span>
+                                                        {{ .Name }}
+                                                </a>
+                                        {{ end }}
+                                        {{ end }}
+                                </div>
+                        </div>
+                        {{ end }}
                         <div class="row">
                                 <h3>Listen von {{ .DisplayUser.GetName }}</h3>
                                 {{ range .Lists }}
@@ -24,6 +45,7 @@
                                 {{ end }}
                         </div>
                 </div>
+                <script src="/assets/js/user.js"></script>
         </body>
 </html>
 {{ end }}