Teams and Power Platform in a Day: Lab 02 - Adaptive Card - ApprovalConformation

ApprovalConformation-1.json

{
    "type": "AdaptiveCard",
    "$schema": "https://adaptivecards.io/schemas/adaptive-card.json",
    "padding": "none",
    "body": [
        {
            "type": "Container",
            "style": "emphasis",
            "items": [
                {
                    "type": "ColumnSet",
                    "columns": [
                        {
                            "type": "Column",
                            "items": [
                                {
                                    "type": "TextBlock",
                                    "size": "large",
                                    "text": "**APPROVED**"
                                }
                            ],
                            "width": "stretch"
                        },
                        {}
                    ]
                }
            ]
        },
        {
            "type": "Container",
            "padding": "default",
            "spacing": "None",
            "items": [
                {
                    "type": "ColumnSet",
                    "columns": [
                        {
                            "type": "Column",
                            "verticalContentAlignment": "center",
                            "items": [
                                {
                                    "type": "Image",
                                    "style": "Logo",
                                    "url": "https://logodix.com/logo/842610.jpg",
                                    "width": "40px",
                                    "altText": "Contoso Logo"
                                }
                            ],
                            "width": "auto"
                        },
                        {
                            "type": "Column",
                            "verticalContentAlignment": "center",
                            "items": [
                                {
                                    "type": "TextBlock",
                                    "size": "Medium",
                                    "text": "Approved by **@{items('Apply_to_each')?['responder/displayName']}**",
                                    "wrap": true
                                },
                                {
                                    "type": "TextBlock",
                                    "spacing": "None",
                                    "text": " @{items('Apply_to_each')?['responder/email']} ",
                                    "isSubtle": true
                                }
                            ],
                            "width": "stretch"
                        }
                    ]
                },
                {
                    "type": "Container",
                    "spacing": "large",
                    "items": [
                        {
                            "type": "ColumnSet",
                            "columns": [
                                {
                                    "type": "Column",
                                    "items": [
                                        {
                                            "type": "Image",
                                            "url": "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/microsoft/209/white-heavy-check-mark_2705.png",
                                            "altText": "Green check mark"
                                        }
                                    ],
                                    "width": 1
                                },
                                {
                                    "type": "Column",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "size": "Medium",
                                            "weight": "Bolder",
                                            "wrap": true,
                                            "text": " @{outputs('Update_a_row')?['body/cr2b6_name']} "
                                        },
                                        {
                                            "type": "TextBlock",
                                            "spacing": "None",
                                            "color": "accent",
                                            "size": "Medium",
                                            "text": " @{outputs('Get_a_row_by_ID')?['body/cr2b6_name']} "
                                        },
                                        {
                                            "type": "TextBlock",
                                            "wrap": true,
                                            "text": "Request id: @{outputs('Update_a_row')?['body/cr2b6_requestno']}"
                                        },
                                        {
                                            "type": "TextBlock",
                                            "spacing": "None",
                                            "wrap": true,
                                            "text": "Approver comments: @{items('Apply_to_each')?['comments']} "
                                        }
                                    ],
                                    "width": 5
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ],
    "version": "1.0"
}