<!DOCTYPE html>
<html>
<head>
<!-- TiTaToggle CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/titatoggle/1.2.11/titatoggle-dist-min.css">

<script type="text/javascript">
$(document).ready(function () {
  $(".checkbox input").change(function(){
    var chkbox = $(this);
    $.ajax({url: "/admins/" + chkbox.attr("id"),
            type: "PUT",
            data: {"admin": chkbox.prop("checked")}});
  });
});
</script>

<title>LZ Production Admins</title>
</head>
<body>
  {% for user in users %}
    <div class="checkbox checkbox-slider-info checkbox-slider--b"> <!-- could have checkbox-slider--b-flat -->
      <label>
	{% if user.admin %}
	  <input type="checkbox" id={{ user.id }} checked><span>{{ user.name }}</span>
	{% else %}
	  <input type="checkbox" id={{ user.id }}><span>{{ user.name }}</span>
	{% endif %}
      </label>
    </div>
  {% endfor %}
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<!-- TiTaToggle CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/titatoggle/1.2.11/titatoggle-dist-min.css">

<script type="text/javascript">
$(document).ready(function () {
  $(".checkbox input").change(function(){
    var chkbox = $(this);
    $.ajax({url: "/admins/" + chkbox.attr("id"),
            type: "PUT",
            data: {"admin": chkbox.prop("checked")}});
  });
});
</script>

<title>LZ Production Admins</title>
</head>
<body>
  {% for user in users %}
    <div class="checkbox checkbox-slider-info checkbox-slider--b"> <!-- could have checkbox-slider--b-flat -->
      <label>
	{% if user.admin %}
	  <input type="checkbox" id={{ user.id }} checked><span><span class="glyphicon glyphicon-user text-primary"/> {{ user.name }}</span>
	{% else %}
	  <input type="checkbox" id={{ user.id }}><span><span class="glyphicon glyphicon-user text-primary"/> {{ user.name }}</span>
	{% endif %}
      </label>
    </div>
  {% endfor %}
</body>
</html>

Add user icons to admin management page.
Add user icons to admin management page.

	modified:   src/html/admins.html
