@digifi-los/reactapp
Version:
575 lines (572 loc) • 23.1 kB
JSON
{
"containers":{
"/r-admin/content/accounts_sample":{
"layout":{
"component":"Hero",
"props":{
"size":"isFullheight"
},
"children":[
{
"component":"HeroBody",
"children":[{
"component":"Container",
"props":{
"style":{
"paddingTop":80
}
},
"children":[
{
"component": "Tabs",
"props":{
"style":{
}
},
"children": [{
"component": "TabGroup",
"props":{
"className":"breadcrumb",
"style":{
"border":"1px solid black",
"color":"red"
}
},
"children": [{
"component": "Tab",
"props": {
"isActive": true,
"style": {}
},
"children": [{
"component": "ResponsiveButton",
"props": {
"selectProps": {
"selected":"loan",
"values":{
"customer":{
"label":"Customer",
"buttonProps":{
"onClick": "func:this.props.reduxRouter.push",
"onclickProps": "/crm/applications",
"onclickBaseUrl":"/r-admin/contentdata/customer/:id",
"onclickThisProp":"buttonPropsAdded",
"onclickLinkParams":[{"key":":id","val":"userlimit"}]
}
},
"application":{
"label":"Application",
"buttonProps":{
"onClick": "func:this.props.reduxRouter.push",
"onclickProps": "/crm/applications",
"onclickBaseUrl":"/r-admin/contentdata/application/:id",
"onclickThisProp":"buttonPropsAdded",
"onclickLinkParams":[{"key":":id","val":"userlimit"}]
}
},
"loan":{
"label":"loan",
"buttonProps":{
"onClick": "func:this.props.reduxRouter.push",
"onclickProps": "/crm/loans",
"onclickBaseUrl":"/r-admin/contentdata/loan/:id",
"onclickThisProp":"buttonPropsAdded",
"onclickLinkParams":[{"key":":id","val":"userlimit"}]
}
},
"cards":{
"label":"cards",
"buttonProps":{
"onClick": "func:this.props.reduxRouter.push",
"onclickProps": "/crm/cardss",
"onclickBaseUrl":"/r-admin/contentdata/cards/:id",
"onclickThisProp":"buttonPropsAdded",
"onclickLinkParams":[{"key":":id","val":"userlimit"}]
}
}
}
}
},
"asyncprops":{
"buttonPropsAdded":["tabledata"]
},
"children": "customer"
}]
},
{
"component": "Tab",
"props": {
"isActive": false },
"children": [{
"component": "ResponsiveButton",
"props": {
"onClick": "func:this.props.reduxRouter.push",
"onclickProps": "/crm/applications",
"onclickBaseUrl":"/r-admin/contentdata/accounts/:id",
"onclickLinkParams":[{"key":":id","val":"userlimit"}],
"style": {}
},
"asyncprops":{
"onclickPropObject":["tabledata"]
},
"children": "application"
}]
},
{
"component": "Tab",
"props": {
"isActive": false
},
"children": [{
"component": "ResponsiveButton",
"props": {
"onclickProps": "/crm/applications"
},
"children": "debug"
}]
}]
}]
},
{
"component":"div",
"props":{
"dangerouslySetInnerHTML":{
"__html":"<h1>Accounts: the most used line in code</h1>"
}
}
},
{
"component": "ResponsiveCard",
"props": {
"cardTitle": "Application Results(# Records)",
"leftIcon":true
},
"children": [{
"component": "ResponsiveTable",
"props": {
"limit":10,
"filterSearch":true,
"tableSearch":true,
"flattenRowData":true,
"baseUrl":"/r-admin/contentdata/users?format=json",
"dataMap":[{
"key":"rows",
"value":"users"
},{
"key":"numItems",
"value":"userscount"
},{
"key":"numPages",
"value":"userpages"
}],
"headerLinkProps":{
"style":{
"textDecoration":"none"
}
},
"headers": [
{ "label": "#", "value":"--idx-ctr--" },
{
"label": "Id",
"sortid":"_id",
"link":{
"baseUrl":"/r-admin/contentdata/users/:id",
"params":[{"key":":id","val":"_id"}]
},
"linkProps":{
"style":{
"textDecoration":"none"
}
}
},
{ "label": "Email", "sortid":"email", "sortable":true },
{
"label": "First Name",
"sortid":"firstname",
"sortable":true,
"columnProps":{
"style":{
"backgroundColor":"lightgrey",
"color":"grey"
}
},
"headerColumnProps":{
"style":{
"backgroundColor":"black",
"color":"white"
}
}
},
{ "label": "Last Name", "sortid":"lastname", "sortable":true },
{ "label": "Create Date", "sortid":"createdat", "momentFormat":"lll", "sortable":true }
]
},
"asyncprops":{
"rows":[
"tabledata","users"
],
"numItems":[
"tabledata","userscount"
],
"numPages":[
"tabledata","userpages"
]
}
}]
},
{
"component":"ResponsiveForm",
"props":{
"notificationForm":true,
"flattenFormData":true,
"onSubmit":"func:this.props.debug",
"style":{
"marginBottom":50
},
"validations":[{
"name":"baseurl",
"constraints":{
"baseurl":{
"presence":"true",
"length":{
"minimum":3,
"message":"THIS has to be an email and is required"
}
}
}
},
{
"name":"originalurl",
"constraints":{
"originalurl":{
"presence":"true",
"length":{
"minimum":3,
"message":"has to be an email and is required"
}
}
}
},
{
"name":"testSelect",
"constraints":{
"testSelect":{
"presence":"true"
}
}
},
{
"name":"testTextAreaInputts",
"constraints":{
"testTextAreaInputts":{
"presence":"true"
}
}
},
{
"name":"jsCode",
"constraints":{
"jsCode":{
"presence":"true",
"length":{
"minimum":3,
"message":"has to be an email and is required"
}
}
}
},
{
"name":"samplecheck",
"constraints":{
"samplecheck":{
"presence":{
"message":"^THIS true"
}
}
}
}],
"formgroups":[
{
"formElements":[
{
"type":"layout",
"layoutProps":{
"style":{
"width":"100%"
}
},
"value":{
"component":"div",
"props":{
"style":{
"textAlign":"center"
}
},
"children":[{
"component":"Title",
"props":{
"size":"is2",
"style":{
"margin":"auto"
}
},
"children":"CUSTOM LAYOUT text"
},{
"component":"span",
"children":"random text"
}]
}
}]
},
{
"formElements":[
{
"type":"checkbox",
"name":"samplecheck",
"value":"on",
"label":"save",
"placeholder":"rememberme"
},
{
"type":"link",
"name":"myaccount",
"label":"My Account",
"linkWrapperProps":{
"style": {
"padding": "0 5px",
"width":"100%"
}
},
"value":{
"component": "ResponsiveButton",
"props": {
"onClick": "func:this.props.reduxRouter.push",
"onclickProps": "/crm/applications",
"onclickBaseUrl":"/r-admin/contentdata/accounts/:id",
"onclickThisProp":"formdata",
"displayThisProps":"userlimit",
"onclickLinkParams":[{"key":":id","val":"userlimit"}],
"style": {
"width":"100%"
}
},
"children":"my account button"
}
},
{
"type":"submit",
"passProps":{
"color":"isInfo",
"size":"isLarge"
},
"confirmModal":{},
"value":"Debug Form"
}]
},
{
"formElements":[
{
"type":"text",
"name":"state",
"placeholder":"new jersey",
"label":"state"
},
{
"type":"group",
"label":"Address",
"layoutProps":{
},
"groupElements":[
{
"type":"text",
"name":"street",
"placeholder":"22 hudson pl",
"layoutProps":{
"innerFormItem":true
}
},
{
"type":"text",
"name":"city",
"placeholder":"hoboken NEW JERSEY IN HEREE",
"layoutProps":{
"innerFormItem":true
}
},
{
"type":"text",
"name":"zip",
"placeholder":"07030",
"layoutProps":{
"innerFormItem":true
},
"passProps":{
"isExpanded":true
}
}
]
}]
},
{
"formElements":[
{
"type":"text",
"name":"baseurl",
"label":"baseurl"
},
{
"type":"text",
"name":"originalurl",
"label":"originalurl"
},
{
"type":"select",
"name":"testSelect",
"label":"status",
"options":[{
"label":"true",
"value":true
},{
"label":"false",
"value":false
},{
"label":"Turn Off",
"value":"off"
},{
"label":"Turn On",
"value":"on"
}]
}]
},
{
"formElements":[{
"type":"code",
"name":"jsCode",
"passProps": {
"mode": "javascript"
},
"value":"console.log('this is a code mirror');"
},{
"type":"textarea",
"name":"testTextAreaInputts",
"label":"blog"
}]
}]
},
"asyncprops":{
"formdata":["tabledata"]
}
},
{
"component":"ResponsiveCard",
"props":{
"cardTitle":"upload new asset",
"iconImage":{
"size":"is48X48"
},
"icon":"https://s3-us-west-2.amazonaws.com/promisefinancial.com/cloudfiles%2F2015%2F07%2F03%2F800x800-yaw-etse-portrait-min.jpg",
"iconDown":"https://s3-us-west-2.amazonaws.com/promisefinancial.com/cloudfiles%2F2015%2F07%2F03%2F800x800-yaw-etse-portrait-min.jpg",
"iconUp":"https://promisefinancial.com/favicon.png"
},
"children":[
{
"component":"ResponsiveForm",
"props":{
"onSubmit":{
"url":"http://localhost:8786/r-admin/contentdata/periodic/assets?handleupload=true",
"options":{
"method":"post"
},
"success":{
"modal":{"text":"uploaded file","timeout":3000}
}
},
"card":{
"props":{
"cardTitle":"Upload New Asset"
}
},
"formgroups":[
{
"formElements":[
{
"type":"text",
"name":"title",
"label":"title",
"value":"my new file"
},{
"type":"textarea",
"name":"firstname",
"label":"firstname",
"value":"my new file"
},
{
"type":"select",
"name":"status",
"label":"status",
"value":"invalid",
"options":[
{
"label":"valid",
"value":"VALID"
},
{
"label":"invalid",
"value":"INVALID"
}]
}
]
},
{
"formElements":[
{
"type":"editor",
"value":"no desc",
"name":"description",
"label":"description",
"passProps":{
"isExpanded":true
}
},
{
"type":"file",
"name":"assetfile",
"label":"asset file",
"passProps":{
"type":"file"
}
}
]
},
{
"formElements":[
{
"type":"submit",
"value":"upload"
}
]
}
]
},
"thisprops":{
"formdata":["user","userdata"]
}
}
]
}
]
}]
}
]
},
"resources":{
"tabledata":"/r-admin/contentdata/standard/users?format=json&limit=10"
},
"onFinish":"render",
"pageData":{
"title":"Accounts",
"navLabel":"Accounts"
}
}
}
}