mirror of
https://github.com/bunkerity/bunkerweb
synced 2026-05-24 09:28:37 +00:00
update fields by real field type on table items
This commit is contained in:
Jordan Blasenhauer
parent
8040a73f30
commit
2b8d16aa0e
4 changed files with 307 additions and 10 deletions
|
|
@ -1,7 +1,7 @@
|
|||
import json
|
||||
import base64
|
||||
|
||||
from builder.utils.widgets import button, button_group, title, text, tabulator, fields, upload
|
||||
from builder.utils.widgets import button, button_group, title, text, tabulator, fields, upload, datepicker, input, select
|
||||
|
||||
bans_columns = [
|
||||
{"title": "IP", "field": "ip", "formatter": "text"},
|
||||
|
|
@ -59,7 +59,7 @@ bans_items = [
|
|||
{
|
||||
"ip": text(text="ban_ip")["data"], # replace ban_ip by real ip
|
||||
"reason": text(text="Reason")["data"], # replace Reason by real reason
|
||||
"ban_start_date": fields(
|
||||
"ban_start_date": datepicker(
|
||||
id="datepicker-ban-start-id", # replace id by value to use on a form
|
||||
name="datepicker-ban-start-id", # replace by value to use on a form
|
||||
label="bans_ban_start_date", # keep it (a18n)
|
||||
|
|
@ -69,7 +69,7 @@ bans_items = [
|
|||
disabled=True, # Readonly
|
||||
columns={"pc": 12, "tablet": 12, " mobile": 12},
|
||||
)["data"],
|
||||
"ban_end_date": fields(
|
||||
"ban_end_date": datepicker(
|
||||
id="datepicker-ban-end-id", # replace id by value to use on a form
|
||||
name="datepicker-ban-end-id", # replace by value to use on a form
|
||||
label="bans_ban_end_date", # keep it (a18n)
|
||||
|
|
@ -92,7 +92,7 @@ bans_add_columns = [
|
|||
bans_add_items = [
|
||||
{
|
||||
"id": 1,
|
||||
"ip": fields(
|
||||
"ip": datepicker(
|
||||
id="datepicker-add-ban-ip-1",
|
||||
name="datepicker-add-ban-ip-1",
|
||||
label="bans_add_ban_ip", # keep it (a18n)
|
||||
|
|
@ -103,7 +103,7 @@ bans_add_items = [
|
|||
inputType="input",
|
||||
columns={"pc": 12, "tablet": 12, " mobile": 12},
|
||||
)["data"],
|
||||
"ban_end": fields(
|
||||
"ban_end": datepicker(
|
||||
id="datepicker-add-ban-end-1",
|
||||
name="datepicker-add-ban-end-1",
|
||||
label="bans_add_end_date", # keep it (a18n)
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import json
|
||||
import base64
|
||||
|
||||
from builder.utils.widgets import button, button_group, title, text, tabulator, fields, upload
|
||||
from builder.utils.widgets import button, button_group, title, text, tabulator, fields, upload, checkbox
|
||||
|
||||
core_columns = [
|
||||
{"title": "Name", "field": "name", "formatter": "text"},
|
||||
|
|
@ -120,7 +120,7 @@ register_filters = [
|
|||
|
||||
register_items = [
|
||||
{
|
||||
"select": fields(
|
||||
"select": checkbox(
|
||||
inputType="checkbox",
|
||||
value="no", # replace yes or no if installed or not
|
||||
label="plugin_is_installed", # keep it (a18n)
|
||||
|
|
@ -191,7 +191,7 @@ upload_filters = [
|
|||
|
||||
upload_items = [
|
||||
{
|
||||
"select": fields(
|
||||
"select": checkbox(
|
||||
inputType="checkbox",
|
||||
value="no", # replace yes or no if installed or not
|
||||
label="plugin_is_installed", # keep it (a18n)
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import json
|
||||
import base64
|
||||
|
||||
from builder.utils.widgets import button, button_group, title, text, tabulator, fields, upload
|
||||
from builder.utils.widgets import button, button_group, title, text, tabulator, fields, upload, datepicker
|
||||
|
||||
reports_columns = [
|
||||
{"title": "Date", "field": "date", "formatter": "fields"}, # datepicker
|
||||
|
|
@ -113,7 +113,7 @@ reports_filters = [
|
|||
|
||||
reports_items = [
|
||||
{
|
||||
"data": fields(
|
||||
"data": datepicker(
|
||||
id="datepicker-date-id", # replace id by unique id
|
||||
name="datepicker-date-id", # replace by unique id
|
||||
label="reports_date", # keep it (a18n)
|
||||
|
|
|
|||
297
src/ui/client/tests/usermanagement2.py
Normal file
297
src/ui/client/tests/usermanagement2.py
Normal file
|
|
@ -0,0 +1,297 @@
|
|||
import json
|
||||
import base64
|
||||
|
||||
from builder.utils.widgets import button, button_group, title, text, tabulator, fields, upload, input, combobox, checkbox, select, editor, datepicker
|
||||
|
||||
|
||||
def generate_form(
|
||||
username: str = "",
|
||||
is_new: bool = True,
|
||||
role: str = "",
|
||||
roles: list = [],
|
||||
password: str = "",
|
||||
display_index: int = 1,
|
||||
):
|
||||
|
||||
return (
|
||||
{
|
||||
"type": "card",
|
||||
"display": ["main", display_index], # Allow to toggle between each form using displayStore
|
||||
"widgets": [
|
||||
input(
|
||||
id=f"username-{'new' if is_new else username}",
|
||||
name="username",
|
||||
label="users_filename", # keep it (a18n)
|
||||
value="" if is_new else username,
|
||||
pattern="", # add your pattern if needed
|
||||
columns={"pc": 3, "tablet": 4, " mobile": 12},
|
||||
),
|
||||
input(
|
||||
id=f"password-{'new' if is_new else username}",
|
||||
name="password",
|
||||
label="users_password", # keep it (a18n)
|
||||
value="" if is_new else password,
|
||||
pattern="", # add your pattern if needed
|
||||
columns={"pc": 3, "tablet": 4, " mobile": 12},
|
||||
),
|
||||
# Select between available types
|
||||
select(
|
||||
{
|
||||
"id": "select-role",
|
||||
"name": "select-role",
|
||||
"label": "users_role", # keep it (a18n)
|
||||
"value": role, # current role
|
||||
"values": roles,
|
||||
"inpType": "select",
|
||||
"onlyDown": True,
|
||||
"columns": {"pc": 3, "tablet": 4, " mobile": 12},
|
||||
},
|
||||
),
|
||||
input(
|
||||
id="operation",
|
||||
name="operation",
|
||||
label="users_operation", # keep it (a18n)
|
||||
value="new" if is_new else "edit", # "new" if new or "edit" if edit
|
||||
pattern="", # add your pattern if needed
|
||||
columns={"pc": 3, "tablet": 4, " mobile": 12},
|
||||
inputClass="hidden", # hide it
|
||||
),
|
||||
input(
|
||||
id="old_username",
|
||||
name="old_username",
|
||||
label="users_old_username", # keep it (a18n)
|
||||
value=username, # "new" if new or "edit" if edit
|
||||
inputClass="hidden", # hide it
|
||||
),
|
||||
button(
|
||||
id="update-user",
|
||||
text="action_save", # action_new if new or action_edit if edit
|
||||
color="success",
|
||||
size="normal",
|
||||
),
|
||||
],
|
||||
},
|
||||
)
|
||||
|
||||
|
||||
# TODO
|
||||
def get_forms():
|
||||
"""We need to generate an empty form for the new conf that will be display index 1.
|
||||
We need to generate a form for each conf that will be display index > 1 and unique.
|
||||
"""
|
||||
forms = []
|
||||
# Start adding new form with display index 1
|
||||
# Then we will loop on each conf to add a form with display index > 1 (use loop index)
|
||||
return forms
|
||||
|
||||
|
||||
users_columns = [
|
||||
{"title": "Username", "field": "username", "formatter": "text"},
|
||||
{"title": "Role", "field": "role", "formatter": "text"},
|
||||
{"title": "creation_date", "field": "creation_date", "formatter": "fields"}, # datepicker
|
||||
{"title": "last_login", "field": "last_login", "formatter": "fields"}, # datepicker
|
||||
{"title": "totp (state)", "field": "totp", "formatter": "icons"}, # icon check or cross
|
||||
{
|
||||
"title": "actions",
|
||||
"field": "actions",
|
||||
"formatter": "buttonGroup",
|
||||
}, # edit button that will switch to the form using display store + delete with modal to confirm
|
||||
]
|
||||
|
||||
|
||||
users_filters = [
|
||||
{
|
||||
"type": "like",
|
||||
"fields": ["username"],
|
||||
"setting": {
|
||||
"id": "input-search-username",
|
||||
"username": "input-search-username",
|
||||
"label": "users_search_username", # keep it (a18n)
|
||||
"value": "",
|
||||
"inpType": "input",
|
||||
"columns": {"pc": 3, "tablet": 4, " mobile": 12},
|
||||
},
|
||||
},
|
||||
{
|
||||
"type": "=",
|
||||
"fields": ["role"],
|
||||
"setting": {
|
||||
"id": "select-role",
|
||||
"name": "select-role",
|
||||
"label": "users_select_role", # keep it (a18n)
|
||||
"value": "all", # keep "all"
|
||||
"values": ["all", "antibot"], # keep "all" and add your roles
|
||||
"inpType": "select",
|
||||
"onlyDown": True,
|
||||
"columns": {"pc": 3, "tablet": 4, " mobile": 12},
|
||||
},
|
||||
},
|
||||
{
|
||||
"type": "=",
|
||||
"fields": ["totp"],
|
||||
"setting": {
|
||||
"id": "select-totp",
|
||||
"name": "select-totp",
|
||||
"label": "users_select_totp", # keep it (a18n)
|
||||
"value": "all", # keep "all"
|
||||
"values": ["all", "yes", "no"], # keep
|
||||
"inpType": "select",
|
||||
"onlyDown": True,
|
||||
"columns": {"pc": 3, "tablet": 4, " mobile": 12},
|
||||
},
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
users_items = [
|
||||
{
|
||||
"username": text(text="Name")["data"], # replace Name by real name
|
||||
"role": text(text="Role")["data"], # replace Role by real role
|
||||
"creation_date": datepicker(
|
||||
id="datepicker-date-id", # replace id by unique id
|
||||
name="datepicker-date-id", # replace by unique id
|
||||
label="reports_date", # keep it (a18n)
|
||||
hideLabel=True,
|
||||
inputType="datepicker",
|
||||
value="my_date", # replace my_date by timestamp value
|
||||
disabled=True, # Readonly
|
||||
)["data"],
|
||||
"services": button_group(
|
||||
buttons=[
|
||||
button(
|
||||
id="services-btn-confname", # replace confname by real conf name
|
||||
type="button",
|
||||
iconName="disk",
|
||||
iconColor="white",
|
||||
text="users_show_services", # keep it (a18n)
|
||||
color="orange",
|
||||
size="normal",
|
||||
modal={
|
||||
"widgets": [
|
||||
title(title="users_services_title"), # keep it (a18n)
|
||||
text(text="users_services_subtitle"), # keep it (a18n)
|
||||
tabulator(
|
||||
id="table-services-confname", # replace confname by real conf name
|
||||
columns=[{"title": "id", "field": "id", "formatter": "text"}, {"title": "Name", "field": "name", "formatter": "text"}],
|
||||
# Add every services that apply to the conf. All if global.
|
||||
items=[
|
||||
{
|
||||
"id": text(text="service_id")["data"],
|
||||
"name": text(text="service_name")["data"],
|
||||
}, # replace service_id and service_name by real values
|
||||
],
|
||||
filters=[
|
||||
{
|
||||
"type": "like",
|
||||
"fields": ["name"],
|
||||
"setting": {
|
||||
"id": "input-search-service",
|
||||
"name": "input-search-service",
|
||||
"label": "users_search_service", # keep it (a18n)
|
||||
"value": "",
|
||||
"inpType": "input",
|
||||
"columns": {"pc": 3, "tablet": 4, " mobile": 12},
|
||||
},
|
||||
},
|
||||
],
|
||||
),
|
||||
button_group(
|
||||
buttons=[
|
||||
button(
|
||||
id="close-services-btn-confname", # replace confname by real conf name
|
||||
text="action_close", # keep it (a18n)
|
||||
color="close",
|
||||
size="normal",
|
||||
attrs={"data-close-modal": ""}, # a11y
|
||||
)["data"],
|
||||
]
|
||||
),
|
||||
],
|
||||
},
|
||||
)["data"]
|
||||
]
|
||||
),
|
||||
"actions": button_group(
|
||||
buttons=[
|
||||
# Need a script at Page.vue level in order to update displayStore when clicking edit button using the data-display attributs
|
||||
button(
|
||||
id="edit-confname", # replace confname by real conf name
|
||||
type="button",
|
||||
iconName="pen",
|
||||
iconColor="white",
|
||||
text="users_edit_config", # keep it (a18n)
|
||||
hideText=True,
|
||||
color="yellow",
|
||||
size="normal",
|
||||
attrs={"data-display": "display_index"}, # replace by the display index of the related in order to display it
|
||||
)["data"],
|
||||
# Delete button with modal to confirm
|
||||
button(
|
||||
id="delete-confname", # replace confname by real conf name
|
||||
type="button",
|
||||
iconName="trash",
|
||||
iconColor="white",
|
||||
text="users_delete_config", # keep it (a18n)
|
||||
hideText=True,
|
||||
color="error",
|
||||
size="normal",
|
||||
modal={
|
||||
"widgets": [
|
||||
title(title="users_delete_title"), # keep it (a18n)
|
||||
text(text="users_delete_subtitle"), # keep it (a18n)
|
||||
button_group(
|
||||
buttons=[
|
||||
button(
|
||||
id="close-delete-btn-confname", # replace confname by real conf name
|
||||
text="action_close", # keep it (a18n)
|
||||
color="close",
|
||||
size="normal",
|
||||
attrs={"data-close-modal": ""}, # a11y
|
||||
)["data"],
|
||||
]
|
||||
),
|
||||
button(
|
||||
id="delete-btn-confname", # replace confname by the instance name
|
||||
text="action_delete", # keep it (a18n)
|
||||
color="delete",
|
||||
size="normal",
|
||||
attrs={
|
||||
"data-submit-form": '{"conf_name" : "", "conf_type" : "", "operation" : "delete" }'
|
||||
}, # replace values by needed ones to delete the config, data-submit-form attributs will parse and submit values
|
||||
)["data"],
|
||||
],
|
||||
},
|
||||
)["data"],
|
||||
]
|
||||
),
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
builder = [
|
||||
{
|
||||
"type": "card",
|
||||
"display": ["main", 1],
|
||||
"widgets": [
|
||||
tabulator(
|
||||
id="table-core-plugins",
|
||||
columns=users_columns,
|
||||
items=users_items,
|
||||
filters=users_filters,
|
||||
),
|
||||
get_forms(),
|
||||
],
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
with open("configs2.json", "w") as f:
|
||||
f.write(json.dumps(builder))
|
||||
|
||||
output_base64_bytes = base64.b64encode(bytes(json.dumps(builder), "utf-8"))
|
||||
|
||||
output_base64_string = output_base64_bytes.decode("ascii")
|
||||
|
||||
|
||||
with open("configs2.txt", "w") as f:
|
||||
f.write(output_base64_string)
|
||||
Loading…
Reference in a new issue