speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-13 19:48:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Rework Definitions for new Form

Browse source
This commit is contained in:
Samuel Lorch 2023-04-03 22:45:49 +02:00
parent bf1193cd73
commit b96d4f4955
1 changed files with 39 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
client/src/definitions.ts
View file

@ -1,35 +1,42 @@
import PillBar from "./components/inputs/PillBar.vue";
import TextBox from "./components/inputs/TextBox.vue";
import NumberBox from "./components/inputs/NumberBox.vue";
import MultilineTextBox from "./components/inputs/MultilineTextBox.vue";
import CheckBox from "./components/inputs/CheckBox.vue";
export const editTypes: { [key: string]: { [key: string]: any } } = { export const editTypes: { [key: string]: { [key: string]: any } } = {
"firewall": { "firewall": {
"forwardrules": { "forwardrules": {
title: "Forward Rule", title: "Forward Rule",
sections: [
{
fields: [ fields: [
{key: "name", label: "Name", component: () => TextBox }, { key: "name", label: "Name", as: "TextBox" },
{key: "verdict", label: "Verdict", component: () => PillBar, props: {options: [{name: 'Accept'}, {name: 'Drop'}, {name: 'Continue'}]}}, { key: "verdict", label: "Verdict", as: "PillBar", props: { options: [{ name: 'Accept' }, { name: 'Drop' }, { name: 'Continue' }] } },
{key: "counter", label: "Counter", component: () => CheckBox }, { key: "counter", label: "Counter", as: "CheckBox", },
{key: "comment", label: "Comment", component: () => MultilineTextBox }, { key: "comment", label: "Comment", as: "MultilineTextBox", },
], ],
} },
],
},
}, },
"network": { "network": {
"interfaces": { "interfaces": {
title: "Interfaces", title: "Interfaces",
sections: [
{
fields: [ fields: [
{key: "name", label: "Name", component: () => TextBox, default: "placeholder"}, { key: "name", label: "Name", as: "TextBox", default: "placeholder" },
{key: "type", label: "Type", component: () => PillBar, props: {options: [{name: 'Hardware', selected: true}, {name: 'VLAN'}, {name: 'Bond'}, {name: 'Brdige'}]}}, { key: "type", label: "Type", as: "PillBar", props: { options: [{ name: 'Hardware' }, { name: 'VLAN' }, { name: 'Bond' }, { name: 'Bridge' }] } },
{key: "hardware_interface", label: "Hardware Interface", component: () => TextBox }, { key: "hardware_interface", label: "Hardware Interface", as: "TextBox", enabled: (values: any) => (values["type"] == 0) },
{key: "vlan_id", label: "VLAN ID", component: () => NumberBox, props: {min: 1, max: 4094} }, { key: "vlan_id", label: "VLAN ID", as: "NumberBox", props: { min: 1, max: 4094 }, enabled: (values: any) => (values["type"] == 1) },
{key: "bond_members", label: "Bond Members", component: () => TextBox, if: () => true }, { key: "bond_members", label: "Bond Members", as: "TextBox", enabled: (values: any) => (values["type"] == 2) },
{key: "bridge_members", label: "Bridge Memebers", component: () => TextBox }, { key: "bridge_members", label: "Bridge Members", as: "TextBox", enabled: (values: any) => (values["type"] == 3) },
{key: "addressing_mode", label: "Addressing Mode", component: () => PillBar, props: {options: [{name: 'None', selected: true}, {name: 'Static'}, {name: 'DHCP'}]}}, ],
{key: "address", label: "Address", component: () => TextBox }, },
{key: "comment", label: "Comment", component: () => MultilineTextBox }, {
title: "Addressing",
fields: [
{ key: "addressing_mode", label: "Addressing Mode", as: "PillBar", props: { options: [{ name: 'None', selected: true }, { name: 'Static' }, { name: 'DHCP' }] } },
{ key: "address", label: "Address", as: "TextBox", enabled: (values: any) => (values["addressing_mode"] == 1) },
{ key: "comment", label: "Comment", as: "MultilineTextBox" },
], ],
} }
],
},
}, },
}; };