Add social auth Github + login page

2024-10-05 14:16:08 +02:00
parent d7f0d2a7f2
commit 63897fb7b0
14 changed files with 210 additions and 55 deletions
@@ -0,0 +1,101 @@
+{% load i18n static %}
+
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>{% block title %}{% endblock %}</title>
+
+        <link rel="shortcut icon" href="{% static 'img/favicon.png' %}">
+
+        <script src="{% static "vue/index.js" %}"></script>
+        <script src="{% static "sweetalert2/index" %}"></script>
+        <script src="{% static "vue-resource/index" %}"></script>
+        <script src="{% static "js.cookie.min/index.js" %}"></script>
+        <script src="{% static "vue-router/index.js" %}"></script>
+
+        <link href="{% static "bootstrap.min/index.css" %}" rel="stylesheet">
+        <script src="{% static "bootstrap.bundle.min/index.js" %}"></script>
+        <link href="{% static "bootswatch.min.css/index.css" %}" rel="stylesheet">
+
+        <script src="{% url 'reverse_js' %}" type="text/javascript"></script>
+
+        <link href="{% static "vuetify.min/index.css" %}" rel="stylesheet">
+        <script src="{% static "vuetify/index.js" %}"></script>
+
+        <script src="{% static "vuex/index.js" %}"></script>
+
+        <link href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" rel="stylesheet">
+
+        <link href="{% static "jetbrains-mono/index" %}">
+        <style>
+            .font {
+                font-family: 'JetBrains Mono', sans-serif;
+            }
+        </style>
+
+    </head>
+    <body>
+        <v-app class="font">
+            <div id="main" data-app>
+
+                <v-content>
+                    <v-container class="container-xs">
+
+                        <v-row justify="center">
+                            <v-dialog v-model="dialog" persistent max-width="290">
+                                <v-card>
+                                    <v-card-title class="text-h5">
+                                        {% trans "Login" %}
+                                    </v-card-title>
+
+                                    <v-card-text>
+
+                                        {% trans "Select login option" %}
+
+                                        <v-list-item>
+                                            <v-list-item-content>
+                                                <v-btn tile color="primary" dark class="mb-2" href="{% url 'social:begin' 'github' %}">
+                                                    {% trans "Github" %}
+                                                </v-btn>
+                                            </v-list-item-content>
+                                        </v-list-item>
+
+                                    </v-card-text>
+
+                                </v-card>
+                            </v-dialog>
+                        </v-row>
+                    </v-container>
+
+                </v-content>
+
+            </div>
+        </v-app>
+
+        <script type="text/javascript">
+            {% include 'scripts.js' %}
+        </script>
+
+        {% for name, path in templates.items %}
+            <script type="text/x-template" id="{{ name }}">
+                {% include path %}
+            </script>
+        {% endfor %}
+
+        <script type="text/javascript">
+            {% include "vue/login.js" %}
+        </script>
+
+        <script type="text/javascript">
+            function refresh_csrftoken() {
+                var csrftoken = Cookies.get('csrftoken');
+                Vue.http.headers.common['X-CSRFTOKEN'] = csrftoken;
+            }
+
+            refresh_csrftoken();
+        </script>
+
+    </body>
+</html>
+