From f029120159cc91794ecdc83c38060eda3a52aedf Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <ste.pigozzi@gmail.com>
Date: Thu, 1 Aug 2019 21:40:59 +0200
Subject: [PATCH] Web improvements

---
 .../login/templates/login_index.html          |   2 +-
 .../templates/newaccount_index.html           |   2 +-
 .../profile/templates/profile_page.html       | 114 ++++++++++--------
 .../wikiedit/templates/wikiedit_page.html     |   2 +-
 royalnet/web/static/ryg.css                   |  30 +++--
 royalnet/web/static/ryg.css.map               |   2 +-
 royalnet/web/static/ryg.less                  |  25 +++-
 royalnet/web/static/tf2.css                   |   4 +-
 royalnet/web/static/tf2.less                  |   2 +-
 royalnet/web/templates/base.html              |   2 +-
 10 files changed, 116 insertions(+), 69 deletions(-)

diff --git a/royalnet/web/royalprints/login/templates/login_index.html b/royalnet/web/royalprints/login/templates/login_index.html
index e5ee037a..1ce79b17 100644
--- a/royalnet/web/royalprints/login/templates/login_index.html
+++ b/royalnet/web/royalprints/login/templates/login_index.html
@@ -30,7 +30,7 @@
 }
 
 session["login_date"] = [la data e l'ora di adesso]</code></pre>
-                <form action="{{ url_for("login.login_done") }}" method="post" class="login-form fullsize">
+                <form action="{{ url_for("login.login_done") }}" method="post" class="login-form full">
                     <label for="login-username">
                         <span class="label-text">Username</span>
                         <input id="login-username" type="text" name="username">
diff --git a/royalnet/web/royalprints/newaccount/templates/newaccount_index.html b/royalnet/web/royalprints/newaccount/templates/newaccount_index.html
index c1611329..eb682e1d 100644
--- a/royalnet/web/royalprints/newaccount/templates/newaccount_index.html
+++ b/royalnet/web/royalprints/newaccount/templates/newaccount_index.html
@@ -13,7 +13,7 @@
                 </span>
             </div>
             <div class="dbox-bot">
-                <form method="post" class="newaccount-form fullsize">
+                <form method="post" class="newaccount-form full">
                     <label for="newaccount-username">
                         <span class="label-text">Username</span>
                         <input id="newaccount-username" type="text" name="username">
diff --git a/royalnet/web/royalprints/profile/templates/profile_page.html b/royalnet/web/royalprints/profile/templates/profile_page.html
index 4d1512f2..466d98fc 100644
--- a/royalnet/web/royalprints/profile/templates/profile_page.html
+++ b/royalnet/web/royalprints/profile/templates/profile_page.html
@@ -9,58 +9,72 @@
         <h1>
             {{ royal.username }}
         </h1>
-        <div class="dbox profile-links">
-            <div class="dbox-top">
-                <span class="left">Account collegati</span>
+        <div class="columns-3">
+            <div class="column">
+                <div class="dbox profile-links">
+                    <div class="dbox-top">
+                        <span class="left">Account collegati</span>
+                    </div>
+                    <div class="dbox-bot">
+                        <ul class="links-list">
+                            <li><span class="links-item links-linked">royalnet:{{ royal.username }}</span></li>
+                            {% for telegram in royal.telegram %}
+                                {% if telegram.username %}
+                                    <li><a class="links-item links-linked" href="https://t.me/{{ telegram.username }}">telegram:{{ telegram.mention() }}</a></li>
+                                {% else %}
+                                    <li><span class="links-item links-linked">telegram:{{ telegram.mention() }}</span></li>
+                                {% endif %}
+                            {% else %}
+                                <li><span class="links-item links-missing">Telegram non collegato</span></li>
+                            {% endfor %}
+                            {% for discord in royal.discord %}
+                                <li><span class="links-item links-linked">discord:{{ discord.full_username() }}</span></li>
+                            {% else %}
+                                <li><span class="links-item links-missing">Discord non collegato</span></li>
+                            {% endfor %}
+                        </ul>
+                    </div>
+                </div>
             </div>
-            <div class="dbox-bot">
-                <ul class="links-list">
-                    <li><span class="links-item links-linked">royalnet:{{ royal.username }}</span></li>
-                    {% for telegram in royal.telegram %}
-                        {% if telegram.username %}
-                            <li><a class="links-item links-linked" href="https://t.me/{{ telegram.username }}">telegram:{{ telegram.mention() }}</a></li>
-                        {% else %}
-                            <li><span class="links-item links-linked">telegram:{{ telegram.mention() }}</span></li>
-                        {% endif %}
-                    {% else %}
-                        <li><span class="links-item links-missing">Telegram non collegato</span></li>
-                    {% endfor %}
-                    {% for discord in royal.discord %}
-                        <li><span class="links-item links-linked">discord:{{ discord.full_username() }}</span></li>
-                    {% else %}
-                        <li><span class="links-item links-missing">Discord non collegato</span></li>
-                    {% endfor %}
-                </ul>
-            </div>
-        </div>
-        <div class="dbox profile-stats">
-            <div class="dbox-top">
-                <span class="left">Statistiche</span>
-            </div>
-            <div class="dbox-bot">
-                <ul class="stats-list">
-                    <li><span class="stats-info">Righe del diario create</span>: <span class="stats-value">{{ royal.diario_created|length }}</span></li>
-                    <li><span class="stats-info">Righe del diario in cui è menzionato</span>: <span class="stats-value">{{ royal.diario_quoted|length }}</span></li>
-                    <li><span class="stats-info">Modifiche alla wiki</span>: <span class="stats-value">{{ royal.wiki_contributions|length }}</span>
-                    {% if royal.active_kv_group %}
-                        <li><span class="stats-info">Kvgroup attivo</span>: <span class="stats-value">{{ royal.active_kv_group[0].group_name }}</span></li>
-                    {% else %}
-                        <li><span class="stats-info">Kvgroup attivo</span>: <span class="stats-value disabled">Nessuno</span></li>
-                    {% endif %}
-                </ul>
-            </div>
-        </div>
-        <div class="dbox profile-aliases">
-            <div class="dbox-top">
-                <span class="left">Alias</span>
-            </div>
-            <div class="dbox-bot">
-                <ul class="alias-list">
-                    {% for alias in royal.aliases %}
-                        <li>{{ alias.alias|capitalize }}</li>
-                    {% endfor %}
-                </ul>
+            <div class="column">
+                <div class="dbox profile-stats">
+                    <div class="dbox-top">
+                        <span class="left">Statistiche</span>
+                    </div>
+                    <div class="dbox-bot">
+                        <ul class="stats-list">
+                            <li><span class="stats-info">Righe del diario create</span>: <span class="stats-value">{{ royal.diario_created|length }}</span></li>
+                            <li><span class="stats-info">Righe del diario in cui è menzionato</span>: <span class="stats-value">{{ royal.diario_quoted|length }}</span></li>
+                            <li><span class="stats-info">Modifiche alla wiki</span>: <span class="stats-value">{{ royal.wiki_contributions|length }}</span>
+                            {% if royal.active_kv_group %}
+                                <li><span class="stats-info">Kvgroup attivo</span>: <span class="stats-value">{{ royal.active_kv_group[0].group_name }}</span></li>
+                            {% else %}
+                                <li><span class="stats-info">Kvgroup attivo</span>: <span class="stats-value disabled">Nessuno</span></li>
+                            {% endif %}
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="column">
+                <div class="dbox profile-aliases">
+                    <div class="dbox-top">
+                        <span class="left">Alias</span>
+                    </div>
+                    <div class="dbox-bot">
+                        <ul class="alias-list">
+                            {% for alias in royal.aliases %}
+                                <li>{{ alias.alias|capitalize }}</li>
+                            {% endfor %}
+                        </ul>
+                    </div>
+                </div>
             </div>
         </div>
+        <h2>
+            Medals
+        </h2>
+        <p>
+            TODO
+        </p>
     </div>
 {% endblock %}
diff --git a/royalnet/web/royalprints/wikiedit/templates/wikiedit_page.html b/royalnet/web/royalprints/wikiedit/templates/wikiedit_page.html
index dcaf3cbf..3929b4e4 100644
--- a/royalnet/web/royalprints/wikiedit/templates/wikiedit_page.html
+++ b/royalnet/web/royalprints/wikiedit/templates/wikiedit_page.html
@@ -17,7 +17,7 @@
             </span>
         </div>
         <div class="dbox-bot">
-            <form method="POST" class="wikiedit-form fullsize">
+            <form method="POST" class="wikiedit-form full">
                 <label for="wikiedit-title" class="label-big">
                     <span class="label-text">Titolo</span>
                     <input id="wikiedit-title" type="text" name="title" value="{{ page.title }}">
diff --git a/royalnet/web/static/ryg.css b/royalnet/web/static/ryg.css
index 687b3622..333a0d78 100644
--- a/royalnet/web/static/ryg.css
+++ b/royalnet/web/static/ryg.css
@@ -314,22 +314,22 @@ table tbody tr:last-child td:first-child {
 table tbody tr:last-child td:last-child {
   border-radius: 0 0 4px 0;
 }
-form.fullsize label {
+form.full label {
   margin-top: 4px;
   margin-bottom: 4px;
   display: flex;
 }
-form.fullsize label .label-text {
+form.full label .label-text {
   margin-right: 12px;
   min-width: 60px;
 }
-form.fullsize label input {
+form.full label input {
   flex-grow: 1;
 }
-form.fullsize label.label-big {
+form.full label.label-big {
   font-size: x-large;
 }
-form.fullsize label.label-big * {
+form.full label.label-big * {
   font-size: x-large;
 }
 *[disabled=""],
@@ -398,17 +398,31 @@ form.fullsize label.label-big * {
   background-color: rgba(160, 204, 255, 0.2);
   color: #ffffff !important;
 }
-.horizontal-container {
+.horizontal-container-main {
   display: flex;
   justify-content: center;
   align-content: center;
   flex-direction: row;
 }
-@media (max-width: 799px) {
-  .horizontal-container {
+@media (max-width: 1199px) {
+  .horizontal-container-main {
     flex-direction: column;
   }
 }
+.columns-3 {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  flex-direction: row;
+}
+.columns-3 .column {
+  width: 33.3%;
+}
+.fill {
+  width: 100%;
+  height: 100%;
+  margin: 0 !important;
+}
 .vertical-main {
   width: 100%;
 }
diff --git a/royalnet/web/static/ryg.css.map b/royalnet/web/static/ryg.css.map
index 7d1a817f..945acaa8 100644
--- a/royalnet/web/static/ryg.css.map
+++ b/royalnet/web/static/ryg.css.map
@@ -1 +1 @@
-{"version":3,"sources":["ryg.less"],"names":[],"mappings":"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","file":"ryg.css"}
\ No newline at end of file
+{"version":3,"sources":["ryg.less"],"names":[],"mappings":"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","file":"ryg.css"}
\ No newline at end of file
diff --git a/royalnet/web/static/ryg.less b/royalnet/web/static/ryg.less
index 4928625e..52cd750e 100644
--- a/royalnet/web/static/ryg.less
+++ b/royalnet/web/static/ryg.less
@@ -387,7 +387,7 @@ table {
     }
 }
 
-form.fullsize {
+form.full {
 
     label {
         margin-top: 4px;
@@ -492,18 +492,37 @@ form.fullsize {
 }
 
 //Horizontal container, should contain elements such as main and sidebar
-.horizontal-container {
+.horizontal-container-main {
     display: flex;
     justify-content: center;
     align-content: center;
     flex-direction: row;
 
-    @media (max-width: 799px)
+    @media (max-width: 1199px)
     {
         flex-direction: column;
     }
 }
 
+//Tripart horizontal container
+.columns-3 {
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    flex-direction: row;
+    
+    .column {
+        width: 33.3%;
+    }
+}
+
+//Fill the whole parent element and ignore margins
+.fill {
+    width: 100%;
+    height: 100%;
+    margin: 0 !important;
+}
+
 //Vertical main page container
 .vertical-main {
     width: 100%;
diff --git a/royalnet/web/static/tf2.css b/royalnet/web/static/tf2.css
index 1afbe1bc..2e73cc59 100644
--- a/royalnet/web/static/tf2.css
+++ b/royalnet/web/static/tf2.css
@@ -228,14 +228,14 @@ nav .nav-sitename {
 nav .nav-login-unavailable {
   opacity: 0.25;
 }
-.horizontal-container {
+.horizontal-container-main {
   display: flex;
   justify-content: center;
   align-content: center;
   flex-direction: column;
 }
 @media (min-width: 800px) {
-  .horizontal-container {
+  .horizontal-container-main {
     flex-direction: row;
   }
 }
diff --git a/royalnet/web/static/tf2.less b/royalnet/web/static/tf2.less
index bcdd1f72..541033d2 100644
--- a/royalnet/web/static/tf2.less
+++ b/royalnet/web/static/tf2.less
@@ -275,7 +275,7 @@ nav {
 
 //Elements
 
-.horizontal-container {
+.horizontal-container-main {
     display: flex;
     justify-content: center;
     align-content: center;
diff --git a/royalnet/web/templates/base.html b/royalnet/web/templates/base.html
index 332ac24c..c22151c3 100644
--- a/royalnet/web/templates/base.html
+++ b/royalnet/web/templates/base.html
@@ -55,7 +55,7 @@
             </span>
         </div>
     </nav>
-    <div class="horizontal-container">
+    <div class="horizontal-container-main">
         <div class="vertical-main">
             {% block content %}{% endblock %}
         </div>