- basic admin panel and user management

src/views/user-edit.ecr

@@ -0,0 +1,67 @@
+<div id="alert"></div>
+
+<form action="/admin/user/edit" method="post" accept-charset="utf-8">
+
+  <div class="uk-margin">
+    <label class="uk-form-label" for="form-stacked-text">Username</label>
+    <input class="uk-input" type="text" name="username"
+      <%- if username -%>
+      value=<%= username %>
+      <%- end -%>
+    >
+  </div>
+  <%- if new_user -%>
+  <div class="uk-margin">
+    <label class="uk-form-label" for="form-stacked-text">Password</label>
+    <input class="uk-input" type="password" name="password">
+  </div>
+  <%- end -%>
+  <div class="uk-margin">
+    <label class="uk-form-label" for="form-stacked-text">Admin Access</label>
+    <input class="uk-checkbox" type="checkbox" name="admin"
+    <%- if admin == true -%>
+      checked
+    <%- end -%>
+    >
+  </div>
+
+  <%- if !new_user -%>
+  <div>
+    <button class="uk-button uk-button-default" type="button" uk-toggle="target: #change-password">Change Password</button>
+    <div id="change-password" class="uk-margin" hidden>
+      <label class="uk-form-label" for="form-stacked-text">New Password</label>
+      <input class="uk-input" type="password" name="password">
+    </div>
+  </div>
+  <%- end -%>
+
+  <hr class="uk-divider-icon">
+
+  <input type="submit" value="Save" class="uk-button uk-button-primary">
+</form>
+
+
+<% content_for "script" do %>
+<script>
+  $(function(){
+    var target = '/admin/user/edit';
+    <%- if !new_user -%>
+      target += '/<%= username %>';
+    <%- end -%>
+    $('form').attr('action', target);
+
+    function alert(level, text) {
+      hideAlert();
+      var html = '<div class="uk-alert-' + level + '" uk-alert><a class="uk-alert-close" uk-close></a><p>' + text + '</p></div>';
+      $('#alert').append(html);
+    }
+    function hideAlert() {
+      $('#alert').empty();
+    }
+
+    <%- if error -%>
+      alert('danger', '<%= error %>');
+    <%- end -%>
+  });
+</script>
+<% end %>