progress bar fixes

This commit is contained in:
Pfeil, Scott Robert 2019-08-15 10:50:29 -04:00
parent 5c2901fbfa
commit 4ece667ee3
3 changed files with 393 additions and 3 deletions

View File

@ -1,3 +1,2 @@
"moleculeName":"progressbar",
"percent": "40",
"thickness": "20"
"moleculeName":"progressBar",
"percent": 40

View File

@ -0,0 +1,16 @@
"moleculeName":"cornerLabels",
"molecule": {
},
"topLeftLabel": {
},
"topRightLabel": {
},
"bottomLeftLabel": {
},
"bottomRightLabel": {
}

View File

@ -0,0 +1,375 @@
{
"ResponseInfo":{
"locale":"EN",
"type":"Success",
"server":"saswcvfszwo21.sdc.vzwcorp.com-srv01_wmobilefirst01",
"buildNumber":"151",
"requestId":"cb350edc-afca-4694-8558-44a17ad518b1",
"mdn":"9175021102",
"appSessionExtended":true,
"code":"00000",
"message":"0",
"userMessage":"0",
"topAlertTime":0
},
"Page":{
"pageType":"wireless",
"template":"moleculeList",
"header": {
"moleculeName":"header",
"molecule": {
"moleculeName": "headlineBody",
"headline":{
"moleculeName": "label",
"text":"Account #9876543210-00003\n\nYour 3 lines have used 70% of the available data.",
"fontStyle": "H1",
"attributes":[
{
"location":0,
"length":27,
"type":"font",
"style":"B2"
}
]
},
"body":{
"moleculeName": "label",
"text":"21 days left in cycle"
}
}
},
"molecules":[{
"moleculeName":"listItem",
"molecule":{
"moleculeName":"moleculeStack",
"axis":"horizontal",
"molecules":[{
"percent":33,
"molecule":{
"moleculeName":"label",
"text":"8.0GB\nVerizon L data",
"attributes":[{
"location":0,
"length":5,
"type":"font",
"style":"H3"
}]
}
},{
"horizontalAlignment":"center",
"percent":33,
"molecule":{
"moleculeName":"label",
"text":"2.0GB\nAdditional data",
"attributes":[{
"location":0,
"length":5,
"type":"font",
"style":"H3"
}]
}
},{
"molecule":{
"moleculeName":"label",
"text":"10.0GB\nTotal data",
"textAlignment":"right",
"attributes":[{
"location":0,
"length":6,
"type":"font",
"style":"H3"
}]
}
}]
}
},{
"moleculeName":"listItem",
"molecule":{
"moleculeName":"cornerLabels",
"molecule":{
"moleculeName":"progressBar",
"percent":75
},
"topLeftLabel":{
"moleculeName":"label",
"text":"Total data used"
},
"topRightLabel":{
"moleculeName":"label",
"text":"7.0 \/ 10.0 GB"
},
"roundedRect":false
}
},{
"moleculeName":"listItem",
"molecule":{
"moleculeName":"moleculeStack",
"axis":"horizontal",
"molecules":[{
"percent":60,
"molecule":{
"moleculeName":"label",
"text":"You",
"fontStyle":"B1"
}
},{
"horizontalAlignment":"trailing",
"molecule":{
"moleculeName":"image",
"width":15,
"height":4,
"image":"rectangle"
}
},{
"horizontalAlignment":"trailing",
"molecule":{
"moleculeName":"label",
"text":"2.0 \/ 10.0 GB"
}
}]
}
},{
"moleculeName":"listItem",
"molecule":{
"moleculeName":"moleculeStack",
"axis":"horizontal",
"molecules":[{
"percent":60,
"molecule":{
"moleculeName":"label",
"text":"Ben",
"fontStyle":"B1"
}
},{
"horizontalAlignment":"trailing",
"molecule":{
"moleculeName":"image",
"width":15,
"height":4,
"image":"rectangle"
}
},{
"horizontalAlignment":"trailing",
"molecule":{
"moleculeName":"label",
"text":"4.5 \/ 10.0 GB"
}
}]
}
},{
"moleculeName":"listItem",
"molecule":{
"moleculeName":"moleculeStack",
"axis":"horizontal",
"molecules":[{
"percent":60,
"molecule":{
"moleculeName":"label",
"text":"Ron",
"fontStyle":"B1"
}
},{
"horizontalAlignment":"trailing",
"molecule":{
"moleculeName":"image",
"width":15,
"height":4,
"image":"rectangle"
}
},{
"horizontalAlignment":"trailing",
"molecule":{
"moleculeName":"label",
"text":"0.5 \/ 10.0 GB"
}
}]
}
},{
"moleculeName":"listItem",
"molecule":{
"moleculeName":"moleculeStack",
"molecules":[{
"molecule":{
"moleculeName":"label",
"text":"Usage estimate as of 2:30 PM"
}
},{
"horizontalAlignment":"center",
"molecule":{
"moleculeName":"button",
"title":"Manage Plan"
}
}]
},
"separator":{
"moleculeName":"separator",
"type":"none"
}
},{
"moleculeName":"listItem",
"molecule":{
"moleculeName":"label",
"text":"Lines",
"fontStyle":"H3"
}
},{
"moleculeName":"listItem",
"molecule":{
"moleculeName":"moleculeStack",
"axis":"horizontal",
"molecules":[{
"percent":60,
"molecule":{
"moleculeName":"moleculeStack",
"horizontalAlignment":"fill",
"molecules":[{
"molecule":{
"moleculeName":"label",
"text":"Owner\nYou\n212.645.5213\nApple iPhone 8\nGold,64GB",
"attributes":[{
"type":"font",
"location":0,
"length":5,
"style":"B3",
"textColor":"#D8DADA"
},{
"type":"font",
"location":6,
"length":3,
"style":"B1"
}]
}
},{
"horizontalAlignment":"leading",
"spacing":6,
"molecule":{
"moleculeName":"button",
"title":"View details",
"actionType":"openPage",
"pageType":"manageSafeWIFI",
"style":"secondary",
"size":"tiny",
"validationRequired":false
}
}]
}
},{
"horizontalAlignment":"trailing",
"verticalAlignment":"leading",
"molecule":{
"moleculeName":"image",
"width":60,
"height":120,
"image":"https:\/\/mobile.vzw.com\/hybridClient\/is\/image\/VerizonWireless\/iPhoneXr_Black_PureAngles"
}
}]
}
},{
"moleculeName":"listItem",
"molecule":{
"moleculeName":"moleculeStack",
"axis":"horizontal",
"molecules":[{
"percent":60,
"molecule":{
"moleculeName":"moleculeStack",
"horizontalAlignment":"fill",
"molecules":[{
"molecule":{
"moleculeName":"label",
"text":"Manager\nBen\n212.645.5213\nSamsung Galaxy S9\nBlack,64GB",
"attributes":[{
"type":"font",
"location":0,
"length":7,
"style":"B3"
},{
"type":"font",
"location":8,
"length":3,
"style":"B1"
}]
}
},{
"horizontalAlignment":"leading",
"spacing":6,
"molecule":{
"moleculeName":"button",
"title":"View details",
"actionType":"openPage",
"pageType":"manageSafeWIFI",
"style":"secondary",
"size":"tiny",
"validationRequired":false
}
}]
}
},{
"horizontalAlignment":"trailing",
"verticalAlignment":"leading",
"molecule":{
"moleculeName":"image",
"width":60,
"height":120,
"image":"https:\/\/mobile.vzw.com\/hybridClient\/is\/image\/VerizonWireless\/iPhoneXr_Black_PureAngles"
}
}]
}
},{
"moleculeName":"listItem",
"molecule":{
"moleculeName":"moleculeStack",
"axis":"horizontal",
"molecules":[{
"percent":60,
"molecule":{
"moleculeName":"moleculeStack",
"horizontalAlignment":"fill",
"molecules":[{
"molecule":{
"moleculeName":"label",
"text":"Ron\n212.645.5213\nApple iPhone 8\nSilver,64GB",
"attributes":[{
"type":"font",
"location":0,
"length":3,
"style":"B1"
}]
}
},{
"horizontalAlignment":"leading",
"spacing":6,
"molecule":{
"moleculeName":"button",
"title":"View details",
"actionType":"openPage",
"pageType":"manageSafeWIFI",
"style":"secondary",
"size":"tiny",
"validationRequired":false
}
}]
}
},{
"horizontalAlignment":"trailing",
"verticalAlignment":"leading",
"molecule":{
"moleculeName":"image",
"width":60,
"height":120,
"image":"https:\/\/mobile.vzw.com\/hybridClient\/is\/image\/VerizonWireless\/iPhoneXr_Black_PureAngles"
}
}]
}
}],
"footer": {
"moleculeName": "footer",
"molecule": {
"moleculeName": "button",
"title": "Add a new line",
"style": "secondary"
}
}
}
}