aboutsummaryrefslogtreecommitdiff
path: root/juick-spring-www/src/main/webapp/WEB-INF/templates/views
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2016-12-12 14:28:34 +0300
committerGravatar Vitaly Takmazov2016-12-12 14:28:34 +0300
commit5146e43ab81143a4fab59b43d4a71fd3de0f6ac9 (patch)
treea9e43de057ace3bfe3d0451659befe4da02a2f38 /juick-spring-www/src/main/webapp/WEB-INF/templates/views
parentb4e5f39e6d4eed566abf7fa5933ff5928dd67e2f (diff)
juick-spring-www: settings templates and other WIP
Diffstat (limited to 'juick-spring-www/src/main/webapp/WEB-INF/templates/views')
-rw-r--r--juick-spring-www/src/main/webapp/WEB-INF/templates/views/pm_inbox.html8
-rw-r--r--juick-spring-www/src/main/webapp/WEB-INF/templates/views/pm_sent.html8
-rw-r--r--juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_about.html10
-rw-r--r--juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_auth-email.html2
-rw-r--r--juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_main.html104
-rw-r--r--juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_password.html2
-rw-r--r--juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_result.html4
7 files changed, 62 insertions, 76 deletions
diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/pm_inbox.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/pm_inbox.html
index 7ab557f5..7de997b8 100644
--- a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/pm_inbox.html
+++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/pm_inbox.html
@@ -12,10 +12,10 @@
<li class="msg" th:each="msg:${msgs}">
<div class="msg-cont">
<div class="msg-header">
- @<a href="/${msg.getUser().getName()}/" th:text="${msg.getUser().getName()}">ugnich</a>:
+ @<a th:href="|/${msg.getUser().getName()}/|" th:text="${msg.getUser().getName()}">ugnich</a>:
<div class="msg-avatar">
- <a href="/${msg.getUser().getName()}/">
- <img src="//i.juick.com/a/${msg.getUser().getUid()}.png" alt="${msg.getUser().getName()}"/>
+ <a th:href="|/${msg.getUser().getName()}/|">
+ <img th:src="|//i.juick.com/a/${msg.getUser().getUid()}.png|" th:alt="${msg.getUser().getName()}"/>
</a>
</div>
<div class="msg-ts" th:text="${msg.getDate()}">01.01.1970</div>
@@ -37,7 +37,7 @@
</ul>
</section>
<aside id="column">
- <p th:replace="views/partial/homecolumn.html">Main side column</p>
+ <p layout:fragment="column" th:replace="views/partial/homecolumn">Main side column</p>
</aside>
</body>
diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/pm_sent.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/pm_sent.html
index f2c05ad3..8978ff67 100644
--- a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/pm_sent.html
+++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/pm_sent.html
@@ -20,10 +20,10 @@
<li class="msg" th:each="msg:${msgs}">
<div class="msg-cont">
<div class="msg-header">
- @<a href="/${msg.getUser().getName()}/" th:text="${msg.getUser().getName()}">ugnich</a>:
+ @<a th:href="|/${msg.getUser().getName()}/|" th:text="${msg.getUser().getName()}">ugnich</a>:
<div class="msg-avatar">
- <a href="/${msg.getUser().getName()}/">
- <img src="//i.juick.com/a/${msg.getUser().getUid()}.png" alt="${msg.getUser().getName()}"/>
+ <a th:href="|/${msg.getUser().getName()}/|">
+ <img th:src="|//i.juick.com/a/${msg.getUser().getUid()}.png|" th:alt="${msg.getUser().getName()}"/>
</a>
</div>
<div class="msg-ts" th:text="${msg.getDate()}">01.01.1970</div>
@@ -35,7 +35,7 @@
</div>
</section>
<aside id="column">
- <p th:replace="views/partial/homecolumn.html">Main side column</p>
+ <p layout:fragment="column" th:replace="views/partial/homecolumn">Main side column</p>
</aside>
</body>
diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_about.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_about.html
index b93a699e..6f8f61dd 100644
--- a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_about.html
+++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_about.html
@@ -10,12 +10,12 @@
<section id="content">
<article layout:fragment="content">
<form action="/settings" method="POST" enctype="multipart/form-data">
- <p>Full name: <input type="text" name="fullname" value="${userinfo.getFullName()}"/></p>
- <p>Country: <input type="text" name="country" value="${userinfo.getCountry()}"/></p>
- <p>URL: <input type="text" name="url" value="${userinfo.getUrl()}" size="32"/><br/>
+ <p>Full name: <input type="text" name="fullname" th:value="${userinfo.getFullName()}"/></p>
+ <p>Country: <input type="text" name="country" th:value="${userinfo.getCountry()}"/></p>
+ <p>URL: <input type="text" name="url" th:value="${userinfo.getUrl()}" size="32"/><br/>
<small>Please, start with &quot;http://&quot;</small></p>
<p>About:<br/>
- <input type="text" name="descr" value="${userinfo.getDescription()}" style="width: 100%"/><br/>
+ <input type="text" name="descr" th:value="${userinfo.getDescription()}" style="width: 100%"/><br/>
<small>Max. 255 symbols</small></p>
<p>Avatar: <input type="file" name="avatar"/><br/>
<small>Recommendations: PNG, 96x96, &lt;50Kb. Also, JPG and GIF supported.</small></p>
@@ -24,7 +24,7 @@
</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>
diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_auth-email.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_auth-email.html
index d4788fd6..715d474d 100644
--- a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_auth-email.html
+++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_auth-email.html
@@ -13,7 +13,7 @@
</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>
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>
diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_password.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_password.html
index 4c6e0d4d..d1e7e075 100644
--- a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_password.html
+++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_password.html
@@ -19,7 +19,7 @@
</fieldset>
</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>
diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_result.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_result.html
index ddde1baf..20cb097d 100644
--- a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_result.html
+++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/settings_result.html
@@ -8,10 +8,10 @@
<body>
<section id="content">
- <p th:utext="${result}">Settings update status</p>
+ <p layout:fragment="content" th:utext="${result}">Settings update status</p>
</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>