From aa46b4a14b5a3fe1cb614e11ac116c573c0b216c Mon Sep 17 00:00:00 2001
From: Marcin Kurczewski <mkurczew@gmail.com>
Date: Wed, 17 Sep 2014 10:40:09 +0200
Subject: [PATCH] Changed access rank <select> to radio boxes

---
 .../UserAccountSettingsPresenter.js           |  2 +-
 public_html/templates/account-settings.tpl    | 30 ++++++++++---------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/public_html/js/Presenters/UserAccountSettingsPresenter.js b/public_html/js/Presenters/UserAccountSettingsPresenter.js
index febc9b24..a3d5ebfd 100644
--- a/public_html/js/Presenters/UserAccountSettingsPresenter.js
+++ b/public_html/js/Presenters/UserAccountSettingsPresenter.js
@@ -106,7 +106,7 @@ App.Presenters.UserAccountSettingsPresenter = function(
 			formData.passwordConfirmation = $el.find('[name=passwordConfirmation]').val();
 		}
 		if (privileges.canChangeAccessRank) {
-			formData.accessRank = $el.find('[name=access-rank]').val();
+			formData.accessRank = $el.find('[name=access-rank]:checked').val();
 		}
 
 		if (!validateAccountSettingsFormData(formData)) {
diff --git a/public_html/templates/account-settings.tpl b/public_html/templates/account-settings.tpl
index 73c9860b..8d259d5b 100644
--- a/public_html/templates/account-settings.tpl
+++ b/public_html/templates/account-settings.tpl
@@ -71,20 +71,22 @@
 		<div class="form-row">
 			<label class="form-label" for="account-settings-access-rank">Access rank:</label>
 			<div class="form-input">
-				<select name="access-rank" id="account-settings-access-rank">
-					<%
-						var accessRanks = {
-							anonymous: 'Anonymous',
-							regularUser: 'Regular user',
-							powerUser: 'Power user',
-							moderator: 'Moderator',
-							administrator: 'Administrator'
-						};
-					%>
-					<% _.each(accessRanks, function(v, k) { %>
-						<option <% print(user.accessRank == k ? 'selected="selected"' : '') %> value="<%= k %>"><%= v %></option>
-					<% }) %>
-				</select>
+				<%
+					var accessRanks = {
+						anonymous: 'Anonymous',
+						regularUser: 'Regular user',
+						powerUser: 'Power user',
+						moderator: 'Moderator',
+						administrator: 'Administrator'
+					};
+				%>
+				<% _.each(accessRanks, function(v, k) { %>
+					<input name="access-rank" type="radio" value="<%= k %>" id="access-rank-<%= k %>" <% print(user.accessRank == k ? 'checked="checked"' : '') %>>
+					<label for="access-rank-<%= k %>">
+						<% print(user.accessRank == k ? v + ' (current)' : v) %>
+					</label>
+					<br/>
+				<% }) %>
 			</div>
 		</div>
 	<% } %>