Adding local storage support for vote form

Author: arfon

app/views/papers/_vote_summary.html.erb

@@ -9,7 +9,8 @@
       <div class="form-group">
         <div class="row">
           <div class="col">
-            <%= f.text_area :comment, class: "form-control", placeholder: "Include a comment with your vote (required)" %>
+            <%= f.text_area :comment, class: "form-control", placeholder: "Include a comment with your vote (required)", 
+                data: { paper_id: @paper.id }, id: "vote-comment" %>
           </div>
         </div>
       </div>
@@ -28,6 +29,31 @@
         </div>
       </div>
 
+      <script>
+        document.addEventListener('DOMContentLoaded', function() {
+          const commentField = document.getElementById('vote-comment');
+          const paperId = commentField.dataset.paperId;
+          const storageKey = `vote_comment_${paperId}`;
+
+          // Load saved comment if it exists
+          const savedComment = localStorage.getItem(storageKey);
+          if (savedComment) {
+            commentField.value = savedComment;
+          }
+
+          // Save comment on input
+          commentField.addEventListener('input', function() {
+            localStorage.setItem(storageKey, this.value);
+          });
+
+          // Clear storage when form is submitted
+          const form = commentField.closest('form');
+          form.addEventListener('submit', function() {
+            localStorage.removeItem(storageKey);
+          });
+        });
+      </script>
+
       <div class="form-group">
         <%= link_to "View vote summary &raquo;".html_safe, "#voteSummary", class: 'tooltips', title: 'View vote summary', data: { toggle: 'collapse'} %>