Teams Involvement tab (Create Involvement approach)

{
"type": "section",
"title": {
"type": "string",
"value": "Teams Involvement"
},
"component": {
"type": "stack",
"components": [
{
"type": "space",
"componentId": "space_fr7mwvf"
},
{
"type": "cssStyle", "style": ".ui-label[data-title='Total Active Involvement'] { color: black } .property-TotalActiveInvolvement-marker + .layout-field-container .layout-field__value { color: red; }",
"componentId": "cssStyle_c7RJGpj8KN8GtcpQ",
"visibilityConfig": {
"entityQuerySelector": "[Total Active Involvement] != 100"
}
},
{
"type": "cssStyle",
"style": ".layout-container > .grid > div:first-child .layout-field-container {grid-template-columns: minmax(100px, 15%) 1fr !important} ",
"componentId": "cssStyle_wrKJw7GHTcbN6NP6"
},
{ 
"type": "cssMarker",
"className": "property-TotalActiveInvolvement-marker",
"componentId": "cssMarker_f7tNCFCDTLJHMtwF"
},
{
"type": "property.customField",
"properties": {
"name": "Total Active Involvement"
},
"componentId": "property.customField_pLP6gkqB9DRF8FJc"
},
{
"type": "space",
"componentId": "space_nhdhhKcmCCTcbNR6"
},
{
"type": "space",
"componentId": "space_QNzNMpq8bznNgPLf"
},
{
"type": "collapsible",
"title": {
"type": "string",
"value": "Active Involvements",
"localize": true
},
"component": {
"type": "stack",
"components": [
{
"type": "component",
"component": "entity.new.list",
"properties": {
"name": "Involvements",
"title": {
"type": "string",
"value": "involvement",
"isPlural": true,
"localize": true,
"useTerms": true
},
"origin": "extendable_domain_tab_involvements",
"definition": {
"cells": {
"types": [
"involvement"
],
"filter": "?Active == true"
},
"cardSettings": {
"list_involvement": {
"list": [
[
{
"id": "entity_name_1line"
},
{
"id": "general_entity_id"
},
{
"id": "extendable_domain_ConnectedTeam_team"
},
{
"id": "planned_start_date"
},
{
"id": "planned_end_date"
},
{
"id": "custom_field__100__cGVyY2VudGFnZQ__3__3"
},
{
"id": "custom_field__checkbox_short__YWN0aXZl"
}
]
]
}
},
"entityAxisId": "extendable_domain_one_to_many_user_connecteduser"
},
"entityType": "involvement",
"listOptions": {
"cellsHeader": "Active Involvements",
"disableLookup": true,
"quickAddOptions": {
"disabled": false
}
},
"propertyName": "involvements"
},
"componentId": "component_rp9rnCJpfNTJc6Pb",
"extendableDomain": {
"version": 3351
}
}
],
"componentId": "stack_HwKWJmrRWCwQrMHB",
"orientation": "column"
},
"titleExtra": {
"type": "component",
"component": "label.generalCounter",
"properties": {
"text": "",
"collectionField": "involvements",
"collectionQuery": "count(Active == true)",
"entityTypeColor": "involvement"
},
"componentId": "component_hmFwjd8q6jgJkwgd"
},
"componentId": "collapsible_JJrpfWcB7HKr7Rt7"
},
{
"type": "collapsible",
"title": {
"type": "string",
"value": "Inactive Involvements",
"localize": true
},
"component": {
"type": "stack",
"components": [
{
"type": "component",
"component": "entity.new.list",
"properties": {
"name": "Involvements",
"title": {
"type": "string",
"value": "involvement",
"isPlural": true,
"localize": true,
"useTerms": true
},
"origin": "extendable_domain_tab_involvements",
"definition": {
"cells": {
"types": [
"involvement"
],
"filter": "?Active == false"
},
"cardSettings": {
"list_involvement": {
"list": [
[
{
"id": "entity_name_1line"
},
{
"id": "general_entity_id"
},
{
"id": "extendable_domain_ConnectedTeam_team"
},
{
"id": "planned_start_date"
},
{
"id": "planned_end_date"
},
{
"id": "custom_field__100__cGVyY2VudGFnZQ__3__3"
},
{
"id": "custom_field__checkbox_short__YWN0aXZl"
}
]
]
}
},
"entityAxisId": "extendable_domain_one_to_many_user_connecteduser"
},
"entityType": "involvement",
"listOptions": {
"cellsHeader": "Inactive Involvements",
"disableLookup": true,
"quickAddOptions": {
"disabled": false
}
},
"propertyName": "involvements"
},
"componentId": "component_PP6DFccQmMWQcD7w",
"extendableDomain": {
"version": 3351
}
}
],
"componentId": "stack_DHqjktkffNGfcqtg",
"orientation": "column"
},
"titleExtra": {
"type": "component",
"component": "label.generalCounter",
"properties": {
"text": "",
"collectionField": "involvements",
"collectionQuery": "count(Active == false)",
"entityTypeColor": "involvement"
},
"componentId": "component_pTnLhLhPRjtGGC78"
},
"componentId": "collapsible_wwRHjJM9P7zFmkFN"
},
{
"type": "space",
"componentId": "space_mrWtG7wCFJjfNPLQ"
},
{
"type": "space",
"componentId": "space_r7nRP7QDRGKgRWbF"
},
{
"type": "cssStyle",
"style": ".tau-user-team-list button[role='action-detach'] {display: none}",
"componentId": "cssStyle_Jdkph7htwJpLgGMC"
},
{
"type": "component",
"component": "layout.list",
"properties": {
"listType": "userTeams"
},
"componentId": "component_mrDMG78ncCTPJmwT"
}
],
"componentId": "stack_gJWBgTHzHr9G8jKJ",
"orientation": "column"
},
"componentId": "section_r7hx61w"
},