Telegram login improvements

royalnet/web/royalprints/tglogin/__init__.py

@@ -16,8 +16,8 @@ rp = Royalprint("tglogin", __name__, url_prefix="/login/telegram", required_tabl
 
 @rp.route("/")
 def tglogin_index():
-    if f.request.url_root != "https://ryg.steffo.eu/":
+    #if f.request.url_root != "https://ryg.steffo.eu/":
-        return error(404, "Il login tramite Telegram non è possibile su questo dominio.")
+    #    return error(404, "Il login tramite Telegram non è possibile su questo dominio.")
     f.session.pop("royal", None)
     return f.render_template("tglogin_index.html")
 

royalnet/web/royalprints/tglogin/templates/tglogin_index.html

@@ -12,6 +12,13 @@
             </span>
         </div>
         <div class="dbox-bot">
+            <div class="center tg-login-container">
+                <script async src="https://telegram.org/js/telegram-widget.js?6" data-telegram-login="royalgamesbot" data-size="large" data-auth-url="{{ url_for("tglogin.tglogin_done") }}" data-request-access="write"></script>
+            </div>
+            <p>
+                Per fare il login, devi aver <code>sync</code>ato il tuo account sul gruppo Telegram Royal Games!
+            </p>
+            <div class="tiny">
                 <p>
                     Facendo il login su questo sito, acconsenti a ricevere due <abbr title="cookie">biscottini</abbr> che memorizzino l'account con cui hai fatto il login.<br>
                 </p>
@@ -19,19 +26,14 @@
                     Essi avranno il seguente formato:
                 </p>
                 <pre><code>session["royal"] = {
-"uid": [il tuo id Royalnet]
+    "uid": [il tuo id Royalnet]
-"username": [il tuo username Royalnet],
+    "username": [il tuo username Royalnet],
-"avatar": [il tuo avatar Royalnet],
+    "avatar": [il tuo avatar Royalnet],
-"role": [il tuo ruolo Royalnet]
+    "role": [il tuo ruolo Royalnet]
 }
 
 session["login_date"] = [la data e l'ora di adesso]</code></pre>
-            <p>
+            </div>
-                <script async src="https://telegram.org/js/telegram-widget.js?6" data-telegram-login="royalgamesbot" data-size="large" data-auth-url="{{ url_for("tglogin.tglogin_done") }}" data-request-access="write"></script>
-            </p>
-            <p>
-                Nota: per fare il login, devi aver <code>sync</code>ato il tuo account sul gruppo Telegram Royal Games!
-            </p>
         </div>
     </div>
 {% endblock %}

royalnet/web/static/ryg.css

@@ -336,6 +336,13 @@ form.full label.label-big * {
 .disabled {
   opacity: 0.3;
 }
+/*** Modifiers ***/
+.tiny {
+  font-size: xx-small;
+}
+.center {
+  margin: auto;
+}
 /*** Custom elements ***/
 .CodeMirror {
   font-family: "Consolas", monospace !important;
@@ -751,4 +758,8 @@ form.full label.label-big * {
 .profile .profile-stats .stats-value {
   font-weight: bold;
 }
+.tg-login-container {
+  width: 238px;
+  height: 40px;
+}
 /*# sourceMappingURL=ryg.css.map */

royalnet/web/static/ryg.less

@@ -418,6 +418,15 @@ form.full {
 }
 
 
+/*** Modifiers ***/
+.tiny {
+    font-size: xx-small;
+}
+
+.center {
+    margin: auto;
+}
+
 
 /*** Custom elements ***/
 
@@ -946,3 +955,8 @@ form.full {
         }
     }
 }
+
+.tg-login-container {
+    width: 238px;
+    height: 40px;
+}

royalnet/web/templates/base.html

@@ -46,7 +46,7 @@
                     </a>
                 {% else %}
                     <span class="nav-login">
-                        <a class="no-icon" href="{{ url_for("login.login_index") }}">
+                        <a class="no-icon" href="{{ url_for("tglogin.tglogin_index") }}">
                             Login
                             <img class="nav-image disabled" alt="" src="{{ url_for("static", filename="generic.png") }}">
                         </a>