Turn profile fields into their own container classes.

[Sone.git] / src / main / resources / templates / editProfile.html

diff --git a/src/main/resources/templates/editProfile.html b/src/main/resources/templates/editProfile.html
index 7b3eb18..189488e 100644 (file)
--- a/src/main/resources/templates/editProfile.html
+++ b/src/main/resources/templates/editProfile.html
@@ -1,13 +1,35 @@
 <%include include/head.html>
 
        <script language="javascript">
-               $(document).ready(function() {
-                       registerInputTextareaSwap("#sone #edit-profile input[name=first-name]", "WebInterface.DefaultText.FirstName", true);
-                       registerInputTextareaSwap("#sone #edit-profile input[name=middle-name]", "WebInterface.DefaultText.MiddleName", true);
-                       registerInputTextareaSwap("#sone #edit-profile input[name=last-name]", "WebInterface.DefaultText.LastName", true);
+               $(function() {
+                       getTranslation("WebInterface.DefaultText.FirstName", function(firstNameDefaultText) {
+                               registerInputTextareaSwap("#sone #edit-profile input[name=first-name]", firstNameDefaultText, "first-name", true, true);
+                       });
+                       getTranslation("WebInterface.DefaultText.MiddleName", function(middleNameDefaultText) {
+                               registerInputTextareaSwap("#sone #edit-profile input[name=middle-name]", middleNameDefaultText, "middle-name", true, true);
+                       });
+                       getTranslation("WebInterface.DefaultText.LastName", function(lastNameDefaultText) {
+                               registerInputTextareaSwap("#sone #edit-profile input[name=last-name]", lastNameDefaultText, "last-name", true, true);
+                       });
+                       getTranslation("WebInterface.DefaultText.BirthDay", function(birthDayDefaultText) {
+                               registerInputTextareaSwap("#sone #edit-profile input[name=birth-day]", birthDayDefaultText, "birth-day", true, true);
+                       });
+                       getTranslation("WebInterface.DefaultText.BirthMonth", function(birthMonthDefaultText) {
+                               registerInputTextareaSwap("#sone #edit-profile input[name=birth-month]", birthMonthDefaultText, "birth-month", true, true);
+                       });
+                       getTranslation("WebInterface.DefaultText.BirthYear", function(birthYearDefaultText) {
+                               registerInputTextareaSwap("#sone #edit-profile input[name=birth-year]", birthYearDefaultText, "birth-year", true, true);
+                       });
+                       getTranslation("WebInterface.DefaultText.FieldName", function(fieldNameDefaultText) {
+                               registerInputTextareaSwap("#sone #add-profile-field input[name=field-name]", fieldNameDefaultText, "field-name", true, true);
+                       });
+
+                       <%foreach fields field>
+                               registerInputTextareaSwap("#sone #edit-profile input[name=field-<% loop.count>]", <% field.key|js>, "field-<% loop.count>", true, true);
+                       <%/foreach>
 
                        /* hide all the labels. */
-                       $("#sone #edit-profile label").hide();
+                       $("#sone #edit-profile label, #sone #add-profile-field label").hide();
                });
        </script>
 
@@ -16,10 +38,6 @@
        <p><%= Page.EditProfile.Page.Description|l10n|html></p>
        <p><%= Page.EditProfile.Page.Hint.Optionality|l10n|html></p>
 
-       <%if changed>
-               <p><%= Page.EditProfile.Page.Status.Changed|l10n|html></p>
-       <%/if>
-
        <form id="edit-profile" method="post">
                <input type="hidden" name="formPassword" value="<% formPassword|html>" />
 
@@ -38,34 +56,66 @@
                        <input type="text" name="last-name" value="<% lastName|html>" />
                </div>
 
-               <div>
-                       <button type="submit"><%= Page.EditProfile.Button.Save|l10n|html></button>
+               <h1><%= Page.EditProfile.Birthday.Title|l10n|html></h1>
+
+               <div id="birth-day">
+                       <label for="birth-day"><%= Page.EditProfile.Birthday.Label.Day|l10n|html></label>
+                       <input type="text" name="birth-day" value="<% birthDay|html>" />
                </div>
 
-       </form>
+               <div id="birth-month">
+                       <label for="birth-month"><%= Page.EditProfile.Birthday.Label.Month|l10n|html></label>
+                       <input type="text" name="birth-month" value="<% birthMonth|html>" />
+               </div>
+
+               <div id="birth-year">
+                       <label for="birth-year"><%= Page.EditProfile.Birthday.Label.Year|l10n|html></label>
+                       <input type="text" name="birth-year" value="<% birthYear|html>" />
+               </div>
+
+               <div>
+                       <button type="submit" name="save-profile" value="true"><%= Page.EditProfile.Button.Save|l10n|html></button>
+               </div>
 
-       <h1><%= Page.EditProfile.Keys.Title|l10n|html></h1>
+               <h1><%= Page.EditProfile.Fields.Title|l10n|html></h1>
 
-       <p><%= Page.EditProfile.Keys.Description.RequestKey|l10n|html></p>
-       <p><%= Page.EditProfile.Keys.Description.InsertKey|l10n|html></p>
-       <p><%= Page.EditProfile.Keys.Description.Summary|l10n|html></p>
+               <p><%= Page.EditProfile.Fields.Description|l10n|html></p>
 
-       <div>
-               <label><%= Page.EditProfile.Label.RequestKey|l10n|html></label>
-               <input type="text" class="key" readonly="readonly" value="<% currentSone.requestUri|html>" />
-       </div>
-       <div>
-               <label><%= Page.EditProfile.Label.RequestKey|l10n|html></label>
-               <input type="text" class="key" readonly="readonly" value="<% currentSone.insertUri|html>" />
-       </div>
+               <%foreach fields field fieldLoop>
+                       <div class="profile-field" id="<% field.id|html>">
+                               <div class="name"><% field.name|html></div>
+                               <div class="edit-field-name"><button type="submit" name="edit-field-<% field.id|html>" value="true"><%= Page.EditProfile.Fields.Button.Edit|l10n|html></button></div>
+                               <div class="delete-field-name"><button type="submit" name="delete-field-<% field.id|html>" value="true"><%= Page.EditProfile.Fields.Button.Delete|l10n|html></button></div>
+                               <div class="<%if fieldLoop.last>hidden <%/if>move-down-field"><button type="submit" name="move-down-field-<% field.id|html>" value="true"><%= Page.EditProfile.Fields.Button.MoveDown|l10n|html></button></div>
+                               <div class="<%if fieldLoop.first>hidden <%/if>move-up-field"><button type="submit" name="move-up-field-<% field.id|html>" value="true"><%= Page.EditProfile.Fields.Button.MoveUp|l10n|html></button></div>
+                               <div class="value"><input type="text" name="field-<% field.id|html>" value="<% field.value|html>" /></div>
+                       </div>
 
-       <h1><%= Page.EditProfile.Backup.Title|l10n|html></h1>
+                       <%if fieldLoop.last>
+                               <div>
+                                       <button type="submit" name="save-profile" value="true"><%= Page.EditProfile.Button.Save|l10n|html></button>
+                               </div>
+                       <%/if>
+               <%/foreach>
 
-       <p><%= Page.EditProfile.Backup.Description|l10n|html></p>
+       </form>
 
-       <form action="backupProfile.html" method="post">
+       <form id="add-profile-field" method="post">
                <input type="hidden" name="formPassword" value="<% formPassword|html>" />
-               <button type="submit"><%= Page.EditProfile.Backup.Button.DownloadBackup|l10n|html></button>
+
+               <a name="profile-fields"></a>
+               <h2><%= Page.EditProfile.Fields.AddField.Title|l10n|html></h2>
+
+               <%if duplicateFieldName>
+                       <p><%= Page.EditProfile.Error.DuplicateFieldName|l10n|replace needle="{fieldName}" replacementKey="fieldName"|html></p>
+               <%/if>
+
+               <div id="new-field">
+                       <label for="new-field"><%= Page.EditProfile.Fields.AddField.Label.Name|l10n|html></label>
+                       <input type="text" name="field-name" value="" />
+                       <button type="submit" name="add-field" value="true"><%= Page.EditProfile.Fields.AddField.Button.AddField|l10n|html></button>
+               </div>
+
        </form>
 
 <%include include/tail.html>