form progress

app/templates/dashboard/constants.html

@@ -1,4 +1,4 @@
-{% extends 'dashboard_base' %}
+{% extends '/dashboard/dashboard_base.html' %}
 {% set constants_active = True %}
 {% block dashboard_body %}
 constants

app/templates/dashboard/dashboard.html

@@ -1,4 +1,4 @@
-{% extends 'dashboard/dashboard_base.html' %}
+{% extends '/dashboard/dashboard_base.html' %}
 {% set dashboard_home_active = True %}
 {% block dashboard_body %}
 <section></section>

app/templates/dashboard/dashboard_base.html

@@ -8,7 +8,7 @@
             </p>
             <ul class="menu-list">
                 <li><a href="{{ url_for('dashboard') }}" {% if dashboard_home_active %}class="is-active"{% endif %}>Home</a></li>
-                <li><a href="{{ url_for('profile_settings') }}" {% if dashboard_profile_settings_active %}class="is-active"{% endif %}>Profile Settings</a></li>
+                <li><a href="{{ url_for('profile_settings') }}" {% if profile_settings_active %}class="is-active"{% endif %}>Profile Settings</a></li>
             </ul>
             <ul class="menu-list">
                 
@@ -19,7 +19,7 @@
             <ul class="menu-list">
                 <li><a href="{{ url_for('constants') }}" {% if constants_active %}class="is-active"{% endif %}>Constants</a></li>
                 <li>
-                    <a {% if role_settings_active %}class="is-active"{% endif %}><abbr title="Role Based Access Control">RBAC</abbr> Settings</a>
+                    <a href="{{ url_for('rbac') }}" {% if role_settings_active %}class="is-active"{% endif %}>RBAC Settings</a>
                     <ul>
                         <li><a href="{{ url_for('rbac') + '#apply-user-roles' }}">Apply Roles to User(s)</a></li>
                         <li><a href="{{ url_for('rbac') + '#view-user-roles' }}">View all Roles</a></li>

app/templates/dashboard/profile_settings.html

@@ -0,0 +1,37 @@
+{% extends '/dashboard/dashboard_base.html' %}
+{% set profile_settings_active = True %}
+{% block head %}
+{{ super() }}
+<script>
+    $(document).ready(function () {
+        $('form').submit(function (e) {
+            var url = "{# { url_for('something') } #}"; // send the form data here.
+            $.ajax({
+                type: "POST",
+                url: url,
+                data: $('form').serialize(), // serializes the form's elements.
+                success: function (data) {
+                    console.log(data) // display the returned data in the console.
+                }
+            });
+            e.preventDefault(); // block the traditional submission of the form.
+        });
+        // Inject our CSRF token into our AJAX request.
+        $.ajaxSetup({
+            beforeSend: function (xhr, settings) {
+                if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
+                    xhr.setRequestHeader("X-CSRFToken", "{#{ form.csrf_token._value() }#}")
+                }
+            }
+        })
+    });
+</script>
+{% endblock head %}
+{% block dashboard_body %}
+<section>
+    <h1 class="title">Profile Settings</h1>
+    <span>
+        form goes here nibba
+    </span>
+</section>
+{% endblock dashboard_body %}

app/templates/dashboard/rbac.html

@@ -1,4 +1,4 @@
-    {% extends 'dashboard_base.html' %}
+{% extends '/dashboard/dashboard_base.html' %}
 {% set role_settings_active = True %}
 {% block dashboard_body %}