Add sorts options to Groups, Permissions, Roles and Users

app/assets/views/GroupsView.vue

@@ -6,8 +6,8 @@
     <UFCardBox>
         <UFSprunjeTable dataUrl="/api/groups">
             <template #header>
-                <UFSprunjeHeader>Groups</UFSprunjeHeader>
-                <UFSprunjeHeader>Description</UFSprunjeHeader>
+                <UFSprunjeHeader sort="name">Groups</UFSprunjeHeader>
+                <UFSprunjeHeader sort="description">Description</UFSprunjeHeader>
                 <UFSprunjeHeader>Actions</UFSprunjeHeader>
             </template>
 

app/assets/views/PermissionsView.vue

@@ -6,8 +6,8 @@
     <UFCardBox>
         <UFSprunjeTable dataUrl="/api/permissions">
             <template #header>
-                <UFSprunjeHeader>Permission</UFSprunjeHeader>
-                <UFSprunjeHeader>Slug/Condition</UFSprunjeHeader>
+                <UFSprunjeHeader sort="name">Permission</UFSprunjeHeader>
+                <UFSprunjeHeader sort="properties">Slug/Condition</UFSprunjeHeader>
             </template>
 
             <template #body="{ item }">

app/assets/views/RolesView.vue

@@ -6,8 +6,8 @@
     <UFCardBox>
         <UFSprunjeTable dataUrl="/api/roles">
             <template #header>
-                <UFSprunjeHeader>Role</UFSprunjeHeader>
-                <UFSprunjeHeader>Description</UFSprunjeHeader>
+                <UFSprunjeHeader sort="name">Role</UFSprunjeHeader>
+                <UFSprunjeHeader sort="description">Description</UFSprunjeHeader>
                 <UFSprunjeHeader>Actions</UFSprunjeHeader>
             </template>
 

app/assets/views/UsersView.vue

@@ -11,9 +11,9 @@ import moment from 'moment'
     <UFCardBox>
         <UFSprunjeTable dataUrl="/api/users">
             <template #header>
-                <UFSprunjeHeader>User</UFSprunjeHeader>
-                <UFSprunjeHeader>Last Activity</UFSprunjeHeader>
-                <UFSprunjeHeader>Status</UFSprunjeHeader>
+                <UFSprunjeHeader sort="name">User</UFSprunjeHeader>
+                <UFSprunjeHeader sort="last_activity">Last Activity</UFSprunjeHeader>
+                <UFSprunjeHeader sort="status">Status</UFSprunjeHeader>
                 <UFSprunjeHeader>Actions</UFSprunjeHeader>
             </template>
 

dist/GroupsView-DzvpkAn1.js → dist/GroupsView-Bm9TF1U3.js

@@ -1,62 +1,62 @@
-import { resolveComponent as t, openBlock as m, createElementBlock as c, Fragment as f, createVNode as e, withCtx as n, createTextVNode as r, createElementVNode as g, toDisplayString as s } from "vue";
+import { resolveComponent as t, openBlock as m, 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(S, o) {
-  const p = t("UFHeaderPage"), l = t("UFSprunjeHeader"), d = t("RouterLink"), u = t("UFSprunjeColumn"), i = t("UFSprunjeTable"), _ = t("UFCardBox");
+function x(S, n) {
+  const p = t("UFHeaderPage"), l = t("UFSprunjeHeader"), d = t("RouterLink"), a = t("UFSprunjeColumn"), i = t("UFSprunjeTable"), _ = t("UFCardBox");
   return m(), 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(_, null, {
-      default: n(() => [
+      default: o(() => [
         e(i, { dataUrl: "/api/groups" }, {
-          header: n(() => [
-            e(l, null, {
-              default: n(() => o[0] || (o[0] = [
+          header: o(() => [
+            e(l, { sort: "name" }, {
+              default: o(() => n[0] || (n[0] = [
                 r("Groups")
               ])),
               _: 1
             }),
-            e(l, null, {
-              default: n(() => o[1] || (o[1] = [
+            e(l, { sort: "description" }, {
+              default: o(() => n[1] || (n[1] = [
                 r("Description")
               ])),
               _: 1
             }),
             e(l, null, {
-              default: n(() => o[2] || (o[2] = [
+              default: o(() => n[2] || (n[2] = [
                 r("Actions")
               ])),
               _: 1
             })
           ]),
-          body: n(({ item: a }) => [
-            e(u, null, {
-              default: n(() => [
+          body: o(({ item: u }) => [
+            e(a, null, {
+              default: o(() => [
                 g("strong", null, [
                   e(d, {
                     to: {
                       name: "admin.group",
-                      params: { slug: a.slug }
+                      params: { slug: u.slug }
                     }
                   }, {
-                    default: n(() => [
-                      r(s(a.name), 1)
+                    default: o(() => [
+                      r(s(u.name), 1)
                     ]),
                     _: 2
                   }, 1032, ["to"])
                 ])
               ]),
               _: 2
             }, 1024),
-            e(u, null, {
-              default: n(() => [
-                r(s(a.description), 1)
+            e(a, null, {
+              default: o(() => [
+                r(s(u.description), 1)
               ]),
               _: 2
             }, 1024),
-            e(u)
+            e(a)
           ]),
           _: 1
         })

dist/GroupsView-DuagIXJ4.cjs

@@ -0,0 +1 @@
+"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"),d=e.resolveComponent("UFSprunjeTable"),u=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(u,null,{default:e.withCtx(()=>[e.createVNode(d,{dataUrl:"/api/groups"},{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;

dist/PermissionsView-C-572ZCS.js

@@ -0,0 +1,73 @@
+import { resolveComponent as r, openBlock as c, createElementBlock as f, Fragment as g, createVNode as e, withCtx as n, createTextVNode as s, createElementVNode as o, toDisplayString as i } from "vue";
+import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const U = {};
+function S(x, t) {
+  const u = r("UFHeaderPage"), d = r("UFSprunjeHeader"), p = r("RouterLink"), a = r("UFSprunjeColumn"), m = r("UFSprunjeTable"), _ = r("UFCardBox");
+  return c(), f(g, null, [
+    e(u, {
+      title: "Permissions",
+      caption: "A listing of the permissions for your site.  Provides management tools for editing and deleting permissions."
+    }),
+    e(_, null, {
+      default: n(() => [
+        e(m, { dataUrl: "/api/permissions" }, {
+          header: n(() => [
+            e(d, { sort: "name" }, {
+              default: n(() => t[0] || (t[0] = [
+                s("Permission")
+              ])),
+              _: 1
+            }),
+            e(d, { sort: "properties" }, {
+              default: n(() => t[1] || (t[1] = [
+                s("Slug/Condition")
+              ])),
+              _: 1
+            })
+          ]),
+          body: n(({ item: l }) => [
+            e(a, null, {
+              default: n(() => [
+                o("strong", null, [
+                  e(p, {
+                    to: {
+                      name: "admin.permission",
+                      params: { id: l.id }
+                    }
+                  }, {
+                    default: n(() => [
+                      s(i(l.name), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["to"])
+                ])
+              ]),
+              _: 2
+            }, 1024),
+            e(a, null, {
+              default: n(() => [
+                o("div", null, [
+                  o("code", null, i(l.slug), 1)
+                ]),
+                o("div", null, [
+                  t[2] || (t[2] = s(" ↳ ")),
+                  o("code", null, i(l.conditions), 1)
+                ]),
+                o("div", null, [
+                  o("i", null, i(l.description), 1)
+                ])
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+const P = /* @__PURE__ */ F(U, [["render", S]]);
+export {
+  P as default
+};

dist/PermissionsView-Dz0SDtvc.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"),u={};function c(m,t){const l=e.resolveComponent("UFHeaderPage"),n=e.resolveComponent("UFSprunjeHeader"),i=e.resolveComponent("RouterLink"),r=e.resolveComponent("UFSprunjeColumn"),s=e.resolveComponent("UFSprunjeTable"),a=e.resolveComponent("UFCardBox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(l,{title:"Permissions",caption:"A listing of the permissions for your site.  Provides management tools for editing and deleting permissions."}),e.createVNode(a,null,{default:e.withCtx(()=>[e.createVNode(s,{dataUrl:"/api/permissions"},{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(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.createElementVNode("div",null,[e.createElementVNode("code",null,e.toDisplayString(o.slug),1)]),e.createElementVNode("div",null,[t[2]||(t[2]=e.createTextVNode(" ↳ ")),e.createElementVNode("code",null,e.toDisplayString(o.conditions),1)]),e.createElementVNode("div",null,[e.createElementVNode("i",null,e.toDisplayString(o.description),1)])]),_:2},1024)]),_:1})]),_:1})],64)}const p=d._export_sfc(u,[["render",c]]);exports.default=p;

dist/RolesView-BpLV9I3k.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={};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"},{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;