index.html

<html>
<script>
  
function isOneChecked() {
  // All <input> tags...
  var chx = document.getElementsByTagName('input');
  for (var i=0; i<chx.length; i++) {
    // If you have more than one radio group, also check the name attribute
    // for the one you want as in && chx[i].name == 'choose'
    // Return true from the function on first match of a checked item
    if (chx[i].type == 'radio' && chx[i].checked) {
      return true;
    } 
  }
  // End of the loop, return false
  alert("At least choose one value")
  return false;
}
  </script>
  
  <body>
  {% if currentUser!="DefaultUser" %}
	<h2>Hello, {{currentUser}}!</h2>
  <a href="{{ url }}">{{ url_linktext }}</a>  
	
 <hr>
  <div>
    <h3>View vote results:</h3>
      <form action="/view_results" onsubmit="return isOneChecked()" method="post">
      {% for category in categories1 %}       
        <input type="radio" name="category" value="{{ category.name|escape }}">{{ category.name|escape }}<br>
      {% endfor %}
	  <button name="action" type="submit" value="Select">Select</button>
      </form> 
  </div>

  <hr>
  <div>
    <h3>Select category to vote:</h3>
      <form action="/vote_category" onsubmit="return isOneChecked()" method="post">
      {% for category in categories2 %}       
        <input type="radio" name="vote" value="{{ category.name|escape }}">{{ category.name|escape }}<br>
      {% endfor %}
	  <button name="action" type="submit" value="Select">Select</button>
      </form> 
  </div>

  <hr>
  <div>
    <h3>Create new category</h3>
    <br>
    <form action="/create_category" method="post">
      Category Name: <input type="text" name="category_name"><br>
      <input type="submit" value="Create">
    </form>
  </div>

  <hr>
  <div>
    <h3>Edit current user created category</h3>
    {% if editableCategory.count != 0 %}
      <form action="/edit_category" onsubmit="return isOneChecked()" method="post">
      {% for category in editableCategory %}       
        <input type="radio" name="edit" value="{{ category.name|escape }}">{{ category.name|escape }}<br>
      {% endfor %}
	  <button name="action" type="submit" value="Edit">Edit</button>
	  <button name="action" type="submit" value="Remove">Remove</button>
      </form>   
    {% endif %}
  </div>

  <hr>
  <div>
    <h3>Import category from XML:</h3>
      <form action="/import_category" ENCTYPE="multipart/form-data" method="post">
		<input type="file" name="filename"><br>
		<input type="submit" value="Upload">
	  </form>
  </div>


  {% else %}
	<h2>You have not logged in yet, please log in!</h2>
  <a href="{{ url }}">{{ url_linktext }}</a>
  {% endif %}
  </body>
</html>       