Add a form to edit basic user settings

- First / last name
- Email address

InvenTree/templates/InvenTree/settings.html

@@ -5,10 +5,36 @@ InvenTree | Settings
 {% endblock %}
 
 {% block content %}
-<h3>Settings</h3>
+<h3>InvenTree Settings</h3>
 <hr>
 
-Logged in as {{ user.username }}
+<div class='row'>
+    <div class='col-sm-6'>
+        <h4>User Information</h4>
+    </div>
+    <div class='col-sm-6'>
+        <div class='btn-group' style='float: right;'>
+            <div class='btn btn-primary' type='button' id='edit-user' title='Edit User Information'>Edit</div>
+            <div class='btn btn-primary' type='button' id='edit-password' title='Change Password'>Set Password</div>
+        </div>
+    </div>
+</div>
+
+
+<table class='table table-striped table-condensed'>
+    <tr>
+        <td>First Name</td>
+        <td>{{ user.first_name }}</td>
+    </tr>
+    <tr>
+        <td>Last Name</td>
+        <td>{{ user.last_name }}</td>
+    </tr>
+    <tr>
+        <td>Email Address</td>
+        <td>{{ user.email }}</td>
+    </tr>
+</table>
 
 {% endblock %}
 
@@ -18,4 +44,14 @@ Logged in as {{ user.username }}
 
 {% block js_ready %}
 {{ block.super }}
+
+    $("#edit-user").on('click', function() {
+        launchModalForm(
+            "{% url 'edit-user' %}",
+            {
+                reload: true,
+            }
+        );
+    });
+
 {% endblock %}