acouzens
/
open5gs
1
0
Fork 1
Code Issues Pull Requests 1 Projects Releases Wiki Activity

start to update web

This commit is contained in:
Sukchan Lee 2017-08-21 22:59:28 +09:00
parent c922e97520
commit 75c7337e0c
6 changed files with 97 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
webui/src/components/Base/Sidebar.js
View File

@ -5,9 +5,7 @@ import { media, transitions } from 'helpers/style-utils';
import oc from 'open-color';
import SubscriberIcon from 'react-icons/lib/md/person-add'
import PdnIcon from 'react-icons/lib/md/cast';
import Test2Icon from 'react-icons/lib/md/access-alarm'
import Test3Icon from 'react-icons/lib/md/3d-rotation'
import ProfileIcon from 'react-icons/lib/md/folder-shared';
const Menu = styled.div`
display: block;
@ -86,17 +84,9 @@ const Sidebar = ({ isOpen, width, selectedView, onSelectView }) => (
<Icon><SubscriberIcon/></Icon>
<Title>Subscriber</Title>
</Item>
<Item name="pdn" selected={selectedView} onSelect={onSelectView}>
<Icon><PdnIcon/></Icon>
<Title>PDN</Title>
</Item>
<Item name="test2" selected={selectedView} onSelect={onSelectView}>
<Icon><Test2Icon/></Icon>
<Title>Testaaaaaaaa</Title>
</Item>
<Item name="test3" selected={selectedView} onSelect={onSelectView}>
<Icon><Test3Icon/></Icon>
<Title>Test@#!@#!@#</Title>
<Item name="profile" selected={selectedView} onSelect={onSelectView}>
<Icon><ProfileIcon/></Icon>
<Title>Profile</Title>
</Item>
</Menu>
)

2
webui/src/components/Shared/Blank.js
View File

@ -4,7 +4,7 @@ import styled from 'styled-components';
import oc from 'open-color';
import { CircleIcon } from 'components';
import SchoolIcon from 'react-icons/lib/md/school'
import SchoolIcon from 'react-icons/lib/md/import-contacts'
const Wrapper = styled.div`
position: relative;

4
webui/src/components/Shared/Form.js
View File

@ -65,7 +65,7 @@ const CustomTitleField = props => {
};
const fields = {
TitleField: CustomTitleField
TitleField: CustomTitleField,
};
function Label(props) {
@ -252,7 +252,7 @@ class Form extends Component {
button {
display: none;
}
kkk`}</style>
`}</style>
</div>
</JsonSchemaForm>
}

116
webui/src/components/Subscriber/Edit.js
View File

@ -5,12 +5,12 @@ import withWidth, { SMALL } from 'helpers/with-width';
import { Form } from 'components';
const schema = {
"title": "",
"title": "Subscriber",
"type": "object",
"properties": {
"imsi": {
"type": "string",
"title": "IMSI (International Mobile Subscriber Identity)",
"title": "IMSI*",
"required": true,
"pattern": "^\\d+$",
"maxLength": 15,
@ -19,12 +19,12 @@ const schema = {
}
},
"security": {
"title": "Security",
"title": "",
"type": "object",
"properties": {
"k": {
"type": "string",
"title": "K (UE Key)",
"title": "Subscriber Key (K)*",
"required": true,
"pattern": "^[0-9a-fA-F\\s]+$",
"messages": {
@ -33,7 +33,7 @@ const schema = {
},
"op": {
"type": "string",
"title": "OP (Operator Key)",
"title": "Operator Key (OP)*",
"required": true,
"pattern": "^[0-9a-fA-F\\s]+$",
"messages": {
@ -42,7 +42,7 @@ const schema = {
},
"amf": {
"type": "string",
"title": "AMF (Authentication Management Field)",
"title": "Authentication Management Field (AMF)*",
"required": true,
"pattern": "^[0-9a-fA-F\\s]+$",
"messages": {
@ -53,23 +53,23 @@ const schema = {
},
"ue_ambr": {
"type": "object",
"title": "UE AMBR - Aggregate Maximum Bit Rate",
"title": "",
"properties": {
"max_bandwidth_ul": {
"type": "number",
"title": "Max Requested Bandwidth UL (Kbps)",
"required": true
},
"max_bandwidth_dl": {
"type": "number",
"title": "Max Requested Bandwidth DL (Kbps)",
"title": "UE-AMBR Downlink (Kbps)*",
"required": true
},
"max_bandwidth_ul": {
"type": "number",
"title": "UE-AMBR Uplink (Kbps)*",
"required": true
}
}
},
"pdn": {
"type": "array",
"title": "PDN - Packet Data Network",
"title": "EPS Session",
"minItems": 1,
"maxItems": 8,
"messages": {
@ -81,16 +81,16 @@ const schema = {
"properties": {
"apn": {
"type": "string",
"title": "APN (Access Point Name)",
"title": "Access Point Name (APN)*",
"required": true
},
"qos": {
"type": "object",
"title": "EPS Subscribed QoS Profile",
"title": "",
"properties": {
"qci": {
"type": "number",
"title": "QCI (QoS Class Identifier)",
"title": "QoS Class Identifier (QCI)*",
"enum": [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 65, 66, 69, 70 ],
"default": 9
},
@ -100,32 +100,47 @@ const schema = {
"properties": {
"priority_level": {
"type": "number",
"title": "ARP Priority Level (1~15)",
"title": "ARP Priority Level (1-15)*",
"default": 8,
"minimum": 1,
"maximum": 15,
"required": true
}
},
"pre_emption_capability": {
"type": "number",
"title": "Capability*",
"enum": [1, 0],
"enumNames": ["Disabled", "Enabled"],
"default": 1,
"required": true
},
"pre_emption_vulnerability": {
"type": "number",
"title": "Vulnerability*",
"default": 1,
"minimum": 0,
"maximum": 1,
"enum": [1, 0],
"enumNames": ["Disabled", "Enabled"],
"default": 1,
"required": true
},
}
}
}
},
"pdn_ambr": {
"type": "object",
"title": "APN AMBR - Aggragate Maximum Bit Rate",
"title": "",
"properties": {
"max_bandwidth_ul": {
"type": "number",
"title": "Max Requested Bandwidth UL (Kbps)",
"default": 1024000,
"required": true
},
"max_bandwidth_dl": {
"type": "number",
"title": "Max Requested Bandwidth DL (Kbps)",
"default": 1024000,
"required": true
}
"title": "APN-AMBR Downlink (Kbps)",
},
"max_bandwidth_ul": {
"type": "number",
"title": "APN-AMBR Uplink (Kbps)",
},
}
}
}
@ -135,6 +150,28 @@ const schema = {
};
const uiSchema = {
"imsi" : {
classNames: "col-xs-12",
},
"security" : {
"k" : {
classNames: "col-xs-12",
},
"op" : {
classNames: "col-xs-7",
},
"amf" : {
classNames: "col-xs-5",
},
},
"ue_ambr" : {
"max_bandwidth_dl" : {
classNames: "col-xs-6"
},
"max_bandwidth_ul" : {
classNames: "col-xs-6"
},
},
"pdn": {
"ui:options": {
"orderable": false
@ -145,8 +182,27 @@ const uiSchema = {
"ui:widget": "radio",
"ui:options": {
"inline": true
},
},
"arp": {
"priority_level": {
classNames: "col-xs-6"
},
"pre_emption_capability": {
classNames: "col-xs-3"
},
"pre_emption_vulnerability": {
classNames: "col-xs-3"
}
}
},
"pdn_ambr" : {
"max_bandwidth_dl" : {
classNames: "col-xs-6"
},
"max_bandwidth_ul" : {
classNames: "col-xs-6"
},
}
}
}

11
webui/src/containers/App.js
View File

@ -45,16 +45,7 @@ class App extends Component {
<Layout.Container visible={view === "subscriber"}>
<Subscriber.Collection/>
</Layout.Container>
<Layout.Container visible={view === "pdn"}>
<Layout.Content>{view}</Layout.Content>
</Layout.Container>
<Layout.Container visible={view === "user"}>
<Layout.Content>{view}</Layout.Content>
</Layout.Container>
<Layout.Container visible={view === "test1"}>
<Layout.Content>{view}</Layout.Content>
</Layout.Container>
<Layout.Container visible={view === "test3"}>
<Layout.Container visible={view === "profile"}>
<Layout.Content>{view}</Layout.Content>
</Layout.Container>
<Notification/>

8
webui/src/containers/Subscriber/Document.js
View File

@ -27,13 +27,11 @@ const formData = {
"qos": {
"qci": 9,
"arp": {
"priority_level": 8
"priority_level": 8,
"pre_emption_capability": 1,
"pre_emption_vulnerability": 1
}
},
"pdn_ambr": {
"max_bandwidth_ul": 1024000,
"max_bandwidth_dl": 1024000
}
}
]
}