diff --git a/app/assets/views/GroupsView.vue b/app/assets/views/GroupsView.vue
index e7fd7db..5266f16 100644
--- a/app/assets/views/GroupsView.vue
+++ b/app/assets/views/GroupsView.vue
@@ -5,6 +5,12 @@
 
     <UFCardBox>
         <UFSprunjeTable dataUrl="/api/groups" searchColumn="name">
+            <template #actions>
+                <button class="uk-button uk-button-default">
+                    <font-awesome-icon icon="Users" /> Create Group
+                </button>
+            </template>
+
             <template #header>
                 <UFSprunjeHeader sort="name">Groups</UFSprunjeHeader>
                 <UFSprunjeHeader sort="description">Description</UFSprunjeHeader>
@@ -24,7 +30,17 @@
                     </strong>
                 </UFSprunjeColumn>
                 <UFSprunjeColumn>{{ item.description }}</UFSprunjeColumn>
-                <UFSprunjeColumn></UFSprunjeColumn>
+                <UFSprunjeColumn>
+                    <button class="uk-button uk-button-default uk-button-small" type="button">
+                        Actions <font-awesome-icon icon="caret-down" fixed-width />
+                    </button>
+                    <div uk-dropdown>
+                        <ul class="uk-nav uk-dropdown-nav">
+                            <li><a href="#">Edit Group</a></li>
+                            <li><a href="#">Delete Group</a></li>
+                        </ul>
+                    </div>
+                </UFSprunjeColumn>
             </template>
         </UFSprunjeTable>
     </UFCardBox>
diff --git a/app/assets/views/PermissionsView.vue b/app/assets/views/PermissionsView.vue
index 5ee2fe6..a0c1747 100644
--- a/app/assets/views/PermissionsView.vue
+++ b/app/assets/views/PermissionsView.vue
@@ -7,7 +7,7 @@
         <UFSprunjeTable dataUrl="/api/permissions" searchColumn="name">
             <template #header>
                 <UFSprunjeHeader sort="name">Permission</UFSprunjeHeader>
-                <UFSprunjeHeader sort="properties">Slug/Condition</UFSprunjeHeader>
+                <UFSprunjeHeader sort="properties">Description</UFSprunjeHeader>
             </template>
 
             <template #body="{ item }">
diff --git a/app/assets/views/Role/RolePermissions.vue b/app/assets/views/Role/RolePermissions.vue
index e009f13..9edef97 100644
--- a/app/assets/views/Role/RolePermissions.vue
+++ b/app/assets/views/Role/RolePermissions.vue
@@ -17,7 +17,7 @@ const { role } = defineProps<{
 
             <template #header>
                 <UFSprunjeHeader sort="name">Permission</UFSprunjeHeader>
-                <UFSprunjeHeader sort="properties">Slug/Condition</UFSprunjeHeader>
+                <UFSprunjeHeader sort="properties">Description</UFSprunjeHeader>
                 <UFSprunjeHeader>Actions</UFSprunjeHeader>
             </template>
 
@@ -33,17 +33,7 @@ const { role } = defineProps<{
                         </RouterLink>
                     </strong>
                 </UFSprunjeColumn>
-                <UFSprunjeColumn>
-                    <div>
-                        <code>{{ item.slug }}</code>
-                    </div>
-                    <div>
-                        ↳ <code>{{ item.conditions }}</code>
-                    </div>
-                    <div>
-                        <i>{{ item.description }}</i>
-                    </div>
-                </UFSprunjeColumn>
+                <UFSprunjeColumn>{{ item.description }}</UFSprunjeColumn>
                 <UFSprunjeColumn>
                     <button class="uk-button uk-button-danger uk-button-small">
                         <font-awesome-icon icon="trash" />
diff --git a/app/assets/views/RolesView.vue b/app/assets/views/RolesView.vue
index d87ba08..cb9672a 100644
--- a/app/assets/views/RolesView.vue
+++ b/app/assets/views/RolesView.vue
@@ -5,6 +5,12 @@
 
     <UFCardBox>
         <UFSprunjeTable dataUrl="/api/roles" searchColumn="name">
+            <template #actions>
+                <button class="uk-button uk-button-default">
+                    <font-awesome-icon icon="address-card" /> Create Role
+                </button>
+            </template>
+
             <template #header>
                 <UFSprunjeHeader sort="name">Role</UFSprunjeHeader>
                 <UFSprunjeHeader sort="description">Description</UFSprunjeHeader>
@@ -24,7 +30,17 @@
                     </strong>
                 </UFSprunjeColumn>
                 <UFSprunjeColumn>{{ item.description }}</UFSprunjeColumn>
-                <UFSprunjeColumn></UFSprunjeColumn>
+                <UFSprunjeColumn>
+                    <button class="uk-button uk-button-default uk-button-small" type="button">
+                        Actions <font-awesome-icon icon="caret-down" fixed-width />
+                    </button>
+                    <div uk-dropdown>
+                        <ul class="uk-nav uk-dropdown-nav">
+                            <li><a href="#">Edit Role</a></li>
+                            <li><a href="#">Delete Role</a></li>
+                        </ul>
+                    </div>
+                </UFSprunjeColumn>
             </template>
         </UFSprunjeTable>
     </UFCardBox>
diff --git a/app/assets/views/User/UserInfo.vue b/app/assets/views/User/UserInfo.vue
index 72b2236..9d09cd8 100644
--- a/app/assets/views/User/UserInfo.vue
+++ b/app/assets/views/User/UserInfo.vue
@@ -48,6 +48,14 @@ const { user } = defineProps<{
             class="uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom uk-button-small">
             Edit User
         </button>
+        <button
+            class="uk-button uk-button-default uk-width-1-1 uk-margin-small-bottom uk-button-small">
+            Change User Password
+        </button>
+        <button
+            class="uk-button uk-button-default uk-width-1-1 uk-margin-small-bottom uk-button-small">
+            Disable User
+        </button>
         <button
             class="uk-button uk-button-danger uk-width-1-1 uk-margin-small-bottom uk-button-small">
             Delete User
diff --git a/app/assets/views/User/UserPermissions.vue b/app/assets/views/User/UserPermissions.vue
index 0532a2e..c38a255 100644
--- a/app/assets/views/User/UserPermissions.vue
+++ b/app/assets/views/User/UserPermissions.vue
@@ -11,7 +11,7 @@ const { user_name } = defineProps<{
         <UFSprunjeTable :dataUrl="'/api/users/u/' + user_name + '/permissions'" searchColumn="name">
             <template #header>
                 <UFSprunjeHeader sort="name">Permission</UFSprunjeHeader>
-                <UFSprunjeHeader sort="properties">Slug/Condition</UFSprunjeHeader>
+                <UFSprunjeHeader sort="properties">Description</UFSprunjeHeader>
                 <UFSprunjeHeader>Has permission via roles</UFSprunjeHeader>
             </template>
 
diff --git a/app/assets/views/UsersView.vue b/app/assets/views/UsersView.vue
index 5012c3f..b14ee28 100644
--- a/app/assets/views/UsersView.vue
+++ b/app/assets/views/UsersView.vue
@@ -11,6 +11,12 @@ import moment from 'moment'
 
     <UFCardBox>
         <UFSprunjeTable dataUrl="/api/users" searchColumn="name">
+            <template #actions>
+                <button class="uk-button uk-button-default">
+                    <font-awesome-icon icon="user-plus" /> Create user
+                </button>
+            </template>
+
             <template #header>
                 <UFSprunjeHeader sort="name">User</UFSprunjeHeader>
                 <UFSprunjeHeader sort="last_activity">Last Activity</UFSprunjeHeader>
@@ -48,7 +54,17 @@ import moment from 'moment'
                     <UFLabel :severity="Severity.Success" v-else>Active</UFLabel>
                 </UFSprunjeColumn>
                 <UFSprunjeColumn>
-                    <!-- TODO -->
+                    <button class="uk-button uk-button-default uk-button-small" type="button">
+                        Actions <font-awesome-icon icon="caret-down" fixed-width />
+                    </button>
+                    <div uk-dropdown>
+                        <ul class="uk-nav uk-dropdown-nav">
+                            <li><a href="#">Edit User</a></li>
+                            <li><a href="#">Change User Password</a></li>
+                            <li><a href="#">Disable User</a></li>
+                            <li><a href="#">Delete User</a></li>
+                        </ul>
+                    </div>
                 </UFSprunjeColumn>
             </template>
         </UFSprunjeTable>
diff --git a/dist/GroupsView-3Tt0XAd3.cjs b/dist/GroupsView-3Tt0XAd3.cjs
deleted file mode 100644
index c9443c8..0000000
--- a/dist/GroupsView-3Tt0XAd3.cjs
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i={};function p(m,t){const a=e.resolveComponent("UFHeaderPage"),o=e.resolveComponent("UFSprunjeHeader"),l=e.resolveComponent("RouterLink"),n=e.resolveComponent("UFSprunjeColumn"),u=e.resolveComponent("UFSprunjeTable"),d=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(a,{title:"Groups",caption:"A listing of the groups for your site.  Provides management tools for editing and deleting groups."}),e.createVNode(d,null,{default:e.withCtx(()=>[e.createVNode(u,{dataUrl:"/api/groups",searchColumn:"name"},{header:e.withCtx(()=>[e.createVNode(o,{sort:"name"},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode("Groups")])),_:1}),e.createVNode(o,{sort:"description"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Description")])),_:1}),e.createVNode(o,null,{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:r})=>[e.createVNode(n,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(l,{to:{name:"admin.group",params:{slug:r.slug}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(n,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.description),1)]),_:2},1024),e.createVNode(n)]),_:1})]),_:1})],64)}const c=s._export_sfc(i,[["render",p]]);exports.default=c;
diff --git a/dist/GroupsView-BhaXkiIp.js b/dist/GroupsView-BhaXkiIp.js
deleted file mode 100644
index 9f3cc60..0000000
--- a/dist/GroupsView-BhaXkiIp.js
+++ /dev/null
@@ -1,74 +0,0 @@
-import { resolveComponent as t, openBlock as _, createElementBlock as c, Fragment as f, createVNode as e, withCtx as o, createTextVNode as r, createElementVNode as g, toDisplayString as s } from "vue";
-import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const U = {};
-function x(C, n) {
-  const p = t("UFHeaderPage"), a = t("UFSprunjeHeader"), d = t("RouterLink"), l = t("UFSprunjeColumn"), i = t("UFSprunjeTable"), m = t("UFCardBox");
-  return _(), c(f, null, [
-    e(p, {
-      title: "Groups",
-      caption: "A listing of the groups for your site.  Provides management tools for editing and deleting groups."
-    }),
-    e(m, null, {
-      default: o(() => [
-        e(i, {
-          dataUrl: "/api/groups",
-          searchColumn: "name"
-        }, {
-          header: o(() => [
-            e(a, { sort: "name" }, {
-              default: o(() => n[0] || (n[0] = [
-                r("Groups")
-              ])),
-              _: 1
-            }),
-            e(a, { sort: "description" }, {
-              default: o(() => n[1] || (n[1] = [
-                r("Description")
-              ])),
-              _: 1
-            }),
-            e(a, null, {
-              default: o(() => n[2] || (n[2] = [
-                r("Actions")
-              ])),
-              _: 1
-            })
-          ]),
-          body: o(({ item: u }) => [
-            e(l, null, {
-              default: o(() => [
-                g("strong", null, [
-                  e(d, {
-                    to: {
-                      name: "admin.group",
-                      params: { slug: u.slug }
-                    }
-                  }, {
-                    default: o(() => [
-                      r(s(u.name), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["to"])
-                ])
-              ]),
-              _: 2
-            }, 1024),
-            e(l, null, {
-              default: o(() => [
-                r(s(u.description), 1)
-              ]),
-              _: 2
-            }, 1024),
-            e(l)
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    })
-  ], 64);
-}
-const k = /* @__PURE__ */ F(U, [["render", x]]);
-export {
-  k as default
-};
diff --git a/dist/GroupsView-Bj_bmABj.cjs b/dist/GroupsView-Bj_bmABj.cjs
new file mode 100644
index 0000000..eca8695
--- /dev/null
+++ b/dist/GroupsView-Bj_bmABj.cjs
@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c={},p={class:"uk-button uk-button-default"},m={class:"uk-button uk-button-default uk-button-small",type:"button"};function V(_,t){const a=e.resolveComponent("UFHeaderPage"),l=e.resolveComponent("font-awesome-icon"),o=e.resolveComponent("UFSprunjeHeader"),u=e.resolveComponent("RouterLink"),n=e.resolveComponent("UFSprunjeColumn"),d=e.resolveComponent("UFSprunjeTable"),s=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(a,{title:"Groups",caption:"A listing of the groups for your site.  Provides management tools for editing and deleting groups."}),e.createVNode(s,null,{default:e.withCtx(()=>[e.createVNode(d,{dataUrl:"/api/groups",searchColumn:"name"},{actions:e.withCtx(()=>[e.createElementVNode("button",p,[e.createVNode(l,{icon:"Users"}),t[0]||(t[0]=e.createTextVNode(" Create Group "))])]),header:e.withCtx(()=>[e.createVNode(o,{sort:"name"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Groups")])),_:1}),e.createVNode(o,{sort:"description"},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Description")])),_:1}),e.createVNode(o,null,{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:r})=>[e.createVNode(n,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(u,{to:{name:"admin.group",params:{slug:r.slug}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(n,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.description),1)]),_:2},1024),e.createVNode(n,null,{default:e.withCtx(()=>[e.createElementVNode("button",m,[t[4]||(t[4]=e.createTextVNode(" Actions ")),e.createVNode(l,{icon:"caret-down","fixed-width":""})]),t[5]||(t[5]=e.createElementVNode("div",{"uk-dropdown":""},[e.createElementVNode("ul",{class:"uk-nav uk-dropdown-nav"},[e.createElementVNode("li",null,[e.createElementVNode("a",{href:"#"},"Edit Group")]),e.createElementVNode("li",null,[e.createElementVNode("a",{href:"#"},"Delete Group")])])],-1))]),_:1})]),_:1})]),_:1})],64)}const N=i._export_sfc(c,[["render",V]]);exports.default=N;
diff --git a/dist/GroupsView-DxQEew_O.js b/dist/GroupsView-DxQEew_O.js
new file mode 100644
index 0000000..c66d1f4
--- /dev/null
+++ b/dist/GroupsView-DxQEew_O.js
@@ -0,0 +1,104 @@
+import { resolveComponent as r, openBlock as c, createElementBlock as g, Fragment as k, createVNode as t, withCtx as n, createElementVNode as e, createTextVNode as u, toDisplayString as i } from "vue";
+import { _ as U } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const b = {}, F = { class: "uk-button uk-button-default" }, w = {
+  class: "uk-button uk-button-default uk-button-small",
+  type: "button"
+};
+function x(C, o) {
+  const p = r("UFHeaderPage"), d = r("font-awesome-icon"), l = r("UFSprunjeHeader"), m = r("RouterLink"), s = r("UFSprunjeColumn"), _ = r("UFSprunjeTable"), f = r("UFCardBox");
+  return c(), g(k, null, [
+    t(p, {
+      title: "Groups",
+      caption: "A listing of the groups for your site.  Provides management tools for editing and deleting groups."
+    }),
+    t(f, null, {
+      default: n(() => [
+        t(_, {
+          dataUrl: "/api/groups",
+          searchColumn: "name"
+        }, {
+          actions: n(() => [
+            e("button", F, [
+              t(d, { icon: "Users" }),
+              o[0] || (o[0] = u(" Create Group "))
+            ])
+          ]),
+          header: n(() => [
+            t(l, { sort: "name" }, {
+              default: n(() => o[1] || (o[1] = [
+                u("Groups")
+              ])),
+              _: 1
+            }),
+            t(l, { sort: "description" }, {
+              default: n(() => o[2] || (o[2] = [
+                u("Description")
+              ])),
+              _: 1
+            }),
+            t(l, null, {
+              default: n(() => o[3] || (o[3] = [
+                u("Actions")
+              ])),
+              _: 1
+            })
+          ]),
+          body: n(({ item: a }) => [
+            t(s, null, {
+              default: n(() => [
+                e("strong", null, [
+                  t(m, {
+                    to: {
+                      name: "admin.group",
+                      params: { slug: a.slug }
+                    }
+                  }, {
+                    default: n(() => [
+                      u(i(a.name), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["to"])
+                ])
+              ]),
+              _: 2
+            }, 1024),
+            t(s, null, {
+              default: n(() => [
+                u(i(a.description), 1)
+              ]),
+              _: 2
+            }, 1024),
+            t(s, null, {
+              default: n(() => [
+                e("button", w, [
+                  o[4] || (o[4] = u(" Actions ")),
+                  t(d, {
+                    icon: "caret-down",
+                    "fixed-width": ""
+                  })
+                ]),
+                o[5] || (o[5] = e("div", { "uk-dropdown": "" }, [
+                  e("ul", { class: "uk-nav uk-dropdown-nav" }, [
+                    e("li", null, [
+                      e("a", { href: "#" }, "Edit Group")
+                    ]),
+                    e("li", null, [
+                      e("a", { href: "#" }, "Delete Group")
+                    ])
+                  ])
+                ], -1))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+const G = /* @__PURE__ */ U(b, [["render", x]]);
+export {
+  G as default
+};
diff --git a/dist/PermissionsView-CvCBayBl.cjs b/dist/PermissionsView-CvCBayBl.cjs
new file mode 100644
index 0000000..e53d0c5
--- /dev/null
+++ b/dist/PermissionsView-CvCBayBl.cjs
@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c={};function p(m,t){const s=e.resolveComponent("UFHeaderPage"),n=e.resolveComponent("UFSprunjeHeader"),i=e.resolveComponent("RouterLink"),r=e.resolveComponent("UFSprunjeColumn"),a=e.resolveComponent("UFSprunjeTable"),l=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(s,{title:"Permissions",caption:"A listing of the permissions for your site.  Provides management tools for editing and deleting permissions."}),e.createVNode(l,null,{default:e.withCtx(()=>[e.createVNode(a,{dataUrl:"/api/permissions",searchColumn:"name"},{header:e.withCtx(()=>[e.createVNode(n,{sort:"name"},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode("Permission")])),_:1}),e.createVNode(n,{sort:"properties"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Description")])),_:1})]),body:e.withCtx(({item:o})=>[e.createVNode(r,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(i,{to:{name:"admin.permission",params:{id:o.id}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(r,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.description),1)]),_:2},1024)]),_:1})]),_:1})],64)}const u=d._export_sfc(c,[["render",p]]);exports.default=u;
diff --git a/dist/PermissionsView-CVJ-Kp0t.js b/dist/PermissionsView-DlIVQwdO.js
similarity index 86%
rename from dist/PermissionsView-CVJ-Kp0t.js
rename to dist/PermissionsView-DlIVQwdO.js
index 18af994..8b0b539 100644
--- a/dist/PermissionsView-CVJ-Kp0t.js
+++ b/dist/PermissionsView-DlIVQwdO.js
@@ -1,8 +1,8 @@
 import { resolveComponent as o, openBlock as _, createElementBlock as c, Fragment as f, createVNode as e, withCtx as n, createTextVNode as r, createElementVNode as F, toDisplayString as l } from "vue";
 import { _ as U } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const g = {};
-function C(S, t) {
-  const m = o("UFHeaderPage"), i = o("UFSprunjeHeader"), d = o("RouterLink"), a = o("UFSprunjeColumn"), p = o("UFSprunjeTable"), u = o("UFCardBox");
+function x(C, t) {
+  const m = o("UFHeaderPage"), i = o("UFSprunjeHeader"), p = o("RouterLink"), a = o("UFSprunjeColumn"), d = o("UFSprunjeTable"), u = o("UFCardBox");
   return _(), c(f, null, [
     e(m, {
       title: "Permissions",
@@ -10,7 +10,7 @@ function C(S, t) {
     }),
     e(u, null, {
       default: n(() => [
-        e(p, {
+        e(d, {
           dataUrl: "/api/permissions",
           searchColumn: "name"
         }, {
@@ -23,7 +23,7 @@ function C(S, t) {
             }),
             e(i, { sort: "properties" }, {
               default: n(() => t[1] || (t[1] = [
-                r("Slug/Condition")
+                r("Description")
               ])),
               _: 1
             })
@@ -32,7 +32,7 @@ function C(S, t) {
             e(a, null, {
               default: n(() => [
                 F("strong", null, [
-                  e(d, {
+                  e(p, {
                     to: {
                       name: "admin.permission",
                       params: { id: s.id }
@@ -61,7 +61,7 @@ function C(S, t) {
     })
   ], 64);
 }
-const P = /* @__PURE__ */ U(g, [["render", C]]);
+const P = /* @__PURE__ */ U(g, [["render", x]]);
 export {
   P as default
 };
diff --git a/dist/PermissionsView-GpQ1Su2o.cjs b/dist/PermissionsView-GpQ1Su2o.cjs
deleted file mode 100644
index 7f5e7b7..0000000
--- a/dist/PermissionsView-GpQ1Su2o.cjs
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c={};function p(m,t){const i=e.resolveComponent("UFHeaderPage"),n=e.resolveComponent("UFSprunjeHeader"),s=e.resolveComponent("RouterLink"),r=e.resolveComponent("UFSprunjeColumn"),a=e.resolveComponent("UFSprunjeTable"),l=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(i,{title:"Permissions",caption:"A listing of the permissions for your site.  Provides management tools for editing and deleting permissions."}),e.createVNode(l,null,{default:e.withCtx(()=>[e.createVNode(a,{dataUrl:"/api/permissions",searchColumn:"name"},{header:e.withCtx(()=>[e.createVNode(n,{sort:"name"},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode("Permission")])),_:1}),e.createVNode(n,{sort:"properties"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Slug/Condition")])),_:1})]),body:e.withCtx(({item:o})=>[e.createVNode(r,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(s,{to:{name:"admin.permission",params:{id:o.id}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(r,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.description),1)]),_:2},1024)]),_:1})]),_:1})],64)}const u=d._export_sfc(c,[["render",p]]);exports.default=u;
diff --git a/dist/RoleView-CC-_pF1H.cjs b/dist/RoleView-CC-_pF1H.cjs
deleted file mode 100644
index 1a329b1..0000000
--- a/dist/RoleView-CC-_pF1H.cjs
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("vue-router"),m=require("./axios-tuVKNgv9.cjs"),p=require("./types-D9XxK5BT.cjs");function _(u){const o=e.ref(!1),t=e.ref(),n=e.ref({id:0,slug:"",name:"",description:"",created_at:"",updated_at:"",deleted_at:null,users_count:0});async function r(){o.value=!0,t.value=null,await m.axios.get("/api/roles/r/"+u.params.slug).then(s=>{n.value=s.data}).catch(s=>{t.value={description:"An error as occurred",style:p.a.Danger,...s.response.data}}).finally(()=>{o.value=!1})}return e.watch(()=>u.params.slug,()=>{r()},{immediate:!0}),{role:n,error:t,loading:o}}const V={class:"uk-text-center"},N={class:"uk-text-center uk-margin-remove"},C={class:"uk-text-meta"},f={class:"uk-description-list"},k={class:"uk-badge"},x=e.defineComponent({__name:"RoleInfo",props:{role:{}},setup(u){return(o,t)=>{const n=e.resolveComponent("font-awesome-icon"),r=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(r,null,{default:e.withCtx(()=>[e.createElementVNode("div",V,[e.createVNode(n,{icon:"address-card",class:"fa-5x"})]),e.createElementVNode("h3",N,e.toDisplayString(o.role.name),1),e.createElementVNode("p",C,e.toDisplayString(o.role.description),1),t[1]||(t[1]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("dl",f,[e.createElementVNode("dt",null,[e.createVNode(n,{icon:"users"}),t[0]||(t[0]=e.createTextVNode(" Users"))]),e.createElementVNode("dd",null,[e.createElementVNode("span",k,e.toDisplayString(o.role.users_count),1)])]),t[2]||(t[2]=e.createElementVNode("hr",null,null,-1)),t[3]||(t[3]=e.createElementVNode("button",{class:"uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom uk-button-small"}," Edit Role ",-1)),t[4]||(t[4]=e.createElementVNode("button",{class:"uk-button uk-button-danger uk-width-1-1 uk-margin-small-bottom uk-button-small"}," Delete Role ",-1)),e.renderSlot(o.$slots,"default",{dataTest:"slot"})]),_:3})}}}),g={class:"uk-button uk-button-default"},v={class:"uk-text-meta"},w={class:"uk-button uk-button-danger uk-button-small"},h=e.defineComponent({__name:"RoleUsers",props:{slug:{}},setup(u){return(o,t)=>{const n=e.resolveComponent("font-awesome-icon"),r=e.resolveComponent("UFSprunjeHeader"),s=e.resolveComponent("RouterLink"),a=e.resolveComponent("UFSprunjeColumn"),d=e.resolveComponent("UFSprunjeTable"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(i,{title:"Role Users"},{default:e.withCtx(()=>[e.createVNode(d,{dataUrl:"/api/roles/r/"+o.slug+"/users",searchColumn:"name",hideFilters:""},{actions:e.withCtx(()=>[e.createElementVNode("button",g,[e.createVNode(n,{icon:"user-plus"}),t[0]||(t[0]=e.createTextVNode(" Add user "))])]),header:e.withCtx(()=>[e.createVNode(r,{sort:"name"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("User")])),_:1}),e.createVNode(r,null,{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:l})=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(s,{to:{name:"admin.user",params:{user_name:l.user_name}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.full_name)+" ("+e.toDisplayString(l.user_name)+") ",1)]),_:2},1032,["to"])]),e.createElementVNode("div",v,e.toDisplayString(l.email),1)]),_:2},1024),e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("button",w,[e.createVNode(n,{icon:"trash"})])]),_:1})]),_:1},8,["dataUrl"])]),_:1})}}}),b={class:"uk-button uk-button-default"},E={class:"uk-button uk-button-danger uk-button-small"},U=e.defineComponent({__name:"RolePermissions",props:{role:{}},setup(u){return(o,t)=>{const n=e.resolveComponent("font-awesome-icon"),r=e.resolveComponent("UFSprunjeHeader"),s=e.resolveComponent("RouterLink"),a=e.resolveComponent("UFSprunjeColumn"),d=e.resolveComponent("UFSprunjeTable"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(i,{title:"Permissions"},{default:e.withCtx(()=>[e.createVNode(d,{dataUrl:"/api/roles/r/"+o.role+"/permissions",searchColumn:"name"},{actions:e.withCtx(()=>[e.createElementVNode("button",b,[e.createVNode(n,{icon:"key"}),t[0]||(t[0]=e.createTextVNode(" Add permission "))])]),header:e.withCtx(()=>[e.createVNode(r,{sort:"name"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Permission")])),_:1}),e.createVNode(r,{sort:"properties"},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Slug/Condition")])),_:1}),e.createVNode(r,null,{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:l})=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(s,{to:{name:"admin.permission",params:{id:l.id}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("code",null,e.toDisplayString(l.slug),1)]),e.createElementVNode("div",null,[t[4]||(t[4]=e.createTextVNode(" ↳ ")),e.createElementVNode("code",null,e.toDisplayString(l.conditions),1)]),e.createElementVNode("div",null,[e.createElementVNode("i",null,e.toDisplayString(l.description),1)])]),_:2},1024),e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("button",E,[e.createVNode(n,{icon:"trash"})])]),_:1})]),_:1},8,["dataUrl"])]),_:1})}}}),F={"uk-grid":""},S={class:"uk-width-1-3"},y={class:"uk-width-2-3"},B={class:"uk-child-width-1-1","uk-grid":""},T=e.defineComponent({__name:"RoleView",setup(u){const o=c.useRoute(),{role:t,error:n}=_(o);return(r,s)=>{const a=e.resolveComponent("UFHeaderPage"),d=e.resolveComponent("UFAlert"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(a,{title:"Role details",caption:"Role information page"}),e.unref(n)?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createVNode(d,{alert:e.unref(n)},null,8,["alert"])]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",F,[e.createElementVNode("div",S,[e.createVNode(x,{role:e.unref(t)},null,8,["role"])]),e.createElementVNode("div",y,[e.createVNode(h,{slug:e.unref(t).slug},null,8,["slug"])])]),e.createElementVNode("div",B,[e.createElementVNode("div",null,[e.createVNode(U,{role:r.$route.params.slug.toString()},null,8,["role"])])])],64))],64)}}});exports.default=T;
diff --git a/dist/RoleView-DJn4fof1.js b/dist/RoleView-DVIlQDeW.js
similarity index 59%
rename from dist/RoleView-DJn4fof1.js
rename to dist/RoleView-DVIlQDeW.js
index aade2de..d4bb69d 100644
--- a/dist/RoleView-DJn4fof1.js
+++ b/dist/RoleView-DVIlQDeW.js
@@ -1,9 +1,9 @@
-import { ref as F, watch as S, defineComponent as b, resolveComponent as s, openBlock as c, createBlock as g, withCtx as n, createElementVNode as t, createVNode as e, toDisplayString as i, createTextVNode as a, renderSlot as w, createElementBlock as C, Fragment as v, unref as U } from "vue";
-import { useRoute as R } from "vue-router";
-import { a as x } from "./axios-CXDYiOMX.js";
-import { a as $ } from "./types-Daou0lcF.js";
-function h(p) {
-  const l = F(!1), o = F(), r = F({
+import { ref as F, watch as w, defineComponent as b, resolveComponent as s, openBlock as c, createBlock as g, withCtx as n, createElementVNode as o, createVNode as e, toDisplayString as m, createTextVNode as a, renderSlot as R, createElementBlock as C, Fragment as h, unref as U } from "vue";
+import { useRoute as S } from "vue-router";
+import { a as v } from "./axios-CXDYiOMX.js";
+import { a as x } from "./types-Daou0lcF.js";
+function $(p) {
+  const l = F(!1), t = F(), r = F({
     id: 0,
     slug: "",
     name: "",
@@ -14,25 +14,25 @@ function h(p) {
     users_count: 0
   });
   async function u() {
-    l.value = !0, o.value = null, await x.get("/api/roles/r/" + p.params.slug).then((_) => {
-      r.value = _.data;
-    }).catch((_) => {
-      o.value = {
+    l.value = !0, t.value = null, await v.get("/api/roles/r/" + p.params.slug).then((i) => {
+      r.value = i.data;
+    }).catch((i) => {
+      t.value = {
         description: "An error as occurred",
-        style: $.Danger,
-        ..._.response.data
+        style: x.Danger,
+        ...i.response.data
       };
     }).finally(() => {
       l.value = !1;
     });
   }
-  return S(
+  return w(
     () => p.params.slug,
     () => {
       u();
     },
     { immediate: !0 }
-  ), { role: r, error: o, loading: l };
+  ), { role: r, error: t, loading: l };
 }
 const j = { class: "uk-text-center" }, B = { class: "uk-text-center uk-margin-remove" }, y = { class: "uk-text-meta" }, A = { class: "uk-description-list" }, H = { class: "uk-badge" }, T = /* @__PURE__ */ b({
   __name: "RoleInfo",
@@ -40,45 +40,45 @@ const j = { class: "uk-text-center" }, B = { class: "uk-text-center uk-margin-re
     role: {}
   },
   setup(p) {
-    return (l, o) => {
+    return (l, t) => {
       const r = s("font-awesome-icon"), u = s("UFCardBox");
       return c(), g(u, null, {
         default: n(() => [
-          t("div", j, [
+          o("div", j, [
             e(r, {
               icon: "address-card",
               class: "fa-5x"
             })
           ]),
-          t("h3", B, i(l.role.name), 1),
-          t("p", y, i(l.role.description), 1),
-          o[1] || (o[1] = t("hr", null, null, -1)),
-          t("dl", A, [
-            t("dt", null, [
+          o("h3", B, m(l.role.name), 1),
+          o("p", y, m(l.role.description), 1),
+          t[1] || (t[1] = o("hr", null, null, -1)),
+          o("dl", A, [
+            o("dt", null, [
               e(r, { icon: "users" }),
-              o[0] || (o[0] = a(" Users"))
+              t[0] || (t[0] = a(" Users"))
             ]),
-            t("dd", null, [
-              t("span", H, i(l.role.users_count), 1)
+            o("dd", null, [
+              o("span", H, m(l.role.users_count), 1)
             ])
           ]),
-          o[2] || (o[2] = t("hr", null, null, -1)),
-          o[3] || (o[3] = t("button", { class: "uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom uk-button-small" }, " Edit Role ", -1)),
-          o[4] || (o[4] = t("button", { class: "uk-button uk-button-danger uk-width-1-1 uk-margin-small-bottom uk-button-small" }, " Delete Role ", -1)),
-          w(l.$slots, "default", { dataTest: "slot" })
+          t[2] || (t[2] = o("hr", null, null, -1)),
+          t[3] || (t[3] = o("button", { class: "uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom uk-button-small" }, " Edit Role ", -1)),
+          t[4] || (t[4] = o("button", { class: "uk-button uk-button-danger uk-width-1-1 uk-margin-small-bottom uk-button-small" }, " Delete Role ", -1)),
+          R(l.$slots, "default", { dataTest: "slot" })
         ]),
         _: 3
       });
     };
   }
-}), P = { class: "uk-button uk-button-default" }, L = { class: "uk-text-meta" }, V = { class: "uk-button uk-button-danger uk-button-small" }, D = /* @__PURE__ */ b({
+}), P = { class: "uk-button uk-button-default" }, D = { class: "uk-text-meta" }, L = { class: "uk-button uk-button-danger uk-button-small" }, V = /* @__PURE__ */ b({
   __name: "RoleUsers",
   props: {
     slug: {}
   },
   setup(p) {
-    return (l, o) => {
-      const r = s("font-awesome-icon"), u = s("UFSprunjeHeader"), _ = s("RouterLink"), m = s("UFSprunjeColumn"), f = s("UFSprunjeTable"), k = s("UFCardBox");
+    return (l, t) => {
+      const r = s("font-awesome-icon"), u = s("UFSprunjeHeader"), i = s("RouterLink"), d = s("UFSprunjeColumn"), f = s("UFSprunjeTable"), k = s("UFCardBox");
       return c(), g(k, { title: "Role Users" }, {
         default: n(() => [
           e(f, {
@@ -87,48 +87,48 @@ const j = { class: "uk-text-center" }, B = { class: "uk-text-center uk-margin-re
             hideFilters: ""
           }, {
             actions: n(() => [
-              t("button", P, [
+              o("button", P, [
                 e(r, { icon: "user-plus" }),
-                o[0] || (o[0] = a(" Add user "))
+                t[0] || (t[0] = a(" Add user "))
               ])
             ]),
             header: n(() => [
               e(u, { sort: "name" }, {
-                default: n(() => o[1] || (o[1] = [
+                default: n(() => t[1] || (t[1] = [
                   a("User")
                 ])),
                 _: 1
               }),
               e(u, null, {
-                default: n(() => o[2] || (o[2] = [
+                default: n(() => t[2] || (t[2] = [
                   a("Actions")
                 ])),
                 _: 1
               })
             ]),
-            body: n(({ item: d }) => [
-              e(m, null, {
+            body: n(({ item: _ }) => [
+              e(d, null, {
                 default: n(() => [
-                  t("strong", null, [
-                    e(_, {
+                  o("strong", null, [
+                    e(i, {
                       to: {
                         name: "admin.user",
-                        params: { user_name: d.user_name }
+                        params: { user_name: _.user_name }
                       }
                     }, {
                       default: n(() => [
-                        a(i(d.full_name) + " (" + i(d.user_name) + ") ", 1)
+                        a(m(_.full_name) + " (" + m(_.user_name) + ") ", 1)
                       ]),
                       _: 2
                     }, 1032, ["to"])
                   ]),
-                  t("div", L, i(d.email), 1)
+                  o("div", D, m(_.email), 1)
                 ]),
                 _: 2
               }, 1024),
-              e(m, null, {
+              e(d, null, {
                 default: n(() => [
-                  t("button", V, [
+                  o("button", L, [
                     e(r, { icon: "trash" })
                   ])
                 ]),
@@ -148,8 +148,8 @@ const j = { class: "uk-text-center" }, B = { class: "uk-text-center uk-margin-re
     role: {}
   },
   setup(p) {
-    return (l, o) => {
-      const r = s("font-awesome-icon"), u = s("UFSprunjeHeader"), _ = s("RouterLink"), m = s("UFSprunjeColumn"), f = s("UFSprunjeTable"), k = s("UFCardBox");
+    return (l, t) => {
+      const r = s("font-awesome-icon"), u = s("UFSprunjeHeader"), i = s("RouterLink"), d = s("UFSprunjeColumn"), f = s("UFSprunjeTable"), k = s("UFCardBox");
       return c(), g(k, { title: "Permissions" }, {
         default: n(() => [
           e(f, {
@@ -157,43 +157,43 @@ const j = { class: "uk-text-center" }, B = { class: "uk-text-center uk-margin-re
             searchColumn: "name"
           }, {
             actions: n(() => [
-              t("button", E, [
+              o("button", E, [
                 e(r, { icon: "key" }),
-                o[0] || (o[0] = a(" Add permission "))
+                t[0] || (t[0] = a(" Add permission "))
               ])
             ]),
             header: n(() => [
               e(u, { sort: "name" }, {
-                default: n(() => o[1] || (o[1] = [
+                default: n(() => t[1] || (t[1] = [
                   a("Permission")
                 ])),
                 _: 1
               }),
               e(u, { sort: "properties" }, {
-                default: n(() => o[2] || (o[2] = [
-                  a("Slug/Condition")
+                default: n(() => t[2] || (t[2] = [
+                  a("Description")
                 ])),
                 _: 1
               }),
               e(u, null, {
-                default: n(() => o[3] || (o[3] = [
+                default: n(() => t[3] || (t[3] = [
                   a("Actions")
                 ])),
                 _: 1
               })
             ]),
-            body: n(({ item: d }) => [
-              e(m, null, {
+            body: n(({ item: _ }) => [
+              e(d, null, {
                 default: n(() => [
-                  t("strong", null, [
-                    e(_, {
+                  o("strong", null, [
+                    e(i, {
                       to: {
                         name: "admin.permission",
-                        params: { id: d.id }
+                        params: { id: _.id }
                       }
                     }, {
                       default: n(() => [
-                        a(i(d.name), 1)
+                        a(m(_.name), 1)
                       ]),
                       _: 2
                     }, 1032, ["to"])
@@ -201,24 +201,15 @@ const j = { class: "uk-text-center" }, B = { class: "uk-text-center uk-margin-re
                 ]),
                 _: 2
               }, 1024),
-              e(m, null, {
+              e(d, null, {
                 default: n(() => [
-                  t("div", null, [
-                    t("code", null, i(d.slug), 1)
-                  ]),
-                  t("div", null, [
-                    o[4] || (o[4] = a(" ↳ ")),
-                    t("code", null, i(d.conditions), 1)
-                  ]),
-                  t("div", null, [
-                    t("i", null, i(d.description), 1)
-                  ])
+                  a(m(_.description), 1)
                 ]),
                 _: 2
               }, 1024),
-              e(m, null, {
+              e(d, null, {
                 default: n(() => [
-                  t("button", N, [
+                  o("button", N, [
                     e(r, { icon: "trash" })
                   ])
                 ]),
@@ -238,11 +229,11 @@ const j = { class: "uk-text-center" }, B = { class: "uk-text-center uk-margin-re
 }, W = /* @__PURE__ */ b({
   __name: "RoleView",
   setup(p) {
-    const l = R(), { role: o, error: r } = h(l);
-    return (u, _) => {
-      const m = s("UFHeaderPage"), f = s("UFAlert"), k = s("UFCardBox");
-      return c(), C(v, null, [
-        e(m, {
+    const l = S(), { role: t, error: r } = $(l);
+    return (u, i) => {
+      const d = s("UFHeaderPage"), f = s("UFAlert"), k = s("UFCardBox");
+      return c(), C(h, null, [
+        e(d, {
           title: "Role details",
           caption: "Role information page"
         }),
@@ -251,19 +242,19 @@ const j = { class: "uk-text-center" }, B = { class: "uk-text-center uk-margin-re
             e(f, { alert: U(r) }, null, 8, ["alert"])
           ]),
           _: 1
-        })) : (c(), C(v, { key: 1 }, [
-          t("div", q, [
-            t("div", z, [
-              e(T, { role: U(o) }, null, 8, ["role"])
+        })) : (c(), C(h, { key: 1 }, [
+          o("div", q, [
+            o("div", z, [
+              e(T, { role: U(t) }, null, 8, ["role"])
             ]),
-            t("div", G, [
-              e(D, {
-                slug: U(o).slug
+            o("div", G, [
+              e(V, {
+                slug: U(t).slug
               }, null, 8, ["slug"])
             ])
           ]),
-          t("div", J, [
-            t("div", null, [
+          o("div", J, [
+            o("div", null, [
               e(I, {
                 role: u.$route.params.slug.toString()
               }, null, 8, ["role"])
diff --git a/dist/RoleView-hOODGzy4.cjs b/dist/RoleView-hOODGzy4.cjs
new file mode 100644
index 0000000..2768a09
--- /dev/null
+++ b/dist/RoleView-hOODGzy4.cjs
@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("vue-router"),m=require("./axios-tuVKNgv9.cjs"),p=require("./types-D9XxK5BT.cjs");function _(u){const o=e.ref(!1),t=e.ref(),n=e.ref({id:0,slug:"",name:"",description:"",created_at:"",updated_at:"",deleted_at:null,users_count:0});async function r(){o.value=!0,t.value=null,await m.axios.get("/api/roles/r/"+u.params.slug).then(l=>{n.value=l.data}).catch(l=>{t.value={description:"An error as occurred",style:p.a.Danger,...l.response.data}}).finally(()=>{o.value=!1})}return e.watch(()=>u.params.slug,()=>{r()},{immediate:!0}),{role:n,error:t,loading:o}}const V={class:"uk-text-center"},N={class:"uk-text-center uk-margin-remove"},C={class:"uk-text-meta"},f={class:"uk-description-list"},k={class:"uk-badge"},x=e.defineComponent({__name:"RoleInfo",props:{role:{}},setup(u){return(o,t)=>{const n=e.resolveComponent("font-awesome-icon"),r=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(r,null,{default:e.withCtx(()=>[e.createElementVNode("div",V,[e.createVNode(n,{icon:"address-card",class:"fa-5x"})]),e.createElementVNode("h3",N,e.toDisplayString(o.role.name),1),e.createElementVNode("p",C,e.toDisplayString(o.role.description),1),t[1]||(t[1]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("dl",f,[e.createElementVNode("dt",null,[e.createVNode(n,{icon:"users"}),t[0]||(t[0]=e.createTextVNode(" Users"))]),e.createElementVNode("dd",null,[e.createElementVNode("span",k,e.toDisplayString(o.role.users_count),1)])]),t[2]||(t[2]=e.createElementVNode("hr",null,null,-1)),t[3]||(t[3]=e.createElementVNode("button",{class:"uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom uk-button-small"}," Edit Role ",-1)),t[4]||(t[4]=e.createElementVNode("button",{class:"uk-button uk-button-danger uk-width-1-1 uk-margin-small-bottom uk-button-small"}," Delete Role ",-1)),e.renderSlot(o.$slots,"default",{dataTest:"slot"})]),_:3})}}}),g={class:"uk-button uk-button-default"},h={class:"uk-text-meta"},w={class:"uk-button uk-button-danger uk-button-small"},b=e.defineComponent({__name:"RoleUsers",props:{slug:{}},setup(u){return(o,t)=>{const n=e.resolveComponent("font-awesome-icon"),r=e.resolveComponent("UFSprunjeHeader"),l=e.resolveComponent("RouterLink"),s=e.resolveComponent("UFSprunjeColumn"),d=e.resolveComponent("UFSprunjeTable"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(i,{title:"Role Users"},{default:e.withCtx(()=>[e.createVNode(d,{dataUrl:"/api/roles/r/"+o.slug+"/users",searchColumn:"name",hideFilters:""},{actions:e.withCtx(()=>[e.createElementVNode("button",g,[e.createVNode(n,{icon:"user-plus"}),t[0]||(t[0]=e.createTextVNode(" Add user "))])]),header:e.withCtx(()=>[e.createVNode(r,{sort:"name"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("User")])),_:1}),e.createVNode(r,null,{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:a})=>[e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(l,{to:{name:"admin.user",params:{user_name:a.user_name}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.full_name)+" ("+e.toDisplayString(a.user_name)+") ",1)]),_:2},1032,["to"])]),e.createElementVNode("div",h,e.toDisplayString(a.email),1)]),_:2},1024),e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("button",w,[e.createVNode(n,{icon:"trash"})])]),_:1})]),_:1},8,["dataUrl"])]),_:1})}}}),v={class:"uk-button uk-button-default"},U={class:"uk-button uk-button-danger uk-button-small"},F=e.defineComponent({__name:"RolePermissions",props:{role:{}},setup(u){return(o,t)=>{const n=e.resolveComponent("font-awesome-icon"),r=e.resolveComponent("UFSprunjeHeader"),l=e.resolveComponent("RouterLink"),s=e.resolveComponent("UFSprunjeColumn"),d=e.resolveComponent("UFSprunjeTable"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(i,{title:"Permissions"},{default:e.withCtx(()=>[e.createVNode(d,{dataUrl:"/api/roles/r/"+o.role+"/permissions",searchColumn:"name"},{actions:e.withCtx(()=>[e.createElementVNode("button",v,[e.createVNode(n,{icon:"key"}),t[0]||(t[0]=e.createTextVNode(" Add permission "))])]),header:e.withCtx(()=>[e.createVNode(r,{sort:"name"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Permission")])),_:1}),e.createVNode(r,{sort:"properties"},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Description")])),_:1}),e.createVNode(r,null,{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:a})=>[e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(l,{to:{name:"admin.permission",params:{id:a.id}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(s,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.description),1)]),_:2},1024),e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("button",U,[e.createVNode(n,{icon:"trash"})])]),_:1})]),_:1},8,["dataUrl"])]),_:1})}}}),E={"uk-grid":""},S={class:"uk-width-1-3"},y={class:"uk-width-2-3"},B={class:"uk-child-width-1-1","uk-grid":""},T=e.defineComponent({__name:"RoleView",setup(u){const o=c.useRoute(),{role:t,error:n}=_(o);return(r,l)=>{const s=e.resolveComponent("UFHeaderPage"),d=e.resolveComponent("UFAlert"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(s,{title:"Role details",caption:"Role information page"}),e.unref(n)?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createVNode(d,{alert:e.unref(n)},null,8,["alert"])]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",E,[e.createElementVNode("div",S,[e.createVNode(x,{role:e.unref(t)},null,8,["role"])]),e.createElementVNode("div",y,[e.createVNode(b,{slug:e.unref(t).slug},null,8,["slug"])])]),e.createElementVNode("div",B,[e.createElementVNode("div",null,[e.createVNode(F,{role:r.$route.params.slug.toString()},null,8,["role"])])])],64))],64)}}});exports.default=T;
diff --git a/dist/RolesView-7Y1jKCLA.js b/dist/RolesView-7Y1jKCLA.js
new file mode 100644
index 0000000..377b6b6
--- /dev/null
+++ b/dist/RolesView-7Y1jKCLA.js
@@ -0,0 +1,104 @@
+import { resolveComponent as l, openBlock as c, createElementBlock as k, Fragment as b, createVNode as e, withCtx as t, createElementVNode as n, createTextVNode as r, toDisplayString as i } from "vue";
+import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const F = {}, U = { class: "uk-button uk-button-default" }, w = {
+  class: "uk-button uk-button-default uk-button-small",
+  type: "button"
+};
+function x(C, o) {
+  const p = l("UFHeaderPage"), d = l("font-awesome-icon"), s = l("UFSprunjeHeader"), m = l("RouterLink"), u = l("UFSprunjeColumn"), _ = l("UFSprunjeTable"), f = l("UFCardBox");
+  return c(), k(b, null, [
+    e(p, {
+      title: "Roles",
+      caption: "A listing of the roles for your site.  Provides management tools for editing and deleting roles."
+    }),
+    e(f, null, {
+      default: t(() => [
+        e(_, {
+          dataUrl: "/api/roles",
+          searchColumn: "name"
+        }, {
+          actions: t(() => [
+            n("button", U, [
+              e(d, { icon: "address-card" }),
+              o[0] || (o[0] = r(" Create Role "))
+            ])
+          ]),
+          header: t(() => [
+            e(s, { sort: "name" }, {
+              default: t(() => o[1] || (o[1] = [
+                r("Role")
+              ])),
+              _: 1
+            }),
+            e(s, { sort: "description" }, {
+              default: t(() => o[2] || (o[2] = [
+                r("Description")
+              ])),
+              _: 1
+            }),
+            e(s, null, {
+              default: t(() => o[3] || (o[3] = [
+                r("Actions")
+              ])),
+              _: 1
+            })
+          ]),
+          body: t(({ item: a }) => [
+            e(u, null, {
+              default: t(() => [
+                n("strong", null, [
+                  e(m, {
+                    to: {
+                      name: "admin.role",
+                      params: { slug: a.slug }
+                    }
+                  }, {
+                    default: t(() => [
+                      r(i(a.name), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["to"])
+                ])
+              ]),
+              _: 2
+            }, 1024),
+            e(u, null, {
+              default: t(() => [
+                r(i(a.description), 1)
+              ]),
+              _: 2
+            }, 1024),
+            e(u, null, {
+              default: t(() => [
+                n("button", w, [
+                  o[4] || (o[4] = r(" Actions ")),
+                  e(d, {
+                    icon: "caret-down",
+                    "fixed-width": ""
+                  })
+                ]),
+                o[5] || (o[5] = n("div", { "uk-dropdown": "" }, [
+                  n("ul", { class: "uk-nav uk-dropdown-nav" }, [
+                    n("li", null, [
+                      n("a", { href: "#" }, "Edit Role")
+                    ]),
+                    n("li", null, [
+                      n("a", { href: "#" }, "Delete Role")
+                    ])
+                  ])
+                ], -1))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+const j = /* @__PURE__ */ g(F, [["render", x]]);
+export {
+  j as default
+};
diff --git a/dist/RolesView-DTx_xACf.cjs b/dist/RolesView-DTx_xACf.cjs
deleted file mode 100644
index f1fe3dd..0000000
--- a/dist/RolesView-DTx_xACf.cjs
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c={};function u(m,t){const l=e.resolveComponent("UFHeaderPage"),o=e.resolveComponent("UFSprunjeHeader"),a=e.resolveComponent("RouterLink"),n=e.resolveComponent("UFSprunjeColumn"),d=e.resolveComponent("UFSprunjeTable"),s=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(l,{title:"Roles",caption:"A listing of the roles for your site.  Provides management tools for editing and deleting roles."}),e.createVNode(s,null,{default:e.withCtx(()=>[e.createVNode(d,{dataUrl:"/api/roles",searchColumn:"name"},{header:e.withCtx(()=>[e.createVNode(o,{sort:"name"},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode("Role")])),_:1}),e.createVNode(o,{sort:"description"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Description")])),_:1}),e.createVNode(o,null,{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:r})=>[e.createVNode(n,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(a,{to:{name:"admin.role",params:{slug:r.slug}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(n,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.description),1)]),_:2},1024),e.createVNode(n)]),_:1})]),_:1})],64)}const p=i._export_sfc(c,[["render",u]]);exports.default=p;
diff --git a/dist/RolesView-Dh16ocgC.js b/dist/RolesView-Dh16ocgC.js
deleted file mode 100644
index c716c02..0000000
--- a/dist/RolesView-Dh16ocgC.js
+++ /dev/null
@@ -1,74 +0,0 @@
-import { resolveComponent as t, openBlock as _, createElementBlock as c, Fragment as f, createVNode as e, withCtx as o, createTextVNode as r, createElementVNode as g, toDisplayString as u } from "vue";
-import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const U = {};
-function x(C, n) {
-  const d = t("UFHeaderPage"), l = t("UFSprunjeHeader"), i = t("RouterLink"), a = t("UFSprunjeColumn"), p = t("UFSprunjeTable"), m = t("UFCardBox");
-  return _(), c(f, null, [
-    e(d, {
-      title: "Roles",
-      caption: "A listing of the roles for your site.  Provides management tools for editing and deleting roles."
-    }),
-    e(m, null, {
-      default: o(() => [
-        e(p, {
-          dataUrl: "/api/roles",
-          searchColumn: "name"
-        }, {
-          header: o(() => [
-            e(l, { sort: "name" }, {
-              default: o(() => n[0] || (n[0] = [
-                r("Role")
-              ])),
-              _: 1
-            }),
-            e(l, { sort: "description" }, {
-              default: o(() => n[1] || (n[1] = [
-                r("Description")
-              ])),
-              _: 1
-            }),
-            e(l, null, {
-              default: o(() => n[2] || (n[2] = [
-                r("Actions")
-              ])),
-              _: 1
-            })
-          ]),
-          body: o(({ item: s }) => [
-            e(a, null, {
-              default: o(() => [
-                g("strong", null, [
-                  e(i, {
-                    to: {
-                      name: "admin.role",
-                      params: { slug: s.slug }
-                    }
-                  }, {
-                    default: o(() => [
-                      r(u(s.name), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["to"])
-                ])
-              ]),
-              _: 2
-            }, 1024),
-            e(a, null, {
-              default: o(() => [
-                r(u(s.description), 1)
-              ]),
-              _: 2
-            }, 1024),
-            e(a)
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    })
-  ], 64);
-}
-const R = /* @__PURE__ */ F(U, [["render", x]]);
-export {
-  R as default
-};
diff --git a/dist/RolesView-QwNbCCiu.cjs b/dist/RolesView-QwNbCCiu.cjs
new file mode 100644
index 0000000..1e59e5f
--- /dev/null
+++ b/dist/RolesView-QwNbCCiu.cjs
@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c={},m={class:"uk-button uk-button-default"},p={class:"uk-button uk-button-default uk-button-small",type:"button"};function V(_,t){const a=e.resolveComponent("UFHeaderPage"),l=e.resolveComponent("font-awesome-icon"),o=e.resolveComponent("UFSprunjeHeader"),d=e.resolveComponent("RouterLink"),n=e.resolveComponent("UFSprunjeColumn"),s=e.resolveComponent("UFSprunjeTable"),u=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(a,{title:"Roles",caption:"A listing of the roles for your site.  Provides management tools for editing and deleting roles."}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(s,{dataUrl:"/api/roles",searchColumn:"name"},{actions:e.withCtx(()=>[e.createElementVNode("button",m,[e.createVNode(l,{icon:"address-card"}),t[0]||(t[0]=e.createTextVNode(" Create Role "))])]),header:e.withCtx(()=>[e.createVNode(o,{sort:"name"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Role")])),_:1}),e.createVNode(o,{sort:"description"},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Description")])),_:1}),e.createVNode(o,null,{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:r})=>[e.createVNode(n,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(d,{to:{name:"admin.role",params:{slug:r.slug}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(n,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.description),1)]),_:2},1024),e.createVNode(n,null,{default:e.withCtx(()=>[e.createElementVNode("button",p,[t[4]||(t[4]=e.createTextVNode(" Actions ")),e.createVNode(l,{icon:"caret-down","fixed-width":""})]),t[5]||(t[5]=e.createElementVNode("div",{"uk-dropdown":""},[e.createElementVNode("ul",{class:"uk-nav uk-dropdown-nav"},[e.createElementVNode("li",null,[e.createElementVNode("a",{href:"#"},"Edit Role")]),e.createElementVNode("li",null,[e.createElementVNode("a",{href:"#"},"Delete Role")])])],-1))]),_:1})]),_:1})]),_:1})],64)}const N=i._export_sfc(c,[["render",V]]);exports.default=N;
diff --git a/dist/UserView-CWu0vErB.js b/dist/UserView-CWu0vErB.js
new file mode 100644
index 0000000..8cdd75b
--- /dev/null
+++ b/dist/UserView-CWu0vErB.js
@@ -0,0 +1,413 @@
+import { ref as C, watch as B, defineComponent as v, resolveComponent as u, openBlock as d, createBlock as c, withCtx as n, createElementVNode as t, toDisplayString as i, createElementBlock as b, createCommentVNode as $, renderSlot as w, createVNode as s, createTextVNode as r, unref as _, Fragment as S, renderList as A } from "vue";
+import { useRoute as x } from "vue-router";
+import { a as D } from "./axios-CXDYiOMX.js";
+import { a as F } from "./types-Daou0lcF.js";
+import { h as j } from "./moment-h96o7c8I.js";
+function L(U) {
+  const o = C(!1), e = C(), l = C({
+    id: 0,
+    user_name: "",
+    first_name: "",
+    last_name: "",
+    full_name: "",
+    email: "",
+    avatar: "",
+    flag_enabled: !1,
+    flag_verified: !1,
+    group_id: null,
+    locale: "",
+    created_at: "",
+    updated_at: "",
+    deleted_at: null,
+    locale_name: "",
+    group: null
+  });
+  async function a() {
+    o.value = !0, e.value = null, await D.get("/api/users/u/" + U.params.user_name).then((m) => {
+      l.value = m.data;
+    }).catch((m) => {
+      e.value = {
+        description: "An error as occurred",
+        style: F.Danger,
+        ...m.response.data
+      };
+    }).finally(() => {
+      o.value = !1;
+    });
+  }
+  return B(
+    () => U.params.user_name,
+    () => {
+      a();
+    },
+    { immediate: !0 }
+  ), { user: l, error: e, loading: o };
+}
+const T = { class: "uk-text-center uk-margin" }, H = ["src"], R = { class: "uk-text-center uk-margin-remove" }, Y = {
+  key: 0,
+  class: "uk-margin-remove uk-text-meta",
+  "data-test": "meta"
+}, M = { class: "uk-description-list" }, P = { class: "uk-text-meta" }, N = {
+  key: 0,
+  class: "uk-text-meta"
+}, V = {
+  key: 1,
+  class: "uk-text-meta"
+}, E = { class: "uk-text-meta" }, h = { class: "uk-text-meta" }, G = { class: "uk-text-meta" }, I = /* @__PURE__ */ v({
+  __name: "UserInfo",
+  props: {
+    user: {}
+  },
+  setup(U) {
+    return (o, e) => {
+      const l = u("font-awesome-icon"), a = u("UFLabel"), m = u("UFCardBox");
+      return d(), c(m, null, {
+        default: n(() => [
+          t("div", T, [
+            t("img", {
+              src: o.user.avatar,
+              alt: "avatar",
+              class: "uk-border-circle"
+            }, null, 8, H),
+            t("h3", R, i(o.user.full_name), 1),
+            o.user.user_name ? (d(), b("p", Y, " (" + i(o.user.user_name) + ") ", 1)) : $("", !0),
+            w(o.$slots, "default", { dataTest: "slot" })
+          ]),
+          e[9] || (e[9] = t("hr", null, null, -1)),
+          t("dl", M, [
+            t("dt", null, [
+              s(l, { icon: "envelope" }),
+              e[0] || (e[0] = r(" Email"))
+            ]),
+            t("dd", P, i(o.user.email), 1),
+            t("dt", null, [
+              s(l, { icon: "users" }),
+              e[1] || (e[1] = r(" Group"))
+            ]),
+            o.user.group ? (d(), b("dd", N, i(o.user.group.name), 1)) : (d(), b("dd", V, e[2] || (e[2] = [
+              t("i", null, "None", -1)
+            ]))),
+            t("dt", null, [
+              s(l, { icon: "language" }),
+              e[3] || (e[3] = r(" Locale"))
+            ]),
+            t("dd", E, i(o.user.locale_name), 1),
+            t("dt", null, [
+              s(l, { icon: "user-shield" }),
+              e[4] || (e[4] = r(" Status"))
+            ]),
+            t("dd", h, [
+              o.user.flag_enabled == !1 ? (d(), c(a, {
+                key: 0,
+                severity: _(F).Danger
+              }, {
+                default: n(() => e[5] || (e[5] = [
+                  r(" Disabled ")
+                ])),
+                _: 1
+              }, 8, ["severity"])) : o.user.flag_verified == !1 ? (d(), c(a, {
+                key: 1,
+                severity: _(F).Warning
+              }, {
+                default: n(() => e[6] || (e[6] = [
+                  r(" Unactivated ")
+                ])),
+                _: 1
+              }, 8, ["severity"])) : (d(), c(a, {
+                key: 2,
+                severity: _(F).Success
+              }, {
+                default: n(() => e[7] || (e[7] = [
+                  r("Active")
+                ])),
+                _: 1
+              }, 8, ["severity"]))
+            ]),
+            t("dt", null, [
+              s(l, { icon: "calendar" }),
+              e[8] || (e[8] = r(" Created on"))
+            ]),
+            t("dd", G, i(_(j)(o.user.created_at).format("MMMM Do, YYYY")), 1)
+          ]),
+          e[10] || (e[10] = t("hr", null, null, -1)),
+          e[11] || (e[11] = t("button", { class: "uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom uk-button-small" }, " Edit User ", -1)),
+          e[12] || (e[12] = t("button", { class: "uk-button uk-button-default uk-width-1-1 uk-margin-small-bottom uk-button-small" }, " Change User Password ", -1)),
+          e[13] || (e[13] = t("button", { class: "uk-button uk-button-default uk-width-1-1 uk-margin-small-bottom uk-button-small" }, " Disable User ", -1)),
+          e[14] || (e[14] = t("button", { class: "uk-button uk-button-danger uk-width-1-1 uk-margin-small-bottom uk-button-small" }, " Delete User ", -1)),
+          w(o.$slots, "default", { dataTest: "slot" })
+        ]),
+        _: 3
+      });
+    };
+  }
+}), W = /* @__PURE__ */ v({
+  __name: "UserActivities",
+  props: {
+    user_name: {}
+  },
+  setup(U) {
+    return (o, e) => {
+      const l = u("UFSprunjeHeader"), a = u("UFSprunjeColumn"), m = u("UFSprunjeTable"), f = u("UFCardBox");
+      return d(), c(f, { title: "Activities" }, {
+        default: n(() => [
+          s(m, {
+            dataUrl: "/api/users/u/" + o.user_name + "/activities",
+            defaultSorts: { occurred_at: "desc" }
+          }, {
+            header: n(() => [
+              s(l, { sort: "occurred_at" }, {
+                default: n(() => e[0] || (e[0] = [
+                  r("Activity Time")
+                ])),
+                _: 1
+              }),
+              s(l, { sort: "description" }, {
+                default: n(() => e[1] || (e[1] = [
+                  r("Description")
+                ])),
+                _: 1
+              })
+            ]),
+            body: n(({ item: p }) => [
+              s(a, null, {
+                default: n(() => [
+                  t("div", null, i(_(j)(p.occurred_at).format("dddd")), 1),
+                  t("div", null, i(_(j)(p.occurred_at).format("MMM Do, YYYY h:mm a")), 1)
+                ]),
+                _: 2
+              }, 1024),
+              s(a, null, {
+                default: n(() => [
+                  t("div", null, i(p.ip_address), 1),
+                  t("div", null, [
+                    t("i", null, i(p.description), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 1
+          }, 8, ["dataUrl"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), q = { class: "uk-button uk-button-default" }, z = { class: "uk-button uk-button-danger uk-button-small" }, J = /* @__PURE__ */ v({
+  __name: "UserRoles",
+  props: {
+    slug: {}
+  },
+  setup(U) {
+    return (o, e) => {
+      const l = u("font-awesome-icon"), a = u("UFSprunjeHeader"), m = u("RouterLink"), f = u("UFSprunjeColumn"), p = u("UFSprunjeTable"), g = u("UFCardBox");
+      return d(), c(g, { title: "Roles" }, {
+        default: n(() => [
+          s(p, {
+            dataUrl: "/api/users/u/" + o.slug + "/roles",
+            searchColumn: "name",
+            hideFilters: ""
+          }, {
+            actions: n(() => [
+              t("button", q, [
+                s(l, { icon: "address-card" }),
+                e[0] || (e[0] = r(" Add role "))
+              ])
+            ]),
+            header: n(() => [
+              s(a, { sort: "name" }, {
+                default: n(() => e[1] || (e[1] = [
+                  r("Role")
+                ])),
+                _: 1
+              }),
+              s(a, { sort: "description" }, {
+                default: n(() => e[2] || (e[2] = [
+                  r("Description")
+                ])),
+                _: 1
+              }),
+              s(a, { sort: "description" }, {
+                default: n(() => e[3] || (e[3] = [
+                  r("Actions")
+                ])),
+                _: 1
+              })
+            ]),
+            body: n(({ item: k }) => [
+              s(f, null, {
+                default: n(() => [
+                  t("strong", null, [
+                    s(m, {
+                      to: {
+                        name: "admin.role",
+                        params: { slug: k.slug }
+                      }
+                    }, {
+                      default: n(() => [
+                        r(i(k.name), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["to"])
+                  ])
+                ]),
+                _: 2
+              }, 1024),
+              s(f, null, {
+                default: n(() => [
+                  r(i(k.description), 1)
+                ]),
+                _: 2
+              }, 1024),
+              s(f, null, {
+                default: n(() => [
+                  t("button", z, [
+                    s(l, { icon: "trash" })
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["dataUrl"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), K = /* @__PURE__ */ v({
+  __name: "UserPermissions",
+  props: {
+    user_name: {}
+  },
+  setup(U) {
+    return (o, e) => {
+      const l = u("UFSprunjeHeader"), a = u("RouterLink"), m = u("UFSprunjeColumn"), f = u("UFLabel"), p = u("UFSprunjeTable"), g = u("UFCardBox");
+      return d(), c(g, { title: "Permissions" }, {
+        default: n(() => [
+          s(p, {
+            dataUrl: "/api/users/u/" + o.user_name + "/permissions",
+            searchColumn: "name"
+          }, {
+            header: n(() => [
+              s(l, { sort: "name" }, {
+                default: n(() => e[0] || (e[0] = [
+                  r("Permission")
+                ])),
+                _: 1
+              }),
+              s(l, { sort: "properties" }, {
+                default: n(() => e[1] || (e[1] = [
+                  r("Description")
+                ])),
+                _: 1
+              }),
+              s(l, null, {
+                default: n(() => e[2] || (e[2] = [
+                  r("Has permission via roles")
+                ])),
+                _: 1
+              })
+            ]),
+            body: n(({ item: k }) => [
+              s(m, null, {
+                default: n(() => [
+                  t("strong", null, [
+                    s(a, {
+                      to: {
+                        name: "admin.permission",
+                        params: { id: k.id }
+                      }
+                    }, {
+                      default: n(() => [
+                        r(i(k.name), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["to"])
+                  ])
+                ]),
+                _: 2
+              }, 1024),
+              s(m, null, {
+                default: n(() => [
+                  r(i(k.description), 1)
+                ]),
+                _: 2
+              }, 1024),
+              s(m, null, {
+                default: n(() => [
+                  (d(!0), b(S, null, A(k.roles_via, (y) => (d(), c(a, {
+                    key: y.id,
+                    to: { name: "admin.role", params: { slug: y.slug } }
+                  }, {
+                    default: n(() => [
+                      s(f, null, {
+                        default: n(() => [
+                          r(i(y.name), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1032, ["to"]))), 128))
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 1
+          }, 8, ["dataUrl"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), O = { "uk-grid": "" }, Q = { class: "uk-width-1-3" }, X = { class: "uk-width-2-3" }, Z = {
+  class: "uk-child-width-1-1",
+  "uk-grid": ""
+}, re = /* @__PURE__ */ v({
+  __name: "UserView",
+  setup(U) {
+    const o = x(), { user: e, error: l } = L(o);
+    return (a, m) => {
+      const f = u("UFHeaderPage"), p = u("UFAlert"), g = u("UFCardBox");
+      return d(), b(S, null, [
+        s(f, {
+          title: "User details",
+          caption: "User information page"
+        }),
+        _(l) ? (d(), c(g, { key: 0 }, {
+          default: n(() => [
+            s(p, { alert: _(l) }, null, 8, ["alert"])
+          ]),
+          _: 1
+        })) : (d(), b(S, { key: 1 }, [
+          t("div", O, [
+            t("div", Q, [
+              s(I, { user: _(e) }, null, 8, ["user"])
+            ]),
+            t("div", X, [
+              s(J, {
+                slug: _(e).user_name
+              }, null, 8, ["slug"])
+            ])
+          ]),
+          t("div", Z, [
+            t("div", null, [
+              s(K, {
+                user_name: _(e).user_name
+              }, null, 8, ["user_name"])
+            ]),
+            t("div", null, [
+              s(W, {
+                user_name: a.$route.params.user_name.toString()
+              }, null, 8, ["user_name"])
+            ])
+          ])
+        ], 64))
+      ], 64);
+    };
+  }
+});
+export {
+  re as default
+};
diff --git a/dist/UserView-Cwi8FwPa.js b/dist/UserView-Cwi8FwPa.js
deleted file mode 100644
index b0e3e5c..0000000
--- a/dist/UserView-Cwi8FwPa.js
+++ /dev/null
@@ -1,411 +0,0 @@
-import { ref as y, watch as B, defineComponent as F, resolveComponent as a, openBlock as d, createBlock as f, withCtx as t, createElementVNode as s, toDisplayString as i, createElementBlock as g, createCommentVNode as $, renderSlot as w, createVNode as n, createTextVNode as r, unref as _, Fragment as C, renderList as A } from "vue";
-import { useRoute as x } from "vue-router";
-import { a as L } from "./axios-CXDYiOMX.js";
-import { a as b } from "./types-Daou0lcF.js";
-import { h as j } from "./moment-h96o7c8I.js";
-function T(k) {
-  const o = y(!1), e = y(), l = y({
-    id: 0,
-    user_name: "",
-    first_name: "",
-    last_name: "",
-    full_name: "",
-    email: "",
-    avatar: "",
-    flag_enabled: !1,
-    flag_verified: !1,
-    group_id: null,
-    locale: "",
-    created_at: "",
-    updated_at: "",
-    deleted_at: null,
-    locale_name: "",
-    group: null
-  });
-  async function u() {
-    o.value = !0, e.value = null, await L.get("/api/users/u/" + k.params.user_name).then((m) => {
-      l.value = m.data;
-    }).catch((m) => {
-      e.value = {
-        description: "An error as occurred",
-        style: b.Danger,
-        ...m.response.data
-      };
-    }).finally(() => {
-      o.value = !1;
-    });
-  }
-  return B(
-    () => k.params.user_name,
-    () => {
-      u();
-    },
-    { immediate: !0 }
-  ), { user: l, error: e, loading: o };
-}
-const D = { class: "uk-text-center uk-margin" }, H = ["src"], R = { class: "uk-text-center uk-margin-remove" }, Y = {
-  key: 0,
-  class: "uk-margin-remove uk-text-meta",
-  "data-test": "meta"
-}, M = { class: "uk-description-list" }, N = { class: "uk-text-meta" }, P = {
-  key: 0,
-  class: "uk-text-meta"
-}, V = {
-  key: 1,
-  class: "uk-text-meta"
-}, E = { class: "uk-text-meta" }, h = { class: "uk-text-meta" }, G = { class: "uk-text-meta" }, I = /* @__PURE__ */ F({
-  __name: "UserInfo",
-  props: {
-    user: {}
-  },
-  setup(k) {
-    return (o, e) => {
-      const l = a("font-awesome-icon"), u = a("UFLabel"), m = a("UFCardBox");
-      return d(), f(m, null, {
-        default: t(() => [
-          s("div", D, [
-            s("img", {
-              src: o.user.avatar,
-              alt: "avatar",
-              class: "uk-border-circle"
-            }, null, 8, H),
-            s("h3", R, i(o.user.full_name), 1),
-            o.user.user_name ? (d(), g("p", Y, " (" + i(o.user.user_name) + ") ", 1)) : $("", !0),
-            w(o.$slots, "default", { dataTest: "slot" })
-          ]),
-          e[9] || (e[9] = s("hr", null, null, -1)),
-          s("dl", M, [
-            s("dt", null, [
-              n(l, { icon: "envelope" }),
-              e[0] || (e[0] = r(" Email"))
-            ]),
-            s("dd", N, i(o.user.email), 1),
-            s("dt", null, [
-              n(l, { icon: "users" }),
-              e[1] || (e[1] = r(" Group"))
-            ]),
-            o.user.group ? (d(), g("dd", P, i(o.user.group.name), 1)) : (d(), g("dd", V, e[2] || (e[2] = [
-              s("i", null, "None", -1)
-            ]))),
-            s("dt", null, [
-              n(l, { icon: "language" }),
-              e[3] || (e[3] = r(" Locale"))
-            ]),
-            s("dd", E, i(o.user.locale_name), 1),
-            s("dt", null, [
-              n(l, { icon: "user-shield" }),
-              e[4] || (e[4] = r(" Status"))
-            ]),
-            s("dd", h, [
-              o.user.flag_enabled == !1 ? (d(), f(u, {
-                key: 0,
-                severity: _(b).Danger
-              }, {
-                default: t(() => e[5] || (e[5] = [
-                  r(" Disabled ")
-                ])),
-                _: 1
-              }, 8, ["severity"])) : o.user.flag_verified == !1 ? (d(), f(u, {
-                key: 1,
-                severity: _(b).Warning
-              }, {
-                default: t(() => e[6] || (e[6] = [
-                  r(" Unactivated ")
-                ])),
-                _: 1
-              }, 8, ["severity"])) : (d(), f(u, {
-                key: 2,
-                severity: _(b).Success
-              }, {
-                default: t(() => e[7] || (e[7] = [
-                  r("Active")
-                ])),
-                _: 1
-              }, 8, ["severity"]))
-            ]),
-            s("dt", null, [
-              n(l, { icon: "calendar" }),
-              e[8] || (e[8] = r(" Created on"))
-            ]),
-            s("dd", G, i(_(j)(o.user.created_at).format("MMMM Do, YYYY")), 1)
-          ]),
-          e[10] || (e[10] = s("hr", null, null, -1)),
-          e[11] || (e[11] = s("button", { class: "uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom uk-button-small" }, " Edit User ", -1)),
-          e[12] || (e[12] = s("button", { class: "uk-button uk-button-danger uk-width-1-1 uk-margin-small-bottom uk-button-small" }, " Delete User ", -1)),
-          w(o.$slots, "default", { dataTest: "slot" })
-        ]),
-        _: 3
-      });
-    };
-  }
-}), W = /* @__PURE__ */ F({
-  __name: "UserActivities",
-  props: {
-    user_name: {}
-  },
-  setup(k) {
-    return (o, e) => {
-      const l = a("UFSprunjeHeader"), u = a("UFSprunjeColumn"), m = a("UFSprunjeTable"), c = a("UFCardBox");
-      return d(), f(c, { title: "Activities" }, {
-        default: t(() => [
-          n(m, {
-            dataUrl: "/api/users/u/" + o.user_name + "/activities",
-            defaultSorts: { occurred_at: "desc" }
-          }, {
-            header: t(() => [
-              n(l, { sort: "occurred_at" }, {
-                default: t(() => e[0] || (e[0] = [
-                  r("Activity Time")
-                ])),
-                _: 1
-              }),
-              n(l, { sort: "description" }, {
-                default: t(() => e[1] || (e[1] = [
-                  r("Description")
-                ])),
-                _: 1
-              })
-            ]),
-            body: t(({ item: p }) => [
-              n(u, null, {
-                default: t(() => [
-                  s("div", null, i(_(j)(p.occurred_at).format("dddd")), 1),
-                  s("div", null, i(_(j)(p.occurred_at).format("MMM Do, YYYY h:mm a")), 1)
-                ]),
-                _: 2
-              }, 1024),
-              n(u, null, {
-                default: t(() => [
-                  s("div", null, i(p.ip_address), 1),
-                  s("div", null, [
-                    s("i", null, i(p.description), 1)
-                  ])
-                ]),
-                _: 2
-              }, 1024)
-            ]),
-            _: 1
-          }, 8, ["dataUrl"])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), q = { class: "uk-button uk-button-default" }, z = { class: "uk-button uk-button-danger uk-button-small" }, J = /* @__PURE__ */ F({
-  __name: "UserRoles",
-  props: {
-    slug: {}
-  },
-  setup(k) {
-    return (o, e) => {
-      const l = a("font-awesome-icon"), u = a("UFSprunjeHeader"), m = a("RouterLink"), c = a("UFSprunjeColumn"), p = a("UFSprunjeTable"), v = a("UFCardBox");
-      return d(), f(v, { title: "Roles" }, {
-        default: t(() => [
-          n(p, {
-            dataUrl: "/api/users/u/" + o.slug + "/roles",
-            searchColumn: "name",
-            hideFilters: ""
-          }, {
-            actions: t(() => [
-              s("button", q, [
-                n(l, { icon: "address-card" }),
-                e[0] || (e[0] = r(" Add role "))
-              ])
-            ]),
-            header: t(() => [
-              n(u, { sort: "name" }, {
-                default: t(() => e[1] || (e[1] = [
-                  r("Role")
-                ])),
-                _: 1
-              }),
-              n(u, { sort: "description" }, {
-                default: t(() => e[2] || (e[2] = [
-                  r("Description")
-                ])),
-                _: 1
-              }),
-              n(u, { sort: "description" }, {
-                default: t(() => e[3] || (e[3] = [
-                  r("Actions")
-                ])),
-                _: 1
-              })
-            ]),
-            body: t(({ item: U }) => [
-              n(c, null, {
-                default: t(() => [
-                  s("strong", null, [
-                    n(m, {
-                      to: {
-                        name: "admin.role",
-                        params: { slug: U.slug }
-                      }
-                    }, {
-                      default: t(() => [
-                        r(i(U.name), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["to"])
-                  ])
-                ]),
-                _: 2
-              }, 1024),
-              n(c, null, {
-                default: t(() => [
-                  r(i(U.description), 1)
-                ]),
-                _: 2
-              }, 1024),
-              n(c, null, {
-                default: t(() => [
-                  s("button", z, [
-                    n(l, { icon: "trash" })
-                  ])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["dataUrl"])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), K = /* @__PURE__ */ F({
-  __name: "UserPermissions",
-  props: {
-    user_name: {}
-  },
-  setup(k) {
-    return (o, e) => {
-      const l = a("UFSprunjeHeader"), u = a("RouterLink"), m = a("UFSprunjeColumn"), c = a("UFLabel"), p = a("UFSprunjeTable"), v = a("UFCardBox");
-      return d(), f(v, { title: "Permissions" }, {
-        default: t(() => [
-          n(p, {
-            dataUrl: "/api/users/u/" + o.user_name + "/permissions",
-            searchColumn: "name"
-          }, {
-            header: t(() => [
-              n(l, { sort: "name" }, {
-                default: t(() => e[0] || (e[0] = [
-                  r("Permission")
-                ])),
-                _: 1
-              }),
-              n(l, { sort: "properties" }, {
-                default: t(() => e[1] || (e[1] = [
-                  r("Slug/Condition")
-                ])),
-                _: 1
-              }),
-              n(l, null, {
-                default: t(() => e[2] || (e[2] = [
-                  r("Has permission via roles")
-                ])),
-                _: 1
-              })
-            ]),
-            body: t(({ item: U }) => [
-              n(m, null, {
-                default: t(() => [
-                  s("strong", null, [
-                    n(u, {
-                      to: {
-                        name: "admin.permission",
-                        params: { id: U.id }
-                      }
-                    }, {
-                      default: t(() => [
-                        r(i(U.name), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["to"])
-                  ])
-                ]),
-                _: 2
-              }, 1024),
-              n(m, null, {
-                default: t(() => [
-                  r(i(U.description), 1)
-                ]),
-                _: 2
-              }, 1024),
-              n(m, null, {
-                default: t(() => [
-                  (d(!0), g(C, null, A(U.roles_via, (S) => (d(), f(u, {
-                    key: S.id,
-                    to: { name: "admin.role", params: { slug: S.slug } }
-                  }, {
-                    default: t(() => [
-                      n(c, null, {
-                        default: t(() => [
-                          r(i(S.name), 1)
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ]),
-                    _: 2
-                  }, 1032, ["to"]))), 128))
-                ]),
-                _: 2
-              }, 1024)
-            ]),
-            _: 1
-          }, 8, ["dataUrl"])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), O = { "uk-grid": "" }, Q = { class: "uk-width-1-3" }, X = { class: "uk-width-2-3" }, Z = {
-  class: "uk-child-width-1-1",
-  "uk-grid": ""
-}, re = /* @__PURE__ */ F({
-  __name: "UserView",
-  setup(k) {
-    const o = x(), { user: e, error: l } = T(o);
-    return (u, m) => {
-      const c = a("UFHeaderPage"), p = a("UFAlert"), v = a("UFCardBox");
-      return d(), g(C, null, [
-        n(c, {
-          title: "User details",
-          caption: "User information page"
-        }),
-        _(l) ? (d(), f(v, { key: 0 }, {
-          default: t(() => [
-            n(p, { alert: _(l) }, null, 8, ["alert"])
-          ]),
-          _: 1
-        })) : (d(), g(C, { key: 1 }, [
-          s("div", O, [
-            s("div", Q, [
-              n(I, { user: _(e) }, null, 8, ["user"])
-            ]),
-            s("div", X, [
-              n(J, {
-                slug: _(e).user_name
-              }, null, 8, ["slug"])
-            ])
-          ]),
-          s("div", Z, [
-            s("div", null, [
-              n(K, {
-                user_name: _(e).user_name
-              }, null, 8, ["user_name"])
-            ]),
-            s("div", null, [
-              n(W, {
-                user_name: u.$route.params.user_name.toString()
-              }, null, 8, ["user_name"])
-            ])
-          ])
-        ], 64))
-      ], 64);
-    };
-  }
-});
-export {
-  re as default
-};
diff --git a/dist/UserView-D-eMJ0lC.cjs b/dist/UserView-DyId2fxr.cjs
similarity index 59%
rename from dist/UserView-D-eMJ0lC.cjs
rename to dist/UserView-DyId2fxr.cjs
index c07c884..ca2b4a9 100644
--- a/dist/UserView-D-eMJ0lC.cjs
+++ b/dist/UserView-DyId2fxr.cjs
@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),_=require("vue-router"),N=require("./axios-tuVKNgv9.cjs"),c=require("./types-D9XxK5BT.cjs"),p=require("./moment-Bp7fbP4q.cjs");function V(u){const o=e.ref(!1),t=e.ref(),n=e.ref({id:0,user_name:"",first_name:"",last_name:"",full_name:"",email:"",avatar:"",flag_enabled:!1,flag_verified:!1,group_id:null,locale:"",created_at:"",updated_at:"",deleted_at:null,locale_name:"",group:null});async function r(){o.value=!0,t.value=null,await N.axios.get("/api/users/u/"+u.params.user_name).then(a=>{n.value=a.data}).catch(a=>{t.value={description:"An error as occurred",style:c.a.Danger,...a.response.data}}).finally(()=>{o.value=!1})}return e.watch(()=>u.params.user_name,()=>{r()},{immediate:!0}),{user:n,error:t,loading:o}}const f={class:"uk-text-center uk-margin"},C=["src"],k={class:"uk-text-center uk-margin-remove"},x={key:0,class:"uk-margin-remove uk-text-meta","data-test":"meta"},v={class:"uk-description-list"},g={class:"uk-text-meta"},U={key:0,class:"uk-text-meta"},w={key:1,class:"uk-text-meta"},S={class:"uk-text-meta"},y={class:"uk-text-meta"},E={class:"uk-text-meta"},B=e.defineComponent({__name:"UserInfo",props:{user:{}},setup(u){return(o,t)=>{const n=e.resolveComponent("font-awesome-icon"),r=e.resolveComponent("UFLabel"),a=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(a,null,{default:e.withCtx(()=>[e.createElementVNode("div",f,[e.createElementVNode("img",{src:o.user.avatar,alt:"avatar",class:"uk-border-circle"},null,8,C),e.createElementVNode("h3",k,e.toDisplayString(o.user.full_name),1),o.user.user_name?(e.openBlock(),e.createElementBlock("p",x," ("+e.toDisplayString(o.user.user_name)+") ",1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{dataTest:"slot"})]),t[9]||(t[9]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("dl",v,[e.createElementVNode("dt",null,[e.createVNode(n,{icon:"envelope"}),t[0]||(t[0]=e.createTextVNode(" Email"))]),e.createElementVNode("dd",g,e.toDisplayString(o.user.email),1),e.createElementVNode("dt",null,[e.createVNode(n,{icon:"users"}),t[1]||(t[1]=e.createTextVNode(" Group"))]),o.user.group?(e.openBlock(),e.createElementBlock("dd",U,e.toDisplayString(o.user.group.name),1)):(e.openBlock(),e.createElementBlock("dd",w,t[2]||(t[2]=[e.createElementVNode("i",null,"None",-1)]))),e.createElementVNode("dt",null,[e.createVNode(n,{icon:"language"}),t[3]||(t[3]=e.createTextVNode(" Locale"))]),e.createElementVNode("dd",S,e.toDisplayString(o.user.locale_name),1),e.createElementVNode("dt",null,[e.createVNode(n,{icon:"user-shield"}),t[4]||(t[4]=e.createTextVNode(" Status"))]),e.createElementVNode("dd",y,[o.user.flag_enabled==!1?(e.openBlock(),e.createBlock(r,{key:0,severity:e.unref(c.a).Danger},{default:e.withCtx(()=>t[5]||(t[5]=[e.createTextVNode(" Disabled ")])),_:1},8,["severity"])):o.user.flag_verified==!1?(e.openBlock(),e.createBlock(r,{key:1,severity:e.unref(c.a).Warning},{default:e.withCtx(()=>t[6]||(t[6]=[e.createTextVNode(" Unactivated ")])),_:1},8,["severity"])):(e.openBlock(),e.createBlock(r,{key:2,severity:e.unref(c.a).Success},{default:e.withCtx(()=>t[7]||(t[7]=[e.createTextVNode("Active")])),_:1},8,["severity"]))]),e.createElementVNode("dt",null,[e.createVNode(n,{icon:"calendar"}),t[8]||(t[8]=e.createTextVNode(" Created on"))]),e.createElementVNode("dd",E,e.toDisplayString(e.unref(p.hooks)(o.user.created_at).format("MMMM Do, YYYY")),1)]),t[10]||(t[10]=e.createElementVNode("hr",null,null,-1)),t[11]||(t[11]=e.createElementVNode("button",{class:"uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom uk-button-small"}," Edit User ",-1)),t[12]||(t[12]=e.createElementVNode("button",{class:"uk-button uk-button-danger uk-width-1-1 uk-margin-small-bottom uk-button-small"}," Delete User ",-1)),e.renderSlot(o.$slots,"default",{dataTest:"slot"})]),_:3})}}}),F=e.defineComponent({__name:"UserActivities",props:{user_name:{}},setup(u){return(o,t)=>{const n=e.resolveComponent("UFSprunjeHeader"),r=e.resolveComponent("UFSprunjeColumn"),a=e.resolveComponent("UFSprunjeTable"),s=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(s,{title:"Activities"},{default:e.withCtx(()=>[e.createVNode(a,{dataUrl:"/api/users/u/"+o.user_name+"/activities",defaultSorts:{occurred_at:"desc"}},{header:e.withCtx(()=>[e.createVNode(n,{sort:"occurred_at"},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode("Activity Time")])),_:1}),e.createVNode(n,{sort:"description"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Description")])),_:1})]),body:e.withCtx(({item:l})=>[e.createVNode(r,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(p.hooks)(l.occurred_at).format("dddd")),1),e.createElementVNode("div",null,e.toDisplayString(e.unref(p.hooks)(l.occurred_at).format("MMM Do, YYYY h:mm a")),1)]),_:2},1024),e.createVNode(r,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(l.ip_address),1),e.createElementVNode("div",null,[e.createElementVNode("i",null,e.toDisplayString(l.description),1)])]),_:2},1024)]),_:1},8,["dataUrl"])]),_:1})}}}),h={class:"uk-button uk-button-default"},b={class:"uk-button uk-button-danger uk-button-small"},T=e.defineComponent({__name:"UserRoles",props:{slug:{}},setup(u){return(o,t)=>{const n=e.resolveComponent("font-awesome-icon"),r=e.resolveComponent("UFSprunjeHeader"),a=e.resolveComponent("RouterLink"),s=e.resolveComponent("UFSprunjeColumn"),l=e.resolveComponent("UFSprunjeTable"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(i,{title:"Roles"},{default:e.withCtx(()=>[e.createVNode(l,{dataUrl:"/api/users/u/"+o.slug+"/roles",searchColumn:"name",hideFilters:""},{actions:e.withCtx(()=>[e.createElementVNode("button",h,[e.createVNode(n,{icon:"address-card"}),t[0]||(t[0]=e.createTextVNode(" Add role "))])]),header:e.withCtx(()=>[e.createVNode(r,{sort:"name"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Role")])),_:1}),e.createVNode(r,{sort:"description"},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Description")])),_:1}),e.createVNode(r,{sort:"description"},{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:d})=>[e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(a,{to:{name:"admin.role",params:{slug:d.slug}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(s,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.description),1)]),_:2},1024),e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("button",b,[e.createVNode(n,{icon:"trash"})])]),_:1})]),_:1},8,["dataUrl"])]),_:1})}}}),D=e.defineComponent({__name:"UserPermissions",props:{user_name:{}},setup(u){return(o,t)=>{const n=e.resolveComponent("UFSprunjeHeader"),r=e.resolveComponent("RouterLink"),a=e.resolveComponent("UFSprunjeColumn"),s=e.resolveComponent("UFLabel"),l=e.resolveComponent("UFSprunjeTable"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(i,{title:"Permissions"},{default:e.withCtx(()=>[e.createVNode(l,{dataUrl:"/api/users/u/"+o.user_name+"/permissions",searchColumn:"name"},{header:e.withCtx(()=>[e.createVNode(n,{sort:"name"},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode("Permission")])),_:1}),e.createVNode(n,{sort:"properties"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Slug/Condition")])),_:1}),e.createVNode(n,null,{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Has permission via roles")])),_:1})]),body:e.withCtx(({item:d})=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(r,{to:{name:"admin.permission",params:{id:d.id}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(a,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.description),1)]),_:2},1024),e.createVNode(a,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.roles_via,m=>(e.openBlock(),e.createBlock(r,{key:m.id,to:{name:"admin.role",params:{slug:m.slug}}},{default:e.withCtx(()=>[e.createVNode(s,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.name),1)]),_:2},1024)]),_:2},1032,["to"]))),128))]),_:2},1024)]),_:1},8,["dataUrl"])]),_:1})}}}),j={"uk-grid":""},$={class:"uk-width-1-3"},A={class:"uk-width-2-3"},L={class:"uk-child-width-1-1","uk-grid":""},H=e.defineComponent({__name:"UserView",setup(u){const o=_.useRoute(),{user:t,error:n}=V(o);return(r,a)=>{const s=e.resolveComponent("UFHeaderPage"),l=e.resolveComponent("UFAlert"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(s,{title:"User details",caption:"User information page"}),e.unref(n)?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createVNode(l,{alert:e.unref(n)},null,8,["alert"])]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",j,[e.createElementVNode("div",$,[e.createVNode(B,{user:e.unref(t)},null,8,["user"])]),e.createElementVNode("div",A,[e.createVNode(T,{slug:e.unref(t).user_name},null,8,["slug"])])]),e.createElementVNode("div",L,[e.createElementVNode("div",null,[e.createVNode(D,{user_name:e.unref(t).user_name},null,8,["user_name"])]),e.createElementVNode("div",null,[e.createVNode(F,{user_name:r.$route.params.user_name.toString()},null,8,["user_name"])])])],64))],64)}}});exports.default=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),_=require("vue-router"),N=require("./axios-tuVKNgv9.cjs"),c=require("./types-D9XxK5BT.cjs"),p=require("./moment-Bp7fbP4q.cjs");function V(d){const o=e.ref(!1),t=e.ref(),n=e.ref({id:0,user_name:"",first_name:"",last_name:"",full_name:"",email:"",avatar:"",flag_enabled:!1,flag_verified:!1,group_id:null,locale:"",created_at:"",updated_at:"",deleted_at:null,locale_name:"",group:null});async function r(){o.value=!0,t.value=null,await N.axios.get("/api/users/u/"+d.params.user_name).then(a=>{n.value=a.data}).catch(a=>{t.value={description:"An error as occurred",style:c.a.Danger,...a.response.data}}).finally(()=>{o.value=!1})}return e.watch(()=>d.params.user_name,()=>{r()},{immediate:!0}),{user:n,error:t,loading:o}}const k={class:"uk-text-center uk-margin"},f=["src"],C={class:"uk-text-center uk-margin-remove"},x={key:0,class:"uk-margin-remove uk-text-meta","data-test":"meta"},v={class:"uk-description-list"},g={class:"uk-text-meta"},U={key:0,class:"uk-text-meta"},w={key:1,class:"uk-text-meta"},b={class:"uk-text-meta"},E={class:"uk-text-meta"},y={class:"uk-text-meta"},S=e.defineComponent({__name:"UserInfo",props:{user:{}},setup(d){return(o,t)=>{const n=e.resolveComponent("font-awesome-icon"),r=e.resolveComponent("UFLabel"),a=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(a,null,{default:e.withCtx(()=>[e.createElementVNode("div",k,[e.createElementVNode("img",{src:o.user.avatar,alt:"avatar",class:"uk-border-circle"},null,8,f),e.createElementVNode("h3",C,e.toDisplayString(o.user.full_name),1),o.user.user_name?(e.openBlock(),e.createElementBlock("p",x," ("+e.toDisplayString(o.user.user_name)+") ",1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{dataTest:"slot"})]),t[9]||(t[9]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("dl",v,[e.createElementVNode("dt",null,[e.createVNode(n,{icon:"envelope"}),t[0]||(t[0]=e.createTextVNode(" Email"))]),e.createElementVNode("dd",g,e.toDisplayString(o.user.email),1),e.createElementVNode("dt",null,[e.createVNode(n,{icon:"users"}),t[1]||(t[1]=e.createTextVNode(" Group"))]),o.user.group?(e.openBlock(),e.createElementBlock("dd",U,e.toDisplayString(o.user.group.name),1)):(e.openBlock(),e.createElementBlock("dd",w,t[2]||(t[2]=[e.createElementVNode("i",null,"None",-1)]))),e.createElementVNode("dt",null,[e.createVNode(n,{icon:"language"}),t[3]||(t[3]=e.createTextVNode(" Locale"))]),e.createElementVNode("dd",b,e.toDisplayString(o.user.locale_name),1),e.createElementVNode("dt",null,[e.createVNode(n,{icon:"user-shield"}),t[4]||(t[4]=e.createTextVNode(" Status"))]),e.createElementVNode("dd",E,[o.user.flag_enabled==!1?(e.openBlock(),e.createBlock(r,{key:0,severity:e.unref(c.a).Danger},{default:e.withCtx(()=>t[5]||(t[5]=[e.createTextVNode(" Disabled ")])),_:1},8,["severity"])):o.user.flag_verified==!1?(e.openBlock(),e.createBlock(r,{key:1,severity:e.unref(c.a).Warning},{default:e.withCtx(()=>t[6]||(t[6]=[e.createTextVNode(" Unactivated ")])),_:1},8,["severity"])):(e.openBlock(),e.createBlock(r,{key:2,severity:e.unref(c.a).Success},{default:e.withCtx(()=>t[7]||(t[7]=[e.createTextVNode("Active")])),_:1},8,["severity"]))]),e.createElementVNode("dt",null,[e.createVNode(n,{icon:"calendar"}),t[8]||(t[8]=e.createTextVNode(" Created on"))]),e.createElementVNode("dd",y,e.toDisplayString(e.unref(p.hooks)(o.user.created_at).format("MMMM Do, YYYY")),1)]),t[10]||(t[10]=e.createElementVNode("hr",null,null,-1)),t[11]||(t[11]=e.createElementVNode("button",{class:"uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom uk-button-small"}," Edit User ",-1)),t[12]||(t[12]=e.createElementVNode("button",{class:"uk-button uk-button-default uk-width-1-1 uk-margin-small-bottom uk-button-small"}," Change User Password ",-1)),t[13]||(t[13]=e.createElementVNode("button",{class:"uk-button uk-button-default uk-width-1-1 uk-margin-small-bottom uk-button-small"}," Disable User ",-1)),t[14]||(t[14]=e.createElementVNode("button",{class:"uk-button uk-button-danger uk-width-1-1 uk-margin-small-bottom uk-button-small"}," Delete User ",-1)),e.renderSlot(o.$slots,"default",{dataTest:"slot"})]),_:3})}}}),B=e.defineComponent({__name:"UserActivities",props:{user_name:{}},setup(d){return(o,t)=>{const n=e.resolveComponent("UFSprunjeHeader"),r=e.resolveComponent("UFSprunjeColumn"),a=e.resolveComponent("UFSprunjeTable"),s=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(s,{title:"Activities"},{default:e.withCtx(()=>[e.createVNode(a,{dataUrl:"/api/users/u/"+o.user_name+"/activities",defaultSorts:{occurred_at:"desc"}},{header:e.withCtx(()=>[e.createVNode(n,{sort:"occurred_at"},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode("Activity Time")])),_:1}),e.createVNode(n,{sort:"description"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Description")])),_:1})]),body:e.withCtx(({item:l})=>[e.createVNode(r,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(p.hooks)(l.occurred_at).format("dddd")),1),e.createElementVNode("div",null,e.toDisplayString(e.unref(p.hooks)(l.occurred_at).format("MMM Do, YYYY h:mm a")),1)]),_:2},1024),e.createVNode(r,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(l.ip_address),1),e.createElementVNode("div",null,[e.createElementVNode("i",null,e.toDisplayString(l.description),1)])]),_:2},1024)]),_:1},8,["dataUrl"])]),_:1})}}}),F={class:"uk-button uk-button-default"},h={class:"uk-button uk-button-danger uk-button-small"},T=e.defineComponent({__name:"UserRoles",props:{slug:{}},setup(d){return(o,t)=>{const n=e.resolveComponent("font-awesome-icon"),r=e.resolveComponent("UFSprunjeHeader"),a=e.resolveComponent("RouterLink"),s=e.resolveComponent("UFSprunjeColumn"),l=e.resolveComponent("UFSprunjeTable"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(i,{title:"Roles"},{default:e.withCtx(()=>[e.createVNode(l,{dataUrl:"/api/users/u/"+o.slug+"/roles",searchColumn:"name",hideFilters:""},{actions:e.withCtx(()=>[e.createElementVNode("button",F,[e.createVNode(n,{icon:"address-card"}),t[0]||(t[0]=e.createTextVNode(" Add role "))])]),header:e.withCtx(()=>[e.createVNode(r,{sort:"name"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Role")])),_:1}),e.createVNode(r,{sort:"description"},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Description")])),_:1}),e.createVNode(r,{sort:"description"},{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:u})=>[e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(a,{to:{name:"admin.role",params:{slug:u.slug}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(s,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.description),1)]),_:2},1024),e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("button",h,[e.createVNode(n,{icon:"trash"})])]),_:1})]),_:1},8,["dataUrl"])]),_:1})}}}),D=e.defineComponent({__name:"UserPermissions",props:{user_name:{}},setup(d){return(o,t)=>{const n=e.resolveComponent("UFSprunjeHeader"),r=e.resolveComponent("RouterLink"),a=e.resolveComponent("UFSprunjeColumn"),s=e.resolveComponent("UFLabel"),l=e.resolveComponent("UFSprunjeTable"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createBlock(i,{title:"Permissions"},{default:e.withCtx(()=>[e.createVNode(l,{dataUrl:"/api/users/u/"+o.user_name+"/permissions",searchColumn:"name"},{header:e.withCtx(()=>[e.createVNode(n,{sort:"name"},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode("Permission")])),_:1}),e.createVNode(n,{sort:"properties"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Description")])),_:1}),e.createVNode(n,null,{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Has permission via roles")])),_:1})]),body:e.withCtx(({item:u})=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(r,{to:{name:"admin.permission",params:{id:u.id}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.name),1)]),_:2},1032,["to"])])]),_:2},1024),e.createVNode(a,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.description),1)]),_:2},1024),e.createVNode(a,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.roles_via,m=>(e.openBlock(),e.createBlock(r,{key:m.id,to:{name:"admin.role",params:{slug:m.slug}}},{default:e.withCtx(()=>[e.createVNode(s,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.name),1)]),_:2},1024)]),_:2},1032,["to"]))),128))]),_:2},1024)]),_:1},8,["dataUrl"])]),_:1})}}}),j={"uk-grid":""},$={class:"uk-width-1-3"},A={class:"uk-width-2-3"},L={class:"uk-child-width-1-1","uk-grid":""},H=e.defineComponent({__name:"UserView",setup(d){const o=_.useRoute(),{user:t,error:n}=V(o);return(r,a)=>{const s=e.resolveComponent("UFHeaderPage"),l=e.resolveComponent("UFAlert"),i=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(s,{title:"User details",caption:"User information page"}),e.unref(n)?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createVNode(l,{alert:e.unref(n)},null,8,["alert"])]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",j,[e.createElementVNode("div",$,[e.createVNode(S,{user:e.unref(t)},null,8,["user"])]),e.createElementVNode("div",A,[e.createVNode(T,{slug:e.unref(t).user_name},null,8,["slug"])])]),e.createElementVNode("div",L,[e.createElementVNode("div",null,[e.createVNode(D,{user_name:e.unref(t).user_name},null,8,["user_name"])]),e.createElementVNode("div",null,[e.createVNode(B,{user_name:r.$route.params.user_name.toString()},null,8,["user_name"])])])],64))],64)}}});exports.default=H;
diff --git a/dist/UsersView-BfWj-5Sm.js b/dist/UsersView-BfWj-5Sm.js
new file mode 100644
index 0000000..2cf7489
--- /dev/null
+++ b/dist/UsersView-BfWj-5Sm.js
@@ -0,0 +1,154 @@
+import { resolveComponent as a, openBlock as f, createElementBlock as g, Fragment as F, createVNode as o, withCtx as n, createElementVNode as t, createTextVNode as l, toDisplayString as r, unref as u, createBlock as m } from "vue";
+import { a as p } from "./types-Daou0lcF.js";
+import { h as c } from "./moment-h96o7c8I.js";
+const w = { class: "uk-button uk-button-default" }, C = { class: "uk-text-meta" }, S = {
+  class: "uk-button uk-button-default uk-button-small",
+  type: "button"
+}, L = {
+  __name: "UsersView",
+  setup(x) {
+    return (j, e) => {
+      const U = a("UFHeaderPage"), v = a("font-awesome-icon"), i = a("UFSprunjeHeader"), y = a("RouterLink"), d = a("UFSprunjeColumn"), _ = a("UFLabel"), b = a("UFSprunjeTable"), k = a("UFCardBox");
+      return f(), g(F, null, [
+        o(U, {
+          title: "Users",
+          caption: `A listing of the users for your site. Provides management tools including the ability to
+        edit user details, manually activate users, enable/disable users, and more.`
+        }),
+        o(k, null, {
+          default: n(() => [
+            o(b, {
+              dataUrl: "/api/users",
+              searchColumn: "name"
+            }, {
+              actions: n(() => [
+                t("button", w, [
+                  o(v, { icon: "user-plus" }),
+                  e[0] || (e[0] = l(" Create user "))
+                ])
+              ]),
+              header: n(() => [
+                o(i, { sort: "name" }, {
+                  default: n(() => e[1] || (e[1] = [
+                    l("User")
+                  ])),
+                  _: 1
+                }),
+                o(i, { sort: "last_activity" }, {
+                  default: n(() => e[2] || (e[2] = [
+                    l("Last Activity")
+                  ])),
+                  _: 1
+                }),
+                o(i, { sort: "status" }, {
+                  default: n(() => e[3] || (e[3] = [
+                    l("Status")
+                  ])),
+                  _: 1
+                }),
+                o(i, null, {
+                  default: n(() => e[4] || (e[4] = [
+                    l("Actions")
+                  ])),
+                  _: 1
+                })
+              ]),
+              body: n(({ item: s }) => [
+                o(d, null, {
+                  default: n(() => [
+                    t("strong", null, [
+                      o(y, {
+                        to: {
+                          name: "admin.user",
+                          params: { user_name: s.user_name }
+                        }
+                      }, {
+                        default: n(() => [
+                          l(r(s.full_name) + " (" + r(s.user_name) + ") ", 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["to"])
+                    ]),
+                    t("div", C, r(s.email), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                o(d, null, {
+                  default: n(() => [
+                    t("div", null, r(u(c)(s.last_activity.occurred_at).format("dddd")), 1),
+                    t("div", null, r(u(c)(s.last_activity.occurred_at).format("MMM Do, YYYY h:mm a")), 1),
+                    t("i", null, r(s.last_activity.description), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                o(d, null, {
+                  default: n(() => [
+                    s.flag_enabled == !1 ? (f(), m(_, {
+                      key: 0,
+                      severity: u(p).Danger
+                    }, {
+                      default: n(() => e[5] || (e[5] = [
+                        l(" Disabled ")
+                      ])),
+                      _: 1
+                    }, 8, ["severity"])) : s.flag_verified == !1 ? (f(), m(_, {
+                      key: 1,
+                      severity: u(p).Warning
+                    }, {
+                      default: n(() => e[6] || (e[6] = [
+                        l(" Unactivated ")
+                      ])),
+                      _: 1
+                    }, 8, ["severity"])) : (f(), m(_, {
+                      key: 2,
+                      severity: u(p).Success
+                    }, {
+                      default: n(() => e[7] || (e[7] = [
+                        l("Active")
+                      ])),
+                      _: 1
+                    }, 8, ["severity"]))
+                  ]),
+                  _: 2
+                }, 1024),
+                o(d, null, {
+                  default: n(() => [
+                    t("button", S, [
+                      e[8] || (e[8] = l(" Actions ")),
+                      o(v, {
+                        icon: "caret-down",
+                        "fixed-width": ""
+                      })
+                    ]),
+                    e[9] || (e[9] = t("div", { "uk-dropdown": "" }, [
+                      t("ul", { class: "uk-nav uk-dropdown-nav" }, [
+                        t("li", null, [
+                          t("a", { href: "#" }, "Edit User")
+                        ]),
+                        t("li", null, [
+                          t("a", { href: "#" }, "Change User Password")
+                        ]),
+                        t("li", null, [
+                          t("a", { href: "#" }, "Disable User")
+                        ]),
+                        t("li", null, [
+                          t("a", { href: "#" }, "Delete User")
+                        ])
+                      ])
+                    ], -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+};
+export {
+  L as default
+};
diff --git a/dist/UsersView-DmrzXUQ5.cjs b/dist/UsersView-DmrzXUQ5.cjs
deleted file mode 100644
index 3bacb15..0000000
--- a/dist/UsersView-DmrzXUQ5.cjs
+++ /dev/null
@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./types-D9XxK5BT.cjs"),s=require("./moment-Bp7fbP4q.cjs"),m={class:"uk-text-meta"},p={__name:"UsersView",setup(_){return(f,t)=>{const i=e.resolveComponent("UFHeaderPage"),r=e.resolveComponent("UFSprunjeHeader"),d=e.resolveComponent("RouterLink"),n=e.resolveComponent("UFSprunjeColumn"),a=e.resolveComponent("UFLabel"),u=e.resolveComponent("UFSprunjeTable"),c=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(i,{title:"Users",caption:`A listing of the users for your site. Provides management tools including the ability to
-        edit user details, manually activate users, enable/disable users, and more.`}),e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(u,{dataUrl:"/api/users",searchColumn:"name"},{header:e.withCtx(()=>[e.createVNode(r,{sort:"name"},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode("User")])),_:1}),e.createVNode(r,{sort:"last_activity"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Last Activity")])),_:1}),e.createVNode(r,{sort:"status"},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Status")])),_:1}),e.createVNode(r,null,{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:o})=>[e.createVNode(n,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(d,{to:{name:"admin.user",params:{user_name:o.user_name}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.full_name)+" ("+e.toDisplayString(o.user_name)+") ",1)]),_:2},1032,["to"])]),e.createElementVNode("div",m,e.toDisplayString(o.email),1)]),_:2},1024),e.createVNode(n,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(s.hooks)(o.last_activity.occurred_at).format("dddd")),1),e.createElementVNode("div",null,e.toDisplayString(e.unref(s.hooks)(o.last_activity.occurred_at).format("MMM Do, YYYY h:mm a")),1),e.createElementVNode("i",null,e.toDisplayString(o.last_activity.description),1)]),_:2},1024),e.createVNode(n,null,{default:e.withCtx(()=>[o.flag_enabled==!1?(e.openBlock(),e.createBlock(a,{key:0,severity:e.unref(l.a).Danger},{default:e.withCtx(()=>t[4]||(t[4]=[e.createTextVNode(" Disabled ")])),_:1},8,["severity"])):o.flag_verified==!1?(e.openBlock(),e.createBlock(a,{key:1,severity:e.unref(l.a).Warning},{default:e.withCtx(()=>t[5]||(t[5]=[e.createTextVNode(" Unactivated ")])),_:1},8,["severity"])):(e.openBlock(),e.createBlock(a,{key:2,severity:e.unref(l.a).Success},{default:e.withCtx(()=>t[6]||(t[6]=[e.createTextVNode("Active")])),_:1},8,["severity"]))]),_:2},1024),e.createVNode(n)]),_:1})]),_:1})],64)}}};exports.default=p;
diff --git a/dist/UsersView-MO0dK8Sx.js b/dist/UsersView-MO0dK8Sx.js
deleted file mode 100644
index 888fc4e..0000000
--- a/dist/UsersView-MO0dK8Sx.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import { resolveComponent as r, openBlock as _, createElementBlock as g, Fragment as b, createVNode as n, withCtx as t, createTextVNode as o, createElementVNode as s, toDisplayString as l, unref as u, createBlock as f } from "vue";
-import { a as p } from "./types-Daou0lcF.js";
-import { h as c } from "./moment-h96o7c8I.js";
-const k = { class: "uk-text-meta" }, L = {
-  __name: "UsersView",
-  setup(S) {
-    return (x, e) => {
-      const v = r("UFHeaderPage"), i = r("UFSprunjeHeader"), y = r("RouterLink"), d = r("UFSprunjeColumn"), m = r("UFLabel"), U = r("UFSprunjeTable"), F = r("UFCardBox");
-      return _(), g(b, null, [
-        n(v, {
-          title: "Users",
-          caption: `A listing of the users for your site. Provides management tools including the ability to
-        edit user details, manually activate users, enable/disable users, and more.`
-        }),
-        n(F, null, {
-          default: t(() => [
-            n(U, {
-              dataUrl: "/api/users",
-              searchColumn: "name"
-            }, {
-              header: t(() => [
-                n(i, { sort: "name" }, {
-                  default: t(() => e[0] || (e[0] = [
-                    o("User")
-                  ])),
-                  _: 1
-                }),
-                n(i, { sort: "last_activity" }, {
-                  default: t(() => e[1] || (e[1] = [
-                    o("Last Activity")
-                  ])),
-                  _: 1
-                }),
-                n(i, { sort: "status" }, {
-                  default: t(() => e[2] || (e[2] = [
-                    o("Status")
-                  ])),
-                  _: 1
-                }),
-                n(i, null, {
-                  default: t(() => e[3] || (e[3] = [
-                    o("Actions")
-                  ])),
-                  _: 1
-                })
-              ]),
-              body: t(({ item: a }) => [
-                n(d, null, {
-                  default: t(() => [
-                    s("strong", null, [
-                      n(y, {
-                        to: {
-                          name: "admin.user",
-                          params: { user_name: a.user_name }
-                        }
-                      }, {
-                        default: t(() => [
-                          o(l(a.full_name) + " (" + l(a.user_name) + ") ", 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["to"])
-                    ]),
-                    s("div", k, l(a.email), 1)
-                  ]),
-                  _: 2
-                }, 1024),
-                n(d, null, {
-                  default: t(() => [
-                    s("div", null, l(u(c)(a.last_activity.occurred_at).format("dddd")), 1),
-                    s("div", null, l(u(c)(a.last_activity.occurred_at).format("MMM Do, YYYY h:mm a")), 1),
-                    s("i", null, l(a.last_activity.description), 1)
-                  ]),
-                  _: 2
-                }, 1024),
-                n(d, null, {
-                  default: t(() => [
-                    a.flag_enabled == !1 ? (_(), f(m, {
-                      key: 0,
-                      severity: u(p).Danger
-                    }, {
-                      default: t(() => e[4] || (e[4] = [
-                        o(" Disabled ")
-                      ])),
-                      _: 1
-                    }, 8, ["severity"])) : a.flag_verified == !1 ? (_(), f(m, {
-                      key: 1,
-                      severity: u(p).Warning
-                    }, {
-                      default: t(() => e[5] || (e[5] = [
-                        o(" Unactivated ")
-                      ])),
-                      _: 1
-                    }, 8, ["severity"])) : (_(), f(m, {
-                      key: 2,
-                      severity: u(p).Success
-                    }, {
-                      default: t(() => e[6] || (e[6] = [
-                        o("Active")
-                      ])),
-                      _: 1
-                    }, 8, ["severity"]))
-                  ]),
-                  _: 2
-                }, 1024),
-                n(d)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-};
-export {
-  L as default
-};
diff --git a/dist/UsersView-pcKDS1c8.cjs b/dist/UsersView-pcKDS1c8.cjs
new file mode 100644
index 0000000..d9badf0
--- /dev/null
+++ b/dist/UsersView-pcKDS1c8.cjs
@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./types-D9XxK5BT.cjs"),d=require("./moment-Bp7fbP4q.cjs"),p={class:"uk-button uk-button-default"},V={class:"uk-text-meta"},N={class:"uk-button uk-button-default uk-button-small",type:"button"},f={__name:"UsersView",setup(_){return(v,t)=>{const u=e.resolveComponent("UFHeaderPage"),s=e.resolveComponent("font-awesome-icon"),n=e.resolveComponent("UFSprunjeHeader"),i=e.resolveComponent("RouterLink"),r=e.resolveComponent("UFSprunjeColumn"),a=e.resolveComponent("UFLabel"),c=e.resolveComponent("UFSprunjeTable"),m=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(u,{title:"Users",caption:`A listing of the users for your site. Provides management tools including the ability to
+        edit user details, manually activate users, enable/disable users, and more.`}),e.createVNode(m,null,{default:e.withCtx(()=>[e.createVNode(c,{dataUrl:"/api/users",searchColumn:"name"},{actions:e.withCtx(()=>[e.createElementVNode("button",p,[e.createVNode(s,{icon:"user-plus"}),t[0]||(t[0]=e.createTextVNode(" Create user "))])]),header:e.withCtx(()=>[e.createVNode(n,{sort:"name"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("User")])),_:1}),e.createVNode(n,{sort:"last_activity"},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("Last Activity")])),_:1}),e.createVNode(n,{sort:"status"},{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode("Status")])),_:1}),e.createVNode(n,null,{default:e.withCtx(()=>t[4]||(t[4]=[e.createTextVNode("Actions")])),_:1})]),body:e.withCtx(({item:o})=>[e.createVNode(r,null,{default:e.withCtx(()=>[e.createElementVNode("strong",null,[e.createVNode(i,{to:{name:"admin.user",params:{user_name:o.user_name}}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.full_name)+" ("+e.toDisplayString(o.user_name)+") ",1)]),_:2},1032,["to"])]),e.createElementVNode("div",V,e.toDisplayString(o.email),1)]),_:2},1024),e.createVNode(r,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(d.hooks)(o.last_activity.occurred_at).format("dddd")),1),e.createElementVNode("div",null,e.toDisplayString(e.unref(d.hooks)(o.last_activity.occurred_at).format("MMM Do, YYYY h:mm a")),1),e.createElementVNode("i",null,e.toDisplayString(o.last_activity.description),1)]),_:2},1024),e.createVNode(r,null,{default:e.withCtx(()=>[o.flag_enabled==!1?(e.openBlock(),e.createBlock(a,{key:0,severity:e.unref(l.a).Danger},{default:e.withCtx(()=>t[5]||(t[5]=[e.createTextVNode(" Disabled ")])),_:1},8,["severity"])):o.flag_verified==!1?(e.openBlock(),e.createBlock(a,{key:1,severity:e.unref(l.a).Warning},{default:e.withCtx(()=>t[6]||(t[6]=[e.createTextVNode(" Unactivated ")])),_:1},8,["severity"])):(e.openBlock(),e.createBlock(a,{key:2,severity:e.unref(l.a).Success},{default:e.withCtx(()=>t[7]||(t[7]=[e.createTextVNode("Active")])),_:1},8,["severity"]))]),_:2},1024),e.createVNode(r,null,{default:e.withCtx(()=>[e.createElementVNode("button",N,[t[8]||(t[8]=e.createTextVNode(" Actions ")),e.createVNode(s,{icon:"caret-down","fixed-width":""})]),t[9]||(t[9]=e.createElementVNode("div",{"uk-dropdown":""},[e.createElementVNode("ul",{class:"uk-nav uk-dropdown-nav"},[e.createElementVNode("li",null,[e.createElementVNode("a",{href:"#"},"Edit User")]),e.createElementVNode("li",null,[e.createElementVNode("a",{href:"#"},"Change User Password")]),e.createElementVNode("li",null,[e.createElementVNode("a",{href:"#"},"Disable User")]),e.createElementVNode("li",null,[e.createElementVNode("a",{href:"#"},"Delete User")])])],-1))]),_:1})]),_:1})]),_:1})],64)}}};exports.default=f;
diff --git a/dist/routes.cjs b/dist/routes.cjs
index 3b1a968..42aed7a 100644
--- a/dist/routes.cjs
+++ b/dist/routes.cjs
@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=[{path:"dashboard",name:"admin.dashboard",meta:{auth:{redirect:{name:"account.login"}}},component:()=>Promise.resolve().then(()=>require("./DashboardView-Ca9Np1FZ.cjs"))}],n=[{path:"activities",name:"admin.activities",meta:{auth:{redirect:{name:"account.login"}}},component:()=>Promise.resolve().then(()=>require("./ActivitiesView-BAJE5Nou.cjs"))}],o=[{path:"groups",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.groups",component:()=>Promise.resolve().then(()=>require("./GroupsView-3Tt0XAd3.cjs"))},{path:"g/:slug",name:"admin.group",component:()=>Promise.resolve().then(()=>require("./GroupView-B9Zxi1Ld.cjs"))}]}],t=[{path:"permissions",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.permissions",component:()=>Promise.resolve().then(()=>require("./PermissionsView-GpQ1Su2o.cjs"))},{path:"p/:id",name:"admin.permission",component:()=>Promise.resolve().then(()=>require("./PermissionView-DA4jSH36.cjs"))}]}],i=[{path:"roles",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.roles",component:()=>Promise.resolve().then(()=>require("./RolesView-DTx_xACf.cjs"))},{path:"r/:slug",name:"admin.role",component:()=>Promise.resolve().then(()=>require("./RoleView-CC-_pF1H.cjs"))}]}],s=[{path:"users",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.users",component:()=>Promise.resolve().then(()=>require("./UsersView-DmrzXUQ5.cjs"))},{path:"u/:user_name",name:"admin.user",component:()=>Promise.resolve().then(()=>require("./UserView-D-eMJ0lC.cjs"))}]}],r=[...e,...n,...o,...t,...i,...s];exports.AdminActivitiesRoutes=n;exports.AdminDashboardRoutes=e;exports.AdminGroupsRoutes=o;exports.AdminPermissionsRoutes=t;exports.AdminRolesRoutes=i;exports.AdminUsersRoutes=s;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=[{path:"dashboard",name:"admin.dashboard",meta:{auth:{redirect:{name:"account.login"}}},component:()=>Promise.resolve().then(()=>require("./DashboardView-Ca9Np1FZ.cjs"))}],n=[{path:"activities",name:"admin.activities",meta:{auth:{redirect:{name:"account.login"}}},component:()=>Promise.resolve().then(()=>require("./ActivitiesView-BAJE5Nou.cjs"))}],o=[{path:"groups",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.groups",component:()=>Promise.resolve().then(()=>require("./GroupsView-Bj_bmABj.cjs"))},{path:"g/:slug",name:"admin.group",component:()=>Promise.resolve().then(()=>require("./GroupView-B9Zxi1Ld.cjs"))}]}],t=[{path:"permissions",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.permissions",component:()=>Promise.resolve().then(()=>require("./PermissionsView-CvCBayBl.cjs"))},{path:"p/:id",name:"admin.permission",component:()=>Promise.resolve().then(()=>require("./PermissionView-DA4jSH36.cjs"))}]}],i=[{path:"roles",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.roles",component:()=>Promise.resolve().then(()=>require("./RolesView-QwNbCCiu.cjs"))},{path:"r/:slug",name:"admin.role",component:()=>Promise.resolve().then(()=>require("./RoleView-hOODGzy4.cjs"))}]}],s=[{path:"users",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.users",component:()=>Promise.resolve().then(()=>require("./UsersView-pcKDS1c8.cjs"))},{path:"u/:user_name",name:"admin.user",component:()=>Promise.resolve().then(()=>require("./UserView-DyId2fxr.cjs"))}]}],r=[...e,...n,...o,...t,...i,...s];exports.AdminActivitiesRoutes=n;exports.AdminDashboardRoutes=e;exports.AdminGroupsRoutes=o;exports.AdminPermissionsRoutes=t;exports.AdminRolesRoutes=i;exports.AdminUsersRoutes=s;exports.default=r;
diff --git a/dist/routes.js b/dist/routes.js
index bbc644e..03af028 100644
--- a/dist/routes.js
+++ b/dist/routes.js
@@ -32,7 +32,7 @@ const n = [
       {
         path: "",
         name: "admin.groups",
-        component: () => import("./GroupsView-BhaXkiIp.js")
+        component: () => import("./GroupsView-DxQEew_O.js")
       },
       {
         path: "g/:slug",
@@ -53,7 +53,7 @@ const n = [
       {
         path: "",
         name: "admin.permissions",
-        component: () => import("./PermissionsView-CVJ-Kp0t.js")
+        component: () => import("./PermissionsView-DlIVQwdO.js")
       },
       {
         path: "p/:id",
@@ -75,13 +75,13 @@ const n = [
       {
         path: "",
         name: "admin.roles",
-        component: () => import("./RolesView-Dh16ocgC.js")
+        component: () => import("./RolesView-7Y1jKCLA.js")
       },
       {
         path: "r/:slug",
         // roles/r/{slug}
         name: "admin.role",
-        component: () => import("./RoleView-DJn4fof1.js")
+        component: () => import("./RoleView-DVIlQDeW.js")
       }
     ]
   }
@@ -97,13 +97,13 @@ const n = [
       {
         path: "",
         name: "admin.users",
-        component: () => import("./UsersView-MO0dK8Sx.js")
+        component: () => import("./UsersView-BfWj-5Sm.js")
       },
       {
         path: "u/:user_name",
         // users/u/{user_name}
         name: "admin.user",
-        component: () => import("./UserView-Cwi8FwPa.js")
+        component: () => import("./UserView-CWu0vErB.js")
       }
     ]
   }