{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json", "hideFooter": true, "hideColumnHeader": true, "hideSelection": true, "rowFormatter": { "elmType": "div", "attributes": { "class": "=if((Number([$Payment])+Number([$OtherCosts]))<-1000 && ([$Status]!= 'Rejected' && [$Status]!= 'Approved') ,'ms-bgColor-severeWarning','ms-bgColor-info--hover')" }, "style": { "padding": "5px", "border-bottom": "1px solid #ccc" }, "children": [ { "elmType": "div", "style": { "display": "flex", "align-items": "baseline", "justify-content": "center" }, "attributes": { "class": "ms-fontColor-themePrimary" }, "children": [ { "elmType": "div", "style": { "padding": "15px" }, "children": [ { "elmType": "div", "style": { "padding": "10px", "margin-right": "30px", "border-radius": "50%", "width": "40px", "height": "40px", "text-align": "center" }, "inlineEditField": "[$Category]", "attributes": { "iconName": "[$Category]", "class": "=if([$Categorize] == 'Red', 'ms-bgColor-red ms-fontColor-white', if([$Categorize] == 'Blue','ms-bgColor-blue ms-fontColor-white',if([$Categorize] == 'Green','ms-bgColor-green ms-fontColor-white',if([$Categorize] == 'Orange','ms-bgColor-orangeLighter ms-fontColor-white',if([$Categorize] == 'Purple','ms-bgColor-purple ms-fontColor-white',if([$Categorize] == 'Yellow','ms-bgColor-sharedYellow10 ms-fontColor-white', 'ms-bgColor-themePrimary ms-fontColor-white'))))))+' ms-fontSize-32 '" } }, { "elmType": "div", "style": { "display": "=if([$Expand]==false,'none','block')" }, "children": [ { "elmType": "div", "style": { "display": "=if(length([$Invoice])>0,'none','')", "padding-top": "20px" }, "children": [ { "elmType": "a", "style": { "width": "80px", "padding": "5px", "text-decoration": "none", "cursor": "pointer" }, "attributes": { "href": "[replaceUrlPathtoLibrary]", "target": "_blank", "class": "ms-fontColor-themePrimary ms-fontSize-20" }, "txtContent": "Invoice" }, { "elmType": "div", "style": { "width": "80px", "height": "30px", "border": "2px solid", "cursor": "pointer" }, "attributes": { "class": "ms-fontColor-neutralQuaternary" }, "inlineEditField": "[$Invoice]" }, { "elmType": "div", "style": { "display": "=if(length([$Invoice])>0,'none','')", "padding": "5px" }, "children": [ { "elmType": "a", "style": { "text-decoration": "none", "cursor": "pointer" }, "attributes": { "href": "[replaceUrlPathtoLibrary]", "target": "_blank", "title": "Select invoice", "iconName": "ImageSearch", "class": "ms-fontSize-20 ms-fontColor-themePrimary " } } ] } ] }, { "elmType": "div", "style": { "display": "=if(length([$Invoice])>0,'','none')", "padding-top": "20px" }, "children": [ { "elmType": "div", "style": { "width": "80px", "padding": "5px", "text-decoration": "none", "cursor": "pointer" }, "attributes": { "href": "[replaceUrlPathtoLibrary]", "class": "ms-fontColor-themePrimary ms-fontSize-20" }, "txtContent": "Invoice" }, { "elmType": "a", "style": { "text-decoration": "none", "padding": "10px", "font-size": "32px", "cursor": "pointer" }, "attributes": { "href": "[$Invoice]", "target": "_blank", "title": "Invoice", "iconName": "DocumentSearch", "class": "ms-fontColor-themePrimary" } }, { "elmType": "div", "style": { "cursor": "pointer" }, "attributes": { "title": "Delete image", "iconName": "ErrorBadge", "class": "ms-fontColor-themePrimary" }, "customRowAction": { "action": "setValue", "actionInput": { "Invoice": "" } } } ] } ] } ] }, { "elmType": "div", "style": { "cursor": "pointer" }, "children": [ { "elmType": "div", "style": { "width": "500px" }, "children": [ { "elmType": "div", "children": [ { "elmType": "div", "style": { "display": "inline-block", "width": "300px", "white-space": "nowrap", "overflow": "hidden", "text-overflow": "ellipsis", "cursor": "pointer" }, "attributes": { "class": "ms-fontSize-24 ms-fontWeight-semibold ms-fontColor-gray90 ms-fontColor-themePrimary", "title": "[$Title]" }, "txtContent": "[$Title]", "customCardProps": { "formatter": { "elmType": "div", "style": { "width": "520px" }, "children": [ { "elmType": "div", "style": { "width": "500px" }, "children": [ { "elmType": "div", "style": { "display": "flex", "margin": "10px", "width": "100%", "white-space": "nowrap", "overflow": "hidden", "text-overflow": "ellipsis" }, "children": [ { "elmType": "div", "attributes": { "class": "ms-fontSize-24 ms-fontColor-themePrimary ms-fontWeight-semibold", "title": "[$Title]" }, "txtContent": "[$Title]" }, { "elmType": "div", "style": { "display": "=if(length([$Invoice])>0,'flex','none')", "padding": "5px", "width": "100%", "text-align": "right" }, "children": [ { "elmType": "div", "style": { "width": "100%" }, "children": [ { "elmType": "a", "style": { "text-decoration": "none", "cursor": "pointer" }, "attributes": { "href": "[$Invoice]", "target": "_blank", "title": "Invoice", "class": "ms-fontSize-24 ms-fontColor-themePrimary", "iconName": "DocumentSearch" } } ] }, { "elmType": "div", "style": { "margin-left": "5px" }, "children": [ { "elmType": "div", "style": { "padding": "5px", "text-align": "center", "width": "15px", "height": "15px", "cursor": "pointer", "border-radius": "50%" }, "attributes": { "class": "ms-bgColor-themePrimary ms-fontColor-white" }, "children": [ { "elmType": "div", "style": { "margin-top": "-2px" }, "txtContent": "=if(length([$Rate])>0,[$Rate],0)" } ] } ] } ] } ] }, { "elmType": "div", "style": { "margin": "10px", "width": "100%" }, "children": [ { "elmType": "div", "style": { "display": "inline-block", "width": "50%" }, "txtContent": "Amount", "attributes": { "class": "ms-fontSize-24 ms-fontColor-gray90" } }, { "elmType": "div", "style": { "width": "50%", "cursor": "pointer", "font-style": "italic", "display": "inline-block", "text-align": "right" }, "attributes": { "class": "ms-fontSize-24 ms-fontColor-gray90 ms-fontWeight-semibold sp-css-backgroundColor-neutralLighterAlt" }, "inlineEditField": "[$Payment]", "txtContent": "=Number([$Payment])+' '+substring([$Currency],0,indexOf([$Currency],'('))" } ] }, { "elmType": "div", "style": { "display": "flex", "padding": "10px", "width": "100%" }, "children": [ { "elmType": "div", "style": { "cursor": "pointer", "width": "50%", "height": "30px" }, "inlineEditField": "[$OtherCostDescription]", "txtContent": "=if(length([$OtherCostDescription]) >0,[$OtherCostDescription], 'Other expense, type here')", "attributes": { "class": "ms-fontSize-20 ms-fontColor-gray90 sp-css-backgroundColor-neutralLighterAlt" } }, { "elmType": "div", "style": { "width": "50%", "cursor": "pointer", "font-style": "italic", "text-align": "right", "height": "30px" }, "attributes": { "class": "ms-fontSize-24 ms-fontColor-gray90 ms-fontWeight-semibold sp-css-backgroundColor-neutralLighterAlt" }, "inlineEditField": "[$OtherCosts]", "txtContent": "=Number([$OtherCosts])+' '+substring([$Currency],0,indexOf([$Currency],'('))" } ] }, { "elmType": "div", "style": { "padding": "10px", "width": "100%" }, "children": [ { "elmType": "div", "style": { "padding-top": "10px", "padding-bottom": "10px", "border-top": "1px solid #ccc" }, "children": [ { "elmType": "div", "style": { "display": "inline-block", "width": "50%" }, "txtContent": "Total", "attributes": { "class": "ms-fontSize-24 ms-fontColor-themePrimary ms-fontWeight-semibold" } }, { "elmType": "div", "style": { "width": "50%", "cursor": "pointer", "display": "inline-block", "text-align": "right" }, "attributes": { "class": "=if(Number([$Payment])+Number([$OtherCosts])<0,'ms-fontColor-red','ms-fontColor-black')+' ms-fontSize-24 ms-fontWeight-semibold '" }, "txtContent": "=Number([$Payment])+Number([$OtherCosts])+' '+substring([$Currency],0,indexOf([$Currency],'('))" } ] }, { "elmType": "div", "txtContent": "Description", "attributes": { "class": "ms-fontSize-24 ms-fontColor-themePrimary ms-fontWeight-semibold" } }, { "elmType": "div", "style": { "cursor": "pointer", "min-height": "30px", "padding": "0 10px" }, "txtContent": "[$Description]", "attributes": { "class": "ms-fontSize-24 ms-fontColor-gray90 ms-fontWeight-semibold sp-css-backgroundColor-neutralLighterAlt" }, "inlineEditField": "[$Description]" }, { "elmType": "div", "style": { "display": "=if(length([$Location])>0,'','none')" }, "children": [ { "elmType": "div", "style": { "padding": "10px" }, "children": [ { "elmType": "div", "style": { "display": "inline" }, "children": [ { "elmType": "div", "style": { "padding": "5px", "display": "flex" }, "attributes": { "class": "ms-bgColor-themePrimary ms-fontColor-white ms-fontWeight-semibold" }, "children": [ { "elmType": "div", "children": [ { "elmType": "div", "children": [ { "elmType": "div", "txtContent": "='City: '+ [$Location.Address.City]" } ] }, { "elmType": "div", "children": [ { "elmType": "div", "txtContent": "='State: '+ [$Location.Address.State]" } ] } ] }, { "elmType": "div", "style": { "padding-left": "20px" }, "children": [ { "elmType": "div", "children": [ { "elmType": "div", "txtContent": "='Country: '+ [$Location.Address.CountryOrRegion]" } ] }, { "elmType": "div", "children": [ { "elmType": "div", "txtContent": "='Street: '+ [$Location.Address.Street]" } ] } ] }, { "elmType": "a", "style": { "text-decoration": "none" }, "attributes": { "iconName": "POI", "href": "='https://www.bing.com/maps/embed?h=800&w=800&cp='+[$Location.Coordinates.Latitude]+'~'+[$Location.Coordinates.Longitude]+'&lvl=17&typ=d&sty=a&src=SHELL&FORM=MBEDV8'", "target": "_blank", "class": "ms-bgColor-themePrimary ms-fontColor-white ms-fontSize-28" } } ] } ] } ] } ] } ] }, { "elmType": "div", "children": [ { "elmType": "div", "forEach": "personIterator in [$Editor]", "children": [ { "elmType": "div", "txtContent": "= 'Last Modified ' + toLocaleDateString([$Modified]) + ' by ' + [$personIterator.title]", "attributes": { "class": "ms-fontSize-12 ms-fontColor-gray100" }, "style": { "padding": "0px 10px 10px 5px", "margin-left": "5px", "display": "inline-block" } } ] } ] } ] } ] }, "openOnEvent": "click", "directionalHint": "topCenter", "isBeakVisible": true } }, { "elmType": "div", "style": { "display": "inline-block", "text-align": "right", "width": "200px" }, "children": [ { "elmType": "div", "children": [ { "elmType": "div", "style": { "padding-top": "15px" }, "txtContent": "=Number([$Payment])+Number([$OtherCosts])+' '+substring([$Currency],0,indexOf([$Currency],'('))", "attributes": { "class": "=if(Number([$Payment])+Number([$OtherCosts])<0,'ms-fontColor-red','ms-fontColor-black')+' ms-fontSize-24 ms-fontColor-black ms-fontWeight-bold'" } } ] } ] } ] }, { "elmType": "div", "style": { "width": "120px" }, "attributes": { "class": "ms-fontSize-18 ms-fontColor-themePrimary ms-fontWeight-semibold" }, "inlineEditField": "[$PaymentDay]", "txtContent": "=if((getMonth(Date([$PaymentDay]))+1)==1,'JAN',if((getMonth(Date([$PaymentDay]))+1)==2,'FEV',if((getMonth(Date([$PaymentDay]))+1)==3,'MAR',if((getMonth(Date([$PaymentDay]))+1)==4,'ABR',if((getMonth(Date([$PaymentDay]))+1)==5,'MAY',if((getMonth(Date([$PaymentDay]))+1)==6,'JUN',if((getMonth(Date([$PaymentDay]))+1)==7,'JUL',if((getMonth(Date([$PaymentDay]))+1)==8,'AUG',if((getMonth(Date([$PaymentDay]))+1)==9,'SEP',if((getMonth(Date([$PaymentDay]))+1)==10,'OCT',if((getMonth(Date([$PaymentDay]))+1)==11,'NOV',if((getMonth(Date([$PaymentDay]))+1)==12,'DEC',''))))))))))))+' '+getDate(Date([$PaymentDay]))+ ', '+getYear(Date([$PaymentDay]))" }, { "elmType": "div", "style": { "padding-top": "10px", "display": "=if([$Expand]==false,'none','flex')", "border-radius": "5px" }, "children": [ { "elmType": "div", "style": { "width": "50%" }, "txtContent": "Amount", "attributes": { "class": "ms-fontSize-24 ms-fontColor-gray90" } }, { "elmType": "div", "style": { "width": "50%", "cursor": "pointer", "font-style": "italic", "text-align": "right" }, "attributes": { "class": "ms-fontSize-24 ms-fontColor-gray90 ms-fontWeight-semibold sp-css-backgroundColor-neutralLighterAlt" }, "inlineEditField": "[$Payment]", "txtContent": "=Number([$Payment])+' '+substring([$Currency],0,indexOf([$Currency],'('))" } ] }, { "elmType": "div", "style": { "padding-top": "10px", "display": "=if([$Expand]==false,'none','flex')" }, "children": [ { "elmType": "div", "style": { "width": "50%" }, "inlineEditField": "[$OtherCostDescription]", "txtContent": "=if(length([$OtherCostDescription]) >0,[$OtherCostDescription], 'Other expense, type here')", "attributes": { "class": "ms-fontSize-20 ms-fontColor-gray90 sp-css-backgroundColor-neutralLighterAlt" } }, { "elmType": "div", "style": { "width": "50%", "cursor": "pointer", "font-style": "italic", "text-align": "right" }, "attributes": { "class": "ms-fontSize-24 ms-fontColor-gray90 ms-fontWeight-semibold sp-css-backgroundColor-neutralLighterAlt" }, "inlineEditField": "[$OtherCosts]", "txtContent": "=Number([$OtherCosts])+' '+substring([$Currency],0,indexOf([$Currency],'('))" } ] }, { "elmType": "div", "style": { "padding-top": "10px", "padding-bottom": "10px", "display": "=if([$Expand]==false,'none','block')", "border-top": "1px solid #ccc" }, "children": [ { "elmType": "div", "style": { "display": "inline-block", "width": "50%" }, "txtContent": "Total", "attributes": { "class": "ms-fontSize-24 ms-fontColor-themePrimary ms-fontWeight-bold" } }, { "elmType": "div", "style": { "width": "50%", "cursor": "pointer", "display": "=if([$Expand]==false,'none','inline-block')", "text-align": "right" }, "attributes": { "class": "=if(Number([$Payment])+Number([$OtherCosts])<0,'ms-fontColor-red','ms-fontColor-black')+' ms-fontSize-24 ms-fontWeight-semibold'" }, "txtContent": "=Number([$Payment])+Number([$OtherCosts])+' '+substring([$Currency],0,indexOf([$Currency],'('))" } ] } ] } ] }, { "elmType": "div", "style": { "padding": "15px", "cursor": "pointer" }, "attributes": { "iconName": "=if([$Expand]==true, 'Blocked2','CirclePlus')", "class": "ms-fontSize-18 ms-fontColor-themePrimary ms-fontWeight-bold" }, "customRowAction": { "action": "setValue", "actionInput": { "Expand": "=if([$Expand]==true, 0,1)" } } }, { "elmType": "div", "style": { "position": "relative", "width": "150px" }, "children": [ { "elmType": "div", "style": { "width": "250px" }, "children": [ { "elmType": "div", "children": [ { "elmType": "div", "style": { "padding": "10px", "display": "inline", "cursor": "pointer" }, "attributes": { "class": "ms-fontSize-32", "title": "=if([$Paid]==true, 'Paid','pending')" }, "txtContent": "=if([$Paid]==true, '💸','⌛')", "customRowAction": { "action": "setValue", "actionInput": { "Paid": "=if([$Paid]==true, 0,1)" } } }, { "elmType": "div", "style": { "display": "inline", "padding-top": "10px" }, "attributes": { "class": "ms-fontSize-24" }, "children": [ { "elmType": "div", "style": { "display": "inline-block", "border-radius": "10px", "margin": "10px", "cursor": "pointer" }, "attributes": { "iconName": "Chat", "class": "ms-fontSize-24" }, "customRowAction": { "action": "defaultClick" } }, { "elmType": "div", "style": { "padding-left": "5px", "display": "inline-block", "cursor": "pointer" }, "txtContent": "[$_CommentCount]" } ], "customRowAction": { "action": "defaultClick" } }, { "elmType": "div", "style": { "margin-left": "10px", "cursor": "pointer" }, "attributes": { "iconName": "Edit", "class": "ms-fontColor-themePrimary ms-fontSize-24" }, "customRowAction": { "action": "defaultClick" } }, { "elmType": "div", "style": { "margin-left": "20px", "cursor": "pointer" }, "attributes": { "iconName": "Delete", "class": "ms-fontColor-themePrimary ms-fontSize-24" }, "customRowAction": { "action": "delete" } } ] }, { "elmType": "div", "attributes": { "class": "ms-fontSize-16 ms-fontWeight-semibold" }, "style": { "padding-left": "10px", "padding-top": "20px", "display": "=if([$Expand]== true,'block','none')" }, "children": [ { "elmType": "div", "style": { "padding": "0px 5px 0px 0px" }, "txtContent": "Tap to rate" } ] }, { "elmType": "div", "style": { "padding-top": "10px", "display": "=if([$Expand]== true,'block','none')" }, "attributes": { "class": "ms-fontSize-32" }, "children": [ { "elmType": "div", "inlineEditField": "[$Rate]", "style": { "text-align": "center", "margin-left": "20px", "width": "50px", "height": "50px", "cursor": "pointer", "border-radius": "50%" }, "attributes": { "class": "ms-bgColor-themePrimary ms-fontColor-white" }, "txtContent": "=if(length([$Rate])>0,[$Rate],0)" } ] }, { "elmType": "div", "style": { "display": "=if([$Expand]==false,'none','block')", "padding-top": "10px" }, "children": [ { "elmType": "div", "style": { "display": "flex" }, "children": [ { "elmType": "div", "attributes": { "iconName": "POI", "class": "ms-fontSize-20" } }, { "elmType": "div", "style": { "min-height": "20px", "min-width": "80px", "white-space": "nowrap", "overflow": "hidden", "text-overflow": "ellipsis", "cursor": "pointer" }, "attributes": { "class": "ms-fontSize-18 ms-fontColor-themePrimary " }, "inlineEditField": "[$Location]", "txtContent": "[$Location.DisplayName]" }, { "elmType": "div", "style": { "display": "=if(length([$Location])>0,'','none')", "text-decoration": "none", "padding": "3px", "cursor": "pointer" }, "attributes": { "iconName": "OpenInNewWindow", "class": "ms-fontSize-18 ms-fontColor-themePrimary " }, "customCardProps": { "openOnEvent": "click", "isBeakVisible": true, "directionalHint": "bottomCenter", "formatter": { "elmType": "div", "style": { "display": "inline" }, "children": [ { "elmType": "div", "style": { "padding": "5px", "display": "flex" }, "attributes": { "class": "ms-bgColor-themePrimary ms-fontColor-white ms-fontWeight-semibold" }, "children": [ { "elmType": "div", "children": [ { "elmType": "div", "children": [ { "elmType": "div", "txtContent": "='City: '+ [$Location.Address.City]" } ] }, { "elmType": "div", "children": [ { "elmType": "div", "txtContent": "='State: '+ [$Location.Address.State]" } ] } ] }, { "elmType": "div", "style": { "padding-left": "20px" }, "children": [ { "elmType": "div", "children": [ { "elmType": "div", "txtContent": "='Country: '+ [$Location.Address.CountryOrRegion]" } ] }, { "elmType": "div", "children": [ { "elmType": "div", "txtContent": "='Street: '+ [$Location.Address.Street]" } ] } ] }, { "elmType": "a", "style": { "text-decoration": "none" }, "attributes": { "iconName": "POI", "href": "='https://www.bing.com/maps/embed?h=800&w=800&cp='+[$Location.Coordinates.Latitude]+'~'+[$Location.Coordinates.Longitude]+'&lvl=17&typ=d&sty=a&src=SHELL&FORM=MBEDV8'", "target": "_blank", "class": "ms-bgColor-themePrimary ms-fontColor-white ms-fontSize-28" } } ] } ] } } } ] } ] } ] } ] } ] } ] } }