Skip to content

Commit

Permalink
Add actions placeholder buttons
Browse files Browse the repository at this point in the history
  • Loading branch information
lcharette committed Oct 20, 2024
1 parent 5dcbcbf commit 5fc153b
Show file tree
Hide file tree
Showing 30 changed files with 934 additions and 799 deletions.
18 changes: 17 additions & 1 deletion app/assets/views/GroupsView.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion app/assets/views/PermissionsView.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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 }">
Expand Down
14 changes: 2 additions & 12 deletions app/assets/views/Role/RolePermissions.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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>

Expand All @@ -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" />
Expand Down
18 changes: 17 additions & 1 deletion app/assets/views/RolesView.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>
Expand Down
8 changes: 8 additions & 0 deletions app/assets/views/User/UserInfo.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 1 addition & 1 deletion app/assets/views/User/UserPermissions.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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>

Expand Down
18 changes: 17 additions & 1 deletion app/assets/views/UsersView.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down
1 change: 0 additions & 1 deletion dist/GroupsView-3Tt0XAd3.cjs

This file was deleted.

74 changes: 0 additions & 74 deletions dist/GroupsView-BhaXkiIp.js

This file was deleted.

1 change: 1 addition & 0 deletions dist/GroupsView-Bj_bmABj.cjs
Original file line number Diff line number Diff line change
@@ -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;
104 changes: 104 additions & 0 deletions dist/GroupsView-DxQEew_O.js
Original file line number Diff line number Diff line change
@@ -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
};
1 change: 1 addition & 0 deletions dist/PermissionsView-CvCBayBl.cjs
Original file line number Diff line number Diff line change
@@ -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;
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
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",
caption: "A listing of the permissions for your site. Provides management tools for editing and deleting permissions."
}),
e(u, null, {
default: n(() => [
e(p, {
e(d, {
dataUrl: "/api/permissions",
searchColumn: "name"
}, {
Expand All @@ -23,7 +23,7 @@ function C(S, t) {
}),
e(i, { sort: "properties" }, {
default: n(() => t[1] || (t[1] = [
r("Slug/Condition")
r("Description")
])),
_: 1
})
Expand All @@ -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 }
Expand Down Expand Up @@ -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
};
Loading

0 comments on commit 5fc153b

Please sign in to comment.