/series/add: country suggestion link now works in the prototype.

Fix #572

Author: Shkarin

src/main/java/ru/mystamps/web/Url.java

@@ -80,7 +80,7 @@ public final class Url {
 	public static final String ADD_SERIES_WITH_COUNTRY_PAGE   = "/series/add/country/{slug}";
 
 	// MUST be updated when any of our resources were modified
-	public static final String RESOURCES_VERSION      = "v0.3.1";
+	public static final String RESOURCES_VERSION      = "v0.3.2";
 
 	// CheckStyle: ignore LineLength for next 4 lines
 	public static final String MAIN_CSS               = "/static/" + RESOURCES_VERSION + "/styles/main.min.css";

src/main/javascript/series/add.js

@@ -30,13 +30,16 @@ function initPage(suggestCountryUrl) {
 
 			var country = $("#js-guess-country-link");
 			country.click(function chooseSuggestedCountry() {
-				$(this).hide();
-
-				var select_country = $("#country").selectize();
-				var selectize = select_country[0].selectize;
-				selectize.setValue(slug);
+				chooseCountryBySlug(slug);
+				country.hide();
 			});
 			country.show();
 		});
 	}
 }
+
+function chooseCountryBySlug(slug) {
+	var select_country = $("#country").selectize();
+	var selectize = select_country[0].selectize;
+	selectize.setValue(slug);
+}

src/main/webapp/WEB-INF/static/styles/main.css

@@ -107,3 +107,7 @@ label {
 .goog-tooltip {
 	color: white;
 }
+
+.link-vcenter {
+	line-height: 34px;
+}

src/main/webapp/WEB-INF/views/series/add.html

@@ -204,7 +204,7 @@ <h3 th:text="${#strings.capitalize(add_series)}">
 							</div>
 
 							<small togglz:active="SHOW_SUGGESTION_LINK">
-								<a tabindex="-1" th:text="#{t_guess_country}" href="javascript:void(0)" id="js-guess-country-link" th:style="'display: none; position: relative; top: 7px;'">Guess a country</a>
+								<a tabindex="-1" th:text="#{t_guess_country}" href="javascript:$('#js-guess-country-link').hide(); chooseCountryBySlug('russia'); void(0)" th:href="'javascript:void(0)'" id="js-guess-country-link" class="link-vcenter" th:style="'display: none'">Guess a country</a>
 							</small>
 						</div>