From 5146e43ab81143a4fab59b43d4a71fd3de0f6ac9 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Mon, 12 Dec 2016 14:28:34 +0300
Subject: juick-spring-www: settings templates and other WIP

---
 .../WEB-INF/templates/views/settings_main.html     | 104 +++++++++------------
 1 file changed, 45 insertions(+), 59 deletions(-)

(limited to 'juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_main.html')

diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_main.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_main.html
index 42eff2e3..2db977f4 100644
--- a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_main.html
+++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_main.html
@@ -13,29 +13,27 @@
         <form action="/settings" method="POST" enctype="multipart/form-data">
             <fieldset>
                 <legend>Notification options</legend>
-                <p><input type="checkbox" name="jnotify" value="1" {% if notify_options.isRepliesEnabled() %}
-                          checked="checked" {% endif %}/> Reply notifications (&quot;Message posted&quot;)</p>
-                <p><input type="checkbox" name="subscr_notify" value="1" {% if notify_options.isSubscriptionsEnabled() %}
-                          checked="checked" {% endif %}/> Subscriptions notifications (&quot;@user subscribed...&quot;)</p>
-                <p><input type="checkbox" name="recomm" value="1" {% if notify_options.isRecommendationsEnabled() %}
-                          checked="checked" {% endif %}/> Posts recommendations (&quot;Recommended by @user&quot;)</p>
+                <p><input type="checkbox" name="jnotify" value="1"
+                          th:checked="${notify_options.isRepliesEnabled()}"/> Reply notifications (&quot;Message posted&quot;)</p>
+                <p><input type="checkbox" name="subscr_notify" value="1"
+                          th:checked="${notify_options.isSubscriptionsEnabled()}"/> Subscriptions notifications (&quot;@user subscribed...&quot;)</p>
+                <p><input type="checkbox" name="recomm" value="1"
+                          th:checked="${notify_options.isRecommendationsEnabled()}"/> Posts recommendations (&quot;Recommended by @user&quot;)</p>
                 <p><input type="hidden" name="page" value="main"/><input type="submit" value="  OK  "/></p>
             </fieldset>
         </form>
         <fieldset>
             <legend style="background: url(//telegram.org/favicon.ico?3) no-repeat; padding-left: 58px; line-height: 48px;">
                 Telegram</legend>
-            {% if telegram_name is not empty %}
-            <form action="/settings" method="post">
-                <div>Telegram: <b>{{ telegram_name }}</b> &mdash;
+            <form action="/settings" method="post" th:if="${telegram_name != null}">
+                <div>Telegram: <b th:text="${telegram_name}">telegram_name</b> &mdash;
                     <input type="hidden" name="page" value="telegram-del"/>
                     <input type="submit" value="  Disable  "/>
                 </div>
             </form>
-            {% else %}
-            <p>To connect Telegram account: send any text message to <a href="https://telegram.me/Juick_bot">@Juick_bot</a>
+            <p th:if="${telegram_name == null}">
+                To connect Telegram account: send any text message to <a href="https://telegram.me/Juick_bot">@Juick_bot</a>
             </p>
-            {% endif %}
         </fieldset>
         <form action="/settings" method="POST" enctype="multipart/form-data">
             <fieldset>
@@ -44,19 +42,17 @@
                 </legend>
                 <p>Your accounts:</p>
                 <p>
-                    {% for jid in jids %}
-                    <label><input type="radio" name="delete" value="xmpp;{{ jid }}">{{ jid }}</label><br/>
-                    {% endfor %}
-                    {% for auth in auths %}
+                    <th:block th:each="jid:${jids}">
+                    <label><input type="radio" name="delete" th:value="|xmpp;${jid}}" th:text="${jid}">username@jabber.ru</label><br/>
+                    </th:block>
+                    <th:block th:each="auth:${auths}">
                     <label><input type="radio" name="delete"
-                                  value="xmpp-unauth;{{ auth.getAccount() }}">{{ auth.getAccount() }}</label>
+                                  th:value="|xmpp-unauth;${auth.getAccount()}|" th:text="${auth.getAccount()}">account</label>
                     &mdash; <a href="#"
                                onclick="alert(\'To confirm, please send &quot;AUTH {{ auth.getAuthCode() }}&quot; (without quotes) from this account to &quot;juick@juick.com&quot;.\'); return false;">Confirm</a><br/>
-                    {% endfor %}
+                    </th:block>
                 </p>
-                {% if jids is not empty %}
-                <p><input type="hidden" name="page" value="jid-del"/><input type="submit" value="  Delete  "/></p>
-                {% endif %}
+                <p th:if="#{not lists.isEmpty(jids)}"><input type="hidden" name="page" value="jid-del"/><input type="submit" value="  Delete  "/></p>
                 <p>To add new jabber account: send any text message to <a href="xmpp:juick@juick.com?message;body=login">juick@juick.com</a>
                 </p>
             </fieldset>
@@ -75,42 +71,37 @@
             <form action="/settings" method="POST" enctype="multipart/form-data">
                 <p>Your accounts:</p>
                 <p>
-                    {% for email in emails %}
-                    <label><input type="radio" name="account" value="{{ email }}">{{ email }}</label><br/>
-                    {% endfor %}
-                    {% if emails is empty %}
-                    - </p>
-                {% else %}
-                </p>
-                <p><input type="hidden" name="page" value="email-del"/><input type="submit" value="  Delete  "/></p>
-                {% endif %}
+                    <th:block th:each="email:${emails}">
+                    <label><input type="radio" name="account" th:value="${email}" th:text="${email}">email@domain.tls</label><br/>
+                    </th:block>
+                    <p th:if="#{lists.isEmpty(emails)}">
+                        -</p>
+                    <th:block th:if="#{not lists.isEmpty(emails)}">
+                    </p>
+                    <p><input type="hidden" name="page" value="email-del"/><input type="submit" value="  Delete  "/></p>
+                    </th:block>
             </form>
-            {% if emails is not empty %}
-            <form action="/settings" method="POST" enctype="multipart/form-data">
+            <form action="/settings" method="POST" enctype="multipart/form-data" th:if="#{not lists.isEmpty(emails)}">
                 <p>You can receive all your subscriptions by email:<br/>
                     Sent to <select name="account">
                         <option value="">Disabled</option>
-                        {% for email in emails %}
-                        <option value="{{ email }}" {% if eopts.getEmail()== email %} selected="selected" {% endif %}>
-                            {{ email }}
+                        <option th:each="email:${emails}" th:value="${email}" th:text="${email}"
+                                th:selected="${eopts.getEmail()== email}">
                         </option>
-                        {% endfor %}
                     </select> every day at <select name="time">
-                        {% for hour in hours %}
-                        <option value="{{ hour }}" {% if eopts.getSubscriptionHour() == hour %} selected="selected" {%
-                                endif %}>
-                            {{ hour }}:00 GMT
+                        <th:block th:each="hour:${hours}">
+                        <option th:value="${hour}" th:selected="${eopts.getSubscriptionHour() == hour}"
+                                th:text="|${hour}:00 GMT|">
                         </option>
-                        {% endfor %}
+                        </th:block>
                     </select>
                     <input type="hidden" name="page" value="email-subscr"/>
                     <input type="submit" value="OK"/></p>
             </form>
-            {% endif %}
             <p>&nbsp;</p>
             <p>You can post to Juick via e-mail. Send your <span style="text-decoration: underline">plain text</span>
                 messages to special secret e-mail. You can attach one photo or video file.</p>
-            <p>Secret email: {% if ehash is not empty %} <strong>{{ ehash }}</strong> {% else %}-{% endif %}</p>
+            <p>Secret email: <strong th:if="${ehash != null}" th:text="${ehash}">SecretEmail@juick.com</strong><th:block th:if="${ehash == null}">-</th:block></p>
             <form action="/settings" method="post">
                 <p><input type="hidden" name="page" value="email"/><input type="submit" value="  Generate new  "/></p>
             </form>
@@ -119,48 +110,43 @@
             <legend style="background: url(//static.juick.com/settings/facebook.png) no-repeat; padding-left: 58px; line-height: 48px;">
                 Facebook
             </legend>
-            {% if fbstatus.isConnected() %}
-            {% if fbstatus.isCrosspostEnabled() %}
-            <form action="/settings" method="post">
+            <form action="/settings" method="post" th:if="${fbstatus.isConnected() && fbstatus.isCrosspostEnabled()}">
                 <div>
                     Facebook: <b>Enabled</b> &mdash;
                     <input type="hidden" name="page" value="facebook-disable"/>
                     <input type="submit" value="  Disable  "/>
                 </div>
             </form>
-            {% else %}
-            <form action="/settings" method="post">
+            <form action="/settings" method="post" th:if="${fbstatus.isConnected() && !fbstatus.isCrosspostEnabled()}">
                 <div>
                     Facebook: <b>Disabled</b> &mdash;
                     <input type="hidden" name="page" value="facebook-enable"/>
                     <input type="submit" value="  Enable  "/>
                 </div>
             </form>
-            {% endif %}
-            {% else %}
-            <p>Cross-posting to Facebook: <a href="/_fblogin"><img src="//static.juick.com/facebook-connect.png" alt="Connect to Facebook"/></a></p>
-            {% endif %}
+            <p th:if="${!fbstatus.isConnected()}">Cross-posting to Facebook:
+                <a href="/_fblogin">
+                    <img src="//static.juick.com/facebook-connect.png" alt="Connect to Facebook"/>
+                </a>
+            </p>
         </fieldset>
         <fieldset>
             <legend style="background: url(//static.juick.com/settings/twitter.png) no-repeat; padding-left: 58px; line-height: 48px;">
                 Twitter</legend>
-            {% if twitter_name is not empty %}
-            <form action="/settings" method="post">
-                <div>Twitter: <b>{{ twitter_name }}</b> &mdash;
+            <form action="/settings" method="post" th:if="${twitter_name != null}">
+                <div>Twitter: <b th:text="${twitter_name}">@twitterName</b> &mdash;
                     <input type="hidden" name="page" value="twitter-del"/>
                     <input type="submit" value="  Disable  "/>
                 </div>
             </form>
-            {% else %}
-            <p>Cross-posting to Twitter: <a href="/_twitter"><img src="//static.juick.com/twitter-connect.png"
+            <p th:if="${twitter_name == null}">Cross-posting to Twitter: <a href="/_twitter"><img src="//static.juick.com/twitter-connect.png"
                                                                   alt="Connect to Twitter"/></a></p>
-            {% endif %}
         </fieldset>
 
     </article>
 </section>
 <aside id="column">
-    <p th:replace="views/partial/settings/tabs">Settings navigation</p>
+    <p layout:fragment="column" th:replace="views/partial/settings_tabs">Settings navigation</p>
 </aside>
 
 </body>
-- 
cgit v1.2.3