Add user label

app/assets/views/UsersView.vue

@@ -37,8 +37,14 @@ import moment from 'moment'
                     </div>
                     <i>{{ item.last_activity.description }}</i>
                 </UFSprunjeColumn>
-                <UFSprunjeColumn></UFSprunjeColumn>
-                <UFSprunjeColumn></UFSprunjeColumn>
+                <UFSprunjeColumn>
+                    <UFLabel :severity="Severity.Danger" v-if="item.flag_enabled === 0">Disabled</UFLabel>
+                    <UFLabel :severity="Severity.Warning" v-else-if="item.flag_verified === 0">Unactivated</UFLabel>
+                    <UFLabel :severity="Severity.Success" v-else>Active</UFLabel>
+                </UFSprunjeColumn>
+                <UFSprunjeColumn>
+                    <!-- TODO -->
+                </UFSprunjeColumn>
             </template>
         </UFSprunjeTable>
     </UFCardBox>

dist/UsersView-BVQ2KAGl.js

@@ -0,0 +1,117 @@
+import { resolveComponent as o, openBlock as d, createElementBlock as g, Fragment as S, createVNode as n, withCtx as t, createTextVNode as r, createElementVNode as s, toDisplayString as l, unref as f, createBlock as p } from "vue";
+import { h as v } from "./moment-h96o7c8I.js";
+const b = { class: "uk-text-meta" }, B = {
+  __name: "UsersView",
+  setup(k) {
+    return (_, e) => {
+      const y = o("UFHeaderPage"), u = o("UFSprunjeHeader"), c = o("RouterLink"), i = o("UFSprunjeColumn"), m = o("UFLabel"), U = o("UFSprunjeTable"), F = o("UFCardBox");
+      return d(), g(S, null, [
+        n(y, {
+          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(u, { sort: "name" }, {
+                  default: t(() => e[0] || (e[0] = [
+                    r("User")
+                  ])),
+                  _: 1
+                }),
+                n(u, { sort: "last_activity" }, {
+                  default: t(() => e[1] || (e[1] = [
+                    r("Last Activity")
+                  ])),
+                  _: 1
+                }),
+                n(u, { sort: "status" }, {
+                  default: t(() => e[2] || (e[2] = [
+                    r("Status")
+                  ])),
+                  _: 1
+                }),
+                n(u, null, {
+                  default: t(() => e[3] || (e[3] = [
+                    r("Actions")
+                  ])),
+                  _: 1
+                })
+              ]),
+              body: t(({ item: a }) => [
+                n(i, null, {
+                  default: t(() => [
+                    s("strong", null, [
+                      n(c, {
+                        to: {
+                          name: "admin.user",
+                          params: { user_name: a.user_name }
+                        }
+                      }, {
+                        default: t(() => [
+                          r(l(a.full_name) + " (" + l(a.user_name) + ") ", 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["to"])
+                    ]),
+                    s("div", b, l(a.email), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                n(i, null, {
+                  default: t(() => [
+                    s("div", null, l(f(v)(a.last_activity.occurred_at).format("dddd")), 1),
+                    s("div", null, l(f(v)(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(i, null, {
+                  default: t(() => [
+                    a.flag_enabled === 0 ? (d(), p(m, {
+                      key: 0,
+                      severity: _.Severity.Danger
+                    }, {
+                      default: t(() => e[4] || (e[4] = [
+                        r("Disabled")
+                      ])),
+                      _: 1
+                    }, 8, ["severity"])) : a.flag_verified === 0 ? (d(), p(m, {
+                      key: 1,
+                      severity: _.Severity.Warning
+                    }, {
+                      default: t(() => e[5] || (e[5] = [
+                        r("Unactivated")
+                      ])),
+                      _: 1
+                    }, 8, ["severity"])) : (d(), p(m, {
+                      key: 2,
+                      severity: _.Severity.Success
+                    }, {
+                      default: t(() => e[6] || (e[6] = [
+                        r("Active")
+                      ])),
+                      _: 1
+                    }, 8, ["severity"]))
+                  ]),
+                  _: 2
+                }, 1024),
+                n(i)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+};
+export {
+  B as default
+};

dist/UsersView-Dyp63LEF.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./moment-Bp7fbP4q.cjs"),m={class:"uk-text-meta"},p={__name:"UsersView",setup(_){return(a,t)=>{const i=e.resolveComponent("UFHeaderPage"),r=e.resolveComponent("UFSprunjeHeader"),d=e.resolveComponent("RouterLink"),n=e.resolveComponent("UFSprunjeColumn"),l=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===0?(e.openBlock(),e.createBlock(l,{key:0,severity:a.Severity.Danger},{default:e.withCtx(()=>t[4]||(t[4]=[e.createTextVNode("Disabled")])),_:1},8,["severity"])):o.flag_verified===0?(e.openBlock(),e.createBlock(l,{key:1,severity:a.Severity.Warning},{default:e.withCtx(()=>t[5]||(t[5]=[e.createTextVNode("Unactivated")])),_:1},8,["severity"])):(e.openBlock(),e.createBlock(l,{key:2,severity:a.Severity.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;

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-CVC1Uxum.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-B79Xa_6a.cjs"))}]}],t=[{path:"permissions",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.permissions",component:()=>Promise.resolve().then(()=>require("./PermissionsView-CfRwAk49.cjs"))},{path:"p/:id",name:"admin.permission",component:()=>Promise.resolve().then(()=>require("./PermissionView-CZvtwzCa.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-D859yBSb.cjs"))}]}],s=[{path:"users",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.users",component:()=>Promise.resolve().then(()=>require("./UsersView-w9vBqGBO.cjs"))},{path:"u/:user_name",name:"admin.user",component:()=>Promise.resolve().then(()=>require("./UserView-DI4zS3sA.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-CVC1Uxum.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-B79Xa_6a.cjs"))}]}],t=[{path:"permissions",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.permissions",component:()=>Promise.resolve().then(()=>require("./PermissionsView-CfRwAk49.cjs"))},{path:"p/:id",name:"admin.permission",component:()=>Promise.resolve().then(()=>require("./PermissionView-CZvtwzCa.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-D859yBSb.cjs"))}]}],s=[{path:"users",meta:{auth:{redirect:{name:"account.login"}}},children:[{path:"",name:"admin.users",component:()=>Promise.resolve().then(()=>require("./UsersView-Dyp63LEF.cjs"))},{path:"u/:user_name",name:"admin.user",component:()=>Promise.resolve().then(()=>require("./UserView-DI4zS3sA.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;

dist/routes.js

@@ -97,7 +97,7 @@ const n = [
       {
         path: "",
         name: "admin.users",
-        component: () => import("./UsersView-DSG4ZoLB.js")
+        component: () => import("./UsersView-BVQ2KAGl.js")
       },
       {
         path: "u/:user_name",