Fix the Type Layout in WebUI

This commit is contained in:
Sukchan Lee 2020-01-12 10:56:51 +09:00
parent 6ee8ae0774
commit c4cc7f60ba
3 changed files with 24 additions and 5 deletions

View File

@ -319,7 +319,7 @@ const uiSchema = {
classNames: "col-xs-5", classNames: "col-xs-5",
}, },
"op_type" : { "op_type" : {
classNames: "col-xs-3", classNames: "col-xs-4",
}, },
"op_value" : { "op_value" : {
classNames: "col-xs-8", classNames: "col-xs-8",
@ -335,7 +335,14 @@ const uiSchema = {
}, },
"pdn": { "pdn": {
"items": { "items": {
"apn": {
classNames: "col-xs-8",
},
"type": {
classNames: "col-xs-4",
},
"qos": { "qos": {
classNames: "col-xs-12",
"qci": { "qci": {
"ui:widget": "radio", "ui:widget": "radio",
"ui:options": { "ui:options": {
@ -355,6 +362,7 @@ const uiSchema = {
} }
}, },
"ambr" : { "ambr" : {
classNames: "col-xs-12",
"downlink" : { "downlink" : {
classNames: "col-xs-6" classNames: "col-xs-6"
}, },
@ -363,6 +371,7 @@ const uiSchema = {
}, },
}, },
"ue" : { "ue" : {
classNames: "col-xs-12",
"addr" : { "addr" : {
classNames: "col-xs-6" classNames: "col-xs-6"
}, },
@ -371,6 +380,7 @@ const uiSchema = {
}, },
}, },
"pgw" : { "pgw" : {
classNames: "col-xs-12",
"addr" : { "addr" : {
classNames: "col-xs-6" classNames: "col-xs-6"
}, },
@ -379,6 +389,7 @@ const uiSchema = {
}, },
}, },
"pcc_rule": { "pcc_rule": {
classNames: "col-xs-12",
"items": { "items": {
"flow": { "flow": {
"items": { "items": {

View File

@ -325,7 +325,7 @@ const uiSchema = {
classNames: "col-xs-5", classNames: "col-xs-5",
}, },
"op_type" : { "op_type" : {
classNames: "col-xs-3", classNames: "col-xs-4",
}, },
"op_value" : { "op_value" : {
classNames: "col-xs-8", classNames: "col-xs-8",
@ -341,7 +341,14 @@ const uiSchema = {
}, },
"pdn": { "pdn": {
"items": { "items": {
"apn": {
classNames: "col-xs-8",
},
"type": {
classNames: "col-xs-4",
},
"qos": { "qos": {
classNames: "col-xs-12",
"qci": { "qci": {
"ui:widget": "radio", "ui:widget": "radio",
"ui:options": { "ui:options": {
@ -361,6 +368,7 @@ const uiSchema = {
} }
}, },
"ambr" : { "ambr" : {
classNames: "col-xs-12",
"downlink" : { "downlink" : {
classNames: "col-xs-6" classNames: "col-xs-6"
}, },
@ -369,6 +377,7 @@ const uiSchema = {
}, },
}, },
"ue" : { "ue" : {
classNames: "col-xs-12",
"addr" : { "addr" : {
classNames: "col-xs-6" classNames: "col-xs-6"
}, },
@ -377,6 +386,7 @@ const uiSchema = {
}, },
}, },
"pgw" : { "pgw" : {
classNames: "col-xs-12",
"addr" : { "addr" : {
classNames: "col-xs-6" classNames: "col-xs-6"
}, },
@ -385,6 +395,7 @@ const uiSchema = {
}, },
}, },
"pcc_rule": { "pcc_rule": {
classNames: "col-xs-12",
"items": { "items": {
"flow": { "flow": {
"items": { "items": {

View File

@ -256,7 +256,6 @@ const View = ({ visible, disableOnClickOutside, subscriber, onEdit, onDelete, on
<div className="small_data">ARP</div> <div className="small_data">ARP</div>
<div className="medium_data">Capability</div> <div className="medium_data">Capability</div>
<div className="medium_data">Vulnerablility</div> <div className="medium_data">Vulnerablility</div>
<div className="medium_data">Type</div>
<div className="large_data">MBR DL/UL(Kbps)</div> <div className="large_data">MBR DL/UL(Kbps)</div>
<div className="large_data">GBR DL/UL(Kbps)</div> <div className="large_data">GBR DL/UL(Kbps)</div>
</div> </div>
@ -269,7 +268,6 @@ const View = ({ visible, disableOnClickOutside, subscriber, onEdit, onDelete, on
<div className="small_data">{pdn.qos.arp.priority_level}</div> <div className="small_data">{pdn.qos.arp.priority_level}</div>
<div className="medium_data">{pdn.qos.arp.pre_emption_capability === 1 ? "Disabled" : "Enabled"}</div> <div className="medium_data">{pdn.qos.arp.pre_emption_capability === 1 ? "Disabled" : "Enabled"}</div>
<div className="medium_data">{pdn.qos.arp.pre_emption_vulnerability === 1 ? "Disabled" : "Enabled"}</div> <div className="medium_data">{pdn.qos.arp.pre_emption_vulnerability === 1 ? "Disabled" : "Enabled"}</div>
<div className="medium_data">{pdn.type === 0 ? "IPv4" : (pdn.type === 1 ? "IPv6" : "IPv4v6")}</div>
{pdn['ambr'] === undefined ? {pdn['ambr'] === undefined ?
<div className="large_data"> <div className="large_data">
unlimited/unlimited unlimited/unlimited
@ -310,7 +308,6 @@ const View = ({ visible, disableOnClickOutside, subscriber, onEdit, onDelete, on
<div className="small_data">{pcc_rule.qos.arp.priority_level}</div> <div className="small_data">{pcc_rule.qos.arp.priority_level}</div>
<div className="medium_data">{pcc_rule.qos.arp.pre_emption_capability === 1 ? "Disabled" : "Enabled"}</div> <div className="medium_data">{pcc_rule.qos.arp.pre_emption_capability === 1 ? "Disabled" : "Enabled"}</div>
<div className="medium_data">{pcc_rule.qos.arp.pre_emption_vulnerability === 1 ? "Disabled" : "Enabled"}</div> <div className="medium_data">{pcc_rule.qos.arp.pre_emption_vulnerability === 1 ? "Disabled" : "Enabled"}</div>
<div className="medium_data">{pdn.type === 0 ? "IPv4" : (pdn.type === 1 ? "IPv6" : "IPv4v6")}</div>
{pcc_rule.qos['mbr'] === undefined ? {pcc_rule.qos['mbr'] === undefined ?
<div className="large_data"> <div className="large_data">
unlimited/unlimited unlimited/unlimited