honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Web Part demo for PnP Adaptive Card Host Control 

Web Part demo for PnP Adaptive Card Host Control
This commit is contained in:
Fabio Franzini 2022-03-09 15:45:37 +01:00
parent 51eebc82de
commit 7c1e19ac13
103 changed files with 38355 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
samples/react-adaptive-card-host-control/.gitignore vendored Normal file
View File

@ -0,0 +1,33 @@
# Logs
logs
*.log
npm-debug.log*
# Dependency directories
node_modules
# Build generated files
dist
lib
release
solution
temp
*.sppkg
# Coverage directory used by tools like istanbul
coverage
# OSX
.DS_Store
# Visual Studio files
.ntvs_analysis.dat
.vs
bin
obj
# Resx Generated Code
*.resx.ts
# Styles Generated Code
*.scss.ts

16
samples/react-adaptive-card-host-control/.npmignore Normal file
View File

@ -0,0 +1,16 @@
!dist
config
gulpfile.js
release
src
temp
tsconfig.json
tslint.json
*.log
.yo-rc.json
.vscode

16
samples/react-adaptive-card-host-control/.yo-rc.json Normal file
View File

@ -0,0 +1,16 @@
{
"@microsoft/generator-sharepoint": {
"plusBeta": false,
"isCreatingSolution": true,
"version": "1.14.0",
"libraryName": "react-adaptive-card-host-control",
"libraryId": "f829f44a-9afb-4ec6-b1a3-bc4e22b43d30",
"environment": "spo",
"packageManager": "npm",
"solutionName": "react-adaptive-card-host-control",
"solutionShortDescription": "react-adaptive-card-host-control description",
"skipFeatureDeployment": true,
"isDomainIsolated": false,
"componentType": "webpart"
}
}

75
samples/react-adaptive-card-host-control/README.md Normal file
View File

@ -0,0 +1,75 @@
# React Adaptive Card Host control
## Summary
This web part provides an example of how to use the "AdaptiveCardHost" component present in the PnP React Controls library.
For more information about the component, please see the related page here: [https://pnp.github.io/sp-dev-fx-controls-react/controls/AdaptiveCardHost/](https://pnp.github.io/sp-dev-fx-controls-react/controls/AdaptiveCardHost/)
#### Web Part in action
![picture of the web part in action](assets/AdaptiveCardHost.gif)
#### Web Part in action as Teams Tab
![picture of the web part in action as Teams Tab](assets/AdaptiveCardHostTeams.gif)
## Used SharePoint Framework Version
![version](https://img.shields.io/badge/version-1.14-green.svg)
## Applies to
- [SharePoint Framework](https://aka.ms/spfx)
- [Microsoft 365 tenant](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant)
> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/o365devprogram)
## Solution
Solution|Author(s)
--------|---------
react-adaptive-card-host-control | [Fabio Franzini](https://www.linkedin.com/in/fabiofranzini/) ([@franzinifabio](https://twitter.com/franzinifabio)), Apvee Solutions
## Version history
Version|Date|Comments
-------|----|--------
1.0|March 9, 2022|Initial release
## Minimal Path to Awesome
* Clone this repository
* in the command line run:
* `npm install`
* `gulp serve`
> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit https://aka.ms/spfx-devcontainer for further instructions.
## Disclaimer
**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
---
## Minimal Path to Awesome
- Clone this repository
- Ensure that you are at the solution folder
- in the command-line run:
- **npm install**
- **gulp serve**
> Include any additional steps as needed.
## Features
This extension illustrates the following concepts:
- how to use the PnP Adaptive Card Host component
## References
- [AdaptiveCardHost Component](https://pnp.github.io/sp-dev-fx-controls-react/controls/AdaptiveCardHost/)
- [Getting started with SharePoint Framework](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant)
- [Building for Microsoft teams](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/build-for-teams-overview)
- [Use Microsoft Graph in your solution](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-apis)
- [Publish SharePoint Framework applications to the Marketplace](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/publish-to-marketplace-overview)
- [Microsoft 365 Patterns and Practices](https://aka.ms/m365pnp) - Guidance, tooling, samples and open-source controls for your Microsoft 365 development
<img src="https://pnptelemetry.azurewebsites.net/sp-dev-fx-webparts/samples/react-adaptive-card-host-control" />

BIN
samples/react-adaptive-card-host-control/assets/AdaptiveCardHost.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 MiB

BIN
samples/react-adaptive-card-host-control/assets/AdaptiveCardHostTeams.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 MiB

19
samples/react-adaptive-card-host-control/config/config.json Normal file
View File

@ -0,0 +1,19 @@
{
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/config.2.0.schema.json",
"version": "2.0",
"bundles": {
"adaptive-card-host-demo-web-part": {
"components": [
{
"entrypoint": "./lib/webparts/adaptiveCardHostDemo/AdaptiveCardHostDemoWebPart.js",
"manifest": "./src/webparts/adaptiveCardHostDemo/AdaptiveCardHostDemoWebPart.manifest.json"
}
]
}
},
"externals": {},
"localizedResources": {
"AdaptiveCardHostDemoWebPartStrings": "lib/webparts/adaptiveCardHostDemo/loc/{locale}.js",
"ControlStrings": "node_modules/@pnp/spfx-controls-react/lib/loc/{locale}.js"
}
}

7
samples/react-adaptive-card-host-control/config/deploy-azure-storage.json Normal file
View File

@ -0,0 +1,7 @@
{
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/deploy-azure-storage.schema.json",
"workingDir": "./release/assets/",
"account": "<!-- STORAGE ACCOUNT NAME -->",
"container": "react-adaptive-card-host-control",
"accessKey": "<!-- ACCESS KEY -->"
}

40
samples/react-adaptive-card-host-control/config/package-solution.json Normal file
View File

@ -0,0 +1,40 @@
{
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
"solution": {
"name": "react-adaptive-card-host-control-client-side-solution",
"id": "f829f44a-9afb-4ec6-b1a3-bc4e22b43d30",
"version": "1.0.0.0",
"includeClientSideAssets": true,
"skipFeatureDeployment": true,
"isDomainIsolated": false,
"developer": {
"name": "",
"websiteUrl": "",
"privacyUrl": "",
"termsOfUseUrl": "",
"mpnId": "Undefined-1.14.0"
},
"metadata": {
"shortDescription": {
"default": "react-adaptive-card-host-control description"
},
"longDescription": {
"default": "react-adaptive-card-host-control description"
},
"screenshotPaths": [],
"videoUrl": "",
"categories": []
},
"features": [
{
"title": "react-adaptive-card-host-control Feature",
"description": "The feature that activates elements of the react-adaptive-card-host-control solution.",
"id": "23b4b6b5-f9c5-4fcd-b389-2bc97502b60b",
"version": "1.0.0.0"
}
]
},
"paths": {
"zippedPackage": "solution/react-adaptive-card-host-control.sppkg"
}
}

6
samples/react-adaptive-card-host-control/config/serve.json Normal file
View File

@ -0,0 +1,6 @@
{
"$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json",
"port": 4321,
"https": true,
"initialPage": "https://enter-your-SharePoint-site/_layouts/workbench.aspx"
}

4
samples/react-adaptive-card-host-control/config/write-manifests.json Normal file
View File

@ -0,0 +1,4 @@
{
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/write-manifests.schema.json",
"cdnBasePath": "<!-- PATH TO CDN -->"
}

16
samples/react-adaptive-card-host-control/gulpfile.js vendored Normal file
View File

@ -0,0 +1,16 @@
'use strict';
const build = require('@microsoft/sp-build-web');
build.addSuppression(`Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.`);
var getTasks = build.rig.getTasks;
build.rig.getTasks = function () {
var result = getTasks.call(build.rig);
result.set('serve', result.get('serve-deprecated'));
return result;
};
build.initialize(require('gulp'));

24052
samples/react-adaptive-card-host-control/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

34
samples/react-adaptive-card-host-control/package.json Normal file
View File

@ -0,0 +1,34 @@
{
"name": "react-adaptive-card-host-control",
"version": "0.0.1",
"private": true,
"main": "lib/index.js",
"scripts": {
"build": "gulp bundle",
"clean": "gulp clean",
"test": "gulp test"
},
"dependencies": {
"@microsoft/sp-core-library": "1.14.0",
"@microsoft/sp-lodash-subset": "1.14.0",
"@microsoft/sp-office-ui-fabric-core": "1.14.0",
"@microsoft/sp-property-pane": "1.14.0",
"@microsoft/sp-webpart-base": "1.14.0",
"@pnp/spfx-controls-react": "3.6.0",
"adaptivecards": "^2.10.0",
"office-ui-fabric-react": "7.174.1",
"react": "16.13.1",
"react-dom": "16.13.1"
},
"devDependencies": {
"@types/react": "16.9.51",
"@types/react-dom": "16.9.8",
"@microsoft/sp-build-web": "1.14.0",
"@microsoft/sp-tslint-rules": "1.14.0",
"@microsoft/sp-module-interfaces": "1.14.0",
"@microsoft/rush-stack-compiler-3.9": "0.4.47",
"gulp": "~4.0.2",
"ajv": "~5.2.2",
"@types/webpack-env": "1.13.1"
}
}

1
samples/react-adaptive-card-host-control/src/index.ts Normal file
View File

@ -0,0 +1 @@
// A file is required to be in the root of the /src directory by the TypeScript compiler

16
samples/react-adaptive-card-host-control/src/samples/ActivityUpdate.data.json Normal file
View File

@ -0,0 +1,16 @@
{
"title": "Publish Adaptive Card Schema",
"description": "Now that we have defined the main rules and features of the format, we need to produce a schema and publish it to GitHub. The schema will be the starting point of our reference documentation.",
"creator": {
"name": "Matt Hidinger",
"profileImage": "https://pbs.twimg.com/profile_images/3647943215/d7f12830b3c17a5a9e4afcc370e3a37e_400x400.jpeg"
},
"createdUtc": "2017-02-14T06:08:39Z",
"viewUrl": "https://adaptivecards.io",
"properties": [
{ "key": "Board", "value": "Adaptive Cards" },
{ "key": "List", "value": "Backlog" },
{ "key": "Assigned to", "value": "Matt Hidinger" },
{ "key": "Due date", "value": "Not set" }
]
}

99
samples/react-adaptive-card-host-control/src/samples/ActivityUpdate.template.json Normal file
View File

@ -0,0 +1,99 @@
{
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"size": "Medium",
"weight": "Bolder",
"text": "${title}",
"wrap": true,
"style": "heading"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"style": "Person",
"url": "${creator.profileImage}",
"size": "Small"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "Bolder",
"text": "${creator.name}",
"wrap": true
},
{
"type": "TextBlock",
"spacing": "None",
"text": "Created {{DATE(${string(createdUtc)}, SHORT)}}",
"isSubtle": true,
"wrap": true
}
],
"width": "stretch"
}
]
},
{
"type": "TextBlock",
"text": "${description}",
"wrap": true
},
{
"type": "FactSet",
"facts": [
{
"$data": "${properties}",
"title": "${key}:",
"value": "${value}"
}
]
}
],
"actions": [
{
"type": "Action.ShowCard",
"title": "Set due date",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "Input.Date",
"id": "dueDate"
},
{
"type": "Input.Text",
"id": "comment",
"placeholder": "Add a comment",
"isMultiline": true
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
},
{
"type": "Action.OpenUrl",
"title": "View",
"url": "${viewUrl}"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0"
}

16
samples/react-adaptive-card-host-control/src/samples/ActivityUpdateWithLabels.data.json Normal file
View File

@ -0,0 +1,16 @@
{
"title": "Publish Adaptive Card Schema",
"description": "Now that we have defined the main rules and features of the format, we need to produce a schema and publish it to GitHub. The schema will be the starting point of our reference documentation.",
"creator": {
"name": "Matt Hidinger",
"profileImage": "https://pbs.twimg.com/profile_images/3647943215/d7f12830b3c17a5a9e4afcc370e3a37e_400x400.jpeg"
},
"createdUtc": "2017-02-14T06:08:39Z",
"viewUrl": "https://adaptivecards.io",
"properties": [
{ "key": "Board", "value": "Adaptive Cards" },
{ "key": "List", "value": "Backlog" },
{ "key": "Assigned to", "value": "Matt Hidinger" },
{ "key": "Due date", "value": "Not set" }
]
}

99
samples/react-adaptive-card-host-control/src/samples/ActivityUpdateWithLabels.template.json Normal file
View File

@ -0,0 +1,99 @@
{
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"size": "medium",
"weight": "bolder",
"text": "${title}",
"style": "heading"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"style": "person",
"url": "${creator.profileImage}",
"size": "small"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "${creator.name}",
"wrap": true
},
{
"type": "TextBlock",
"spacing": "none",
"text": "Created {{DATE(${string(createdUtc)}, SHORT)}}",
"isSubtle": true,
"wrap": true
}
],
"width": "stretch"
}
]
},
{
"type": "TextBlock",
"text": "${description}",
"wrap": true
},
{
"type": "FactSet",
"facts": [
{
"$data": "${properties}",
"title": "${key}:",
"value": "${value}"
}
]
}
],
"actions": [
{
"type": "Action.ShowCard",
"title": "Set due date",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "Input.Date",
"label": "Enter the due date",
"id": "dueDate"
},
{
"type": "Input.Text",
"id": "comment",
"isMultiline": true,
"label": "Add a comment"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
},
{
"type": "Action.OpenUrl",
"title": "View",
"url": "${viewUrl}"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0"
}

90
samples/react-adaptive-card-host-control/src/samples/Agenda.data.json Normal file
View File

@ -0,0 +1,90 @@
{
"@odata.context": "https://outlook.office.com/api/beta/$metadata#Me/Events/$entity",
"@odata.id": "https://outlook.office.com/api/beta/Users('ddfcd489-628b-40d7-b48b-57002df800e5@1717622f-1d94-4d0c-9d74-709fad664b77')/Events('AAMkAGI2TG93AAA=')",
"@odata.etag": "W/\"nfZyf7VcrEKLNoU37KWlkQAAA0x48w==\"",
"Id": "AAMkAGI2TG93AAA=",
"ChangeKey": "nfZyf7VcrEKLNoU37KWlkQAAA0x48w==",
"Categories": [],
"CreatedDateTime": "2014-10-19T23:13:47.3959685Z",
"LastModifiedDateTime": "2014-10-19T23:13:47.6772234Z",
"Subject": "Contoso Campaign Status Meeting",
"BodyPreview": "Setting up some time to review the budget and planning on the Contoso Project",
"Body": {
"ContentType": "HTML",
"Content": "<html>\r\n<head>\r\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">\r\n</head>\r\n<body>\r\nSetting up some time to review the budget and planning on the Contoso Project\r\n</body>\r\n</html>\r\n"
},
"Importance": "Normal",
"HasAttachments": false,
"Start": {
"DateTime": "2014-10-13T21:00:00",
"TimeZone": "Pacific Standard Time"
},
"End": {
"DateTime": "2014-10-13T22:00:00",
"TimeZone": "Pacific Standard Time"
},
"Location": {
"DisplayName": "Conf Room Bravern-2/9050",
"Address": null
},
"ShowAs": "Busy",
"IsAllDay": false,
"IsCancelled": false,
"IsOrganizer": true,
"ResponseRequested": true,
"Type": "SeriesMaster",
"SeriesMasterId": null,
"Attendees": [
{
"EmailAddress": {
"Address": "janets@a830edad9050849NDA1.onmicrosoft.com",
"Name": "Janet Schorr"
},
"Status": {
"Response": "None",
"Time": "0001-01-01T00:00:00Z"
},
"Type": "Required"
},
{
"EmailAddress": {
"Address": "pavelb@a830edad9050849NDA1.onmicrosoft.com",
"Name": "Pavel Bansky"
},
"Status": {
"Response": "None",
"Time": "0001-01-01T00:00:00Z"
},
"Type": "Required"
}
],
"Recurrence": {
"Pattern": {
"Type": "Weekly",
"Interval": 1,
"Month": 0,
"Index": "First",
"FirstDayOfWeek": "Sunday",
"DayOfMonth": 0,
"DaysOfWeek": [
"Monday"
]
},
"RecurrenceTimeZone": "Pacific Standard Time",
"Range": {
"Type": "NoEnd",
"StartDate": "2014-10-13",
"EndDate": "2014-11-13",
"NumberOfOccurrences": 0
}
},
"OriginalEndTimeZone": "Pacific Standard Time",
"OriginalStartTimeZone": "Pacific Standard Time",
"Organizer": {
"EmailAddress": {
"Address": "alexd@a830edad9050849NDA1.onmicrosoft.com",
"Name": "Alex D"
},
"OnlineMeetingUrl": null
}
}

429
samples/react-adaptive-card-host-control/src/samples/Agenda.template.json Normal file
View File

@ -0,0 +1,429 @@
{
"type": "AdaptiveCard",
"body": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/LocationGreen_A.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Redmond**",
"wrap": true
},
{
"type": "TextBlock",
"spacing": "None",
"text": "8a - 12:30p",
"wrap": true
}
],
"width": "auto"
}
]
}
],
"width": 1
},
{
"type": "Column",
"spacing": "Large",
"separator": true,
"items": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/LocationBlue_B.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Bellevue**",
"wrap": true
},
{
"type": "TextBlock",
"spacing": "None",
"text": "12:30p - 3p",
"wrap": true
}
],
"width": "auto"
}
]
}
],
"width": 1
},
{
"type": "Column",
"spacing": "Large",
"separator": true,
"items": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/LocationRed_C.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Seattle**",
"wrap": true
},
{
"type": "TextBlock",
"spacing": "None",
"text": "8p",
"wrap": true
}
],
"width": "auto"
}
]
}
],
"width": 1
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"horizontalAlignment": "Left",
"url": "https://messagecardplayground.azurewebsites.net/assets/Conflict.png"
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "None",
"items": [
{
"type": "TextBlock",
"text": "2:00 PM",
"wrap": true
}
],
"width": "stretch"
}
]
},
{
"type": "TextBlock",
"spacing": "None",
"text": "1hr",
"isSubtle": true,
"wrap": true
}
],
"width": "110px"
},
{
"type": "Column",
"backgroundImage": {
"url": "https://messagecardplayground.azurewebsites.net/assets/SmallVerticalLineGray.png",
"fillMode": "RepeatVertically",
"horizontalAlignment": "Center"
},
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "https://messagecardplayground.azurewebsites.net/assets/CircleGreen_coffee.png"
}
],
"width": "auto",
"spacing": "None"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**${Subject}**",
"wrap": true
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/location_gray.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "${Location.DisplayName}",
"wrap": true
}
],
"width": "stretch"
}
]
},
{
"type": "ImageSet",
"spacing": "Small",
"imageSize": "Small",
"images": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/person_w1.png",
"size": "Small"
},
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/person_m1.png",
"size": "Small"
},
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/person_w2.png",
"size": "Small"
}
]
},
{
"type": "ColumnSet",
"spacing": "Small",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/power_point.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Contoso Brand Guidelines** shared by **Susan Metters**",
"wrap": true
}
],
"width": "stretch"
}
]
}
],
"width": 40
}
]
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"width": "110px"
},
{
"type": "Column",
"backgroundImage": {
"url": "https://messagecardplayground.azurewebsites.net/assets/SmallVerticalLineGray.png",
"fillMode": "RepeatVertically",
"horizontalAlignment": "Center"
},
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "https://messagecardplayground.azurewebsites.net/assets/Gray_Dot.png"
}
],
"width": "auto",
"spacing": "None"
},
{
"type": "Column",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/car.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "about 45 minutes",
"isSubtle": true,
"wrap": true
}
],
"width": "stretch"
}
]
}
],
"width": 40
}
]
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"spacing": "None",
"text": "8:00 PM",
"wrap": true
},
{
"type": "TextBlock",
"spacing": "None",
"text": "1hr",
"isSubtle": true,
"wrap": true
}
],
"width": "110px"
},
{
"type": "Column",
"backgroundImage": {
"url": "https://messagecardplayground.azurewebsites.net/assets/SmallVerticalLineGray.png",
"fillMode": "RepeatVertically",
"horizontalAlignment": "Center"
},
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "https://messagecardplayground.azurewebsites.net/assets/CircleBlue_flight.png"
}
],
"width": "auto",
"spacing": "None"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Alaska Airlines AS1021 flight to Chicago**",
"wrap": true
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/location_gray.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Seattle Tacoma International Airport (17801 International Blvd, Seattle, WA, United States)",
"wrap": true
}
],
"width": "stretch"
}
]
},
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/SeaTacMap.png",
"size": "Stretch"
}
],
"width": 40
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0"
}

5
samples/react-adaptive-card-host-control/src/samples/ApplicationLogin.data.json Normal file
View File

@ -0,0 +1,5 @@
{
"ApplicationInfo": {
"title": "Application Login"
}
}

47
samples/react-adaptive-card-host-control/src/samples/ApplicationLogin.template.json Normal file
View File

@ -0,0 +1,47 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.5",
"body": [
{
"type": "TextBlock",
"size": "Medium",
"weight": "Bolder",
"text": " ${ApplicationInfo.title}",
"horizontalAlignment": "Center",
"wrap": true,
"style": "heading"
},
{
"type": "TextBlock",
"text": "Username",
"wrap": true
},
{
"type": "Input.Text",
"style": "text",
"id": "UserVal",
"isRequired": true
},
{
"type": "TextBlock",
"text": "Password",
"wrap": true
},
{
"type": "Input.Text",
"id": "PassVal",
"style": "password",
"isRequired": true
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Login",
"data": {
"id": "LoginVal"
}
}
]
}

54
samples/react-adaptive-card-host-control/src/samples/CalendarReminder.data.json Normal file
View File

@ -0,0 +1,54 @@
{
"kind": "calendar#event",
"etag": "\"3007572097704000\"",
"id": "_6sp3gdjcksmab9kc4rgq1aldjelm8chhcgp66phocg_20191105T150000Z",
"status": "confirmed",
"htmlLink": "https://www.google.com/calendar/event?eid=XzZzcDNnZGoxNjBxamdiYjRja3NtYWI5a2M0cmplYjlwNjhyM2diOXA2Z3FtOGNoaGNncDY2cGhvY2dfMjA2xO1UwMDAuZ0Bt",
"created": "2016-12-29T06:35:05.000Z",
"updated": "2018-04-24T14:04:50.184Z",
"summary": "Adaptive Card design session",
"location": "Conf Room 112/3377 (10)",
"creator": {
"email": "sundance@outlook.com",
"displayName": "John Doe",
"self": true
},
"organizer": {
"email": "sundance@outlook.com",
"displayName": "John Doe",
"self": true
},
"start": {
"dateTime": "2019-11-05T12:30:00-08:00",
"timeZone": "America/Los_Angeles"
},
"end": {
"dateTime": "2019-11-05T13:30:00-08:00",
"timeZone": "America/Los_Angeles"
},
"recurringEventId": "_6sp3gdj160qjgbb4cksmab9kc4rjeb9p68r3gb9p6gqm8chhcgp66phocg",
"originalStartTime": {
"dateTime": "12:30",
"timeZone": "America/Los_Angeles"
},
"visibility": "private",
"iCalUID": "7286a058-de9e-4a77-9268-945d21d2cf8d",
"sequence": 4,
"reminders": {
"useDefault": false,
"overrides": [
{
"method": "popup",
"minutes": "5"
},
{
"method": "popup",
"minutes": "15"
},
{
"method": "popup",
"minutes": "30"
}
]
}
}

62
samples/react-adaptive-card-host-control/src/samples/CalendarReminder.template.json Normal file
View File

@ -0,0 +1,62 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"speak": "<s>Your meeting about \"Adaptive Card design session\"<break strength='weak'/> is starting at ${formatDateTime(start.dateTime, 'HH:mm')}pm</s><s>Do you want to snooze <break strength='weak'/> or do you want to send a late notification to the attendees?</s>",
"body": [
{
"type": "TextBlock",
"text": "${summary}",
"size": "Large",
"weight": "Bolder",
"wrap": true,
"style": "heading"
},
{
"type": "TextBlock",
"text": " ${location} ",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "${formatDateTime(start.dateTime, 'HH:mm')} - ${formatDateTime(end.dateTime, 'hh:mm')}",
"isSubtle": true,
"spacing": "None",
"wrap": true
},
{
"type": "TextBlock",
"text": "Snooze for",
"wrap": true
},
{
"type": "Input.ChoiceSet",
"id": "snooze",
"value": "${reminders.overrides[0].minutes}",
"choices": [
{
"$data": "${reminders.overrides}",
"title": "${minutes} minutes",
"value": "${minutes}"
}
]
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Snooze",
"data": {
"x": "snooze"
}
},
{
"type": "Action.Submit",
"title": "I'll be late",
"data": {
"x": "late"
}
}
]
}

54
samples/react-adaptive-card-host-control/src/samples/CalendarReminderWithLabels.data.json Normal file
View File

@ -0,0 +1,54 @@
{
"kind": "calendar#event",
"etag": "\"3007572097704000\"",
"id": "_6sp3gdjcksmab9kc4rgq1aldjelm8chhcgp66phocg_20191105T150000Z",
"status": "confirmed",
"htmlLink": "https://www.google.com/calendar/event?eid=XzZzcDNnZGoxNjBxamdiYjRja3NtYWI5a2M0cmplYjlwNjhyM2diOXA2Z3FtOGNoaGNncDY2cGhvY2dfMjA2xO1UwMDAuZ0Bt",
"created": "2016-12-29T06:35:05.000Z",
"updated": "2018-04-24T14:04:50.184Z",
"summary": "Adaptive Card design session",
"location": "Conf Room 112/3377 (10)",
"creator": {
"email": "sundance@outlook.com",
"displayName": "John Doe",
"self": true
},
"organizer": {
"email": "sundance@outlook.com",
"displayName": "John Doe",
"self": true
},
"start": {
"dateTime": "2019-11-05T12:30:00-08:00",
"timeZone": "America/Los_Angeles"
},
"end": {
"dateTime": "2019-11-05T13:30:00-08:00",
"timeZone": "America/Los_Angeles"
},
"recurringEventId": "_6sp3gdj160qjgbb4cksmab9kc4rjeb9p68r3gb9p6gqm8chhcgp66phocg",
"originalStartTime": {
"dateTime": "12:30",
"timeZone": "America/Los_Angeles"
},
"visibility": "private",
"iCalUID": "7286a058-de9e-4a77-9268-945d21d2cf8d",
"sequence": 4,
"reminders": {
"useDefault": false,
"overrides": [
{
"method": "popup",
"minutes": "5"
},
{
"method": "popup",
"minutes": "15"
},
{
"method": "popup",
"minutes": "30"
}
]
}
}

55
samples/react-adaptive-card-host-control/src/samples/CalendarReminderWithLabels.template.json Normal file
View File

@ -0,0 +1,55 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"speak": "<s>Your meeting about \"Adaptive Card design session\"<break strength='weak'/> is starting at ${formatDateTime(start.dateTime, 'HH:mm')}pm</s><s>Do you want to snooze <break strength='weak'/> or do you want to send a late notification to the attendees?</s>",
"body": [
{
"type": "TextBlock",
"text": "${summary}",
"size": "Large",
"weight": "Bolder",
"style": "heading"
},
{
"type": "TextBlock",
"text": " ${location} ",
"isSubtle": true
},
{
"type": "TextBlock",
"text": "${formatDateTime(start.dateTime, 'HH:mm')} - ${formatDateTime(end.dateTime, 'hh:mm')}",
"isSubtle": true,
"spacing": "None"
},
{
"type": "Input.ChoiceSet",
"id": "snooze",
"label": "Snooze for",
"value": "${reminders.overrides[0].minutes}",
"choices": [
{
"$data": "${reminders.overrides}",
"title": "${minutes} minutes",
"value": "${minutes}"
}
]
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Snooze",
"data": {
"x": "snooze"
}
},
{
"type": "Action.Submit",
"title": "I'll be late",
"data": {
"x": "late"
}
}
]
}

291
samples/react-adaptive-card-host-control/src/samples/ExpenseReport.data.json Normal file
View File

@ -0,0 +1,291 @@
{
"code": "ER-13052",
"message": "success",
"created_by_name" : "Matt Hidinger",
"created_date" : "2019-07-15T18:33:12+0800",
"submitted_date": "2019-04-14T18:33:12+0800",
"creater_email" : "matt@contoso.com",
"status" : "Pending",
"status_url" : "https://adaptivecards.io/content/pending.png",
"approver": "Thomas",
"purpose" : "Trip to UAE",
"approval_date" : "2019-07-15T22:33:12+0800",
"approver" : "Thomas",
"approver_email" : "thomas@contoso.com",
"other_submitter" : "David",
"other_submitter_email" : "david@contoso.com",
"expenses": [
{
"expense_id": "16367000000083065",
"approver" : "Thomas",
"date": "2017-02-21",
"description": "Air Travel Expense",
"created_by": "636965431200000000",
"created_by_name": "PATRICIA",
"employee_number": "E001",
"currency_id": "16367000000000097",
"currency_code": "USD",
"paid_through_account_id": "16367000000036003",
"paid_through_account_name": "Employee Reimbursements",
"bcy_total": 13900.79,
"bcy_subtotal": 13900.79,
"total": 300,
"total_without_tax": 300,
"is_billable": true,
"is_reimbursable": true,
"reference_number": "DD145",
"due_days": "Due in 15 days",
"merchant_id": "16367000000074027",
"merchant_name": "ABS Solutions",
"status": "approved",
"created_time": "2019-06-19T18:33:12+0800",
"last_modified_time": "2017-02-21T18:42:46+0530",
"receipt_name": "receipt1.jpg",
"report_id": "16367000000083075",
"mileage_type": "non_mileage",
"report_name": "Purchase",
"is_receipt_only": false,
"distance": 0,
"per_diem_rate": 0,
"per_diem_days": 0,
"per_diem_id": "",
"per_diem_name": "",
"expense_type": "non_mileage",
"location": "Washington",
"receipt_type": "jpg",
"policy_violated": false,
"comments_count": 0,
"report_status": "submitted",
"price_precision": 2,
"mileage_rate": 0,
"mileage_unit": "km",
"receipt_status": "processed",
"is_uncategorized": false,
"is_expired": false,
"gl_code": "LG001",
"exchange_rate": 66.943366,
"start_reading": "",
"end_reading": "",
"payment_mode": "Check",
"customer_id": "27927000000075081",
"customer_name": "ACME Corp.",
"custom_fields": [
{
"customfield_id": "16367000000277001",
"label": "Other Name",
"value": "Leg 1 on Tue, Jun 19th, 2019 at 6:00 AM."
},
{
"customfield_id": "16367000000277001",
"label": "Other Name",
"value": "Leg 2 on Tue, Jun 19th, 2019 at 7:15 PM."
}
],
"project_id": "27927000001243001",
"project_name": "Coffee Research",
"transaction_description": "",
"tax_id": "16367000000086001",
"tax_name": "Sales Tax",
"tax_percentage": 2,
"amount": 207.65,
"is_inclusive_tax": false,
"vehicle_type": "Bike",
"vehicle_id": "17456000000078029",
"fuel_type": "lpg",
"engine_capacity_range": "between_1401cc_and_1600cc",
"is_personal": false,
"policy_id": "16367000000092011",
"policy_name": "LIC",
"documents": [
{
"file_name": "receipt1.jpg",
"file_size_formatted": "71.8 KB",
"attachment_order": 1,
"document_id": "16367000000083071"
}
],
"reimbursement_reference": "",
"reimbursement_date": "",
"reimbursement_paid_through_account_id": "",
"reimbursement_paid_through_account_name": "",
"reimbursement_currency_id": "",
"reimbursement_currency_code": ""
},
{
"expense_id": "16367000000083065",
"date": "2019-06-19",
"description": "Auto Mobile Expense",
"created_by": "636965431200000000",
"created_by_name": "PATRICIA",
"employee_number": "E001",
"currency_id": "16367000000000097",
"currency_code": "USD",
"paid_through_account_id": "16367000000036003",
"paid_through_account_name": "Employee Reimbursements",
"bcy_total": 13900.79,
"bcy_subtotal": 13900.79,
"total": 100,
"total_without_tax": 100,
"is_billable": true,
"is_reimbursable": true,
"reference_number": "DD145",
"due_days": "Due in 15 days",
"merchant_id": "16367000000074027",
"merchant_name": "ABS Solutions",
"status": "submitted",
"created_time": "2019-06-19T18:33:12+0800",
"last_modified_time": "2017-02-21T18:42:46+0530",
"receipt_name": "receipt1.jpg",
"report_id": "16367000000083075",
"mileage_type": "non_mileage",
"report_name": "Purchase",
"is_receipt_only": false,
"distance": 0,
"per_diem_rate": 0,
"per_diem_days": 0,
"per_diem_id": "",
"per_diem_name": "",
"expense_type": "non_mileage",
"location": "Washington",
"receipt_type": "jpg",
"policy_violated": false,
"comments_count": 0,
"report_status": "submitted",
"price_precision": 2,
"mileage_rate": 0,
"mileage_unit": "km",
"receipt_status": "processed",
"is_uncategorized": false,
"is_expired": false,
"gl_code": "LG001",
"exchange_rate": 66.943366,
"start_reading": "",
"end_reading": "",
"payment_mode": "Check",
"customer_id": "27927000000075081",
"customer_name": "ACME Corp.",
"custom_fields": [
{
"customfield_id": "16367000000277001",
"label": "Other Name",
"value": " Contoso Car Rentrals, Tues 6/19 at 7:00 AM"
}
],
"project_id": "27927000001243001",
"project_name": "Coffee Research",
"transaction_description": "",
"tax_id": "16367000000086001",
"tax_name": "Sales Tax",
"tax_percentage": 2,
"amount": 207.65,
"is_inclusive_tax": false,
"vehicle_type": "Bike",
"vehicle_id": "17456000000078029",
"fuel_type": "lpg",
"engine_capacity_range": "between_1401cc_and_1600cc",
"is_personal": false,
"policy_id": "16367000000092011",
"policy_name": "LIC",
"documents": [
{
"file_name": "receipt1.jpg",
"file_size_formatted": "71.8 KB",
"attachment_order": 1,
"document_id": "16367000000083071"
}
],
"reimbursement_reference": "",
"reimbursement_date": "",
"reimbursement_paid_through_account_id": "",
"reimbursement_paid_through_account_name": "",
"reimbursement_currency_id": "",
"reimbursement_currency_code": ""
},
{
"expense_id": "16367000000083065",
"date": "2019-06-21",
"description": "Excess Baggage Cost",
"created_by": "636967159200000000",
"created_by_name": "PATRICIA",
"employee_number": "E001",
"currency_id": "16367000000000097",
"currency_code": "USD",
"paid_through_account_id": "16367000000036003",
"paid_through_account_name": "Employee Reimbursements",
"bcy_total": 13900.79,
"bcy_subtotal": 13900.79,
"total": 50.38,
"total_without_tax": 4.3,
"is_billable": true,
"is_reimbursable": false,
"reference_number": "DD145",
"due_days": "Due in 15 days",
"merchant_id": "16367000000074027",
"merchant_name": "ABS Solutions",
"status": "submitted",
"created_time": "2019-06-21T18:33:12+0800",
"last_modified_time": "2017-02-21T18:42:46+0530",
"receipt_name": "receipt1.jpg",
"report_id": "16367000000083075",
"mileage_type": "non_mileage",
"report_name": "Purchase",
"is_receipt_only": false,
"distance": 0,
"per_diem_rate": 0,
"per_diem_days": 0,
"per_diem_id": "",
"per_diem_name": "",
"expense_type": "non_mileage",
"location": "Washington",
"receipt_type": "jpg",
"policy_violated": false,
"comments_count": 0,
"report_status": "submitted",
"price_precision": 2,
"mileage_rate": 0,
"mileage_unit": "km",
"receipt_status": "processed",
"is_uncategorized": false,
"is_expired": false,
"gl_code": "LG001",
"exchange_rate": 66.943366,
"start_reading": "",
"end_reading": "",
"payment_mode": "Check",
"customer_id": "27927000000075081",
"customer_name": "ACME Corp.",
"custom_fields": [
],
"project_id": "27927000001243001",
"project_name": "Coffee Research",
"transaction_description": "",
"tax_id": "16367000000086001",
"tax_name": "Sales Tax",
"tax_percentage": 2,
"amount": 207.65,
"is_inclusive_tax": false,
"vehicle_type": "Bike",
"vehicle_id": "17456000000078029",
"fuel_type": "lpg",
"engine_capacity_range": "between_1401cc_and_1600cc",
"is_personal": false,
"policy_id": "16367000000092011",
"policy_name": "LIC",
"documents": [
{
"file_name": "receipt1.jpg",
"file_size_formatted": "71.8 KB",
"attachment_order": 1,
"document_id": "16367000000083071"
}
],
"reimbursement_reference": "",
"reimbursement_date": "",
"reimbursement_paid_through_account_id": "",
"reimbursement_paid_through_account_name": "",
"reimbursement_currency_id": "",
"reimbursement_currency_code": ""
}
]
}

511
samples/react-adaptive-card-host-control/src/samples/ExpenseReport.template.json Normal file
View File

@ -0,0 +1,511 @@
{
"type": "AdaptiveCard",
"body": [
{
"type": "Container",
"style": "emphasis",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "Large",
"weight": "Bolder",
"text": "**EXPENSE APPROVAL**",
"wrap": true,
"style": "heading"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "${status_url}",
"altText": "${status}",
"height": "30px"
}
],
"width": "auto"
}
]
}
],
"bleed": true
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "ExtraLarge",
"text": "${purpose}",
"wrap": true,
"style": "heading"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.OpenUrl",
"title": "EXPORT AS PDF",
"url": "https://adaptivecards.io"
}
]
}
],
"width": "auto"
}
]
},
{
"type": "TextBlock",
"spacing": "Small",
"size": "Small",
"weight": "Bolder",
"text": "[${code}](https://adaptivecards.io)",
"wrap": true
},
{
"type": "FactSet",
"spacing": "Large",
"facts": [
{
"title": "Submitted By",
"value": "**${created_by_name}** ${creater_email}"
},
{
"title": "Duration",
"value": "${formatTicks(min(select(expenses, x, int(x.created_by))), 'yyyy-MM-dd')} - ${formatTicks(max(select(expenses, x, int(x.created_by))), 'yyyy-MM-dd')}"
},
{
"title": "Submitted On",
"value": "${formatDateTime(submitted_date, 'yyyy-MM-dd')}"
},
{
"title": "Reimbursable Amount",
"value": "$${formatNumber(sum(select(expenses, x, if(x.is_reimbursable, x.total, 0))), 2)}"
},
{
"title": "Awaiting approval from",
"value": "**${approver}** ${approver_email}"
},
{
"title": "Submitted to",
"value": "**${other_submitter}** ${other_submitter_email}"
}
]
}
]
},
{
"type": "Container",
"spacing": "Large",
"style": "emphasis",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "Bolder",
"text": "DATE",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "Large",
"items": [
{
"type": "TextBlock",
"weight": "Bolder",
"text": "CATEGORY",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "Bolder",
"text": "AMOUNT",
"wrap": true
}
],
"width": "auto"
}
]
}
],
"bleed": true
},
{
"$data": "${expenses}",
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "${formatDateTime(created_time, 'MM-dd')}",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "Medium",
"items": [
{
"type": "TextBlock",
"text": "${description}",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$${formatNumber(total, 2)}",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "Small",
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
"cardContent${$index}",
"chevronDown${$index}",
"chevronUp${$index}"
]
},
"verticalContentAlignment": "Center",
"items": [
{
"type": "Image",
"id": "chevronDown${$index}",
"url": "https://adaptivecards.io/content/down.png",
"width": "20px",
"altText": "${description} $${total} collapsed"
},
{
"type": "Image",
"id": "chevronUp${$index}",
"url": "https://adaptivecards.io/content/up.png",
"width": "20px",
"altText": "${description} $${total} expanded",
"isVisible": false
}
],
"width": "auto"
}
]
},
{
"type": "Container",
"id": "cardContent${$index}",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"$data": "${custom_fields}",
"type": "TextBlock",
"text": "* ${value}",
"isSubtle": true,
"wrap": true
},
{
"type": "Container",
"items": [
{
"type": "Input.Text",
"id": "comment${$index}",
"placeholder": "Add your comment here."
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "comment",
"lineItem": 1
}
}
]
}
],
"width": "auto"
}
]
}
]
}
]
}
]
},
{
"type": "ColumnSet",
"spacing": "Large",
"separator": true,
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "Right",
"text": "Total Expense Amount \t",
"wrap": true
},
{
"type": "TextBlock",
"horizontalAlignment": "Right",
"text": "Non-reimbursable Amount",
"wrap": true
},
{
"type": "TextBlock",
"horizontalAlignment": "Right",
"text": "Advance Amount",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$${formatNumber(sum(select(expenses, x, x.total)), 2)}",
"wrap": true
},
{
"type": "TextBlock",
"text": "(-) $${formatNumber(sum(select(expenses, x, if(x.is_reimbursable, 0, x.total))), 2)} \t",
"wrap": true
},
{
"type": "TextBlock",
"text": "(-) 0.00 \t",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"width": "auto"
}
]
},
{
"type": "Container",
"style": "emphasis",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "Right",
"text": "Amount to be Reimbursed",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "Bolder",
"text": "$${formatNumber(sum(select(expenses, x, if(x.is_reimbursable, x.total, 0))), 2)}",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"width": "auto"
}
]
}
],
"bleed": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
"cardContent4",
"showHistory",
"hideHistory"
]
},
"verticalContentAlignment": "Center",
"items": [
{
"type": "TextBlock",
"id": "showHistory",
"horizontalAlignment": "Right",
"color": "Accent",
"text": "Show history",
"wrap": true
},
{
"type": "TextBlock",
"id": "hideHistory",
"horizontalAlignment": "Right",
"color": "Accent",
"text": "Hide history",
"wrap": true,
"isVisible": false
}
],
"width": 1
}
]
},
{
"type": "Container",
"id": "cardContent4",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "* Expense submitted by **${created_by_name}** on {{DATE(${formatDateTime(created_date, 'yyyy-MM-ddTHH:mm:ssZ')}, SHORT)}}",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "* Expense ${expenses[0].status} by **${expenses[0].approver}** on {{DATE(${formatDateTime(approval_date, 'yyyy-MM-ddTHH:mm:ssZ')}, SHORT)}}",
"isSubtle": true,
"wrap": true
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Approve",
"style": "positive",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "approve"
}
},
{
"type": "Action.ShowCard",
"title": "Reject",
"style": "destructive",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "Input.Text",
"id": "RejectCommentID",
"placeholder": "Please specify an appropriate reason for rejection.",
"isMultiline": true
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "reject"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
}
]
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.2",
"fallbackText": "This card requires Adaptive Cards v1.2 support to be rendered properly."
}

291
samples/react-adaptive-card-host-control/src/samples/ExpenseReportWithLabels.data.json Normal file
View File

@ -0,0 +1,291 @@
{
"code": "ER-13052",
"message": "success",
"created_by_name" : "Matt Hidinger",
"created_date" : "2019-07-15T18:33:12+0800",
"submitted_date": "2019-04-14T18:33:12+0800",
"creater_email" : "matt@contoso.com",
"status" : "Pending",
"status_url" : "https://adaptivecards.io/content/pending.png",
"approver": "Thomas",
"purpose" : "Trip to UAE",
"approval_date" : "2019-07-15T22:33:12+0800",
"approver" : "Thomas",
"approver_email" : "thomas@contoso.com",
"other_submitter" : "David",
"other_submitter_email" : "david@contoso.com",
"expenses": [
{
"expense_id": "16367000000083065",
"approver" : "Thomas",
"date": "2017-02-21",
"description": "Air Travel Expense",
"created_by": "636965431200000000",
"created_by_name": "PATRICIA",
"employee_number": "E001",
"currency_id": "16367000000000097",
"currency_code": "USD",
"paid_through_account_id": "16367000000036003",
"paid_through_account_name": "Employee Reimbursements",
"bcy_total": 13900.79,
"bcy_subtotal": 13900.79,
"total": 300,
"total_without_tax": 300,
"is_billable": true,
"is_reimbursable": true,
"reference_number": "DD145",
"due_days": "Due in 15 days",
"merchant_id": "16367000000074027",
"merchant_name": "ABS Solutions",
"status": "approved",
"created_time": "2019-06-19T18:33:12+0800",
"last_modified_time": "2017-02-21T18:42:46+0530",
"receipt_name": "receipt1.jpg",
"report_id": "16367000000083075",
"mileage_type": "non_mileage",
"report_name": "Purchase",
"is_receipt_only": false,
"distance": 0,
"per_diem_rate": 0,
"per_diem_days": 0,
"per_diem_id": "",
"per_diem_name": "",
"expense_type": "non_mileage",
"location": "Washington",
"receipt_type": "jpg",
"policy_violated": false,
"comments_count": 0,
"report_status": "submitted",
"price_precision": 2,
"mileage_rate": 0,
"mileage_unit": "km",
"receipt_status": "processed",
"is_uncategorized": false,
"is_expired": false,
"gl_code": "LG001",
"exchange_rate": 66.943366,
"start_reading": "",
"end_reading": "",
"payment_mode": "Check",
"customer_id": "27927000000075081",
"customer_name": "ACME Corp.",
"custom_fields": [
{
"customfield_id": "16367000000277001",
"label": "Other Name",
"value": "Leg 1 on Tue, Jun 19th, 2019 at 6:00 AM."
},
{
"customfield_id": "16367000000277001",
"label": "Other Name",
"value": "Leg 2 on Tue, Jun 19th, 2019 at 7:15 PM."
}
],
"project_id": "27927000001243001",
"project_name": "Coffee Research",
"transaction_description": "",
"tax_id": "16367000000086001",
"tax_name": "Sales Tax",
"tax_percentage": 2,
"amount": 207.65,
"is_inclusive_tax": false,
"vehicle_type": "Bike",
"vehicle_id": "17456000000078029",
"fuel_type": "lpg",
"engine_capacity_range": "between_1401cc_and_1600cc",
"is_personal": false,
"policy_id": "16367000000092011",
"policy_name": "LIC",
"documents": [
{
"file_name": "receipt1.jpg",
"file_size_formatted": "71.8 KB",
"attachment_order": 1,
"document_id": "16367000000083071"
}
],
"reimbursement_reference": "",
"reimbursement_date": "",
"reimbursement_paid_through_account_id": "",
"reimbursement_paid_through_account_name": "",
"reimbursement_currency_id": "",
"reimbursement_currency_code": ""
},
{
"expense_id": "16367000000083065",
"date": "2019-06-19",
"description": "Auto Mobile Expense",
"created_by": "636965431200000000",
"created_by_name": "PATRICIA",
"employee_number": "E001",
"currency_id": "16367000000000097",
"currency_code": "USD",
"paid_through_account_id": "16367000000036003",
"paid_through_account_name": "Employee Reimbursements",
"bcy_total": 13900.79,
"bcy_subtotal": 13900.79,
"total": 100,
"total_without_tax": 100,
"is_billable": true,
"is_reimbursable": true,
"reference_number": "DD145",
"due_days": "Due in 15 days",
"merchant_id": "16367000000074027",
"merchant_name": "ABS Solutions",
"status": "submitted",
"created_time": "2019-06-19T18:33:12+0800",
"last_modified_time": "2017-02-21T18:42:46+0530",
"receipt_name": "receipt1.jpg",
"report_id": "16367000000083075",
"mileage_type": "non_mileage",
"report_name": "Purchase",
"is_receipt_only": false,
"distance": 0,
"per_diem_rate": 0,
"per_diem_days": 0,
"per_diem_id": "",
"per_diem_name": "",
"expense_type": "non_mileage",
"location": "Washington",
"receipt_type": "jpg",
"policy_violated": false,
"comments_count": 0,
"report_status": "submitted",
"price_precision": 2,
"mileage_rate": 0,
"mileage_unit": "km",
"receipt_status": "processed",
"is_uncategorized": false,
"is_expired": false,
"gl_code": "LG001",
"exchange_rate": 66.943366,
"start_reading": "",
"end_reading": "",
"payment_mode": "Check",
"customer_id": "27927000000075081",
"customer_name": "ACME Corp.",
"custom_fields": [
{
"customfield_id": "16367000000277001",
"label": "Other Name",
"value": " Contoso Car Rentrals, Tues 6/19 at 7:00 AM"
}
],
"project_id": "27927000001243001",
"project_name": "Coffee Research",
"transaction_description": "",
"tax_id": "16367000000086001",
"tax_name": "Sales Tax",
"tax_percentage": 2,
"amount": 207.65,
"is_inclusive_tax": false,
"vehicle_type": "Bike",
"vehicle_id": "17456000000078029",
"fuel_type": "lpg",
"engine_capacity_range": "between_1401cc_and_1600cc",
"is_personal": false,
"policy_id": "16367000000092011",
"policy_name": "LIC",
"documents": [
{
"file_name": "receipt1.jpg",
"file_size_formatted": "71.8 KB",
"attachment_order": 1,
"document_id": "16367000000083071"
}
],
"reimbursement_reference": "",
"reimbursement_date": "",
"reimbursement_paid_through_account_id": "",
"reimbursement_paid_through_account_name": "",
"reimbursement_currency_id": "",
"reimbursement_currency_code": ""
},
{
"expense_id": "16367000000083065",
"date": "2019-06-21",
"description": "Excess Baggage Cost",
"created_by": "636967159200000000",
"created_by_name": "PATRICIA",
"employee_number": "E001",
"currency_id": "16367000000000097",
"currency_code": "USD",
"paid_through_account_id": "16367000000036003",
"paid_through_account_name": "Employee Reimbursements",
"bcy_total": 13900.79,
"bcy_subtotal": 13900.79,
"total": 50.38,
"total_without_tax": 4.3,
"is_billable": true,
"is_reimbursable": false,
"reference_number": "DD145",
"due_days": "Due in 15 days",
"merchant_id": "16367000000074027",
"merchant_name": "ABS Solutions",
"status": "submitted",
"created_time": "2019-06-21T18:33:12+0800",
"last_modified_time": "2017-02-21T18:42:46+0530",
"receipt_name": "receipt1.jpg",
"report_id": "16367000000083075",
"mileage_type": "non_mileage",
"report_name": "Purchase",
"is_receipt_only": false,
"distance": 0,
"per_diem_rate": 0,
"per_diem_days": 0,
"per_diem_id": "",
"per_diem_name": "",
"expense_type": "non_mileage",
"location": "Washington",
"receipt_type": "jpg",
"policy_violated": false,
"comments_count": 0,
"report_status": "submitted",
"price_precision": 2,
"mileage_rate": 0,
"mileage_unit": "km",
"receipt_status": "processed",
"is_uncategorized": false,
"is_expired": false,
"gl_code": "LG001",
"exchange_rate": 66.943366,
"start_reading": "",
"end_reading": "",
"payment_mode": "Check",
"customer_id": "27927000000075081",
"customer_name": "ACME Corp.",
"custom_fields": [
],
"project_id": "27927000001243001",
"project_name": "Coffee Research",
"transaction_description": "",
"tax_id": "16367000000086001",
"tax_name": "Sales Tax",
"tax_percentage": 2,
"amount": 207.65,
"is_inclusive_tax": false,
"vehicle_type": "Bike",
"vehicle_id": "17456000000078029",
"fuel_type": "lpg",
"engine_capacity_range": "between_1401cc_and_1600cc",
"is_personal": false,
"policy_id": "16367000000092011",
"policy_name": "LIC",
"documents": [
{
"file_name": "receipt1.jpg",
"file_size_formatted": "71.8 KB",
"attachment_order": 1,
"document_id": "16367000000083071"
}
],
"reimbursement_reference": "",
"reimbursement_date": "",
"reimbursement_paid_through_account_id": "",
"reimbursement_paid_through_account_name": "",
"reimbursement_currency_id": "",
"reimbursement_currency_code": ""
}
]
}

505
samples/react-adaptive-card-host-control/src/samples/ExpenseReportWithLabels.template.json Normal file
View File

@ -0,0 +1,505 @@
{
"type": "AdaptiveCard",
"body": [
{
"type": "Container",
"style": "emphasis",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "large",
"weight": "bolder",
"text": "**EXPENSE APPROVAL**",
"style": "heading"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "${status_url}",
"altText": "${status}",
"height": "30px"
}
],
"width": "auto"
}
]
}
],
"bleed": true
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "ExtraLarge",
"text": "${purpose}",
"wrap": true,
"style": "heading"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.OpenUrl",
"title": "EXPORT AS PDF",
"url": "https://adaptivecards.io"
}
]
}
],
"width": "auto"
}
]
},
{
"type": "TextBlock",
"spacing": "small",
"size": "small",
"weight": "bolder",
"text": "[${code}](https://adaptivecards.io)"
},
{
"type": "FactSet",
"spacing": "large",
"facts": [
{
"title": "Submitted By",
"value": "**${created_by_name}** ${creater_email}"
},
{
"title": "Duration",
"value": "${formatTicks(min(select(expenses, x, int(x.created_by))), 'yyyy-MM-dd')} - ${formatTicks(max(select(expenses, x, int(x.created_by))), 'yyyy-MM-dd')}"
},
{
"title": "Submitted On",
"value": "${formatDateTime(submitted_date, 'yyyy-MM-dd')}"
},
{
"title": "Reimbursable Amount",
"value": "$${formatNumber(sum(select(expenses, x, if(x.is_reimbursable, x.total, 0))), 2)}"
},
{
"title": "Awaiting approval from",
"value": "**${approver}** ${approver_email}"
},
{
"title": "Submitted to",
"value": "**${other_submitter}** ${other_submitter_email}"
}
]
}
]
},
{
"type": "Container",
"spacing": "large",
"style": "emphasis",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "DATE"
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "large",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "CATEGORY"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "AMOUNT"
}
],
"width": "auto"
}
]
}
],
"bleed": true
},
{
"$data": "${expenses}",
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "${formatDateTime(created_time, 'MM-dd')}",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "medium",
"items": [
{
"type": "TextBlock",
"text": "${description}",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$${formatNumber(total, 2)}",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "expand",
"targetElements": [
"cardContent${$index}",
"chevronDown${$index}",
"chevronUp${$index}"
]
},
"verticalContentAlignment": "center",
"items": [
{
"type": "Image",
"id": "chevronDown${$index}",
"url": "https://adaptivecards.io/content/down.png",
"width": "20px",
"altText": "Details collapsed"
},
{
"type": "Image",
"id": "chevronUp${$index}",
"url": "https://adaptivecards.io/content/up.png",
"width": "20px",
"altText": "Details expanded",
"isVisible": false
}
],
"width": "auto"
}
]
},
{
"type": "Container",
"id": "cardContent${$index}",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"$data": "${custom_fields}",
"type": "TextBlock",
"text": "* ${value}",
"isSubtle": true,
"wrap": true
},
{
"type": "Container",
"items": [
{
"type": "Input.Text",
"id": "comment${$index}",
"label": "Add your comment here"
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "comment",
"lineItem": 1
}
}
]
}
],
"width": "auto"
}
]
}
]
}
]
}
]
},
{
"type": "ColumnSet",
"spacing": "large",
"separator": true,
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "right",
"text": "Total Expense Amount \t",
"wrap": true
},
{
"type": "TextBlock",
"horizontalAlignment": "right",
"text": "Non-reimbursable Amount",
"wrap": true
},
{
"type": "TextBlock",
"horizontalAlignment": "right",
"text": "Advance Amount",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$${formatNumber(sum(select(expenses, x, x.total)), 2)}"
},
{
"type": "TextBlock",
"text": "(-) $${formatNumber(sum(select(expenses, x, if(x.is_reimbursable, 0, x.total))), 2)} \t"
},
{
"type": "TextBlock",
"text": "(-) 0.00 \t"
}
],
"width": "auto"
},
{
"type": "Column",
"width": "auto"
}
]
},
{
"type": "Container",
"style": "emphasis",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "right",
"text": "Amount to be Reimbursed",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "$${formatNumber(sum(select(expenses, x, if(x.is_reimbursable, x.total, 0))), 2)}"
}
],
"width": "auto"
},
{
"type": "Column",
"width": "auto"
}
]
}
],
"bleed": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
"cardContent4",
"showHistory",
"hideHistory"
]
},
"verticalContentAlignment": "Center",
"items": [
{
"type": "TextBlock",
"id": "showHistory",
"horizontalAlignment": "right",
"color": "accent",
"text": "Show history",
"wrap": true
},
{
"type": "TextBlock",
"id": "hideHistory",
"horizontalAlignment": "right",
"color": "accent",
"text": "Hide history",
"wrap": true,
"isVisible": false
}
],
"width": 1
}
]
},
{
"type": "Container",
"id": "cardContent4",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "* Expense submitted by **${created_by_name}** on {{DATE(${formatDateTime(created_date, 'yyyy-MM-ddTHH:mm:ssZ')}, SHORT)}}",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "* Expense ${expenses[0].status} by **${expenses[0].approver}** on {{DATE(${formatDateTime(approval_date, 'yyyy-MM-ddTHH:mm:ssZ')}, SHORT)}}",
"isSubtle": true,
"wrap": true
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Approve",
"style": "positive",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "approve"
}
},
{
"type": "Action.ShowCard",
"title": "Reject",
"style": "destructive",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "Input.Text",
"id": "RejectCommentID",
"label": "Please specify an appropriate reason for rejection",
"isMultiline": true,
"isRequired": true,
"errorMessage": "A reason for rejection is necessary"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "reject"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
}
]
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.2",
"fallbackText": "This card requires Adaptive Cards v1.2 support to be rendered properly."
}

566
samples/react-adaptive-card-host-control/src/samples/ExpenseReportWithStyles.template.json Normal file
View File

@ -0,0 +1,566 @@
{
"type": "AdaptiveCard",
"body": [
{
"type": "Container",
"style": "emphasis",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "Large",
"weight": "Bolder",
"text": "**EXPENSE APPROVAL**",
"wrap": true,
"style": "heading"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "${status_url}",
"altText": "${status}",
"height": "30px"
}
],
"width": "auto"
}
]
}
],
"bleed": true
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "ExtraLarge",
"text": "${purpose}",
"wrap": true,
"style": "heading"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.OpenUrl",
"title": "EXPORT AS PDF",
"url": "https://adaptivecards.io"
}
]
}
],
"width": "auto"
}
]
},
{
"type": "TextBlock",
"spacing": "Small",
"size": "Small",
"weight": "Bolder",
"text": "[${code}](https://adaptivecards.io)",
"wrap": true
},
{
"type": "FactSet",
"spacing": "Large",
"facts": [
{
"title": "Submitted By",
"value": "**${created_by_name}** ${creater_email}"
},
{
"title": "Duration",
"value": "${formatTicks(min(select(expenses, x, int(x.created_by))), 'yyyy-MM-dd')} - ${formatTicks(max(select(expenses, x, int(x.created_by))), 'yyyy-MM-dd')}"
},
{
"title": "Submitted On",
"value": "${formatDateTime(submitted_date, 'yyyy-MM-dd')}"
},
{
"title": "Reimbursable Amount",
"value": "$${formatNumber(sum(select(expenses, x, if(x.is_reimbursable, x.total, 0))), 2)}"
},
{
"title": "Awaiting approval from",
"value": "**${approver}** ${approver_email}"
},
{
"title": "Submitted to",
"value": "**${other_submitter}** ${other_submitter_email}"
}
]
}
]
},
{
"type": "Container",
"spacing": "Large",
"style": "emphasis",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "Bolder",
"text": "DATE",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "Large",
"items": [
{
"type": "TextBlock",
"weight": "Bolder",
"text": "CATEGORY",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "Bolder",
"text": "AMOUNT",
"wrap": true
}
],
"width": "auto"
}
]
}
],
"bleed": true
},
{
"$data": "${expenses}",
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "${formatDateTime(created_time, 'MM-dd')}",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "Medium",
"items": [
{
"type": "TextBlock",
"text": "${description}",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$${formatNumber(total, 2)}",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "Small",
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
"cardContent${$index}",
"chevronDown${$index}",
"chevronUp${$index}"
]
},
"verticalContentAlignment": "Center",
"items": [
{
"type": "Image",
"id": "chevronDown${$index}",
"url": "https://adaptivecards.io/content/down.png",
"width": "20px",
"altText": "${description} $${total} collapsed"
},
{
"type": "Image",
"id": "chevronUp${$index}",
"url": "https://adaptivecards.io/content/up.png",
"width": "20px",
"altText": "${description} $${total} expanded",
"isVisible": false
}
],
"width": "auto"
}
]
},
{
"type": "Container",
"id": "cardContent${$index}",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"$data": "${custom_fields}",
"type": "TextBlock",
"text": "* ${value}",
"isSubtle": true,
"wrap": true
},
{
"type": "Container",
"items": [
{
"type": "Input.Text",
"id": "comment${$index}",
"placeholder": "Add your comment here."
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "comment",
"lineItem": 1
}
}
]
}
],
"width": "auto"
}
]
}
]
}
]
}
]
},
{
"type": "ColumnSet",
"spacing": "Large",
"separator": true,
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "Right",
"text": "Total Expense Amount \t",
"wrap": true
},
{
"type": "TextBlock",
"horizontalAlignment": "Right",
"text": "Non-reimbursable Amount",
"wrap": true
},
{
"type": "TextBlock",
"horizontalAlignment": "Right",
"text": "Advance Amount",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$${formatNumber(sum(select(expenses, x, x.total)), 2)}",
"wrap": true
},
{
"type": "TextBlock",
"text": "(-) $${formatNumber(sum(select(expenses, x, if(x.is_reimbursable, 0, x.total))), 2)} \t",
"wrap": true
},
{
"type": "TextBlock",
"text": "(-) 0.00 \t",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"width": "auto"
}
]
},
{
"type": "Container",
"style": "emphasis",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "Right",
"text": "Amount to be Reimbursed",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "Bolder",
"text": "$${formatNumber(sum(select(expenses, x, if(x.is_reimbursable, x.total, 0))), 2)}",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"width": "auto"
}
]
}
],
"bleed": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
"cardContent4",
"showHistory",
"hideHistory"
]
},
"verticalContentAlignment": "Center",
"items": [
{
"type": "TextBlock",
"id": "showHistory",
"horizontalAlignment": "Right",
"color": "Accent",
"text": "Show history",
"wrap": true
},
{
"type": "TextBlock",
"id": "hideHistory",
"horizontalAlignment": "Right",
"color": "Accent",
"text": "Hide history",
"wrap": true,
"isVisible": false
}
],
"width": 1
}
]
},
{
"type": "Container",
"id": "cardContent4",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "* Expense submitted by **${created_by_name}** on {{DATE(${formatDateTime(created_date, 'yyyy-MM-ddTHH:mm:ssZ')}, SHORT)}}",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "* Expense ${expenses[0].status} by **${expenses[0].approver}** on {{DATE(${formatDateTime(approval_date, 'yyyy-MM-ddTHH:mm:ssZ')}, SHORT)}}",
"isSubtle": true,
"wrap": true
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Approve",
"style": "positive",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "approve"
}
},
{
"type": "Action.ShowCard",
"title": "Reject",
"style": "destructive",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "Input.Text",
"id": "RejectCommentID",
"placeholder": "Please specify an appropriate reason for rejection.",
"isMultiline": true
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "reject"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
}
]
},
{
"type": "Container",
"style": "emphasis",
"items": [
{
"type": "TextBlock",
"text": "New TextBlock",
"wrap": true
}
]
},
{
"type": "Container",
"style": "accent",
"items": [
{
"type": "TextBlock",
"text": "New TextBlock",
"wrap": true
}
]
},
{
"type": "Container",
"style": "good",
"items": [
{
"type": "TextBlock",
"text": "New TextBlock",
"wrap": true
}
]
},
{
"type": "Container",
"style": "attention",
"items": [
{
"type": "TextBlock",
"text": "New TextBlock",
"wrap": true
}
]
}
]
},
{
"type": "Container",
"style": "warning",
"items": [
{
"type": "TextBlock",
"text": "New TextBlock",
"wrap": true
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.5",
"fallbackText": "This card requires Adaptive Cards v1.2 support to be rendered properly."
}

42
samples/react-adaptive-card-host-control/src/samples/FlightDetails.data.json Normal file
View File

@ -0,0 +1,42 @@
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationId": "RXJ34P",
"reservationStatus": "http://schema.org/ReservationConfirmed",
"passengerPriorityStatus": "Fast Track",
"passengerSequenceNumber": "ABC123",
"securityScreening": "TSA PreCheck",
"underName": {
"@type": "Person",
"name": "Eva Green"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "UA110",
"provider": {
"@type": "Airline",
"name": "Continental",
"iataCode": "CO",
"boardingPolicy": "http://schema.org/ZoneBoardingPolicy"
},
"seller": {
"@type": "Airline",
"name": "United",
"iataCode": "UA"
},
"departureAirport": {
"@type": "Airport",
"name": "San Francisco Airport",
"city": "San Francisco",
"iataCode": "SFO"
},
"departureTime": "2017-03-04T20:15:00-08:00",
"arrivalAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"city": "New York",
"iataCode": "JFK"
},
"arrivalTime": "2017-03-05T06:30:00-05:00"
}
}

218
samples/react-adaptive-card-host-control/src/samples/FlightDetails.template.json Normal file
View File

@ -0,0 +1,218 @@
{
"type": "AdaptiveCard",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Container",
"backgroundImage": "https://messagecardplayground.azurewebsites.net/assets/TxP_Background.png",
"items": [
{
"type": "Image",
"horizontalAlignment": "center",
"url": "https://messagecardplayground.azurewebsites.net/assets/TxP_Flight.png",
"altText": "Departing airplane"
}
],
"bleed": true
},
{
"type": "Container",
"spacing": "none",
"style": "emphasis",
"items": [
{
"type": "TextBlock",
"size": "extraLarge",
"weight": "lighter",
"color": "Accent",
"text": "Flight to ${reservationFor.arrivalAirport.iataCode}",
"wrap": true
},
{
"type": "TextBlock",
"spacing": "small",
"text": "${reservationFor.provider.name} Air Lines flight ${reservationFor.flightNumber} ",
"wrap": true
},
{
"type": "TextBlock",
"spacing": "none",
"text": "Confirmation code: ${reservationId}",
"wrap": true
},
{
"type": "TextBlock",
"spacing": "none",
"text": "4 hours 15 minutes",
"wrap": true
}
],
"bleed": true,
"height": "stretch"
}
],
"width": 45,
"height": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "Container",
"height": "stretch",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "extraLarge",
"weight": "lighter",
"text": "${reservationFor.departureAirport.iataCode}",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"verticalContentAlignment": "center",
"items": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/graydot2x2.png",
"width": "10000px",
"height": "2px"
}
],
"width": "stretch"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"items": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/smallairplane.png",
"height": "16px"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "right",
"size": "extraLarge",
"weight": "lighter",
"text": "${reservationFor.arrivalAirport.iataCode}",
"wrap": true
}
],
"width": "auto"
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "RichTextBlock",
"inlines": [
{
"type": "TextRun",
"size": "medium",
"text": "{{TIME(${string(reservationFor.departureTime)})}} - ",
"wrap": true
},
{
"type": "TextRun",
"text": "{{DATE(${string(reservationFor.departureTime)}, SHORT)}} - ",
"isSubtle": true,
"wrap": true
},
{
"type": "TextRun",
"text": "${reservationFor.departureAirport.city}",
"isSubtle": true,
"wrap": true
}
]
}
],
"width": 1
},
{
"type": "Column",
"items": [
{
"type": "RichTextBlock",
"horizontalAlignment": "right",
"inlines": [
{
"type": "TextRun",
"size": "medium",
"text": "{{TIME(${string(reservationFor.arrivalTime)})}} - ",
"wrap": true
},
{
"type": "TextRun",
"text": "{{DATE(${string(reservationFor.arrivalTime)}, SHORT)}} - ",
"isSubtle": true,
"wrap": true
},
{
"type": "TextRun",
"text": "${reservationFor.arrivalAirport.city}",
"isSubtle": true,
"wrap": true
}
]
}
],
"width": 1
}
]
},
{
"type": "ActionSet",
"separator": true,
"actions": [
{
"type": "Action.Submit",
"title": "Check in",
"style": "positive"
},
{
"type": "Action.Submit",
"title": "View"
}
],
"spacing": "medium"
}
]
}
],
"width": 55
}
],
"height": "stretch"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0"
}

85
samples/react-adaptive-card-host-control/src/samples/FlightItinerary.data.json Normal file
View File

@ -0,0 +1,85 @@
{
"Segments": [
{
"Id": 1,
"OriginStation": 11235,
"DestinationStation": 13554,
"DepartureDateTime": "2017-05-30T19:25:00Z",
"ArrivalDateTime": "2017-05-30T20:55:00Z",
"Carrier": 881,
"OperatingCarrier": 881,
"Duration": 90,
"FlightNumber": "1463",
"JourneyMode": "Flight",
"Directionality": "Outbound"
},
{
"Id": 2,
"OriginStation": 13554,
"DestinationStation": 11235,
"DepartureDateTime": "2017-06-02T19:25:00Z",
"ArrivalDateTime": "2017-06-02T20:55:00Z",
"Carrier": 881,
"OperatingCarrier": 881,
"Duration": 90,
"FlightNumber": "1463",
"JourneyMode": "Flight",
"Directionality": "Inbound"
}
],
"BookingOptions": [
{
"BookingItems": [
{
"AgentID": 4499211,
"Status": "Current",
"Price": 4032.54,
"Deeplink": "https://partners.api.skyscanner.net/apiservices/deeplink/v2?_cje=jzj5DawL5[...]",
"SegmentIds": [
1,
2
]
}
]
}
],
"Places": [
{
"Id": 13554,
"ParentId": 4698,
"Code": "SFO",
"Type": "Airport",
"Name": "San Francisco"
},
{
"Id": 13558,
"ParentId": 5796,
"Code": "AMS",
"Type": "Airport",
"Name": "Amsterdam"
}
],
"Carriers": [
{
"Id": 881,
"Code": "BA",
"Name": "British Airways",
"ImageUrl": "https://s1.apideeplink.com/images/airlines/BA.png"
}
],
"Query": {
"Country": "GB",
"Currency": "GBP",
"Locale": "en-gb",
"Adults": 3,
"Children": 0,
"Infants": 0,
"OriginPlace": "2343",
"DestinationPlace": "13554",
"OutboundDate": "2017-05-30",
"InboundDate": "2017-06-02",
"LocationSchema": "Default",
"CabinClass": "Economy",
"GroupPricing": false
}
}

325
samples/react-adaptive-card-host-control/src/samples/FlightItinerary.template.json Normal file
View File

@ -0,0 +1,325 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0",
"type": "AdaptiveCard",
"speak": "<s>Your flight is confirmed for you and 3 other passengers from San Francisco to Amsterdam on Friday, October 10 8:30 AM</s>",
"body": [
{
"type": "TextBlock",
"text": "Passengers",
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "Sarah Hum",
"separator": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "Jeremy Goldberg",
"spacing": "None",
"wrap": true
},
{
"type": "TextBlock",
"text": "Evan Litvak",
"spacing": "None",
"wrap": true
},
{
"type": "TextBlock",
"text": "2 Stops",
"weight": "Bolder",
"spacing": "Medium",
"wrap": true
},
{
"type": "TextBlock",
"text": "{{DATE(${string(Segments[0].DepartureDateTime)}, SHORT)}} {{TIME(${string(Segments[0].DepartureDateTime)})}}",
"weight": "Bolder",
"spacing": "None",
"wrap": true
},
{
"type": "ColumnSet",
"separator": true,
"columns": [
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"$when": "${Segments[0].OriginStation == 11235}",
"text": "${Places[0].Name}",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"$when": "${Segments[0].OriginStation == 13554}",
"text": "${Places[1].Name}",
"isSubtle": true,
"wrap": true
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"$when": "${Segments[0].DestinationStation == 11235}",
"text": "${Places[0].Name}",
"horizontalAlignment": "Right",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"$when": "${Segments[0].DestinationStation == 13554}",
"text": "${Places[1].Name}",
"horizontalAlignment": "Right",
"isSubtle": true,
"wrap": true
}
]
}
]
},
{
"type": "ColumnSet",
"spacing": "none",
"columns": [
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"size": "ExtraLarge",
"color": "Accent",
"$when": "${Segments[0].OriginStation == 11235}",
"text": "${Places[0].Code}",
"spacing": "None",
"wrap": true
},
{
"type": "TextBlock",
"size": "ExtraLarge",
"color": "Accent",
"$when": "${Segments[0].OriginStation == 13554}",
"text": "${Places[1].Code}",
"spacing": "None",
"wrap": true
}
]
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"url": "https://adaptivecards.io/content/airplane.png",
"size": "Small",
"spacing": "None"
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"size": "ExtraLarge",
"color": "Accent",
"$when": "${Segments[0].DestinationStation == 11235}",
"text": "${Places[0].Code}",
"horizontalAlignment": "Right",
"spacing": "None",
"wrap": true
},
{
"type": "TextBlock",
"size": "ExtraLarge",
"color": "Accent",
"$when": "${Segments[0].DestinationStation == 13554}",
"text": "${Places[1].Code}",
"horizontalAlignment": "Right",
"spacing": "None",
"wrap": true
}
]
}
]
},
{
"type": "TextBlock",
"text": "Non-Stop",
"weight": "Bolder",
"spacing": "Medium",
"wrap": true
},
{
"type": "TextBlock",
"text": "{{DATE(${string(Segments[1].ArrivalDateTime)}, SHORT)}} {{TIME(${string(Segments[1].ArrivalDateTime)})}}",
"weight": "Bolder",
"spacing": "None",
"wrap": true
},
{
"type": "ColumnSet",
"separator": true,
"columns": [
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"$when": "${Segments[1].OriginStation == 11235}",
"text": "${Places[0].Name}",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"$when": "${Segments[1].OriginStation == 13554}",
"text": "${Places[1].Name}",
"isSubtle": true,
"wrap": true
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"$when": "${Segments[1].DestinationStation == 11235}",
"text": "${Places[0].Name}",
"horizontalAlignment": "Right",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"$when": "${Segments[1].DestinationStation == 13554}",
"text": "${Places[1].Name}",
"horizontalAlignment": "Right",
"isSubtle": true,
"wrap": true
}
]
}
]
},
{
"type": "ColumnSet",
"spacing": "none",
"columns": [
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"size": "ExtraLarge",
"color": "Accent",
"$when": "${Segments[1].OriginStation == 11235}",
"text": "${Places[0].Code}",
"spacing": "None",
"wrap": true
},
{
"type": "TextBlock",
"size": "ExtraLarge",
"color": "Accent",
"$when": "${Segments[1].OriginStation == 13554}",
"text": "${Places[1].Code}",
"spacing": "None",
"wrap": true
}
]
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"url": "https://adaptivecards.io/content/airplane.png",
"size": "Small",
"spacing": "None"
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"size": "ExtraLarge",
"color": "Accent",
"$when": "${Segments[1].DestinationStation == 11235}",
"text": "${Places[0].Code}",
"horizontalAlignment": "Right",
"spacing": "None",
"wrap": true
},
{
"type": "TextBlock",
"size": "ExtraLarge",
"color": "Accent",
"$when": "${Segments[1].DestinationStation == 13554}",
"text": "${Places[1].Code}",
"horizontalAlignment": "Right",
"spacing": "None",
"wrap": true
}
]
}
]
},
{
"type": "ColumnSet",
"spacing": "Medium",
"columns": [
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"text": "Total",
"size": "Medium",
"isSubtle": true,
"wrap": true
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "Right",
"text": "$${formatNumber(BookingOptions[0].BookingItems[0].Price, 2)}",
"size": "Medium",
"weight": "Bolder",
"wrap": true
}
]
}
]
}
]
}

40
samples/react-adaptive-card-host-control/src/samples/FlightUpdate.data.json Normal file
View File

@ -0,0 +1,40 @@
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationId": "RXJ34P",
"reservationStatus": "http://schema.org/ReservationConfirmed",
"passengerPriorityStatus": "Fast Track",
"passengerSequenceNumber": "ABC123",
"securityScreening": "TSA PreCheck",
"underName": {
"@type": "Person",
"name": "Sarah Hum"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "KL605",
"provider": {
"@type": "Airline",
"name": "KLM",
"iataCode": "KL",
"boardingPolicy": "http://schema.org/ZoneBoardingPolicy"
},
"seller": {
"@type": "Airline",
"name": "KLM",
"iataCode": "KL"
},
"departureAirport": {
"@type": "Airport",
"name": "Amsterdam Airport",
"iataCode": "AMS"
},
"departureTime": "2017-03-04T09:20:00-01:00",
"arrivalAirport": {
"@type": "Airport",
"name": "San Francisco Airport",
"iataCode": "SFO"
},
"arrivalTime": "2017-03-05T08:20:00+04:00"
}
}

256
samples/react-adaptive-card-host-control/src/samples/FlightUpdate.template.json Normal file
View File

@ -0,0 +1,256 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"speak": "<s>Flight KL0605 to San Fransisco has been delayed.</s><s>It will not leave until 10:10 AM.</s>",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"size": "Small",
"url": "https://adaptivecards.io/content/airplane.png"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Flight Status",
"horizontalAlignment": "Right",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "DELAYED",
"horizontalAlignment": "Right",
"spacing": "None",
"size": "Large",
"color": "Attention",
"wrap": true
}
]
}
]
},
{
"type": "ColumnSet",
"separator": true,
"spacing": "Medium",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Passengers",
"isSubtle": true,
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "${underName.name}",
"spacing": "Small",
"wrap": true
},
{
"type": "TextBlock",
"text": "Jeremy Goldberg",
"spacing": "Small",
"wrap": true
},
{
"type": "TextBlock",
"text": "Evan Litvak",
"spacing": "Small",
"wrap": true
}
]
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "Seat",
"horizontalAlignment": "Right",
"isSubtle": true,
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "14A",
"horizontalAlignment": "Right",
"spacing": "Small",
"wrap": true
},
{
"type": "TextBlock",
"text": "14B",
"horizontalAlignment": "Right",
"spacing": "Small",
"wrap": true
},
{
"type": "TextBlock",
"text": "14C",
"horizontalAlignment": "Right",
"spacing": "Small",
"wrap": true
}
]
}
]
},
{
"type": "ColumnSet",
"spacing": "Medium",
"separator": true,
"columns": [
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"text": "Flight",
"isSubtle": true,
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "${reservationFor.flightNumber}",
"spacing": "Small",
"wrap": true
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"text": "Departs",
"isSubtle": true,
"horizontalAlignment": "Center",
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "{{TIME(${string(reservationFor.departureTime)})}}",
"color": "Attention",
"weight": "Bolder",
"horizontalAlignment": "Center",
"spacing": "Small",
"wrap": true
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"text": "Arrives",
"isSubtle": true,
"horizontalAlignment": "Right",
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "{{TIME(${string(reservationFor.arrivalTime)})}}",
"color": "Attention",
"horizontalAlignment": "Right",
"weight": "Bolder",
"spacing": "Small",
"wrap": true
}
]
}
]
},
{
"type": "ColumnSet",
"spacing": "Medium",
"separator": true,
"columns": [
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"text": "${reservationFor.departureAirport.name}",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "${reservationFor.departureAirport.iataCode}",
"size": "ExtraLarge",
"color": "Accent",
"spacing": "None",
"wrap": true
}
]
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": " ",
"wrap": true
},
{
"type": "Image",
"url": "https://adaptivecards.io/content/airplane.png",
"size": "Small"
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"text": "${reservationFor.arrivalAirport.name}",
"isSubtle": true,
"horizontalAlignment": "Right",
"wrap": true
},
{
"type": "TextBlock",
"text": "${reservationFor.arrivalAirport.iataCode}",
"horizontalAlignment": "Right",
"size": "ExtraLarge",
"color": "Accent",
"spacing": "None",
"wrap": true
}
]
}
]
}
]
}

40
samples/react-adaptive-card-host-control/src/samples/FlightUpdateTable.data.json Normal file
View File

@ -0,0 +1,40 @@
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationId": "RXJ34P",
"reservationStatus": "http://schema.org/ReservationConfirmed",
"passengerPriorityStatus": "Fast Track",
"passengerSequenceNumber": "ABC123",
"securityScreening": "TSA PreCheck",
"underName": {
"@type": "Person",
"name": "Sarah Hum"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "KL605",
"provider": {
"@type": "Airline",
"name": "KLM",
"iataCode": "KL",
"boardingPolicy": "http://schema.org/ZoneBoardingPolicy"
},
"seller": {
"@type": "Airline",
"name": "KLM",
"iataCode": "KL"
},
"departureAirport": {
"@type": "Airport",
"name": "Amsterdam Airport",
"iataCode": "AMS"
},
"departureTime": "2017-03-04T09:20:00-01:00",
"arrivalAirport": {
"@type": "Airport",
"name": "San Francisco Airport",
"iataCode": "SFO"
},
"arrivalTime": "2017-03-05T08:20:00+04:00"
}
}

261
samples/react-adaptive-card-host-control/src/samples/FlightUpdateTable.template.json Normal file
View File

@ -0,0 +1,261 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.5",
"body": [
{
"type": "Table",
"columns": [
{
"width": 1
},
{
"width": 1
},
{
"width": 1
}
],
"rows": [
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "Image",
"size": "Small",
"url": "https://adaptivecards.io/content/airplane.png"
}
]
},
{
"type": "TableCell"
},
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Flight Status",
"horizontalAlignment": "Right",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "DELAYED",
"horizontalAlignment": "Right",
"spacing": "None",
"size": "Large",
"color": "Attention",
"wrap": true
}
]
}
]
},
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Passengers",
"isSubtle": true,
"weight": "Bolder",
"wrap": true,
"spacing": "None"
},
{
"type": "TextBlock",
"text": "${underName.name}",
"spacing": "Small",
"wrap": true
},
{
"type": "TextBlock",
"text": "Jeremy Goldberg",
"spacing": "Small",
"wrap": true
},
{
"type": "TextBlock",
"text": "Evan Litvak",
"spacing": "Small",
"wrap": true
}
]
},
{
"type": "TableCell"
},
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Seat",
"horizontalAlignment": "Right",
"isSubtle": true,
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "14A",
"horizontalAlignment": "Right",
"spacing": "Small",
"wrap": true
},
{
"type": "TextBlock",
"text": "14B",
"horizontalAlignment": "Right",
"spacing": "Small",
"wrap": true
},
{
"type": "TextBlock",
"text": "14C",
"horizontalAlignment": "Right",
"spacing": "Small",
"wrap": true
}
]
}
]
},
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Flight",
"isSubtle": true,
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "${reservationFor.flightNumber}",
"spacing": "Small",
"wrap": true
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Departs",
"isSubtle": true,
"horizontalAlignment": "Center",
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "{{TIME(${string(reservationFor.departureTime)})}}",
"color": "Attention",
"weight": "Bolder",
"horizontalAlignment": "Center",
"spacing": "Small",
"wrap": true
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Arrives",
"isSubtle": true,
"horizontalAlignment": "Right",
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "{{TIME(${string(reservationFor.arrivalTime)})}}",
"color": "Attention",
"horizontalAlignment": "Right",
"weight": "Bolder",
"spacing": "Small",
"wrap": true
}
]
}
]
},
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "${reservationFor.departureAirport.name}",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "${reservationFor.departureAirport.iataCode}",
"size": "ExtraLarge",
"color": "Accent",
"spacing": "None",
"wrap": true
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "Image",
"url": "https://adaptivecards.io/content/airplane.png",
"horizontalAlignment": "Center",
"size": "Small"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "${reservationFor.arrivalAirport.name}",
"isSubtle": true,
"horizontalAlignment": "Right",
"wrap": true
},
{
"type": "TextBlock",
"text": "${reservationFor.arrivalAirport.iataCode}",
"horizontalAlignment": "Right",
"size": "ExtraLarge",
"color": "Accent",
"spacing": "None",
"wrap": true
}
]
}
],
"spacing": "None"
}
],
"showGridLines": false
}
]
}

74
samples/react-adaptive-card-host-control/src/samples/FoodOrder.data.json Normal file
View File

@ -0,0 +1,74 @@
{
"@context":"http://schema.org",
"@type":"Restaurant",
"url":"https://www.thisisarestaurant.com",
"name":"The Restaurant",
"image":"https://www.example.com/image-of-some-restaurant.jpg",
"description":"This is an example restaurant that serves American cuisine.",
"servesCuisine":[
"American cuisine"
],
"hasMenu":{
"@type":"Menu",
"name":"Dine-In Menu",
"description":"Menu for in-restaurant dining only.",
"hasMenuSection":[
{
"@type":"MenuSection",
"name":"Steak",
"description":"How would you like your steak prepared?",
"image":"https://contososcubademo.azurewebsites.net/assets/steak.jpg",
"offers":{
"@type":"Offer",
"availabilityEnds":"T8:22:00",
"availabilityStarts":"T8:22:00"
},
"hasMenuSection":[
{
"@type":"MenuSection",
"name":"Chicken",
"description":"Do you have any allergies?",
"image":"https://contososcubademo.azurewebsites.net/assets/chicken.jpg",
"offers":{
"@type":"Offer",
"availabilityEnds":"T8:22:00",
"availabilityStarts":"T8:22:00"
},
"hasMenuItem":{
"@type":"MenuItem",
"name":"Potato Skins",
"description":"Small serving of stuffed potato skins.",
"offers":{
"@type":"Offer",
"price":"7.49",
"priceCurrency":"USD"
},
"suitableForDiet":"http://schema.org/GlutenFreeDiet"
}
},
{
"@type":"MenuSection",
"name":"Tofu",
"description":"Would you like it prepared vegan?",
"image":"https://contososcubademo.azurewebsites.net/assets/tofu.jpg",
"offers":{
"@type":"Offer",
"availabilityEnds":"T8:22:00",
"availabilityStarts":"T8:22:00"
},
"hasMenuItem":{
"@type":"MenuItem",
"name":"Pea Soup",
"description":"Creamy pea soup topped with melted cheese and sourdough croutons.",
"offers":{
"@type":"Offer",
"price":"3.49",
"priceCurrency":"USD"
}
}
}
]
}
]
}
}

171
samples/react-adaptive-card-host-control/src/samples/FoodOrder.template.json Normal file
View File

@ -0,0 +1,171 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"text": "Your registration is almost complete",
"size": "Medium",
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "What type of food do you prefer?",
"wrap": true
},
{
"type": "ImageSet",
"imageSize": "medium",
"images": [
{
"type": "Image",
"url": "${hasMenu.hasMenuSection[0].image}"
},
{
"type": "Image",
"url": "${hasMenu.hasMenuSection[0].hasMenuSection[0].image}"
},
{
"type": "Image",
"url": "${hasMenu.hasMenuSection[0].hasMenuSection[1].image}"
}
]
}
],
"actions": [
{
"type": "Action.ShowCard",
"title": "${hasMenu.hasMenuSection[0].name}",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"text": "${hasMenu.hasMenuSection[0].description}",
"size": "Medium",
"wrap": true
},
{
"type": "Input.ChoiceSet",
"id": "SteakTemp",
"style": "expanded",
"choices": [
{
"title": "Rare",
"value": "rare"
},
{
"title": "Medium-Rare",
"value": "medium-rare"
},
{
"title": "Well-done",
"value": "well-done"
}
]
},
{
"type": "Input.Text",
"id": "SteakOther",
"isMultiline": true,
"placeholder": "Any other preparation requests?"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK",
"data": {
"FoodChoice": "Steak"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
},
{
"type": "Action.ShowCard",
"title": "${hasMenu.hasMenuSection[0].hasMenuSection[0].name}",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"text": "${hasMenu.hasMenuSection[0].hasMenuSection[0].description}",
"size": "Medium",
"wrap": true
},
{
"type": "Input.ChoiceSet",
"id": "ChickenAllergy",
"style": "expanded",
"isMultiSelect": true,
"choices": [
{
"title": "I'm allergic to peanuts",
"value": "peanut"
}
]
},
{
"type": "Input.Text",
"id": "ChickenOther",
"isMultiline": true,
"placeholder": "Any other preparation requests?"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK",
"data": {
"FoodChoice": "Chicken"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
},
{
"type": "Action.ShowCard",
"title": "${hasMenu.hasMenuSection[0].hasMenuSection[1].name}",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"text": "${hasMenu.hasMenuSection[0].hasMenuSection[1].description}",
"size": "Medium",
"wrap": true
},
{
"type": "Input.Toggle",
"id": "Vegetarian",
"title": "Please prepare it vegan",
"valueOn": "vegan",
"valueOff": "notVegan",
"wrap": false
},
{
"type": "Input.Text",
"id": "VegOther",
"isMultiline": true,
"placeholder": "Any other preparation requests?"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK",
"data": {
"FoodChoice": "Vegetarian"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
}
]
}

74
samples/react-adaptive-card-host-control/src/samples/FoodOrderWithValidation.data.json Normal file
View File

@ -0,0 +1,74 @@
{
"@context":"http://schema.org",
"@type":"Restaurant",
"url":"https://www.thisisarestaurant.com",
"name":"The Restaurant",
"image":"https://www.example.com/image-of-some-restaurant.jpg",
"description":"This is an example restaurant that serves American cuisine.",
"servesCuisine":[
"American cuisine"
],
"hasMenu":{
"@type":"Menu",
"name":"Dine-In Menu",
"description":"Menu for in-restaurant dining only.",
"hasMenuSection":[
{
"@type":"MenuSection",
"name":"Steak",
"description":"How would you like your steak prepared?",
"image":"https://contososcubademo.azurewebsites.net/assets/steak.jpg",
"offers":{
"@type":"Offer",
"availabilityEnds":"T8:22:00",
"availabilityStarts":"T8:22:00"
},
"hasMenuSection":[
{
"@type":"MenuSection",
"name":"Chicken",
"description":"Do you have any allergies?",
"image":"https://contososcubademo.azurewebsites.net/assets/chicken.jpg",
"offers":{
"@type":"Offer",
"availabilityEnds":"T8:22:00",
"availabilityStarts":"T8:22:00"
},
"hasMenuItem":{
"@type":"MenuItem",
"name":"Potato Skins",
"description":"Small serving of stuffed potato skins.",
"offers":{
"@type":"Offer",
"price":"7.49",
"priceCurrency":"USD"
},
"suitableForDiet":"http://schema.org/GlutenFreeDiet"
}
},
{
"@type":"MenuSection",
"name":"Tofu",
"description":"Would you like it prepared vegan?",
"image":"https://contososcubademo.azurewebsites.net/assets/tofu.jpg",
"offers":{
"@type":"Offer",
"availabilityEnds":"T8:22:00",
"availabilityStarts":"T8:22:00"
},
"hasMenuItem":{
"@type":"MenuItem",
"name":"Pea Soup",
"description":"Creamy pea soup topped with melted cheese and sourdough croutons.",
"offers":{
"@type":"Offer",
"price":"3.49",
"priceCurrency":"USD"
}
}
}
]
}
]
}
}

152
samples/react-adaptive-card-host-control/src/samples/FoodOrderWithValidation.template.json Normal file
View File

@ -0,0 +1,152 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"text": "Your registration is almost complete",
"size": "Medium",
"weight": "Bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "What type of food do you prefer?",
"wrap": true
},
{
"type": "ImageSet",
"imageSize": "medium",
"images": [
{
"type": "Image",
"url": "${hasMenu.hasMenuSection[0].image}"
},
{
"type": "Image",
"url": "${hasMenu.hasMenuSection[0].hasMenuSection[0].image}"
},
{
"type": "Image",
"url": "${hasMenu.hasMenuSection[0].hasMenuSection[1].image}"
}
]
}
],
"actions": [
{
"type": "Action.ShowCard",
"title": "${hasMenu.hasMenuSection[0].name}",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "Input.ChoiceSet",
"id": "SteakTemp",
"style": "expanded",
"label": "${hasMenu.hasMenuSection[0].description}",
"isRequired": true,
"errorMessage": "Please select one of the above options",
"choices": [
{
"title": "Rare",
"value": "rare"
},
{
"title": "Medium-Rare",
"value": "medium-rare"
},
{
"title": "Well-done",
"value": "well-done"
}
]
},
{
"type": "Input.Text",
"id": "SteakOther",
"isMultiline": true,
"label": "Any other preparation requests?"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK",
"data": {
"FoodChoice": "Steak"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
},
{
"type": "Action.ShowCard",
"title": "${hasMenu.hasMenuSection[0].hasMenuSection[0].name}",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "Input.Toggle",
"id": "ChickenAllergy",
"valueOn": "noPeanuts",
"valueOff": "peanuts",
"title": "I'm allergic to peanuts",
"label": "${hasMenu.hasMenuSection[0].hasMenuSection[0].description}"
},
{
"type": "Input.Text",
"id": "ChickenOther",
"isMultiline": true,
"label": "Any other preparation requests?"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK",
"data": {
"FoodChoice": "Chicken"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
},
{
"type": "Action.ShowCard",
"title": "${hasMenu.hasMenuSection[0].hasMenuSection[1].name}",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "Input.Toggle",
"id": "Vegetarian",
"title": "Please prepare it vegan",
"label": "${hasMenu.hasMenuSection[0].hasMenuSection[1].description}",
"valueOn": "vegan",
"valueOff": "notVegan"
},
{
"type": "Input.Text",
"id": "VegOther",
"isMultiline": true,
"label": "Any other preparation requests?"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK",
"data": {
"FoodChoice": "Vegetarian"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
}
]
}

143
samples/react-adaptive-card-host-control/src/samples/ImageGallery.data.json Normal file
View File

@ -0,0 +1,143 @@
{
"_type": "Images",
"instrumentation": {
"pingUrlBase": "https://www.bingapis.com/api/ping?IG=08FFB177A90A4DF585A703215CEC19AA&CID=070910FF0C0362112C11188E0DD06323&ID=",
"pageLoadPingUrl": "https://www.bingapis.com/api/ping/pageload"
},
"readLink": "https://www.bing.com/api/V7/images/search?q=cats",
"webSearchUrl": "https://www.bing.com/images/search?q=cats&FORM=OIIARP",
"webSearchUrlPingSuffix": "DevEx,5042.1",
"totalEstimatedMatches": 1000,
"value": [
{
"name": "Proxecto Gato: cats wallpapers by bighdwallpapers",
"webSearchUrl": "https://www.bing.com/images/search?view=detailv2&FORM=OIIRPO&q=cats&id=DF010D14AC241C0AC39B5EAFD85F8B117825C79B&simid=608001210598098509",
"webSearchUrlPingSuffix": "DevEx,5043.1",
"thumbnailUrl": "https://tse2.mm.bing.net/th?id=OIP.M42428010d527fc1225757ada9d9a8bccH0&pid=Api",
"datePublished": "2012-08-23T12:00:00",
"contentUrl": "https://4.bp.blogspot.com/-XkviAtJ1s6Q/T3YFb2RUhDI/AAAAAAAAAVQ/EHomLZlFMKo/s1600/small+cat.jpg",
"hostPageUrl": "https://proxectogato.blogspot.com/2012/08/cats-wallpapers-by-bighdwallpapers.html",
"hostPageUrlPingSuffix": "DevEx,5006.1",
"contentSize": "241661 B",
"encodingFormat": "jpeg",
"hostPageDisplayUrl": "proxectogato.blogspot.com/2012/08/cats-wallpapers-by...",
"width": 1600,
"height": 1200,
"thumbnail": {
"width": 480,
"height": 360
},
"imageInsightsToken": "ccid_QkKAENUn*mid_DF010D14AC241C0AC39B5EAFD85F8B117825C79B*simid_608001210598098509",
"insightsSourcesSummary": {
"shoppingSourcesCount": 1,
"recipeSourcesCount": 0
},
"imageId": "DF010D14AC241C0AC39B5EAFD85F8B117825C79B",
"accentColor": "5A4E46"
},
{
"name": "Kitten - Cats Wallpaper (18565791) - Fanpop",
"webSearchUrl": "https://www.bing.com/images/search?view=detailv2&FORM=OIIRPO&q=cats&id=6119DF9238F0C40EC3C326F41919BAFBF88F5CA4&simid=608041523156487908",
"webSearchUrlPingSuffix": "DevEx,5044.1",
"thumbnailUrl": "https://tse3.mm.bing.net/th?id=OIP.M7dfb8973bca22c4939102df3ae3de66do0&pid=Api",
"datePublished": "2012-06-29T23:55:00",
"contentUrl": "https://images4.fanpop.com/image/photos/18500000/Kitten-cats-18565791-1024-768.jpg",
"hostPageUrl": "https://www.fanpop.com/clubs/cats/images/18565791/title/kitten-wallpaper",
"hostPageUrlPingSuffix": "DevEx,5011.1",
"contentSize": "207480 B",
"encodingFormat": "jpeg",
"hostPageDisplayUrl": "www.fanpop.com/clubs/cats/images/18565791/title/kitten-wallpaper",
"width": 1024,
"height": 768,
"thumbnail": {
"width": 300,
"height": 225
},
"imageInsightsToken": "ccid_ffuJc7yi*mid_6119DF9238F0C40EC3C326F41919BAFBF88F5CA4*simid_608041523156487908",
"insightsSourcesSummary": {
"shoppingSourcesCount": 1,
"recipeSourcesCount": 0
},
"imageId": "6119DF9238F0C40EC3C326F41919BAFBF88F5CA4",
"accentColor": "7D694E"
},
{
"name": "Wonderous Cats Admiration of the docile feline",
"webSearchUrl": "https://www.bing.com/images/search?view=detailv2&FORM=OIIRPO&q=cats&id=EDF89351A0ECA99617C859D06F71450FCB5EF2E3&simid=608032623984250213",
"webSearchUrlPingSuffix": "DevEx,5045.1",
"thumbnailUrl": "https://tse1.mm.bing.net/th?id=OIP.M38d3aa9aa6cc8c444492212efdb3a91dH0&pid=Api",
"datePublished": "2014-04-27T22:53:00",
"contentUrl": "https://www.andrew.cmu.edu/user/cfperron/cats/images/cat8.jpg",
"hostPageUrl": "https://www.andrew.cmu.edu/user/cfperron/cats/",
"hostPageUrlPingSuffix": "DevEx,5016.1",
"contentSize": "484631 B",
"encodingFormat": "jpeg",
"hostPageDisplayUrl": "www.andrew.cmu.edu/user/cfperron/cats",
"width": 2015,
"height": 1511,
"thumbnail": {
"width": 480,
"height": 359
},
"imageInsightsToken": "ccid_ONOqmqbM*mid_EDF89351A0ECA99617C859D06F71450FCB5EF2E3*simid_608032623984250213",
"insightsSourcesSummary": {
"shoppingSourcesCount": 1,
"recipeSourcesCount": 0
},
"imageId": "EDF89351A0ECA99617C859D06F71450FCB5EF2E3",
"accentColor": "5F4937"
}
],
"queryExpansions": [
{
"text": "Grumpy Cat",
"displayText": "Grumpy",
"webSearchUrl": "https://www.bing.com/images/search?q=Grumpy+Cat&tq=%7b%22pq%22%3a%22cats%22%2c%22qs%22%3a%5b%7b%22cv%22%3a%22cats%22%2c%22pv%22%3a%22cats%22%2c%22hps%22%3atrue%2c%22iqp%22%3afalse%7d%2c%7b%22cv%22%3a%22Grumpy%22%2c%22pv%22%3a%22%22%2c%22hps%22%3afalse%2c%22iqp%22%3atrue%7d%5d%7d&FORM=IRPATC",
"webSearchUrlPingSuffix": "DevEx,5049.1",
"searchLink": "https://www.bing.com/api/V7/images/search?q=Grumpy+Cat&tq=%7b%22pq%22%3a%22cats%22%2c%22qs%22%3a%5b%7b%22cv%22%3a%22cats%22%2c%22pv%22%3a%22cats%22%2c%22hps%22%3atrue%2c%22iqp%22%3afalse%7d%2c%7b%22cv%22%3a%22Grumpy%22%2c%22pv%22%3a%22%22%2c%22hps%22%3afalse%2c%22iqp%22%3atrue%7d%5d%7d",
"thumbnail": {
"thumbnailUrl": "https://tse3.mm.bing.net/th?q=Grumpy+Cat&pid=Api&mkt=en-US&adlt=moderate&t=1"
}
},
{
"text": "Funny Cats",
"displayText": "Funny",
"webSearchUrl": "https://www.bing.com/images/search?q=Funny+Cats&tq=%7b%22pq%22%3a%22cats%22%2c%22qs%22%3a%5b%7b%22cv%22%3a%22cats%22%2c%22pv%22%3a%22cats%22%2c%22hps%22%3atrue%2c%22iqp%22%3afalse%7d%2c%7b%22cv%22%3a%22Funny%22%2c%22pv%22%3a%22%22%2c%22hps%22%3afalse%2c%22iqp%22%3atrue%7d%5d%7d&FORM=IRPATC",
"webSearchUrlPingSuffix": "DevEx,5051.1",
"searchLink": "https://www.bing.com/api/V7/images/search?q=Funny+Cats&tq=%7b%22pq%22%3a%22cats%22%2c%22qs%22%3a%5b%7b%22cv%22%3a%22cats%22%2c%22pv%22%3a%22cats%22%2c%22hps%22%3atrue%2c%22iqp%22%3afalse%7d%2c%7b%22cv%22%3a%22Funny%22%2c%22pv%22%3a%22%22%2c%22hps%22%3afalse%2c%22iqp%22%3atrue%7d%5d%7d",
"thumbnail": {
"thumbnailUrl": "https://tse2.mm.bing.net/th?q=Funny+Cats&pid=Api&mkt=en-US&adlt=moderate&t=1"
}
}
],
"nextOffsetAddCount": 0,
"pivotSuggestions": [
{
"pivot": "cats",
"suggestions": [
{
"text": "Felidae",
"displayText": "Felidae",
"webSearchUrl": "https://www.bing.com/images/search?q=Felidae&tq=%7b%22pq%22%3a%22cats%22%2c%22qs%22%3a%5b%7b%22cv%22%3a%22cats%22%2c%22pv%22%3a%22cats%22%2c%22hps%22%3atrue%2c%22iqp%22%3afalse%7d%2c%7b%22cv%22%3a%22Felidae%22%2c%22pv%22%3a%22%22%2c%22hps%22%3afalse%2c%22iqp%22%3atrue%7d%5d%7d&FORM=IRQBPS",
"webSearchUrlPingSuffix": "DevEx,5134.1",
"searchLink": "https://www.bing.com/api/V7/images/search?q=Felidae&tq=%7b%22pq%22%3a%22cats%22%2c%22qs%22%3a%5b%7b%22cv%22%3a%22cats%22%2c%22pv%22%3a%22cats%22%2c%22hps%22%3atrue%2c%22iqp%22%3afalse%7d%2c%7b%22cv%22%3a%22Felidae%22%2c%22pv%22%3a%22%22%2c%22hps%22%3afalse%2c%22iqp%22%3atrue%7d%5d%7d",
"thumbnail": {
"thumbnailUrl": "https://tse3.mm.bing.net/th?q=Felidae&pid=Api&mkt=en-US&adlt=moderate&t=1"
}
},
{
"text": "African Wildcat",
"displayText": "African Wildcat",
"webSearchUrl": "https://www.bing.com/images/search?q=African+Wildcat&tq=%7b%22pq%22%3a%22cats%22%2c%22qs%22%3a%5b%7b%22cv%22%3a%22cats%22%2c%22pv%22%3a%22cats%22%2c%22hps%22%3atrue%2c%22iqp%22%3afalse%7d%2c%7b%22cv%22%3a%22African+Wildcat%22%2c%22pv%22%3a%22%22%2c%22hps%22%3afalse%2c%22iqp%22%3atrue%7d%5d%7d&FORM=IRQBPS",
"webSearchUrlPingSuffix": "DevEx,5136.1",
"searchLink": "https://www.bing.com/api/V7/images/search?q=African+Wildcat&tq=%7b%22pq%22%3a%22cats%22%2c%22qs%22%3a%5b%7b%22cv%22%3a%22cats%22%2c%22pv%22%3a%22cats%22%2c%22hps%22%3atrue%2c%22iqp%22%3afalse%7d%2c%7b%22cv%22%3a%22African+Wildcat%22%2c%22pv%22%3a%22%22%2c%22hps%22%3afalse%2c%22iqp%22%3atrue%7d%5d%7d",
"thumbnail": {
"thumbnailUrl": "https://tse3.mm.bing.net/th?q=African+Wildcat&pid=Api&mkt=en-US&adlt=moderate&t=1"
}
}
]
}
],
"displayShoppingSourcesBadges": false,
"displayRecipeSourcesBadges": true
}

54
samples/react-adaptive-card-host-control/src/samples/ImageGallery.template.json Normal file
View File

@ -0,0 +1,54 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"text": "Here are some cool photos",
"size": "Large",
"wrap": true
},
{
"type": "TextBlock",
"text": "Sorry some of them are repeats",
"size": "Medium",
"weight": "Lighter",
"wrap": true
},
{
"type": "ImageSet",
"imageSize": "medium",
"images": [
{
"type": "Image",
"url": "${value[0].contentUrl}"
},
{
"type": "Image",
"url": "${value[1].contentUrl}"
},
{
"type": "Image",
"url": "${queryExpansions[0].thumbnail.thumbnailUrl}"
},
{
"type": "Image",
"url": "${queryExpansions[1].thumbnail.thumbnailUrl}"
},
{
"type": "Image",
"url": "${pivotSuggestions[0].suggestions[0].thumbnail.thumbnailUrl}"
},
{
"type": "Image",
"url": "${pivotSuggestions[0].suggestions[1].thumbnail.thumbnailUrl}"
},
{
"type": "Image",
"url": "${value[2].thumbnailUrl}"
}
]
}
]
}

20
samples/react-adaptive-card-host-control/src/samples/InputForm.data.json Normal file
View File

@ -0,0 +1,20 @@
{
"title": "Tell us about yourself",
"body": "We just need a few more details to get you booked for the trip of a lifetime!",
"disclaimer": "Don't worry, we'll never share or sell your information.",
"properties": [
{
"title" : "Your Name",
"placeholder" : "Last, First"
},
{
"title" : "Your email",
"placeholder" : "youremail@example.com"
},
{
"title" : "Phone Number",
"placeholder" : "xxx.xxx.xxxx"
}
],
"thumbnailUrl": "https://upload.wikimedia.org/wikipedia/commons/b/b2/Diver_Silhouette%2C_Great_Barrier_Reef.jpg"
}

72
samples/react-adaptive-card-host-control/src/samples/InputForm.template.json Normal file
View File

@ -0,0 +1,72 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 2,
"items": [
{
"type": "TextBlock",
"text": "${title}",
"weight": "Bolder",
"size": "Medium",
"wrap": true,
"style": "heading"
},
{
"type": "TextBlock",
"text": "${body}",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "${disclaimer}",
"isSubtle": true,
"wrap": true,
"size": "Small"
},
{
"type": "Container",
"$data": "${properties}",
"items": [
{
"type": "TextBlock",
"text": "${title}",
"wrap": true
},
{
"type": "Input.Text",
"id": "${if(title == 'Your Name', 'myName', if(title == 'Your email', 'myEmail', 'myTel'))}",
"placeholder": "${placeholder}"
}
]
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "Image",
"url": "${thumbnailUrl}",
"size": "auto"
}
]
}
]
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Submit"
}
]
}

26
samples/react-adaptive-card-host-control/src/samples/InputFormWithLabels.data.json Normal file
View File

@ -0,0 +1,26 @@
{
"title": "Tell us about yourself",
"body": "We just need a few more details to get you booked for the trip of a lifetime!",
"disclaimer": "Don't worry, we'll never share or sell your information.",
"properties": [
{
"id": "myName",
"label": "Your name (Last, First)",
"validation": "^[A-Z][a-z]+, [A-Z][a-z]+$",
"error": "Please enter your name in the specified format"
},
{
"id": "myEmail",
"label": "Your email",
"validation": "^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+[.][A-Za-z0-9-]{2,4}$",
"error": "Please enter a valid email address"
},
{
"id": "myTel",
"label": "Phone Number (xxx-xxx-xxxx)",
"validation": "^[0-9]{3}-[0-9]{3}-[0-9]{4}$",
"error": "Invalid phone number. Use the specified format: 3 numbers, hyphen, 3 numbers, hyphen and 4 numbers"
}
],
"thumbnailUrl": "https://upload.wikimedia.org/wikipedia/commons/b/b2/Diver_Silhouette%2C_Great_Barrier_Reef.jpg"
}

69
samples/react-adaptive-card-host-control/src/samples/InputFormWithLabels.template.json Normal file
View File

@ -0,0 +1,69 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 2,
"items": [
{
"type": "TextBlock",
"text": "${title}",
"weight": "bolder",
"size": "medium",
"style": "heading"
},
{
"type": "TextBlock",
"text": "${body}",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "${disclaimer}",
"isSubtle": true,
"wrap": true,
"size": "small"
},
{
"type": "Container",
"$data": "${properties}",
"items": [
{
"type": "Input.Text",
"label": "${label}",
"id": "${id}",
"regex": "${validation}",
"errorMessage": "${error}",
"isRequired": true
}
]
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "Image",
"url": "${thumbnailUrl}",
"size": "auto"
}
]
}
]
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Submit"
}
]
}

6
samples/react-adaptive-card-host-control/src/samples/InputFormWithRTL.data.json Normal file
View File

@ -0,0 +1,6 @@
{
"FormInfo":{
"titleENG":"Registration Form",
"titleARA":"إستمارة تسجيل"
}
}

116
samples/react-adaptive-card-host-control/src/samples/InputFormWithRTL.template.json Normal file
View File

@ -0,0 +1,116 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.5",
"body": [
{
"type": "TextBlock",
"text": "Please select your language:"
}
],
"actions": [
{
"type": "Action.ShowCard",
"title": "English",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"size": "medium",
"weight": "bolder",
"text": " ${FormInfo.titleENG}",
"horizontalAlignment": "center",
"wrap": true,
"style": "heading"
},
{
"type": "Input.Text",
"label": "Name",
"style": "text",
"id": "SimpleValENG",
"isRequired": true,
"errorMessage": "Name is required"
},
{
"type": "Input.Text",
"label": "Email",
"style": "email",
"id": "EmailValENG"
},
{
"type": "Input.Text",
"label": "Phone",
"style": "tel",
"id": "TelValENG"
},
{
"type": "Input.Text",
"label": "Comments",
"style": "text",
"isMultiline": true,
"id": "MultiLineValENG"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Submit"
}
]
}
},
{
"type": "Action.ShowCard",
"title": "عربي",
"card": {
"type": "AdaptiveCard",
"rtl": true,
"body": [
{
"type": "TextBlock",
"size": "medium",
"weight": "bolder",
"text": " ${FormInfo.titleARA}",
"horizontalAlignment": "center",
"wrap": true,
"style": "heading"
},
{
"type": "Input.Text",
"label": "اسم",
"style": "text",
"id": "SimpleValARA",
"isRequired": true,
"errorMessage": "مطلوب اسم"
},
{
"type": "Input.Text",
"label": "بريد الالكتروني",
"style": "email",
"id": "EmailValARA"
},
{
"type": "Input.Text",
"label": "هاتف",
"style": "tel",
"id": "TelValARA"
},
{
"type": "Input.Text",
"label": "تعليقات",
"style": "text",
"isMultiline": true,
"id": "MultiLineValARA"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "يقدم"
}
]
}
}
]
}

67
samples/react-adaptive-card-host-control/src/samples/Inputs.data.json Normal file
View File

@ -0,0 +1,67 @@
{
"ParticipantInfoForm":{
"title":"Input.Text elements"
},
"Survey": {
"title":"Input ChoiceSet",
"questions": [
{
"question":"What color do you want? (compact)",
"items": [
{
"choice":"Red",
"value":"1"
},
{
"choice":"Green",
"value":"2"
},
{
"choice":"Blue",
"value":"3"
}
]
},
{
"question": "What color do you want? (expanded)",
"items": [
{
"choice":"Red",
"value":"1"
},
{
"choice":"Green",
"value":"2"
},
{
"choice":"Blue",
"value":"3"
}
]
},
{
"question": "What color do you want? (multiselect)",
"items": [
{
"choice":"Red",
"value":"1"
},
{
"choice":"Green",
"value":"2"
},
{
"choice":"Blue",
"value":"3"
}
]
},
{
"question":"I accept the terms and conditions (True/False)"
},
{
"question":"Red cars are better than other cars"
}
]
}
}

221
samples/react-adaptive-card-host-control/src/samples/Inputs.template.json Normal file
View File

@ -0,0 +1,221 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"size": "Medium",
"weight": "Bolder",
"text": " ${ParticipantInfoForm.title}",
"horizontalAlignment": "Center",
"wrap": true,
"style": "heading"
},
{
"type": "TextBlock",
"text": "Name",
"wrap": true
},
{
"type": "Input.Text",
"style": "text",
"id": "SimpleVal"
},
{
"type": "TextBlock",
"text": "Homepage",
"wrap": true
},
{
"type": "Input.Text",
"style": "url",
"id": "UrlVal"
},
{
"type": "TextBlock",
"text": "Email",
"wrap": true
},
{
"type": "Input.Text",
"style": "email",
"id": "EmailVal"
},
{
"type": "TextBlock",
"text": "Phone",
"wrap": true
},
{
"type": "Input.Text",
"style": "tel",
"id": "TelVal"
},
{
"type": "TextBlock",
"text": "Comments",
"wrap": true
},
{
"type": "Input.Text",
"style": "text",
"isMultiline": true,
"id": "MultiLineVal"
},
{
"type": "TextBlock",
"text": "Quantity",
"wrap": true
},
{
"type": "Input.Number",
"min": -5,
"max": 5,
"value": 1,
"id": "NumVal"
},
{
"type": "TextBlock",
"text": "Due Date",
"wrap": true
},
{
"type": "Input.Date",
"id": "DateVal",
"value": "2017-09-20"
},
{
"type": "TextBlock",
"text": "Start time",
"wrap": true
},
{
"type": "Input.Time",
"id": "TimeVal",
"value": "16:59"
},
{
"type": "TextBlock",
"size": "Medium",
"weight": "Bolder",
"text": "${Survey.title} ",
"horizontalAlignment": "Center",
"wrap": true,
"style": "heading"
},
{
"type": "TextBlock",
"text": "${Survey.questions[0].question}",
"wrap": true
},
{
"type": "Input.ChoiceSet",
"id": "CompactSelectVal",
"value": "1",
"choices": [
{
"$data": "${Survey.questions[0].items}",
"title": "${choice}",
"value": "${value}"
}
]
},
{
"type": "TextBlock",
"text": "${Survey.questions[1].question}",
"wrap": true
},
{
"type": "Input.ChoiceSet",
"id": "SingleSelectVal",
"style": "expanded",
"value": "1",
"choices": [
{
"$data": "${Survey.questions[1].items}",
"title": "${choice}",
"value": "${value}"
}
]
},
{
"type": "TextBlock",
"text": "${Survey.questions[2].question}",
"wrap": true
},
{
"type": "Input.ChoiceSet",
"id": "MultiSelectVal",
"isMultiSelect": true,
"value": "1,3",
"choices": [
{
"$data": "${Survey.questions[2].items}",
"title": "${choice}",
"value": "${value}"
}
]
},
{
"type": "TextBlock",
"size": "Medium",
"weight": "Bolder",
"text": "Input.Toggle",
"horizontalAlignment": "Center",
"wrap": true,
"style": "heading"
},
{
"type": "Input.Toggle",
"title": "${Survey.questions[3].question}",
"id": "AcceptsTerms",
"wrap": false,
"value": "false"
},
{
"type": "Input.Toggle",
"title": "${Survey.questions[4].question}",
"valueOn": "RedCars",
"valueOff": "NotRedCars",
"id": "ColorPreference",
"wrap": false,
"value": "NotRedCars"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Submit",
"data": {
"id": "1234567890"
}
},
{
"type": "Action.ShowCard",
"title": "Show Card",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"text": "Enter comment",
"wrap": true
},
{
"type": "Input.Text",
"style": "text",
"id": "CommentVal"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
}
]
}

67
samples/react-adaptive-card-host-control/src/samples/InputsWithValidation.data.json Normal file
View File

@ -0,0 +1,67 @@
{
"ParticipantInfoForm":{
"title":"Input.Text elements"
},
"Survey": {
"title":"Input ChoiceSet",
"questions": [
{
"question":"What color do you want? (compact)",
"items": [
{
"choice":"Red",
"value":"1"
},
{
"choice":"Green",
"value":"2"
},
{
"choice":"Blue",
"value":"3"
}
]
},
{
"question": "What color do you want? (expanded)",
"items": [
{
"choice":"Red",
"value":"1"
},
{
"choice":"Green",
"value":"2"
},
{
"choice":"Blue",
"value":"3"
}
]
},
{
"question": "What color do you want? (multiselect)",
"items": [
{
"choice":"Red",
"value":"1"
},
{
"choice":"Green",
"value":"2"
},
{
"choice":"Blue",
"value":"3"
}
]
},
{
"question":"I accept the terms and conditions (True/False)"
},
{
"question":"Red cars are better than other cars"
}
]
}
}

178
samples/react-adaptive-card-host-control/src/samples/InputsWithValidation.template.json Normal file
View File

@ -0,0 +1,178 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"size": "medium",
"weight": "bolder",
"text": " ${ParticipantInfoForm.title}",
"horizontalAlignment": "center",
"wrap": true,
"style": "heading"
},
{
"type": "Input.Text",
"label": "Name",
"style": "text",
"id": "SimpleVal",
"isRequired": true,
"errorMessage": "Name is required"
},
{
"type": "Input.Text",
"label": "Homepage",
"style": "url",
"id": "UrlVal"
},
{
"type": "Input.Text",
"label": "Email",
"style": "email",
"id": "EmailVal"
},
{
"type": "Input.Text",
"label": "Phone",
"style": "tel",
"id": "TelVal"
},
{
"type": "Input.Text",
"label": "Comments",
"style": "text",
"isMultiline": true,
"id": "MultiLineVal"
},
{
"type": "Input.Number",
"label": "Quantity",
"min": -5,
"max": 5,
"value": 1,
"id": "NumVal",
"errorMessage": "The quantity must be between -5 and 5"
},
{
"type": "Input.Date",
"label": "Due Date",
"id": "DateVal",
"value": "2017-09-20"
},
{
"type": "Input.Time",
"label": "Start time",
"id": "TimeVal",
"value": "16:59"
},
{
"type": "TextBlock",
"size": "medium",
"weight": "bolder",
"text": "${Survey.title} ",
"horizontalAlignment": "center",
"wrap": true,
"style": "heading"
},
{
"type": "Input.ChoiceSet",
"id": "CompactSelectVal",
"label": "${Survey.questions[0].question}",
"style": "compact",
"value": "1",
"choices": [
{
"$data": "${Survey.questions[0].items}",
"title": "${choice}",
"value": "${value}"
}
]
},
{
"type": "Input.ChoiceSet",
"id": "SingleSelectVal",
"label": "${Survey.questions[1].question}",
"style": "expanded",
"value": "1",
"choices": [
{
"$data": "${Survey.questions[1].items}",
"title": "${choice}",
"value": "${value}"
}
]
},
{
"type": "Input.ChoiceSet",
"id": "MultiSelectVal",
"label": "${Survey.questions[2].question}",
"isMultiSelect": true,
"value": "1,3",
"choices": [
{
"$data": "${Survey.questions[2].items}",
"title": "${choice}",
"value": "${value}"
}
]
},
{
"type": "TextBlock",
"size": "medium",
"weight": "bolder",
"text": "Input.Toggle",
"horizontalAlignment": "center",
"wrap": true,
"style": "heading"
},
{
"type": "Input.Toggle",
"label": "Please accept the terms and conditions:",
"title": "${Survey.questions[3].question}",
"valueOn": "true",
"valueOff": "false",
"id": "AcceptsTerms",
"isRequired": true,
"errorMessage": "Accepting the terms and conditions is required"
},
{
"type": "Input.Toggle",
"label": "How do you feel about red cars?",
"title": "${Survey.questions[4].question}",
"valueOn": "RedCars",
"valueOff": "NotRedCars",
"id": "ColorPreference"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Submit",
"data": {
"id": "1234567890"
}
},
{
"type": "Action.ShowCard",
"title": "Show Card",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "Input.Text",
"label": "enter comment",
"style": "text",
"id": "CommentVal"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK"
}
]
}
}
]
}

9
samples/react-adaptive-card-host-control/src/samples/OrderConfirmation.data.json Normal file
View File

@ -0,0 +1,9 @@
{
"title": "Please confirm your order:",
"customer": [{
"firstName": "John",
"lastName": "Smith",
"phone": "(555) 555-5555"
}
]
}

68
samples/react-adaptive-card-host-control/src/samples/OrderConfirmation.template.json Normal file
View File

@ -0,0 +1,68 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.5",
"body": [
{
"type": "TextBlock",
"text": "${title}",
"wrap": true,
"style": "heading"
},
{
"type": "FactSet",
"facts": [
{
"title": "Name",
"value": "${customer[0].firstName} ${customer[0].lastName}"
},
{
"title": "Phone number",
"value": "${customer[0].phone}"
}
]
},
{
"type": "Container",
"items": [
{
"type": "FactSet",
"facts": [
{
"title": "1x",
"value": "Steak"
},
{
"title": "2x",
"value": "Side Rice"
},
{
"title": "1x",
"value": "Soft Drink"
}
],
"spacing": "Small"
}
],
"spacing": "Small"
}
],
"actions": [
{
"type": "Action.Execute",
"title": "Place Order"
},
{
"type": "Action.Execute",
"title": "Edit Order",
"data": "edit",
"mode": "secondary"
},
{
"type": "Action.Execute",
"title": "Save Order",
"data": "save",
"mode": "secondary"
}
]
}

18
samples/react-adaptive-card-host-control/src/samples/OrderDelivery.data.json Normal file
View File

@ -0,0 +1,18 @@
{
"name": "Malt \u0026 Vine",
"address": {
"addressLocality": "Redmond",
"addressRegion": "WA",
"streetAddress": "16851 Redmond Way",
"postalCode": "98052",
"addressCountry": "US"
},
"review": [{
"reviewRating": {
"ratingValue": 4
},
"datePublished": "2014-11-28",
"description": "Great concept and a wide selection of beers both on tap and bottled! Smaller wine selection than I wanted, but the variety of beers certainly made up for that. Although I didn't order anything, my boyfriend got a beer and he loved it. Their prices are fair too. \n\nThe concept is really awesome. It's a bar/store that you can bring outside food into. The place was pretty packed tonight. I wish we had stayed for more than one drink. I would have loved to sample everything!",
"author": "Blaire S."
}]
}

70
samples/react-adaptive-card-host-control/src/samples/OrderDelivery.template.json Normal file
View File

@ -0,0 +1,70 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.5",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 2,
"items": [
{
"type": "TextBlock",
"text": "${address.addressLocality}, ${address.addressRegion}",
"wrap": true
},
{
"type": "TextBlock",
"text": "${name}",
"weight": "bolder",
"size": "extraLarge",
"spacing": "none",
"wrap": true
},
{
"type": "TextBlock",
"text": "4.5 stars (176 reviews) · mid-priced",
"isSubtle": true,
"spacing": "none",
"wrap": true
},
{
"type": "TextBlock",
"text": "**${review[0].author}** said \"${review[0].description}\"",
"size": "small",
"wrap": true,
"maxLines": 3
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "Image",
"url": "https://picsum.photos/300?image=882",
"size": "auto",
"altText": "Seated guest drinking a cup of coffee"
}
]
}
]
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Pickup",
"tooltip": "Schedule order for pickup"
},
{
"type": "Action.Submit",
"title": "Delivery",
"isEnabled": false,
"tooltip": "Your location is too far for delivery"
}
]
}

21
samples/react-adaptive-card-host-control/src/samples/ProductVideo.data.json Normal file
View File

@ -0,0 +1,21 @@
{
"odata.metadata": "https://a830edad9050849nda1.sharepoint.com/portals/hub/_api/$metadata#SP.ApiData.VideoItems/@Element",
"odata.type": "SP.Publishing.VideoItem",
"odata.id": "https://a830edad9050849nda1.sharepoint.com/portals/hub/_api/VideoService/Channels(guid'1833f204-bb2a-4e93-b8dd-b236daeccae8')/Videos(guid'6b518eae-b0d9-4951-b6da-1e5f58a43daa')",
"odata.editLink": "VideoService/Channels(guid'1833f204-bb2a-4e93-b8dd-b236daeccae8')/Videos(guid'6b518eae-b0d9-4951-b6da-1e5f58a43daa')",
"ChannelID": "1833f204-bb2a-4e93-b8dd-b236daeccae8",
"CreatedDate": "2015-07-08T05:05:06Z",
"Description": "",
"DisplayFormUrl": "https://a830edad9050849nda1.sharepoint.com/portals/Red-Channel/pVid/Forms/DispForm.aspx?ID=5",
"FileName": "Divers - Future of Productivity.mp4",
"OwnerName": "TEST_TEST_SPOProvHeartbeat_E3_15_4911090814_22,#i:0#.f|membership|admin@a830edad9050849nda1.onmicrosoft.com,#admin@a830edad9050849NDA1.onmicrosoft.com,#admin@a830edad9050849NDA1.onmicrosoft.com,#TEST_TEST_SPOProvHeartbeat_E3_15_4911090814_22,#https://a830edad9050849nda1-my.sharepoint.com:443/User%20Photos/Profile%20Pictures/admin_a830edad9050849nda1_onmicrosoft_com_MThumb.jpg,#,#",
"ServerRelativeUrl": "/portals/Red-Channel/pVid/Divers - Future of Productivity.mp4",
"ThumbnailUrl": "https://adaptivecards.io/content/poster-video.png",
"Title": "Divers - Future of Productivity",
"ID": "6b518eae-b0d9-4951-b6da-1e5f58a43daa",
"Url": "https://adaptivecardsblob.blob.core.windows.net/assets/AdaptiveCardsOverviewVideo.mp4",
"VideoDurationInSeconds": 388,
"VideoProcessingStatus": 2,
"ViewCount": -1,
"YammerObjectUrl": "https://a830edad9050849nda1.sharepoint.com/portals/hub/_layouts/15/videoplayer.aspx?v=https%3A%2F%2Fa830edad9050849nda1%2Esharepoint%2Ecom%2Fportals%2FRed%2DChannel%2FpVid%2FDivers%20%2D%20Future%20of%20Productivity%2Emp4"
}

25
samples/react-adaptive-card-host-control/src/samples/ProductVideo.template.json Normal file
View File

@ -0,0 +1,25 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.1",
"fallbackText": "This card requires Media to be viewed. Ask your platform to update to Adaptive Cards v1.1 for this and more!",
"body": [
{
"type": "Media",
"poster": "${ThumbnailUrl}",
"sources": [
{
"mimeType": "video/mp4",
"url": "${Url}"
}
]
}
],
"actions": [
{
"type": "Action.OpenUrl",
"title": "Learn more",
"url": "https://adaptivecards.io"
}
]
}

30
samples/react-adaptive-card-host-control/src/samples/Restaurant.data.json Normal file
View File

@ -0,0 +1,30 @@
{
"@context": "http://schema.org/",
"@type": "LocalBusiness",
"name": "Malt \u0026 Vine",
"url": "https://www.yelp.com/biz/malt-and-vine-redmond",
"address": {
"addressLocality": "Redmond",
"addressRegion": "WA",
"streetAddress": "16851 Redmond Way",
"postalCode": "98052",
"addressCountry": "US"
},
"image": "https://s3-media1.fl.yelpcdn.com/bphoto/HD_NsxwaCTwKRxvOZs2Shw/ls.jpg",
"imageAlt": "image of beer growlers on a table",
"telephone": "+14258816461",
"aggregateRating": {
"reviewCount": 176,
"@type": "AggregateRating",
"ratingValue": 4.5
},
"review": [{
"reviewRating": {
"ratingValue": 4
},
"datePublished": "2014-11-28",
"description": "Great concept and a wide selection of beers both on tap and bottled! Smaller wine selection than I wanted, but the variety of beers certainly made up for that. Although I didn't order anything, my boyfriend got a beer and he loved it. Their prices are fair too. \n\nThe concept is really awesome. It's a bar/store that you can bring outside food into. The place was pretty packed tonight. I wish we had stayed for more than one drink. I would have loved to sample everything!",
"author": "Blaire S."
}],
"priceRange": "mid-priced"
}

74
samples/react-adaptive-card-host-control/src/samples/Restaurant.template.json Normal file
View File

@ -0,0 +1,74 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"speak": "Tom's Pie is a Pizza restaurant which is rated 9.3 by customers.",
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 2,
"items": [
{
"type": "TextBlock",
"text": "${address.addressLocality}, ${address.addressRegion}",
"wrap": true
},
{
"type": "TextBlock",
"text": "${name}",
"weight": "bolder",
"size": "extraLarge",
"spacing": "none",
"wrap": true
},
{
"type": "TextBlock",
"$when": "${aggregateRating.ratingValue <= 1}",
"text": "${aggregateRating.ratingValue} star (${aggregateRating.reviewCount} reviews) · ${priceRange}",
"isSubtle": true,
"spacing": "none",
"wrap": true
},
{
"type": "TextBlock",
"$when": "${aggregateRating.ratingValue >= 2}",
"text": "${aggregateRating.ratingValue} stars (${aggregateRating.reviewCount} reviews) · ${priceRange}",
"isSubtle": true,
"spacing": "none",
"wrap": true
},
{
"type": "TextBlock",
"text": "**${review[0].author}** said \"${review[0].description}\"",
"size": "small",
"wrap": true,
"maxLines": 3
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "Image",
"url": "${image}",
"altText": "${imageAlt}",
"size": "auto"
}
]
}
]
}
],
"actions": [
{
"type": "Action.OpenUrl",
"title": "More Info",
"url": "${url}"
}
]
}

76
samples/react-adaptive-card-host-control/src/samples/RestaurantOrder.data.json Normal file
View File

@ -0,0 +1,76 @@
{
"FormInfo": {
"title": "Malt & Vine Order Form"
},
"Order": {
"questions": [
{
"question": "Which entree would you like?",
"items": [
{
"choice": "Steak",
"value": "1"
},
{
"choice": "Chicken",
"value": "2"
},
{
"choice": "Tofu",
"value": "3"
}
]
},
{
"question": "Which side would you like?",
"items": [
{
"choice": "Baked Potato",
"value": "1"
},
{
"choice": "Rice",
"value": "2"
},
{
"choice": "Vegetables",
"value": "3"
},
{
"choice": "Noodles",
"value": "4"
},
{
"choice": "No Side",
"value": "5"
}
]
},
{
"question": "Which drink would you like?",
"items": [
{
"choice": "Water",
"value": "1"
},
{
"choice": "Soft Drink",
"value": "2"
},
{
"choice": "Coffee",
"value": "3"
},
{
"choice": "Natural Juice",
"value": "4"
},
{
"choice": "No Drink",
"value": "5"
}
]
}
]
}
}

68
samples/react-adaptive-card-host-control/src/samples/RestaurantOrder.template.json Normal file
View File

@ -0,0 +1,68 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.5",
"body": [
{
"type": "TextBlock",
"text": "${FormInfo.title}",
"size": "Large",
"wrap": true,
"weight": "Bolder"
},
{
"type": "Input.ChoiceSet",
"id": "EntreeSelectVal",
"label": "${Order.questions[0].question}",
"style": "filtered",
"isRequired": true,
"errorMessage": "This is a required input",
"placeholder": "Please choose",
"choices": [
{
"$data": "${Order.questions[0].items}",
"title": "${choice}",
"value": "${value}"
}
]
},
{
"type": "Input.ChoiceSet",
"id": "SideVal",
"label": "${Order.questions[1].question}",
"style": "filtered",
"isRequired": true,
"errorMessage": "This is a required input",
"placeholder": "Please choose",
"choices": [
{
"$data": "${Order.questions[1].items}",
"title": "${choice}",
"value": "${value}"
}
]
},
{
"type": "Input.ChoiceSet",
"id": "DrinkVal",
"label": "${Order.questions[2].question}",
"style": "filtered",
"isRequired": true,
"errorMessage": "This is a required input",
"placeholder": "Please choose",
"choices": [
{
"$data": "${Order.questions[2].items}",
"title": "${choice}",
"value": "${value}"
}
]
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Place Order"
}
]
}

78
samples/react-adaptive-card-host-control/src/samples/ShowCardWizard.data.json Normal file
View File

@ -0,0 +1,78 @@
{
"formTitle": "Please provide the following information:",
"nameCard": {
"title": "Name",
"idPrefix": "name",
"fields": [
{
"label": "First Name",
"id": "FirstName",
"required": true
},
{
"label": "Middle Name",
"id": "MiddleName",
"required": false
},
{
"label": "Last Name",
"id": "LastName",
"required": true
}
]
},
"addressCard": {
"title": "Address",
"idPrefix": "address",
"textInputFields": [
{
"label": "Address line 1",
"id": "addressLine1",
"required": true
},
{
"label": "Address line 2",
"id": "addressLine2",
"required": false
}
],
"columnFields": [
{
"label": "City",
"id": "city",
"required": false
},
{
"label": "State",
"id": "state",
"required": false
},
{
"label": "Zip Code",
"id": "zip",
"required": true
}
]
},
"contactCard": {
"title": "Phone/Email",
"idPrefix": "contact",
"fields": [
{
"label": "Mobile number",
"id": "mobileNumber",
"required": false
},
{
"label": "Home number",
"id": "homeNumber",
"required": false
},
{
"label": "Email address",
"id": "emailAddress",
"required": true
}
]
}
}

109
samples/react-adaptive-card-host-control/src/samples/ShowCardWizard.template.json Normal file
View File

@ -0,0 +1,109 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"text": "${formTitle}",
"wrap": true
}
],
"actions": [
{
"type": "Action.ShowCard",
"title": "${nameCard.title}",
"card": {
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"body": [
{
"type": "Container",
"id": "${nameCard.idPrefix}Properties",
"items": [
{
"$data": "${nameCard.fields}",
"type": "Input.Text",
"label": "${label}",
"id": "${id}",
"isRequired": "${required}",
"errorMessage": "'${label}' is required"
}
]
}
],
"actions": [
{
"type": "Action.ShowCard",
"title": "${addressCard.title}",
"card": {
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"body": [
{
"type": "Container",
"id": "${addressCard.idPrefix}Properties",
"items": [
{
"$data": "${addressCard.textInputFields}",
"type": "Input.Text",
"label": "${label}",
"id": "${id}",
"isRequired": "${required}",
"errorMessage": "'${label} is required"
},
{
"type": "ColumnSet",
"columns": [
{
"$data": "${addressCard.columnFields}",
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Input.Text",
"label": "${label}",
"id": "${id}",
"isRequired": "${required}",
"errorMessage": "'${label}' is required"
}
]
}
]
}
]
}
],
"actions": [
{
"type": "Action.ShowCard",
"title": "${contactCard.title}",
"card": {
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"body": [
{
"$data": "${contactCard.fields}",
"type": "Input.Text",
"label": "${label}",
"id": "${id}",
"isRequired": "${required}",
"errorMessage": "'${label}' is required"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Submit"
}
]
}
}
]
}
}
]
}
}
]
}

5
samples/react-adaptive-card-host-control/src/samples/SimpleFallback.data.json Normal file
View File

@ -0,0 +1,5 @@
{
"fallback": {
"message":"No graph support. Guess we'll just use this textblock instead."
}
}

26
samples/react-adaptive-card-host-control/src/samples/SimpleFallback.template.json Normal file
View File

@ -0,0 +1,26 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.2",
"body": [
{
"type": "TextBlock",
"text": "Fallback test:",
"wrap": true
},
{
"type": "Steve Holt!",
"egg": "her?",
"fallback": "drop"
},
{
"type": "Graph",
"someProperty": "foo",
"fallback": {
"type": "TextBlock",
"text": "${fallback.message}",
"wrap": true
}
}
]
}

7
samples/react-adaptive-card-host-control/src/samples/Solitaire.data.json Normal file
View File

@ -0,0 +1,7 @@
{
"gameImageUrl":"https://download-ssl.msgamestudios.com/content/mgs/ce/production/SolitaireWin10/dev/adapative_card_assets/v1/tile_spider.png",
"backgroundImageUrl":"https://download-ssl.msgamestudios.com/content/mgs/ce/production/SolitaireWin10/dev/adapative_card_assets/v1/card_background.png",
"action": {
"title":"Click here to play another game of Spider in Microsoft Solitaire Collection!"
}
}

39
samples/react-adaptive-card-host-control/src/samples/Solitaire.template.json Normal file
View File

@ -0,0 +1,39 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "0.5",
"backgroundImage": "${backgroundImageUrl}",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 1,
"items": [
{
"type": "Image",
"url": "${gameImageUrl}",
"size": "Stretch"
}
]
},
{
"type": "Column",
"width": 1,
"items": [
{
"type": "TextBlock",
"text": "${action.title}",
"color": "Light",
"weight": "Bolder",
"wrap": true,
"size": "default",
"horizontalAlignment": "Center"
}
]
}
]
}
]
}

30
samples/react-adaptive-card-host-control/src/samples/SportingEvent.data.json Normal file
View File

@ -0,0 +1,30 @@
{
"id": 401117857,
"season": 2019,
"week": 1,
"season_type": "regular",
"start_date": "2019-08-31T19:30:00Z",
"neutral_site": false,
"conference_game": false,
"attendance": null,
"venue_id": 3852,
"venue": "Navy-Marine Corps Memorial Stadium",
"home_team": "Navy",
"home_conference": "American Athletic",
"home_points": 45,
"home_line_scores": [
10,
14,
14,
7
],
"away_team": "Holy Cross",
"away_conference": null,
"away_points": 7,
"away_line_scores": [
0,
7,
0,
0
]
}

85
samples/react-adaptive-card-host-control/src/samples/SportingEvent.template.json Normal file
View File

@ -0,0 +1,85 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"speak": "The Seattle Seahawks beat the Carolina Panthers 40-7",
"body": [
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"url": "https://adaptivecards.io/content/cats/3.png",
"size": "Medium"
},
{
"type": "TextBlock",
"text": "SHADES",
"horizontalAlignment": "Center",
"weight": "Bolder",
"wrap": true
}
]
},
{
"type": "Column",
"width": "stretch",
"separator": true,
"spacing": "Medium",
"items": [
{
"type": "TextBlock",
"text": "{{DATE(${string(start_date)}, SHORT)}}",
"horizontalAlignment": "Center",
"wrap": true
},
{
"type": "TextBlock",
"text": "Final",
"spacing": "None",
"horizontalAlignment": "Center",
"wrap": true
},
{
"type": "TextBlock",
"text": "${home_points} - ${away_points}",
"size": "ExtraLarge",
"horizontalAlignment": "Center",
"wrap": true
}
]
},
{
"type": "Column",
"width": "auto",
"separator": true,
"spacing": "Medium",
"items": [
{
"type": "Image",
"url": "https://adaptivecards.io/content/cats/2.png",
"size": "Medium",
"horizontalAlignment": "Center"
},
{
"type": "TextBlock",
"text": "SKINS",
"horizontalAlignment": "Center",
"weight": "Bolder",
"wrap": true
}
]
}
]
}
]
}
]
}

42
samples/react-adaptive-card-host-control/src/samples/StockUpdate.data.json Normal file
View File

@ -0,0 +1,42 @@
{
"symbol": "MSFT",
"companyName": "Microsoft Corporation",
"primaryExchange": "Nasdaq Global Select",
"sector": "Technology",
"calculationPrice": "close",
"open": 127.42,
"openTime": 1556890200,
"close": 128.9,
"closeTime": 1556913600,
"high": 129.43,
"low": 127.25,
"latestPrice": 128.9,
"latestSource": "Close",
"latestTime": "May 3, 2019",
"latestUpdate": 1556913600,
"latestVolume": 24835154,
"iexRealtimePrice": null,
"iexRealtimeSize": null,
"iexLastUpdated": null,
"delayedPrice": 128.9,
"delayedPriceTime": 1556913600,
"extendedPrice": 129.04,
"extendedChange": 0.14,
"extendedChangePercent": 0.00109,
"extendedPriceTime": 1556917190,
"previousClose": 126.21,
"change": 2.69,
"changePercent": 0.02131,
"iexMarketPercent": null,
"iexVolume": null,
"avgTotalVolume": 22183270,
"iexBidPrice": null,
"iexBidSize": null,
"iexAskPrice": null,
"iexAskSize": null,
"marketCap": 987737229888,
"peRatio": 30.84,
"week52High": 131.37,
"week52Low": 93.96,
"ytdChange": 0.30147812013916003
}

83
samples/react-adaptive-card-host-control/src/samples/StockUpdate.template.json Normal file
View File

@ -0,0 +1,83 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.2",
"body": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "${companyName}",
"size": "Medium",
"wrap": true
},
{
"type": "TextBlock",
"text": "${primaryExchange}: ${symbol}",
"isSubtle": true,
"spacing": "None",
"wrap": true
},
{
"type": "TextBlock",
"text": "{{DATE(${formatEpoch(latestUpdate, 'yyyy-MM-ddTHH:mm:ssZ')}, SHORT)}} {{TIME(${formatEpoch(latestUpdate, 'yyyy-MM-ddTHH:mm:ssZ')})}}",
"wrap": true
}
]
},
{
"type": "Container",
"spacing": "None",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "${formatNumber(latestPrice, 2)} ",
"size": "ExtraLarge",
"wrap": true
},
{
"type": "TextBlock",
"text": "${if(change >= 0, '▲', '▼')} ${formatNumber(change,2)} USD (${formatNumber(changePercent * 100, 2)}%)",
"color": "${if(change >= 0, 'good', 'attention')}",
"spacing": "None",
"wrap": true
}
]
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "FactSet",
"facts": [
{
"title": "Open",
"value": "${open} "
},
{
"title": "High",
"value": "${high} "
},
{
"title": "Low",
"value": "${low} "
}
]
}
]
}
]
}
]
}
]
}

45
samples/react-adaptive-card-host-control/src/samples/WeatherCompact.data.json Normal file
View File

@ -0,0 +1,45 @@
{
"coord":{
"lon":-122.12,
"lat":47.67
},
"weather":[
{
"id":802,
"main":"Clouds",
"description":"scattered clouds",
"icon":"03n"
}
],
"base":"stations",
"main":
{
"temp":281.05,
"pressure":1022,
"humidity":81,
"temp_min":278.15,
"temp_max":283.15
},
"visibility":16093,
"wind":
{
"speed":4.1,
"deg":360
},
"rain":{},
"clouds": {
"all":40
},
"dt":1572920478,
"sys":{
"type":1,
"id":5798,
"country":"US",
"sunrise":1572879421,
"sunset":1572914822
},
"timezone":-28800,
"id":5808079,
"name":"Redmond",
"cod":200
}

82
samples/react-adaptive-card-host-control/src/samples/WeatherCompact.template.json Normal file
View File

@ -0,0 +1,82 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"speak": "<s>The forecast for Seattle ${formatEpoch(dt, 'MMMM d')} is mostly clear with a High of ${formatNumber((main.temp_max - 273) * 9 / 5 + 32, 0)} degrees and Low of ${formatNumber((main.temp_min - 273) * 9 / 5 + 32, 0)} degrees</s>",
"body": [
{
"type": "TextBlock",
"text": "${name}, WA",
"size": "Large",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "{{DATE(${formatEpoch(dt, 'yyyy-MM-ddTHH:mm:ssZ')}, SHORT)}} {{TIME(${formatEpoch(dt, 'yyyy-MM-ddTHH:mm:ssZ')})}}",
"spacing": "None",
"wrap": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/Mostly%20Cloudy-Square.png",
"size": "Small"
}
]
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "${formatNumber((main.temp - 273) * 9 / 5 + 32, 0)}",
"size": "ExtraLarge",
"spacing": "None",
"wrap": true
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "°F",
"weight": "Bolder",
"spacing": "Small",
"wrap": true
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Hi ${formatNumber((main.temp_max - 273) * 9 / 5 + 32, 0)}",
"horizontalAlignment": "Left",
"wrap": true
},
{
"type": "TextBlock",
"text": "Lo ${formatNumber((main.temp_min - 273) * 9 / 5 + 32, 0)}",
"horizontalAlignment": "Left",
"spacing": "None",
"wrap": true
}
]
}
]
}
]
}

226
samples/react-adaptive-card-host-control/src/samples/WeatherLarge.data.json Normal file
View File

@ -0,0 +1,226 @@
{
"data": [
{
"moonrise_ts": 1572993161,
"wind_cdir": "SSE",
"rh": 90,
"pres": 1012.95,
"high_temp": 8.6,
"sunset_ts": 1573001147,
"ozone": 252.181,
"moon_phase": 0.768526,
"wind_gust_spd": 4.4,
"snow_depth": 0,
"clouds": 70,
"ts": 1572940860,
"sunrise_ts": 1572966051,
"app_min_temp": 3.7,
"wind_spd": 1.33298,
"pop": 25,
"wind_cdir_full": "south-southeast",
"slp": 1021.94,
"valid_date": "2019-11-05",
"app_max_temp": 10.2,
"vis": 22.5692,
"dewpt": 6.8,
"snow": 0,
"uv": 1.74992,
"weather": {
"icon": "https://messagecardplayground.azurewebsites.net/assets/Mostly%20Cloudy-Square.png",
"code": 803,
"description": "Broken clouds"
},
"wind_dir": 162,
"max_dhi": null,
"clouds_hi": 0,
"precip": 0.3125,
"low_temp": 7.7,
"max_temp": 10.4,
"moonset_ts": 1572946958,
"datetime": "2019-11-05",
"temp": 8.5,
"min_temp": 5.7,
"clouds_mid": 0,
"clouds_low": 70
},
{
"moonrise_ts": 1573081007,
"wind_cdir": "NNE",
"rh": 88,
"pres": 1015.48,
"high_temp": 12.3,
"sunset_ts": 1573087463,
"ozone": 263.048,
"moon_phase": 0.845631,
"wind_gust_spd": 5,
"snow_depth": 0,
"clouds": 60,
"ts": 1573027260,
"sunrise_ts": 1573052542,
"app_min_temp": 3.3,
"wind_spd": 1.50821,
"pop": 35,
"wind_cdir_full": "north-northeast",
"slp": 1024.5,
"valid_date": "2019-11-06",
"app_max_temp": 12.3,
"vis": 23.125,
"dewpt": 6.6,
"snow": 0,
"uv": 2.93193,
"weather": {
"icon": "https://messagecardplayground.azurewebsites.net/assets/Drizzle-Square.png",
"code": 803,
"description": "Broken clouds"
},
"wind_dir": 18,
"max_dhi": null,
"clouds_hi": 17,
"precip": 0.5,
"low_temp": 5,
"max_temp": 12.3,
"moonset_ts": 1573037127,
"datetime": "2019-11-06",
"temp": 8.5,
"min_temp": 6.6,
"clouds_mid": 9,
"clouds_low": 46
},
{
"moonrise_ts": 1573168702,
"wind_cdir": "SE",
"rh": 71,
"pres": 1006.39,
"high_temp": 13.1,
"sunset_ts": 1573173781,
"ozone": 257.617,
"moon_phase": 0.909923,
"wind_gust_spd": 1.80495,
"snow_depth": 0,
"clouds": 94,
"ts": 1573113660,
"sunrise_ts": 1573139032,
"app_min_temp": 0.5,
"wind_spd": 0.77653,
"pop": 0,
"wind_cdir_full": "southeast",
"slp": 1022.86,
"valid_date": "2019-11-07",
"app_max_temp": 13.1,
"vis": 24.135,
"dewpt": 2.6,
"snow": 0,
"uv": 1.10983,
"weather": {
"icon": "https://messagecardplayground.azurewebsites.net/assets/Mostly%20Cloudy-Square.png",
"code": 804,
"description": "Overcast clouds"
},
"wind_dir": 136,
"max_dhi": null,
"clouds_hi": 94,
"precip": 0,
"low_temp": 4.4,
"max_temp": 13.4,
"moonset_ts": 1573127315,
"datetime": "2019-11-07",
"temp": 7.7,
"min_temp": 4.2,
"clouds_mid": 0,
"clouds_low": 0
},
{
"moonrise_ts": 1573256318,
"wind_cdir": "SSE",
"rh": 71,
"pres": 1006.02,
"high_temp": 15.8,
"sunset_ts": 1573260100,
"ozone": 258.722,
"moon_phase": 0.958606,
"wind_gust_spd": 2.11071,
"snow_depth": 0,
"clouds": 93,
"ts": 1573200060,
"sunrise_ts": 1573225523,
"app_min_temp": 2.7,
"wind_spd": 0.802894,
"pop": 0,
"wind_cdir_full": "south-southeast",
"slp": 1022.2,
"valid_date": "2019-11-08",
"app_max_temp": 15.8,
"vis": 24.1349,
"dewpt": 4.5,
"snow": 0,
"uv": 0.989995,
"weather": {
"icon": "https://messagecardplayground.azurewebsites.net/assets/Mostly%20Cloudy-Square.png",
"code": 804,
"description": "Overcast clouds"
},
"wind_dir": 167,
"max_dhi": null,
"clouds_hi": 93,
"precip": 0,
"low_temp": 6.1,
"max_temp": 15.9,
"moonset_ts": 1573217557,
"datetime": "2019-11-08",
"temp": 9.6,
"min_temp": 6,
"clouds_mid": 6,
"clouds_low": 0
},
{
"moonrise_ts": 1573343920,
"wind_cdir": "SW",
"rh": 78,
"pres": 1008.56,
"high_temp": 14,
"sunset_ts": 1573346422,
"ozone": 257.936,
"moon_phase": 0.988998,
"wind_gust_spd": 3.61965,
"snow_depth": 0,
"clouds": 88,
"ts": 1573286460,
"sunrise_ts": 1573312013,
"app_min_temp": 2.5,
"wind_spd": 1.00688,
"pop": 0,
"wind_cdir_full": "southwest",
"slp": 1024.28,
"valid_date": "2019-11-09",
"app_max_temp": 14,
"vis": 24.135,
"dewpt": 5.2,
"snow": 0,
"uv": 1.06772,
"weather": {
"icon": "https://messagecardplayground.azurewebsites.net/assets/Mostly%20Cloudy-Square.png",
"code": 804,
"description": "Overcast clouds"
},
"wind_dir": 228,
"max_dhi": null,
"clouds_hi": 88,
"precip": 0,
"low_temp": 5,
"max_temp": 14.1,
"moonset_ts": 1573307883,
"datetime": "2019-11-09",
"temp": 9,
"min_temp": 5.9,
"clouds_mid": 13,
"clouds_low": 0
}
],
"city_name": "King",
"lon": "-122.1232",
"timezone": "America/Los_Angeles",
"lat": "47.6718",
"country_code": "US",
"state_code": "WA"
}

100
samples/react-adaptive-card-host-control/src/samples/WeatherLarge.template.json Normal file
View File

@ -0,0 +1,100 @@
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"speak": "<s>Weather forecast for ${formatEpoch(data[0].sunrise_ts, 'dddd')} is high of ${formatNumber(data[0].app_max_temp / 5 * 9 + 32, 0)} and low of ${formatNumber(data[0].app_min_temp / 5 * 9 + 32, 0)} degrees with a ${formatNumber(data[0].precip * 100, 0)}% chance of rain</s><s>Winds will be ${formatNumber(data[0].wind_gust_spd, 0)} mph from the ${data[0].wind_cdir}</s>",
"backgroundImage": "https://messagecardplayground.azurewebsites.net/assets/Mostly%20Cloudy-Background.jpg",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 35,
"items": [
{
"type": "Image",
"url": "https://messagecardplayground.azurewebsites.net/assets/Mostly%20Cloudy-Square.png",
"size": "Stretch"
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "{{DATE(${formatEpoch(data[0].sunrise_ts, 'yyyy-MM-ddTHH:mm:ssZ')}, SHORT)}}",
"weight": "Bolder",
"size": "Large",
"wrap": true
},
{
"type": "TextBlock",
"text": "${formatNumber(data[0].app_min_temp / 5 * 9 + 32, 0)} / ${formatNumber(data[0].app_max_temp / 5 * 9 + 32, 0)}",
"size": "Medium",
"spacing": "None",
"wrap": true
},
{
"type": "TextBlock",
"text": "${formatNumber(data[0].precip * 100, 0)}% chance of rain",
"spacing": "None",
"wrap": true
},
{
"type": "TextBlock",
"text": "Winds ${data[0].wind_gust_spd} mph ${data[0].wind_cdir}",
"spacing": "None",
"wrap": true
}
]
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"$data": "${data}",
"$when": "${$index != 0}",
"type": "Column",
"width": 20,
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "Center",
"text": "${formatEpoch(sunrise_ts, 'dddd')}",
"wrap": true
},
{
"type": "Image",
"size": "auto",
"url": "${weather.icon}"
},
{
"type": "FactSet",
"horizontalAlignment": "Right",
"facts": [
{
"title": "High",
"value": "${formatNumber(app_max_temp / 5 * 9 + 32, 0)}"
},
{
"title": "Low",
"value": "${formatNumber(app_min_temp / 5 * 9 + 32, 0)}"
}
]
}
],
"selectAction": {
"type": "Action.OpenUrl",
"title": "View ${formatEpoch(sunrise_ts, 'dddd')}",
"url": "https://www.microsoft.com"
}
}
]
}
]
}

196
samples/react-adaptive-card-host-control/src/samples/ac-qv-benefits.json Normal file
View File

@ -0,0 +1,196 @@
{
"schema": "http=//adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.3",
"body": [
{
"type": "TextBlock",
"text": "Enrollment is open!",
"wrap": true,
"horizontalAlignment": "Left",
"fontType": "Default",
"weight": "Bolder",
"size": "ExtraLarge",
"spacing": "ExtraLarge"
},
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/benefits/assets/building.png",
"horizontalAlignment": "Center",
"verticalAlignment": "Center"
},
"bleed": true,
"height": "stretch",
"minHeight": "240px",
"horizontalAlignment": "Center",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "What does 2022 have in store?",
"wrap": true,
"horizontalAlignment": "Left",
"fontType": "Default",
"weight": "Bolder",
"spacing": "Large"
},
{
"type": "TextBlock",
"text": "Take your pick! The past year has been limiting in more ways than one, but now is your chance to finally make a few choices for you and your family. And you have plenty of great options to choose from—we’ve even expanded some benefits to support you more fully in the year ahead! Check out some of the essential updates and enhancements we’ve made for 2022 below:",
"wrap": true,
"horizontalAlignment": "Left",
"fontType": "Default"
},
{
"type": "Container",
"spacing": "Medium",
"style": "emphasis",
"items": [
{
"type": "TextBlock",
"text": "Perks+ Reimbursement",
"wrap": true,
"weight": "Bolder",
"size": "Medium"
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "We’ve increased program reimbursement amounts. That’s means more money to put toward you doing you!",
"wrap": true
}
]
},
{
"type": "Column",
"width": "80px",
"minHeight": "80px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/benefits/assets/gym.jpg"
}
}
]
}
]
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"id": "stages",
"title": "Learn more the Perks+ reimbursement",
"data": {
"id": "stages"
}
}
],
"spacing": "Medium"
}
]
},
{
"type": "Container",
"spacing": "Medium",
"style": "emphasis",
"items": [
{
"type": "TextBlock",
"text": "Life insurance",
"wrap": true,
"size": "Medium",
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Prudential is providing a one-time exception for you to increase your coverage without Evidence of Insurability.",
"wrap": true
}
]
},
{
"type": "Column",
"width": "80px",
"minHeight": "80px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/benefits/assets/outside.jpg"
}
}
]
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.OpenUrl",
"title": "Visit the return-to-worksite toolkit",
"url": "http://aka.ms/TechToolkit"
}
],
"spacing": "Medium"
}
]
},
{
"type": "Container",
"spacing": "Medium",
"style": "emphasis",
"items": [
{
"type": "TextBlock",
"text": "Your workspace assignment beginning Stage 4",
"wrap": true,
"weight": "Bolder",
"size": "Medium"
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "If you have any questions or concerns about your schedule please see genes@microsoft.com",
"wrap": true
}
]
},
{
"type": "Column",
"width": "80px",
"minHeight": "80px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/benefits/assets/office.jpg"
}
}
]
}
]
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}

831
samples/react-adaptive-card-host-control/src/samples/ac-qv-cafe.json Normal file
View File

@ -0,0 +1,831 @@
{
"type": "AdaptiveCard",
"body": [
{
"type": "Container",
"bleed": true,
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/cafe.jpg"
},
"items": [
{
"type": "Container",
"minHeight": "120px"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"style": "default",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "OPEN",
"wrap": true,
"color": "Default",
"weight": "Bolder",
"size": "Small"
}
]
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "•",
"wrap": true,
"horizontalAlignment": "Center",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Closes in 30 min",
"wrap": true,
"color": "Attention",
"weight": "Default",
"size": "Small",
"spacing": "Small"
}
]
}
]
},
{
"type": "TextBlock",
"text": "Cafeteria 34",
"wrap": true,
"size": "ExtraLarge",
"weight": "Bolder",
"spacing": "Medium"
}
]
},
{
"type": "Column",
"width": "stretch"
}
]
}
]
},
{
"type": "Container",
"style": "default",
"bleed": true,
"items": [
{
"type": "Container",
"minHeight": "24px",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "MENU",
"wrap": true,
"weight": "Bolder",
"horizontalAlignment": "Center"
},
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/line_pivot_dark.svg",
"fillMode": "RepeatHorizontally",
"verticalAlignment": "Center"
},
"minHeight": "8px",
"spacing": "None"
}
],
"horizontalAlignment": "Center",
"minHeight": "44px",
"verticalContentAlignment": "Top"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "INFO",
"wrap": true,
"horizontalAlignment": "Center",
"weight": "Bolder",
"color": "Accent"
},
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/line_pivot_dark.svg",
"fillMode": "RepeatHorizontally",
"verticalAlignment": "Center"
},
"minHeight": "8px",
"spacing": "None",
"isVisible": false
}
],
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
"tab_info",
"tab_menu"
]
},
"id": "show_info",
"minHeight": "44px"
}
]
}
],
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "TODAY'S ROTATION",
"wrap": true,
"size": "Small",
"isSubtle": true,
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "80px",
"minHeight": "80px",
"items": [
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/korean.jpg",
"horizontalAlignment": "Center",
"verticalAlignment": "Center"
},
"minHeight": "80px",
"horizontalAlignment": "Center",
"verticalContentAlignment": "Center"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Left"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "Korean cuisine",
"wrap": true,
"weight": "Bolder",
"size": "Medium"
},
{
"type": "TextBlock",
"text": "Kimchi, Bibimbap, Red rice cakes, Bulgogi, Korean stew, Korean fried chicken, Spicy cold noodle",
"isSubtle": true,
"wrap": true,
"spacing": "Small",
"maxLines": 2
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": "20px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/arrow-right.png",
"horizontalAlignment": "Right",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center"
}
],
"selectAction": {
"type": "Action.ToggleVisibility"
}
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "80px",
"minHeight": "80px",
"items": [
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/dumplings.jpg",
"horizontalAlignment": "Center",
"verticalAlignment": "Center"
},
"minHeight": "80px",
"horizontalAlignment": "Center",
"verticalContentAlignment": "Center"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Left"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "Dim sum",
"wrap": true,
"weight": "Bolder",
"size": "Medium"
},
{
"type": "TextBlock",
"text": "Beef Balls, Rice Noodle Rolls, Curried Cuttlefish, Deep-Fried Crescent Dumplings, Egg Custard",
"isSubtle": true,
"wrap": true,
"spacing": "Small",
"maxLines": 2
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": "20px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/arrow-right.png",
"horizontalAlignment": "Right",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center"
}
],
"selectAction": {
"type": "Action.ToggleVisibility"
}
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "80px",
"minHeight": "80px",
"items": [
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/tandoori.jpg",
"horizontalAlignment": "Center",
"verticalAlignment": "Center"
},
"minHeight": "80px",
"horizontalAlignment": "Center",
"verticalContentAlignment": "Center"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Left"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "Indian cuisine",
"wrap": true,
"weight": "Bolder",
"size": "Medium"
},
{
"type": "TextBlock",
"text": "Chicken Makhani, Samosas, Naan, Matar Paneer, Rogan Josh, Tandoori Chicken, Shu’Bah’",
"isSubtle": true,
"wrap": true,
"spacing": "Small",
"maxLines": 2
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": "20px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/arrow-right.png",
"horizontalAlignment": "Right",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center"
}
],
"selectAction": {
"type": "Action.ToggleVisibility"
}
},
{
"type": "TextBlock",
"text": "RESIDENT VENUES",
"wrap": true,
"size": "Small",
"weight": "Bolder",
"isSubtle": true,
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "80px",
"minHeight": "80px",
"items": [
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/mixed1st.jpg",
"verticalAlignment": "Center",
"horizontalAlignment": "Center"
},
"minHeight": "80px",
"horizontalAlignment": "Center",
"verticalContentAlignment": "Center"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Left"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "in.gredients",
"wrap": true,
"weight": "Bolder",
"size": "Medium"
},
{
"type": "TextBlock",
"text": "1st: Onion soup / Mushroom tart, 2nd: New York steak / Caesar's salad, 3rd: Mango mousse / Ice cream ",
"isSubtle": true,
"wrap": true,
"spacing": "Small",
"maxLines": 2
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": "20px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/arrow-right.png",
"horizontalAlignment": "Right",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center"
}
],
"selectAction": {
"type": "Action.ToggleVisibility"
}
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "80px",
"minHeight": "80px",
"items": [
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/burgers.jpg",
"horizontalAlignment": "Center",
"verticalAlignment": "Center"
},
"minHeight": "80px",
"horizontalAlignment": "Center",
"verticalContentAlignment": "Center"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Left"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "Coup de grille",
"wrap": true,
"weight": "Bolder",
"size": "Medium"
},
{
"type": "TextBlock",
"text": "Burger, Cheeseburger, Grilled chicken, French fries, Onion rings, Kale salad",
"isSubtle": true,
"wrap": true,
"spacing": "Small",
"maxLines": 2
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": "20px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/arrow-right.png",
"horizontalAlignment": "Right",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center"
}
],
"selectAction": {
"type": "Action.ToggleVisibility"
}
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "80px",
"minHeight": "80px",
"items": [
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/eggsandwish.jpg",
"horizontalAlignment": "Center",
"verticalAlignment": "Center"
},
"minHeight": "80px",
"horizontalAlignment": "Center",
"verticalContentAlignment": "Center"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Left"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "Organic salad bar",
"wrap": true,
"weight": "Bolder",
"size": "Medium"
},
{
"type": "TextBlock",
"text": "Wide selection of organic components plus a protein of your choice",
"isSubtle": true,
"wrap": true,
"spacing": "Small",
"maxLines": 2
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": "20px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/arrow-right.png",
"horizontalAlignment": "Right",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center"
}
],
"selectAction": {
"type": "Action.ToggleVisibility"
}
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "80px",
"minHeight": "80px",
"items": [
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/pizza.jpg",
"verticalAlignment": "Center",
"horizontalAlignment": "Center"
},
"minHeight": "80px",
"horizontalAlignment": "Center",
"verticalContentAlignment": "Center"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Left"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "Hand-tossed pizza",
"wrap": true,
"weight": "Bolder",
"size": "Medium"
},
{
"type": "TextBlock",
"text": "Cheese, Veggie, Pepperoni, Margherita, BBQ Chicken, Hawaiian, DIY",
"isSubtle": true,
"wrap": true,
"spacing": "Small",
"maxLines": 2
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": "20px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/arrow-right.png",
"horizontalAlignment": "Right",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center"
}
],
"selectAction": {
"type": "Action.ToggleVisibility"
}
}
],
"spacing": "Medium",
"id": "tab_menu"
},
{
"type": "Container",
"items": [
{
"type": "Container",
"minHeight": "24px",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "MENU",
"wrap": true,
"weight": "Bolder",
"horizontalAlignment": "Center",
"color": "Accent"
},
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/line_pivot_dark.svg",
"fillMode": "RepeatHorizontally",
"verticalAlignment": "Center"
},
"minHeight": "8px",
"spacing": "None",
"isVisible": false
}
],
"horizontalAlignment": "Center",
"minHeight": "44px",
"verticalContentAlignment": "Top",
"id": "show_menu",
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
"tab_info",
"tab_menu"
]
}
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "INFO",
"wrap": true,
"horizontalAlignment": "Center",
"weight": "Bolder",
"color": "Default"
},
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/line_pivot_dark.svg",
"fillMode": "RepeatHorizontally",
"verticalAlignment": "Center"
},
"minHeight": "8px",
"spacing": "None"
}
],
"minHeight": "44px",
"verticalContentAlignment": "Top"
}
]
}
],
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "STATUS",
"wrap": true,
"size": "Small",
"weight": "Bolder",
"isSubtle": true
},
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/graph.gif"
},
"minHeight": "200px"
},
{
"type": "TextBlock",
"text": "ABOUT",
"wrap": true,
"spacing": "Medium",
"size": "Small",
"weight": "Bolder",
"isSubtle": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "16px",
"minHeight": "20px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/icn_hours.svg"
}
},
{
"type": "Column",
"width": "stretch",
"verticalContentAlignment": "Center",
"items": [
{
"type": "TextBlock",
"text": "Open 9AM – 2PM, Monday through Friday",
"wrap": true,
"size": "Default",
"spacing": "Small"
}
]
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "20px",
"minHeight": "20px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/icn_location.svg"
}
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Nearest venue based on your location",
"wrap": true,
"spacing": "Small"
}
],
"verticalContentAlignment": "Center"
}
],
"separator": true,
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "20px",
"minHeight": "20px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/visual-list/assets/icn_venues.svg"
}
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "4 stations and 1 à la carte restaurant",
"wrap": true,
"spacing": "Small"
}
],
"verticalContentAlignment": "Center"
}
],
"separator": true,
"spacing": "Medium"
}
],
"id": "tab_info",
"isVisible": false,
"spacing": "Medium"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"backgroundImage": {
"horizontalAlignment": "Center"
}
}

701
samples/react-adaptive-card-host-control/src/samples/ac-qv-calendar.json Normal file
View File

@ -0,0 +1,701 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"body": [{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"width": 26,
"items": [{
"type": "TextBlock",
"text": "« Previous",
"wrap": true,
"weight": "Bolder",
"size": "Default",
"fontType": "Default",
"color": "Accent",
"isSubtle": false
}],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 48,
"items": [{
"type": "TextBlock",
"text": "Oct 2021",
"wrap": true,
"size": "Large",
"fontType": "Default",
"weight": "Bolder",
"color": "Default",
"isSubtle": false,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": 26,
"items": [{
"type": "TextBlock",
"text": "Next »",
"wrap": true,
"horizontalAlignment": "Right",
"weight": "Bolder",
"fontType": "Default",
"size": "Default",
"color": "Accent"
}],
"verticalContentAlignment": "Center"
}
],
"style": "default"
},
{
"type": "Container",
"spacing": "Large"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "S",
"wrap": true,
"weight": "Bolder",
"isSubtle": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"items": [{
"type": "TextBlock",
"text": "M",
"wrap": true,
"weight": "Bolder",
"isSubtle": true,
"horizontalAlignment": "Center"
}],
"width": "stretch"
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "T",
"wrap": true,
"weight": "Bolder",
"isSubtle": true,
"color": "Default",
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "W",
"wrap": true,
"weight": "Bolder",
"color": "Default",
"isSubtle": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "T",
"wrap": true,
"weight": "Bolder",
"color": "Default",
"isSubtle": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "F",
"wrap": true,
"weight": "Bolder",
"color": "Default",
"isSubtle": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "S",
"wrap": true,
"weight": "Bolder",
"color": "Default",
"isSubtle": true,
"horizontalAlignment": "Center"
}]
}
]
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"width": "stretch"
},
{
"type": "Column",
"width": "stretch"
},
{
"type": "Column",
"width": "stretch"
},
{
"type": "Column",
"width": "stretch"
},
{
"type": "Column",
"width": "stretch"
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "1",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "2",
"wrap": true,
"isSubtle": false,
"horizontalAlignment": "Center"
}]
}
],
"style": "default",
"spacing": "Large"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "3",
"wrap": true,
"isSubtle": false,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "4",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "5",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "6",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "7",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "8",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "9",
"wrap": true,
"isSubtle": false,
"horizontalAlignment": "Center"
}]
}
],
"style": "default",
"spacing": "Large"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "10",
"wrap": true,
"weight": "Default",
"color": "Default",
"isSubtle": false,
"horizontalAlignment": "Center"
}],
"horizontalAlignment": "Center"
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "11",
"wrap": true,
"weight": "Default",
"color": "Default",
"horizontalAlignment": "Center"
}],
"horizontalAlignment": "Right"
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "12",
"wrap": true,
"weight": "Default",
"color": "Default",
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "13",
"wrap": true,
"weight": "Default",
"color": "Default",
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "14",
"wrap": true,
"weight": "Default",
"color": "Default",
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "15",
"wrap": true,
"weight": "Default",
"color": "Default",
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "16",
"wrap": true,
"weight": "Default",
"color": "Default",
"isSubtle": false,
"horizontalAlignment": "Center"
}]
}
],
"style": "accent",
"height": "stretch",
"bleed": true,
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "17",
"wrap": true,
"color": "Default",
"weight": "Default",
"isSubtle": false,
"horizontalAlignment": "Center"
}],
"horizontalAlignment": "Center"
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "18",
"wrap": true,
"weight": "Default",
"color": "Default",
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "19",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "20",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "21",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "22",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "23",
"wrap": true,
"isSubtle": false,
"horizontalAlignment": "Center"
}]
}
],
"style": "default",
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "24",
"wrap": true,
"isSubtle": false,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "25",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "26",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "27",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "28",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "29",
"wrap": true,
"horizontalAlignment": "Center"
}]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "30",
"wrap": true,
"isSubtle": false,
"horizontalAlignment": "Center"
}]
}
],
"spacing": "Large"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": "31",
"wrap": true,
"isSubtle": false,
"horizontalAlignment": "Center"
}],
"horizontalAlignment": "Center"
},
{
"type": "Column",
"width": "stretch"
},
{
"type": "Column",
"width": "stretch"
},
{
"type": "Column",
"width": "stretch"
},
{
"type": "Column",
"width": "stretch"
},
{
"type": "Column",
"width": "stretch"
},
{
"type": "Column",
"width": "stretch"
}
],
"spacing": "Large"
},
{
"type": "Container",
"spacing": "Large"
},
{
"type": "Container",
"items": [{
"type": "Container",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "3 team members are out of office",
"wrap": true,
"size": "Medium",
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"items": [{
"type": "TextBlock",
"text": "Oct 11-13",
"wrap": true,
"color": "Default",
"isSubtle": false
}],
"width": "80px"
},
{
"type": "Column",
"items": [{
"type": "TextBlock",
"text": "Lynne on vacation",
"wrap": true
}],
"width": 100
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"items": [{
"type": "TextBlock",
"text": "Oct 12",
"wrap": true
}],
"width": "80px"
},
{
"type": "Column",
"items": [{
"type": "TextBlock",
"text": "Lee away for doctor's appointment",
"wrap": true
}],
"width": 100
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"items": [{
"type": "TextBlock",
"text": "Oct 14",
"wrap": true
}],
"width": "80px"
},
{
"type": "Column",
"items": [{
"type": "TextBlock",
"text": "Lidia out of office",
"wrap": true
}],
"width": 100
}
],
"spacing": "Medium"
},
{
"type": "Container",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "1 report due",
"wrap": true,
"weight": "Bolder",
"size": "Medium"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"width": "80px",
"items": [{
"type": "TextBlock",
"text": "Oct 15",
"wrap": true
}]
},
{
"type": "Column",
"width": 100,
"items": [{
"type": "TextBlock",
"text": "Team report due",
"wrap": true
}]
}
],
"spacing": "Medium"
}
],
"style": "emphasis"
}
]
}

824
samples/react-adaptive-card-host-control/src/samples/ac-qv-event.json Normal file
View File

@ -0,0 +1,824 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"body": [
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/event-schedule/assets/Ignite-2021-fall-trim.gif",
"horizontalAlignment": "Center",
"verticalAlignment": "Center"
},
"bleed": true,
"height": "stretch",
"minHeight": "240px",
"horizontalAlignment": "Center",
"spacing": "None"
},
{
"type": "TextBlock",
"text": "Microsoft Ignite 2021",
"wrap": true,
"size": "Small",
"isSubtle": true
},
{
"type": "TextBlock",
"text": "Schedule",
"wrap": true,
"size": "Large",
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "Join us November 2–3, 2021 to explore the latest tools, training sessions, technical expertise, networking opportunities, and more.",
"wrap": true
},
{
"type": "TextBlock",
"text": "See what’s coming up and when it will be happening. The schedule adjusts to your time zone and content is updated regularly, so check back often.",
"wrap": true,
"size": "Default"
},
{
"type": "Container",
"id": "day_1",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "DAY 1",
"wrap": true,
"weight": "Bolder",
"horizontalAlignment": "Center"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "DAY 2",
"wrap": true,
"color": "Accent",
"horizontalAlignment": "Center"
}
],
"id": "show_d2",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "Show day 2 schedule",
"targetElements": [
"day_1",
"day_2"
]
}
}
],
"spacing": "Large"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/event-schedule/assets/line_pivot_dark.svg",
"fillMode": "RepeatHorizontally",
"verticalAlignment": "Center"
},
"minHeight": "3px",
"style": "default"
},
{
"type": "Column",
"width": "stretch",
"minHeight": "3px",
"backgroundImage": {
"fillMode": "RepeatHorizontally",
"verticalAlignment": "Center"
}
}
],
"spacing": "None"
},
{
"type": "TextBlock",
"text": "Tuesday, November 2",
"wrap": true,
"size": "Medium",
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "Time",
"wrap": true,
"size": "Small",
"color": "Accent",
"isSubtle": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Description",
"wrap": true,
"size": "Small",
"color": "Accent",
"isSubtle": true,
"weight": "Bolder"
}
]
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "8:00 AM - 8:15 AM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Welcome to Microsoft Ignite: join your daily hosts who will get you ready for the day.",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "8:15 AM - 11:00 AM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Keynotes: hear from Microsoft leadership on revealing the latest innovations that are shaping the flexible, innovative, and secure business environments of the future.",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "11:30 AM - 4:00 PM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Breakout Sessions: you have the opportunity to select the sessions best suited for your role and interests.",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "11:30 AM - 4:00 PM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Connection and Learning Zone: connect with your global community in live interactive sessions, join Learning Zone opportunities, get Microsoft Certified and so much more.",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "7:15 PM - 10:00 PM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Welcome to Microsoft Ignite's APAC broadcast: hear from Microsoft leadership on revealing the latest innovations that are shaping the flexible, innovative, and secure business environments of the future. ",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "10:00 PM - 1:00 AM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Connection Zone: join your community and hear from local Microsoft leaders and experts through Local Connection sessions to find out what's new in your region.",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
}
],
"spacing": "Large"
},
{
"type": "Container",
"id": "day_2",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "DAY 1",
"wrap": true,
"weight": "Default",
"color": "Accent",
"horizontalAlignment": "Center"
}
],
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "Show day 1 schedule",
"targetElements": [
"day_1",
"day_2"
]
},
"id": "show_d1"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "DAY 2",
"wrap": true,
"color": "Default",
"weight": "Bolder",
"horizontalAlignment": "Center"
}
]
}
],
"spacing": "Large"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"backgroundImage": {
"fillMode": "RepeatHorizontally",
"verticalAlignment": "Center"
},
"minHeight": "3px",
"style": "default"
},
{
"type": "Column",
"width": "stretch",
"minHeight": "3px",
"backgroundImage": {
"fillMode": "RepeatHorizontally",
"verticalAlignment": "Center",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/event-schedule/assets/line_pivot_dark.svg"
}
}
],
"spacing": "None"
},
{
"type": "TextBlock",
"text": "Wednesday, November 3",
"wrap": true,
"size": "Medium",
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "Time",
"wrap": true,
"size": "Small",
"color": "Accent",
"isSubtle": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Description",
"wrap": true,
"size": "Small",
"color": "Accent",
"isSubtle": true,
"weight": "Bolder"
}
]
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "1:00 AM - 3:45 AM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Welcome to Microsoft Ignite's EMEA broadcast: hear from Microsoft leadership on revealing the latest innovations that are shaping the flexible, innovative, and secure business environments of the future. ",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "8:00 AM - 8:10 AM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Welcome to Microsoft Ignite day two: join your daily hosts who will get you ready for the day.",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "8:10 AM - 10:00 AM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Microsoft Into Focus Business Applications: Join us for conversations with Microsoft leaders and engineers to discuss the news and innovations.",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "10:30 AM - 12:00 PM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Microsoft Into Focus Security: hear from Microsoft Leaders and industry experts on trending security topics. ",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "8:30 AM - 4:00 PM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Breakout Sessions: you have the opportunity to select the sessions best suited for your role and interests.",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "8:30 AM - 4:00 PM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Connection and Learning Zone: connect with your global community in live interactive sessions, join Learning Zone opportunities, get Microsoft Certified and so much more.",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "6:00 PM - 10:00 PM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Welcome to Microsoft Ignite day two APAC broadcast: join your daily hosts who will get you ready for the day. join us for the broadcast of Microsoft Into Focus Business Applications and Microsoft Into Focus Security. ",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "10:00 PM - 1:00 AM",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 65,
"items": [
{
"type": "TextBlock",
"text": "Connection Zone: join your community and hear from local Microsoft leaders and experts through Local Connection sessions to find out what's new in your region.",
"wrap": true,
"size": "Default"
}
]
}
],
"separator": true
}
],
"spacing": "Large",
"isVisible": false
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.ToggleVisibility",
"title": "Register",
"style": "positive",
"targetElements": [
"Reg_form",
"show_reg"
]
}
],
"spacing": "ExtraLarge",
"id": "show_reg"
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "Registration form",
"wrap": true,
"size": "Large",
"weight": "Bolder",
"spacing": "ExtraLarge"
},
{
"type": "Input.Text",
"placeholder": "Type your first name",
"label": "First name",
"value": "John",
"isRequired": true,
"errorMessage": "Enter your first name.",
"id": "first_name"
},
{
"type": "Input.Text",
"label": "Last name",
"isRequired": true,
"placeholder": "Type your last name",
"value": "Doe",
"errorMessage": "Enter your last name.",
"id": "last_name"
},
{
"type": "Input.Text",
"label": "Company",
"isRequired": true,
"placeholder": "Add you company name",
"errorMessage": "Enter your company name.",
"id": "company_name"
},
{
"type": "Input.Text",
"placeholder": "(000) 000-0000",
"label": "Phone",
"regex": "(000) 000-0000",
"isRequired": true,
"errorMessage": "Enter your phone number.",
"id": "phone"
},
{
"type": "TextBlock",
"text": "An email containing a One-Time Passcode will be sent to the email address you have provided.",
"wrap": true,
"isSubtle": true,
"size": "Small",
"spacing": "Small"
},
{
"type": "Input.Toggle",
"title": "By continuing, you acknowledge that you’ve read and accepted our Notice of Privacy Practices.",
"wrap": true,
"spacing": "Medium",
"errorMessage": "Please accept Notice of Privacy Practices.",
"id": "accept_policy"
},
{
"type": "ActionSet",
"spacing": "Medium",
"actions": [
{
"type": "Action.Submit",
"title": "Submit",
"style": "positive",
"associatedInputs": "none",
"id": "data_send"
},
{
"type": "Action.ToggleVisibility",
"title": "Cancel",
"id": "hide_reg",
"targetElements": [
"Reg_form",
"show_reg"
]
}
]
}
],
"isVisible": false,
"spacing": "ExtraLarge",
"id": "Reg_form"
}
]
}

670
samples/react-adaptive-card-host-control/src/samples/ac-qv-faqs.json Normal file
View File

@ -0,0 +1,670 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"__comment": "Elements used",
"body": [
{
"type": "Container",
"spacing": "None",
"minHeight": "8px"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "64px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/officelogo.png"
},
{
"type": "TextBlock",
"text": "OFFICE",
"wrap": true,
"size": "Small",
"color": "Dark",
"weight": "Bolder",
"horizontalAlignment": "Center"
}
],
"horizontalAlignment": "Center"
},
{
"type": "Column",
"width": "stretch"
}
]
},
{
"type": "TextBlock",
"text": "Frequently asked questions",
"wrap": true,
"size": "ExtraLarge",
"weight": "Bolder",
"spacing": "Large"
},
{
"type": "TextBlock",
"text": "Plan a remote gathering, create school projects, set health and fitness goals, and manage your household budget with the apps, tools, and features of Microsoft 365.",
"wrap": true
},
{
"type": "Container",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "q1",
"targetElements": [
"a1",
"chevron_up1",
"chevron_down1"
]
},
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"wrap": true,
"text": "What Office apps do I get with Microsoft 365?",
"weight": "Bolder",
"spacing": "Large",
"separator": true
}
]
},
{
"type": "Column",
"width": "28px",
"verticalContentAlignment": "Center",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/ico-up.png",
"width": "20px",
"height": "20px",
"id": "chevron_up1"
},
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/ico-down.png",
"id": "chevron_down1",
"width": "20px",
"height": "20px",
"isVisible": false
}
]
}
]
}
],
"verticalContentAlignment": "Center",
"minHeight": "30px",
"spacing": "Large",
"style": "emphasis"
},
{
"type": "Container",
"id": "a1",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "8px"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Get Office apps such as Word, Excel, PowerPoint, Outlook, OneNote, OneDrive, and more.\n\nLearn more about Microsoft 365 plans for:",
"wrap": true,
"spacing": "Padding"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/icn_home.svg",
"width": "64px",
"height": "64px"
},
{
"type": "TextBlock",
"text": "Home",
"wrap": true,
"horizontalAlignment": "Center",
"weight": "Bolder"
}
],
"style": "emphasis",
"selectAction": {
"type": "Action.OpenUrl",
"url": "https://www.microsoft.com/en-us/microsoft-365/explore-microsoft-365-for-home",
"title": "Learn more"
}
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/icn_business.svg",
"width": "64px",
"height": "64px",
"horizontalAlignment": "Center"
},
{
"type": "TextBlock",
"text": "Business",
"wrap": true,
"horizontalAlignment": "Center",
"weight": "Bolder"
}
],
"style": "emphasis",
"selectAction": {
"type": "Action.OpenUrl",
"url": "Learn more ",
"title": "Learn more"
}
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/icn_enterprise.svg",
"horizontalAlignment": "Center",
"width": "64px",
"height": "64px"
},
{
"type": "TextBlock",
"text": "Enterprise",
"wrap": true,
"weight": "Bolder",
"horizontalAlignment": "Center"
}
],
"style": "emphasis",
"selectAction": {
"type": "Action.OpenUrl",
"url": "https://www.microsoft.com/en-us/microsoft-365/enterprise",
"title": "Learn more"
}
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/icn_education.svg",
"horizontalAlignment": "Center",
"width": "64px",
"height": "64px"
},
{
"type": "TextBlock",
"text": "Education",
"wrap": true,
"horizontalAlignment": "Center",
"weight": "Bolder"
}
],
"style": "emphasis",
"selectAction": {
"type": "Action.OpenUrl",
"url": "https://go.microsoft.com/fwlink/p/?LinkID=864773&clcid=0x409&culture=en-us&country=US",
"title": "Learn more"
}
}
]
}
]
}
]
},
{
"type": "Container",
"spacing": "None",
"minHeight": "24px"
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "What is the difference between Office 365 and Microsoft 365?",
"wrap": true,
"separator": true,
"spacing": "Large",
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "28px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/ico-up.png",
"width": "20px",
"height": "20px",
"id": "chevron_up2",
"isVisible": false
},
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/ico-down.png",
"id": "chevron_down2",
"width": "20px",
"height": "20px"
}
]
}
]
}
],
"style": "emphasis",
"spacing": "Small",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "q2",
"targetElements": [
"a2",
"chevron_up2",
"chevron_down2"
]
}
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "8px"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Microsoft 365 includes everything you know in Office 365. Microsoft 365 is designed to help people and businesses achieve more with innovative Office apps, intelligent cloud services, and world-class security.",
"wrap": true,
"spacing": "Medium"
}
]
}
]
},
{
"type": "Container",
"minHeight": "24px"
}
],
"isVisible": false,
"id": "a2"
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Is internet access required for Microsoft 365?",
"wrap": true,
"spacing": "Large",
"separator": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "28px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/ico-up.png",
"width": "20px",
"height": "20px",
"id": "chevron_up3",
"isVisible": false
},
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/ico-down.png",
"id": "chevron_down3",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center"
}
]
}
],
"style": "emphasis",
"spacing": "Small",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "q3",
"targetElements": [
"a3",
"chevron_up3",
"chevron_down3"
]
}
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "8px"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Yes, internet access is required to install and activate Microsoft 365 and get all the latest releases of apps and services.\n\nNote that if you are an existing subscriber, you do not need to reinstall or purchase another subscription.\n\nYou do not need to be connected to the Internet to use the Office apps, such as Word, Excel, and PowerPoint, because the apps are fully installed on your computer.",
"wrap": true,
"spacing": "Medium"
}
]
}
]
},
{
"type": "Container",
"minHeight": "24px"
}
],
"id": "a3",
"isVisible": false
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "What happens to existing Office 365 subscriptions for home and business?",
"wrap": true,
"spacing": "Large",
"separator": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "28px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/ico-up.png",
"width": "20px",
"height": "20px",
"id": "chevron_up4",
"isVisible": false
},
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/ico-down.png",
"id": "chevron_down4",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center"
}
]
}
],
"spacing": "Small",
"style": "emphasis",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "q4",
"targetElements": [
"a4",
"chevron_up4",
"chevron_down4"
]
}
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "8px"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Some Office 365 subscriptions automatically become Microsoft 365 subscriptions. No action required.\n\n- Office 365 Personal becomes Microsoft 365 Personal.\n- Office 365 Home becomes Microsoft 365 Family.\n- Office 365 Business Essentials becomes Microsoft 365 Business Basic.\n- Office 365 Business Premium becomes Microsoft 365 Business Standard.\n- Microsoft 365 Business becomes Microsoft 365 Business Premium.\n- Office 365 Business becomes Microsoft 365 Apps for business.\n- Office 365 ProPlus becomes Microsoft 365 Apps for enterprise.\n \n\nThere are no changes to the following Office 365 for enterprise plans:\n- Office 365 E1\n- Office 365 E3\n- Office 365 E5",
"wrap": true,
"spacing": "Small"
}
]
}
]
},
{
"type": "Container",
"minHeight": "24px"
}
],
"id": "a4",
"isVisible": false
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Does Microsoft 365 cost more?",
"wrap": true,
"spacing": "Large",
"separator": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "28px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/ico-up.png",
"width": "20px",
"height": "20px",
"id": "chevron_up5",
"isVisible": false
},
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/faq-accordion/assets/ico-down.png",
"id": "chevron_down5",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center"
}
]
}
],
"spacing": "Small",
"style": "emphasis",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "q5",
"targetElements": [
"a5",
"chevron_up5",
"chevron_down5"
]
}
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "8px"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "No, the subscription cost will not change.",
"wrap": true
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "Container",
"minHeight": "8px"
}
],
"minHeight": "24px"
}
],
"id": "a5",
"isVisible": false,
"spacing": "Small"
},
{
"type": "Container",
"spacing": "ExtraLarge",
"style": "accent",
"items": [
{
"type": "Container",
"style": "accent",
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "Still curious?",
"wrap": true,
"size": "Medium",
"weight": "Bolder"
},
{
"type": "Input.Text",
"placeholder": "Ask your question here",
"id": "ipt_question"
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"style": "positive",
"title": "Get answers",
"id": "btn_search"
}
]
}
],
"style": "accent"
}
]
}
],
"backgroundImage": {
"verticalAlignment": "Center",
"horizontalAlignment": "Center"
},
"verticalContentAlignment": "Bottom",
"minHeight": "2px"
}
]
}

181
samples/react-adaptive-card-host-control/src/samples/ac-qv-form.json Normal file
View File

@ -0,0 +1,181 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"body": [
{
"type": "Container",
"spacing": "None",
"minHeight": "8px"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "200px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/vaccination-booster/assets/HealthCenterLogo.png",
"height": "50px",
"horizontalAlignment": "Left"
}
],
"horizontalAlignment": "Center"
},
{
"type": "Column",
"width": "stretch"
}
]
},
{
"type": "TextBlock",
"text": "Schedule your FREE COVID-19 booster appointment today",
"wrap": true,
"size": "ExtraLarge",
"weight": "Bolder",
"spacing": "Large"
},
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/vaccination-booster/assets/Vaccine_Image.jpeg",
"horizontalAlignment": "Center",
"verticalAlignment": "Center"
},
"bleed": true,
"height": "stretch",
"minHeight": "240px",
"horizontalAlignment": "Center",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "Some vaccines are a series of multiple shots or doses. Tell us which dose you need so we can have it ready.",
"wrap": true,
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "\n\nAll fields are required.",
"wrap": true,
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "COVID-19 dosage information",
"wrap": true,
"spacing": "Medium",
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "We can help you start a vaccination or schedule a second dose. Patients 5-17 years of age can only receive the Pfizer vaccine at this time.\n\nBooster dose: You're eligible if you were fully vaccinated with Pfizer or Moderna over 6 months ago, or Janssen/J&J over 2 months ago, and meet the CDC booster eligibility requirements.\n\nExtra dose: You're eligible if you were fully vaccinated with Pfizer or Moderna over 28 days ago, have a weakened immune system, and meet the CDC extra dose eligibility requirements.",
"wrap": true,
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "Previous dose",
"wrap": true,
"size": "Medium",
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "Input.Date",
"placeholder": "MMDDYYYY",
"label": "Enter the date when you received your last dose:",
"value": "John",
"isRequired": true,
"errorMessage": "Select the vaccine you received:",
"id": "first_name"
},
{
"type": "Input.ChoiceSet",
"choices": [
{
"title": "PFIZER COVID-19 VACCINE",
"value": "PFIZER COVID-19 VACCINE"
},
{
"title": "JANSSEN COVID-19 VACCINE (EUA)",
"value": "JANSSEN COVID-19 VACCINE (EUA)"
},
{
"title": "MODERNA COVID-19 VACCINE (EUA)",
"value": "MODERNA COVID-19 VACCINE (EUA)"
},
{
"title": "Other/I don't know",
"value": "Other/I don't know"
}
],
"placeholder": "Placeholder text",
"style": "expanded",
"label": "Select the vaccine you received:",
"value": "Female",
"isRequired": true,
"errorMessage": "Choose your vaccine.",
"id": "vaccine"
},
{
"type": "TextBlock",
"text": "Booster vaccine",
"wrap": true,
"size": "Medium",
"weight": "Bolder",
"spacing": "Large"
},
{
"type": "Input.Date",
"placeholder": "MMDDYYYY",
"label": "Select the date you would like to receive your COVID-19 booster vaccine:",
"value": "John",
"isRequired": true,
"errorMessage": "Select the date you would like to receive your COVID-19 booster vaccine:",
"id": "booster_date"
},
{
"type": "Input.ChoiceSet",
"choices": [
{
"title": "PFIZER COVID-19 VACCINE",
"value": "PFIZER COVID-19 VACCINE"
},
{
"title": "JANSSEN COVID-19 VACCINE (EUA)",
"value": "JANSSEN COVID-19 VACCINE (EUA)"
}
],
"placeholder": "Placeholder text",
"style": "expanded",
"label": "Select the COVID-19 booster vaccine you would like to receive:",
"value": "Female",
"isRequired": true,
"errorMessage": "Choose your vaccine.",
"id": "vaccine_booster_2"
},
{
"type": "ActionSet",
"spacing": "Medium",
"actions": [
{
"type": "Action.Submit",
"title": "Continue",
"style": "positive",
"associatedInputs": "none",
"id": "data_send"
},
{
"type": "Action.Submit",
"title": "Cancel",
"associatedInputs": "none",
"id": "form_cancel"
}
]
}
]
}

440
samples/react-adaptive-card-host-control/src/samples/ac-qv-holidays.json Normal file
View File

@ -0,0 +1,440 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"body": [
{
"type": "Container"
},
{
"type": "TextBlock",
"text": "2021",
"wrap": true,
"size": "ExtraLarge",
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "Three holidays remaining this year.",
"wrap": true,
"size": "Small"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "40px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/timeline-holidays/assets/timeline_node.svg",
"horizontalAlignment": "Center",
"fillMode": "RepeatVertically"
},
"horizontalAlignment": "Right"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Container",
"spacing": "None",
"minHeight": "4px",
"items": [
{
"type": "Container",
"minHeight": "18px"
},
{
"type": "TextBlock",
"text": "November 25",
"wrap": true,
"weight": "Bolder",
"color": "Accent"
},
{
"type": "Container",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/timeline-holidays/assets/autumn.jpg",
"horizontalAlignment": "Center",
"verticalAlignment": "Center"
},
"minHeight": "160px",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "Thanksgiving",
"wrap": true,
"size": "Large",
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "Thursday, November 25, 2021",
"wrap": true,
"size": "Small",
"isSubtle": true
},
{
"type": "TextBlock",
"text": "In 1789, President George Washington proclaimed Nov. 26, 1789 as the first nation-wide day of Thanksgiving, marking the event as a time of public prayer.",
"wrap": true
}
]
}
]
},
{
"type": "Column",
"width": "16px"
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "40px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/timeline-holidays/assets/timeline_node.svg",
"horizontalAlignment": "Center",
"fillMode": "RepeatVertically"
},
"horizontalAlignment": "Right"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Container",
"spacing": "None",
"minHeight": "4px",
"items": [
{
"type": "Container",
"minHeight": "18px"
},
{
"type": "TextBlock",
"text": "December 24",
"wrap": true,
"weight": "Bolder",
"color": "Accent"
},
{
"type": "TextBlock",
"text": "Christmas eve",
"wrap": true,
"size": "Large",
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "Friday, December 24, 2021",
"wrap": true,
"size": "Small",
"isSubtle": true
},
{
"type": "TextBlock",
"text": "Celebrating the evening before Christmas Day which celebrates the birth of Jesus Christ",
"wrap": true
}
]
}
]
},
{
"type": "Column",
"width": "16px"
}
],
"spacing": "None"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "40px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/timeline-holidays/assets/timeline_node.svg",
"horizontalAlignment": "Center",
"fillMode": "RepeatVertically"
},
"horizontalAlignment": "Right"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Container",
"spacing": "None",
"minHeight": "4px",
"items": [
{
"type": "Container",
"minHeight": "18px"
},
{
"type": "TextBlock",
"text": "December 31",
"wrap": true,
"weight": "Bolder",
"color": "Accent"
},
{
"type": "TextBlock",
"text": "New Year's eve",
"wrap": true,
"size": "Large",
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "Friday, December 31, 2021",
"wrap": true,
"size": "Small",
"isSubtle": true
},
{
"type": "TextBlock",
"text": "The last day of the year which Americans reflect back over the past year and look forward to the new year.",
"wrap": true
}
]
}
]
},
{
"type": "Column",
"width": "16px"
}
],
"spacing": "None"
},
{
"type": "TextBlock",
"text": "2022",
"wrap": true,
"size": "ExtraLarge",
"weight": "Bolder",
"spacing": "ExtraLarge"
},
{
"type": "TextBlock",
"text": "15 holidays will be celebrated this year.",
"wrap": true,
"size": "Small"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "40px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/timeline-holidays/assets/timeline_node.svg",
"horizontalAlignment": "Center",
"fillMode": "RepeatVertically"
},
"horizontalAlignment": "Right"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Container",
"spacing": "None",
"minHeight": "4px",
"items": [
{
"type": "Container",
"minHeight": "18px"
},
{
"type": "TextBlock",
"text": "January 1",
"wrap": true,
"weight": "Bolder",
"color": "Accent"
},
{
"type": "TextBlock",
"text": "New Year's day",
"wrap": true,
"size": "Large",
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "Saturday, January 1, 2022",
"wrap": true,
"size": "Small",
"isSubtle": true
},
{
"type": "TextBlock",
"text": "January 1, celebrating in the United States the first day of the first month on the Gregorian calendar.",
"wrap": true
}
]
}
]
},
{
"type": "Column",
"width": "16px"
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "40px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/timeline-holidays/assets/timeline_node.svg",
"horizontalAlignment": "Center",
"fillMode": "RepeatVertically"
},
"horizontalAlignment": "Right"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Container",
"spacing": "None",
"minHeight": "4px",
"items": [
{
"type": "Container",
"minHeight": "18px"
},
{
"type": "TextBlock",
"text": "January 17",
"wrap": true,
"weight": "Bolder",
"color": "Accent"
},
{
"type": "TextBlock",
"text": "MLK",
"wrap": true,
"size": "Large",
"weight": "Bolder",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "Monday, January 17, 2022",
"wrap": true,
"size": "Small",
"isSubtle": true
},
{
"type": "TextBlock",
"text": "Honors the famous American civil rights leader who dedicated his life to achieving equality for people of all colors.",
"wrap": true
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "Long weekend opportunity!",
"wrap": true,
"weight": "Bolder",
"size": "Small"
},
{
"type": "TextBlock",
"text": "Extend this holiday by taking Friday, January 14 or Tuesday, January 18 off. You have 5 days of paid time off available in 2022.",
"wrap": true,
"size": "Small"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "32px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/timeline-holidays/assets/icn_beach.svg",
"width": "20px",
"height": "20px"
}
]
},
{
"type": "Column",
"width": "stretch",
"verticalContentAlignment": "Center",
"items": [
{
"type": "TextBlock",
"text": "Time off",
"wrap": true,
"color": "Accent"
}
]
}
],
"spacing": "Medium"
}
],
"selectAction": {
"type": "Action.OpenUrl",
"url": "https://www.microsoft.com/en-us/about",
"title": "Time off"
},
"minHeight": "24px",
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": "stretch"
}
],
"spacing": "Medium"
}
],
"style": "emphasis",
"spacing": "Medium"
}
]
}
]
},
{
"type": "Column",
"width": "16px"
}
],
"spacing": "None"
}
]
}

724
samples/react-adaptive-card-host-control/src/samples/ac-qv-inventory.json Normal file
View File

@ -0,0 +1,724 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"body": [
{
"type": "Container"
},
{
"type": "TextBlock",
"text": "Distribution center #73",
"wrap": true,
"weight": "Bolder",
"size": "ExtraLarge",
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": " As of 11:45 AM • San Diego, CA",
"wrap": true,
"size": "Small",
"isSubtle": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 48,
"items": [
{
"type": "TextBlock",
"text": "Available",
"wrap": true,
"size": "Small",
"weight": "Bolder",
"isSubtle": true
},
{
"type": "TextBlock",
"text": "10.82M",
"wrap": true,
"size": "ExtraLarge",
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "28px",
"items": [
{
"type": "TextBlock",
"text": "\t⬆",
"wrap": true,
"color": "Good"
}
]
},
{
"type": "Column",
"width": "stretch",
"verticalContentAlignment": "Center",
"items": [
{
"type": "TextBlock",
"text": "+8.00%",
"wrap": true
}
]
}
],
"style": "good",
"spacing": "Medium"
}
],
"style": "emphasis"
},
{
"type": "Column",
"width": 4
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Ready to ship",
"wrap": true,
"size": "Small",
"weight": "Bolder",
"isSubtle": true
},
{
"type": "TextBlock",
"text": "946k",
"wrap": true,
"size": "ExtraLarge",
"weight": "Bolder"
},
{
"type": "ColumnSet",
"style": "good",
"columns": [
{
"type": "Column",
"width": "28px",
"items": [
{
"type": "TextBlock",
"text": "\t⬆",
"wrap": true,
"color": "Good"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "+2.56%",
"wrap": true
}
],
"verticalContentAlignment": "Center"
}
],
"spacing": "Medium"
}
],
"width": 48,
"style": "emphasis"
}
],
"spacing": "Large"
},
{
"type": "TextBlock",
"text": "Top selling items",
"wrap": true,
"spacing": "ExtraLarge",
"size": "Medium",
"weight": "Bolder"
},
{
"type": "Container"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "50px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/9f06f6552e9eb40f525ac81ea0e38a79a2239371/samples/inventory/assets/icn_keyboard.svg",
"width": "48px",
"height": "48px",
"horizontalAlignment": "Center"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 75,
"items": [
{
"type": "TextBlock",
"text": "Surface Pro Signature Keyboard",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "56k",
"wrap": true
}
]
},
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "+11k",
"wrap": true,
"color": "Good"
}
]
},
{
"type": "Column",
"width": 33
}
],
"spacing": "Small"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 5,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/inventory/assets/arrowforward.png",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Right"
}
],
"spacing": "Medium",
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "50px",
"items": [
{
"type": "Image",
"width": "48px",
"height": "48px",
"horizontalAlignment": "Center",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/9f06f6552e9eb40f525ac81ea0e38a79a2239371/samples/inventory/assets/icn_pen.svg"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 75,
"items": [
{
"type": "TextBlock",
"text": "Surface Slim Pen 2",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "4,556k",
"wrap": true
}
]
},
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "–",
"wrap": true
}
]
},
{
"type": "Column",
"width": 33
}
],
"spacing": "Small"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 5,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/inventory/assets/arrowforward.png",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Right"
}
],
"spacing": "Medium",
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "50px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/9f06f6552e9eb40f525ac81ea0e38a79a2239371/samples/inventory/assets/icn_a11y.svg",
"width": "48px",
"height": "48px",
"horizontalAlignment": "Center"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 75,
"items": [
{
"type": "TextBlock",
"text": "Surface Adaptive Kit",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "256k",
"wrap": true
}
]
},
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "+3k",
"wrap": true,
"color": "Good"
}
]
},
{
"type": "Column",
"width": 33
}
],
"spacing": "Small"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 5,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/inventory/assets/arrowforward.png",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Right"
}
],
"spacing": "Medium",
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "50px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/9f06f6552e9eb40f525ac81ea0e38a79a2239371/samples/inventory/assets/icn_power.svg",
"width": "48px",
"height": "48px",
"horizontalAlignment": "Center"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 75,
"items": [
{
"type": "TextBlock",
"text": "Surface 23W USB-C Power Supply",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "750k",
"wrap": true
}
]
},
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "+123k",
"wrap": true,
"color": "Good"
}
]
},
{
"type": "Column",
"width": 33
}
],
"spacing": "Small"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 5,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/inventory/assets/arrowforward.png",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Right"
}
],
"spacing": "Medium",
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "50px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/9f06f6552e9eb40f525ac81ea0e38a79a2239371/samples/inventory/assets/icn_earbuds.svg",
"width": "48px",
"height": "48px",
"horizontalAlignment": "Center"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 75,
"items": [
{
"type": "TextBlock",
"text": "Surface Earbuds",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "1,312k",
"wrap": true
}
]
},
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "+423k",
"wrap": true,
"color": "Good"
}
]
},
{
"type": "Column",
"width": 33
}
],
"spacing": "Small"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 5,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/inventory/assets/arrowforward.png",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Right"
}
],
"spacing": "Medium",
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "50px",
"items": [
{
"type": "Image",
"width": "48px",
"height": "48px",
"horizontalAlignment": "Center",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/9f06f6552e9eb40f525ac81ea0e38a79a2239371/samples/inventory/assets/icn_dial.svg"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 75,
"items": [
{
"type": "TextBlock",
"text": "Surface Dial",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "256k",
"wrap": true
}
]
},
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "-24k",
"wrap": true,
"color": "Attention"
}
]
},
{
"type": "Column",
"width": 33
}
],
"spacing": "Small"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 5,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/inventory/assets/arrowforward.png",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Right"
}
],
"spacing": "Medium",
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "50px",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/9f06f6552e9eb40f525ac81ea0e38a79a2239371/samples/inventory/assets/icn_cover.svg",
"width": "48px",
"height": "48px",
"horizontalAlignment": "Center"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 75,
"items": [
{
"type": "TextBlock",
"text": "Surface Duo 2 Bumper",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "873k",
"wrap": true
}
],
"width": 33
},
{
"type": "Column",
"width": 33,
"items": [
{
"type": "TextBlock",
"text": "+72k",
"wrap": true,
"color": "Good"
}
]
},
{
"type": "Column",
"width": 33
}
],
"spacing": "Small"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": 5,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/inventory/assets/arrowforward.png",
"width": "20px",
"height": "20px"
}
],
"verticalContentAlignment": "Center",
"horizontalAlignment": "Right"
}
],
"spacing": "Medium",
"separator": true
},
{
"type": "TextBlock",
"text": "View the most popular inventory items ready to ship today. Click item for more details.",
"wrap": true,
"spacing": "Large"
}
]
}

321
samples/react-adaptive-card-host-control/src/samples/ac-qv-praise.json Normal file
View File

@ -0,0 +1,321 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"body": [{
"type": "Container",
"bleed": true,
"style": "default",
"minHeight": "240px",
"items": [{
"type": "TextBlock",
"text": "Send praise to your colleagues",
"wrap": true,
"fontType": "Default",
"size": "ExtraLarge",
"weight": "Bolder",
"color": "Default",
"isSubtle": false,
"horizontalAlignment": "Center"
}],
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/simple-list/assets/Dashboard_Praise_bg.png"
}
},
{
"type": "Container",
"minHeight": "32px"
},
{
"type": "TextBlock",
"text": "3 anniversaries are coming up 🥳",
"wrap": true,
"fontType": "Default",
"size": "Medium",
"weight": "Bolder",
"color": "Default"
},
{
"type": "Container",
"spacing": "Small"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"minHeight": "40px",
"items": [{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/simple-list/assets/Lee.jpg",
"width": "48px",
"height": "48px"
}],
"verticalContentAlignment": "Center",
"width": 8
},
{
"type": "Column",
"items": [{
"type": "TextBlock",
"text": "Lee Gu",
"wrap": true,
"size": "Default",
"horizontalAlignment": "Left",
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "Marketing Assistant",
"wrap": true,
"isSubtle": true,
"spacing": "Small",
"size": "Small"
}
],
"verticalContentAlignment": "Top",
"width": 20
},
{
"type": "Column",
"verticalContentAlignment": "Top",
"items": [{
"type": "TextBlock",
"text": "1 year on Oct 10",
"wrap": true,
"size": "Default",
"horizontalAlignment": "Right"
}],
"width": 20
},
{
"type": "Column",
"width": "20px",
"items": [{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/simple-list/assets/arrowforward.png",
"width": "20px",
"height": "20px"
}]
}
],
"separator": true,
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"items": [{
"type": "Image",
"width": "48px",
"height": "48px",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/simple-list/assets/Lidia2.jpg"
}],
"width": 8
},
{
"type": "Column",
"width": 20,
"items": [{
"type": "TextBlock",
"text": "Lidia Holloway",
"wrap": true,
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "Office Planner",
"wrap": true,
"spacing": "Small",
"size": "Small",
"isSubtle": true
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"verticalContentAlignment": "Top",
"items": [{
"type": "TextBlock",
"text": "2 years on Oct 15",
"wrap": true,
"horizontalAlignment": "Right"
}],
"width": 20
},
{
"type": "Column",
"width": "20px",
"items": [{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/simple-list/assets/arrowforward.png",
"width": "20px",
"height": "20px"
}]
}
],
"separator": true,
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"horizontalAlignment": "Left",
"spacing": "None",
"minHeight": "40px",
"verticalContentAlignment": "Center",
"items": [{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/simple-list/assets/Lynne.jpg",
"width": "48px",
"height": "48px"
}],
"width": 8
},
{
"type": "Column",
"items": [{
"type": "TextBlock",
"text": "Lynne Robbins",
"wrap": true,
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "Regional Director",
"wrap": true,
"spacing": "Small",
"isSubtle": true,
"size": "Small"
}
],
"verticalContentAlignment": "Center",
"width": 20
},
{
"type": "Column",
"verticalContentAlignment": "Top",
"items": [{
"type": "TextBlock",
"text": "5 years on Oct 29",
"wrap": true,
"horizontalAlignment": "Right"
}],
"width": 20
},
{
"type": "Column",
"width": "20px",
"items": [{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/simple-list/assets/arrowforward.png",
"width": "20px",
"height": "20px"
}]
}
],
"separator": true,
"spacing": "Medium"
},
{
"type": "Container",
"spacing": "ExtraLarge"
},
{
"type": "TextBlock",
"text": "Looks like you’ve received praise! 👏",
"wrap": true,
"size": "Medium",
"weight": "Bolder",
"fontType": "Default",
"color": "Default",
"isSubtle": false
},
{
"type": "Container"
},
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"width": "stretch",
"items": [{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/simple-list/assets/Praise1.jpg"
},
{
"type": "TextBlock",
"text": "Achiever",
"wrap": true,
"weight": "Bolder",
"horizontalAlignment": "Left"
},
{
"type": "TextBlock",
"text": "Kudos to you for not only achieving our quarterly goals and objectives...",
"wrap": true,
"size": "Small",
"height": "stretch",
"horizontalAlignment": "Left"
},
{
"type": "ActionSet"
},
{
"type": "TextBlock",
"text": "View more »",
"wrap": true,
"isSubtle": false,
"size": "Default",
"color": "Accent",
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "10px"
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/simple-list/assets/Praise2.jpg"
},
{
"type": "TextBlock",
"text": "Coach",
"wrap": true,
"weight": "Bolder",
"horizontalAlignment": "Left"
},
{
"type": "TextBlock",
"text": "Thank you for being a great team leader and encouraging us to...",
"wrap": true,
"size": "Small",
"height": "stretch",
"horizontalAlignment": "Left"
},
{
"type": "TextBlock",
"text": "View more »",
"wrap": true,
"fontType": "Default",
"size": "Default",
"isSubtle": false,
"color": "Accent",
"weight": "Bolder"
}
]
}
]
},
{
"type": "Container"
}
]
}

706
samples/react-adaptive-card-host-control/src/samples/ac-qv-product.json Normal file
View File

@ -0,0 +1,706 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"body": [
{
"type": "Container",
"style": "emphasis",
"items": [
{
"type": "Container"
},
{
"type": "TextBlock",
"text": "Microsoft HoloLens 2",
"wrap": true,
"size": "ExtraLarge",
"weight": "Bolder",
"spacing": "Large"
},
{
"type": "TextBlock",
"text": "An ergonomic, untethered self-contained holographic device with enterprise-ready applications to increase user accuracy and output.\n",
"wrap": true
},
{
"type": "Container",
"spacing": "Large"
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/hololens-pic1.jpg",
"horizontalAlignment": "Center"
},
"minHeight": "240px",
"bleed": true
},
{
"type": "Column",
"width": "56px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/hololens-pic2.jpg"
},
"bleed": true,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/chevron_right_white.png",
"width": "24px",
"height": "24px"
}
],
"verticalContentAlignment": "Center",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "Next",
"targetElements": [
"img_set_1",
"img_set_2"
]
}
}
],
"horizontalAlignment": "Center"
}
],
"minHeight": "1px",
"bleed": true,
"spacing": "None",
"id": "img_set_1"
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/hololens-pic2.jpg",
"horizontalAlignment": "Center"
},
"minHeight": "240px",
"bleed": true
},
{
"type": "Column",
"width": "56px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/hololens-pic3.jpg"
},
"bleed": true,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/chevron_right_white.png",
"width": "24px",
"height": "24px"
}
],
"verticalContentAlignment": "Center",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "Next",
"targetElements": [
"img_set_2",
"img_set_3"
]
}
}
],
"horizontalAlignment": "Center"
}
],
"minHeight": "1px",
"bleed": true,
"spacing": "None",
"isVisible": false,
"id": "img_set_2"
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/hololens-pic3.jpg",
"horizontalAlignment": "Center"
},
"minHeight": "240px",
"bleed": true
},
{
"type": "Column",
"width": "56px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/hololens-pic4.jpg"
},
"bleed": true,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/chevron_right_white.png",
"width": "24px",
"height": "24px"
}
],
"verticalContentAlignment": "Center",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "Next",
"targetElements": [
"img_set_3",
"img_set_4"
]
}
}
],
"horizontalAlignment": "Center"
}
],
"minHeight": "1px",
"bleed": true,
"spacing": "None",
"isVisible": false,
"id": "img_set_3"
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/hololens-pic4.jpg",
"horizontalAlignment": "Center"
},
"minHeight": "240px",
"bleed": true
},
{
"type": "Column",
"width": "56px",
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/hololens-pic1.jpg"
},
"bleed": true,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/chevron_right_white.png",
"width": "24px",
"height": "24px"
}
],
"verticalContentAlignment": "Center",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "Next",
"targetElements": [
"img_set_4",
"img_set_1"
]
}
}
],
"horizontalAlignment": "Center"
}
],
"minHeight": "1px",
"bleed": true,
"spacing": "None",
"isVisible": false,
"id": "img_set_4"
},
{
"type": "Container",
"style": "emphasis",
"items": [
{
"type": "Container",
"spacing": "None",
"minHeight": "16px"
},
{
"type": "TextBlock",
"text": "FEATURES",
"wrap": true,
"spacing": "Large",
"size": "Default",
"weight": "Bolder",
"horizontalAlignment": "Center",
"color": "Accent"
},
{
"type": "Container",
"spacing": "None",
"minHeight": "8px"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 48,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/aim.png",
"horizontalAlignment": "Center",
"width": "40px",
"height": "40px"
},
{
"type": "TextBlock",
"text": "Precision\n",
"wrap": true,
"weight": "Bolder",
"size": "Medium",
"horizontalAlignment": "Center"
},
{
"type": "TextBlock",
"text": "Stay engaged heads-up, hands-free longer and more comfortably to safely complete tasks error-free.",
"wrap": true,
"horizontalAlignment": "Center",
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 2
},
{
"type": "Column",
"width": 48,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/team.png",
"horizontalAlignment": "Center",
"width": "40px",
"height": "40px"
},
{
"type": "TextBlock",
"text": "Collaborate",
"wrap": true,
"horizontalAlignment": "Center",
"size": "Medium",
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "Connect with remote colleagues – working together on holograms – to resolve issues in real time.\n",
"wrap": true,
"horizontalAlignment": "Center",
"size": "Small",
"isSubtle": true
}
]
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/pulp.png",
"width": "40px",
"height": "40px"
},
{
"type": "TextBlock",
"text": "Innovate",
"wrap": true,
"horizontalAlignment": "Center",
"size": "Medium",
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "Stay engaged heads-up, hands-free longer and more comfortably to safely complete tasks error-free.",
"wrap": true,
"horizontalAlignment": "Center",
"size": "Small",
"isSubtle": true
}
],
"width": 48
},
{
"type": "Column",
"width": 2
},
{
"type": "Column",
"width": 48,
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/image-carousel/assets/graph.png",
"width": "40px",
"height": "40px"
},
{
"type": "TextBlock",
"text": "App Ecosystem",
"wrap": true,
"horizontalAlignment": "Center",
"size": "Medium",
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "Choose from over 200 enterprise-ready mixed reality solutions from Dynamics 365 and Mixed Reality Partners.",
"wrap": true,
"horizontalAlignment": "Center",
"size": "Small",
"isSubtle": true
}
]
}
],
"spacing": "Medium"
}
],
"spacing": "None"
},
{
"type": "Container",
"minHeight": "16px",
"spacing": "None"
},
{
"type": "Container",
"style": "emphasis",
"items": [
{
"type": "Container",
"spacing": "None",
"minHeight": "16px"
},
{
"type": "TextBlock",
"text": "SPECS",
"wrap": true,
"weight": "Bolder",
"horizontalAlignment": "Center",
"spacing": "Large",
"color": "Accent"
},
{
"type": "TextBlock",
"text": "Display",
"wrap": true,
"spacing": "Large",
"size": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Optics",
"wrap": true,
"weight": "Bolder",
"horizontalAlignment": "Left"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "See-through holographic lenses (waveguides)",
"wrap": true
}
]
}
],
"spacing": "Medium",
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Resolution",
"wrap": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "2k 3:2 light engines\n",
"wrap": true
}
]
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Holographic density",
"wrap": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "More than 2.5k radiants (light points per radian)",
"wrap": true
}
]
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Eye-based rendering",
"wrap": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Display optimization for 3D eye position",
"wrap": true
}
]
}
],
"spacing": "Medium"
},
{
"type": "Container"
},
{
"type": "TextBlock",
"text": "Sensors",
"wrap": true,
"size": "Medium",
"spacing": "Large"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Head tracking",
"wrap": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "4 visible light camera",
"wrap": true
}
]
}
],
"spacing": "Medium",
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Eye tracking",
"wrap": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "2 IR cameras",
"wrap": true
}
]
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Depth",
"wrap": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "1-MP time-of-flight (ToF) depth sensor",
"wrap": true
}
]
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "IMU",
"wrap": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Accelerometer, gyroscope, magnetometer",
"wrap": true
}
]
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Camera",
"wrap": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "8-MP stills, 1080p30 video",
"wrap": true
}
]
}
],
"spacing": "Medium"
}
],
"spacing": "None"
}
]
}

373
samples/react-adaptive-card-host-control/src/samples/ac-qv-table.json Normal file
View File

@ -0,0 +1,373 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"__comment": "Elements used",
"body": [
{
"type": "Container"
},
{
"type": "TextBlock",
"text": "June 30, 2021",
"wrap": true,
"horizontalAlignment": "Center",
"size": "ExtraLarge",
"fontType": "Default",
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "June 16, 2021 – June 30, 2021",
"wrap": true,
"size": "Small",
"weight": "Bolder",
"horizontalAlignment": "Center",
"fontType": "Default"
},
{
"type": "Container",
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/payslip/assets/img_spacer.png"
},
{
"type": "TextBlock",
"wrap": true,
"weight": "Bolder",
"color": "Accent"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "\n\nNet Pay",
"wrap": true,
"weight": "Bolder",
"size": "Medium",
"color": "Accent",
"spacing": "ExtraLarge"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "\n\n$2212.68",
"wrap": true,
"weight": "Bolder",
"size": "Medium",
"color": "Accent",
"horizontalAlignment": "Right",
"spacing": "ExtraLarge"
}
]
}
]
}
],
"spacing": "ExtraLarge"
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Earnings",
"wrap": true,
"spacing": "ExtraLarge",
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "$3815.85",
"wrap": true,
"spacing": "ExtraLarge",
"weight": "Bolder",
"horizontalAlignment": "Right"
}
]
}
]
}
],
"separator": true,
"spacing": "ExtraLarge"
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "\n\nBonus - Salary\n\nCommission\n\nRegular Pay",
"wrap": true,
"spacing": "Small"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "\n\n$75.00\n\n$87.00\n\n$3653.85",
"wrap": true,
"spacing": "Small",
"horizontalAlignment": "Right"
}
]
}
]
}
],
"spacing": "Medium"
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Deductions",
"wrap": true,
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "$669.54",
"wrap": true,
"weight": "Bolder",
"spacing": "ExtraLarge",
"horizontalAlignment": "Right"
}
]
}
]
}
],
"spacing": "Large"
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "\n\nChild Support\n\nDental PPO Plan\n\nDep Care SA\n\nHealth Care SA\n\nHMO Medical\n\nPrescription Dr.\n\nUnited Way",
"wrap": true,
"spacing": "Small"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "\n\n$432.33\n\n$3.21\n\n$25.00\n\n$122.00\n\n$25.00\n\n$7.00\n\n$55.00",
"wrap": true,
"spacing": "Small",
"horizontalAlignment": "Right"
}
]
}
]
}
],
"spacing": "Medium"
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Taxes",
"wrap": true,
"spacing": "ExtraLarge",
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "$933.63",
"wrap": true,
"spacing": "ExtraLarge",
"weight": "Bolder",
"horizontalAlignment": "Right"
}
]
}
]
}
],
"spacing": "ExtraLarge"
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"wrap": true,
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "\n\nEmployee Medicare\n\nFederal Income Tax\n\nSocial Security Income Tax",
"wrap": true,
"spacing": "Small"
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "\n\n$52.69\n\n$655.66\n\n$225.28",
"wrap": true,
"spacing": "Small",
"horizontalAlignment": "Right"
}
]
}
]
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "⇦ June 1–15"
}
]
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "July 1–15 ⇨"
}
]
}
]
}
],
"spacing": "ExtraLarge",
"separator": true
}
],
"backgroundImage": {
"horizontalAlignment": "Center"
}
}

375
samples/react-adaptive-card-host-control/src/samples/ac-qv-time-off.json Normal file
View File

@ -0,0 +1,375 @@
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"body": [
{
"type": "Container",
"bleed": true,
"backgroundImage": {
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/timeoff/assets/plane.jpg",
"verticalAlignment": "Bottom",
"horizontalAlignment": "Center"
},
"minHeight": "240px",
"verticalContentAlignment": "Bottom",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 50,
"items": [
{
"type": "TextBlock",
"text": "Let's go places",
"wrap": true,
"size": "ExtraLarge",
"weight": "Bolder"
}
],
"style": "default"
},
{
"type": "Column",
"width": 50
}
]
}
]
},
{
"type": "Container",
"style": "default",
"items": [
{
"type": "TextBlock",
"text": "Current balance",
"wrap": true,
"size": "Medium",
"weight": "Bolder",
"spacing": "Medium"
}
],
"spacing": "Medium"
},
{
"type": "Container",
"style": "emphasis",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 8
},
{
"type": "Column",
"width": 62,
"items": [
{
"type": "TextBlock",
"text": "Type",
"wrap": true,
"size": "Small",
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "Hours",
"wrap": true,
"size": "Small",
"weight": "Bolder"
}
]
},
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "Days",
"wrap": true,
"weight": "Bolder",
"size": "Small"
}
]
}
],
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 8,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/timeline-holidays/assets/icn_medical.svg",
"width": "20px",
"height": "20px"
}
]
},
{
"type": "Column",
"width": 50,
"items": [
{
"type": "TextBlock",
"text": "Sick days",
"wrap": true,
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "Current accrual rate eight (8) hours or one (1) day per three (3) months. ",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "8 hrs",
"wrap": true
}
]
},
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "1 day",
"wrap": true
}
]
}
],
"separator": true,
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 8,
"items": [
{
"type": "Image",
"width": "20px",
"height": "20px",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/timeline-holidays/assets/icn_beach.svg"
}
]
},
{
"type": "Column",
"width": 50,
"items": [
{
"type": "TextBlock",
"text": "Paid time off",
"wrap": true,
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "Current accrual rate eight (8) hours or one (1) day per one (1) month. ",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "88 hrs",
"wrap": true
}
]
},
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "11 days",
"wrap": true
}
]
}
],
"separator": true,
"spacing": "Medium"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 8,
"items": [
{
"type": "Image",
"url": "https://raw.githubusercontent.com/pnp/AdaptiveCards-Templates/main/samples/timeline-holidays/assets/icn_leaves_two.svg",
"width": "20px",
"height": "20px"
}
]
},
{
"type": "Column",
"width": 50,
"items": [
{
"type": "TextBlock",
"text": "Wellness",
"wrap": true,
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "One time affordance of five (5) days in year 2021",
"wrap": true,
"size": "Small",
"isSubtle": true
}
]
},
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "12 hrs",
"wrap": true
}
]
},
{
"type": "Column",
"width": 15,
"items": [
{
"type": "TextBlock",
"text": "1.5 days",
"wrap": true
}
]
}
],
"separator": true,
"spacing": "Medium"
}
]
},
{
"type": "TextBlock",
"text": "Submit time off",
"wrap": true,
"weight": "Bolder",
"size": "Medium",
"spacing": "Large"
},
{
"type": "TextBlock",
"text": "To avoid forfeiture of time you need to take and submit all vacation hours for the current calendar year prior to December 31.",
"wrap": true
},
{
"type": "Input.ChoiceSet",
"choices": [
{
"title": "Sick day",
"value": "sick"
},
{
"title": "Paid time off",
"value": "paid"
},
{
"title": "Wellmess ",
"value": "well"
}
],
"placeholder": "Placeholder text",
"value": "sick",
"label": "Type",
"id": "inp_sick"
},
{
"type": "Input.Toggle",
"value": "true",
"title": "All day (8 hrs)",
"id": "tgl_all_day"
},
{
"type": "Input.Date",
"label": "Date",
"value": "11-11-2021",
"isRequired": true,
"id": "drp_date",
"errorMessage": "Please enter a date"
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Submit",
"style": "positive",
"id": "btn_submit"
},
{
"type": "Action.Submit",
"title": "Cancel",
"id": "btn_cancel"
}
],
"spacing": "Medium"
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "Read FAQ",
"wrap": true,
"color": "Accent"
}
],
"spacing": "Medium",
"selectAction": {
"type": "Action.OpenUrl",
"url": "https://tar.microsoft.com/Common/TARFAQ-Tips.html"
},
"id": "url_faq"
}
]
}

56
samples/react-adaptive-card-host-control/src/samples/index.ts Normal file
View File

@ -0,0 +1,56 @@
export interface ISampleData {
title: string;
template: object;
data: object;
}
export const AllSamples = (): ISampleData[] => {
return [
{ title: "Styles", template: require("./ExpenseReportWithStyles.template.json"), data: require("./ExpenseReportWithLabels.data.json") },
{ title: "ActivityUpdate", template: require("./ActivityUpdate.template.json"), data: require("./ActivityUpdate.data.json") },
{ title: "ActivityUpdateWithLabels", template: require("./ActivityUpdateWithLabels.template.json"), data: require("./ActivityUpdateWithLabels.data.json") },
{ title: "Agenda", template: require("./Agenda.template.json"), data: require("./Agenda.data.json") },
{ title: "ApplicationLogin", template: require("./ApplicationLogin.template.json"), data: require("./ApplicationLogin.data.json") },
{ title: "CalendarReminder", template: require("./CalendarReminder.template.json"), data: require("./CalendarReminder.data.json") },
{ title: "CalendarReminderWithLabels", template: require("./CalendarReminderWithLabels.template.json"), data: require("./CalendarReminderWithLabels.data.json") },
{ title: "ExpenseReport", template: require("./ExpenseReport.template.json"), data: require("./ExpenseReport.data.json") },
{ title: "ExpenseReportWithLabels", template: require("./ExpenseReportWithLabels.template.json"), data: require("./ExpenseReportWithLabels.data.json") },
{ title: "FlightDetails", template: require("./FlightDetails.template.json"), data: require("./FlightDetails.data.json") },
{ title: "FlightItinerary", template: require("./FlightItinerary.template.json"), data: require("./FlightItinerary.data.json") },
{ title: "FlightUpdate", template: require("./FlightUpdate.template.json"), data: require("./FlightUpdate.data.json") },
{ title: "FlightUpdateTable", template: require("./FlightUpdateTable.template.json"), data: require("./FlightUpdateTable.data.json") },
{ title: "FoodOrder", template: require("./FoodOrder.template.json"), data: require("./FoodOrder.data.json") },
{ title: "FoodOrderWithValidation", template: require("./FoodOrderWithValidation.template.json"), data: require("./FoodOrderWithValidation.data.json") },
{ title: "ImageGallery", template: require("./ImageGallery.template.json"), data: require("./ImageGallery.data.json") },
{ title: "InputForm", template: require("./InputForm.template.json"), data: require("./InputForm.data.json") },
{ title: "InputFormWithLabels", template: require("./InputFormWithLabels.template.json"), data: require("./InputFormWithLabels.data.json") },
{ title: "InputFormWithRTL", template: require("./InputFormWithRTL.template.json"), data: require("./InputFormWithRTL.data.json") },
{ title: "Inputs", template: require("./Inputs.template.json"), data: require("./Inputs.data.json") },
{ title: "InputsWithValidation", template: require("./InputsWithValidation.template.json"), data: require("./InputsWithValidation.data.json") },
{ title: "OrderConfirmation", template: require("./OrderConfirmation.template.json"), data: require("./OrderConfirmation.data.json") },
{ title: "OrderDelivery", template: require("./OrderDelivery.template.json"), data: require("./OrderDelivery.data.json") },
{ title: "ProductVideo", template: require("./ProductVideo.template.json"), data: require("./ProductVideo.data.json") },
{ title: "Restaurant", template: require("./Restaurant.template.json"), data: require("./Restaurant.data.json") },
{ title: "RestaurantOrder", template: require("./RestaurantOrder.template.json"), data: require("./RestaurantOrder.data.json") },
{ title: "ShowCardWizard", template: require("./ShowCardWizard.template.json"), data: require("./ShowCardWizard.data.json") },
{ title: "SimpleFallback", template: require("./SimpleFallback.template.json"), data: require("./SimpleFallback.data.json") },
{ title: "Solitaire", template: require("./Solitaire.template.json"), data: require("./Solitaire.data.json") },
{ title: "SportingEvent", template: require("./SportingEvent.template.json"), data: require("./SportingEvent.data.json") },
{ title: "StockUpdate", template: require("./StockUpdate.template.json"), data: require("./StockUpdate.data.json") },
{ title: "WeatherCompact", template: require("./WeatherCompact.template.json"), data: require("./WeatherCompact.data.json") },
{ title: "WeatherLarge", template: require("./WeatherLarge.template.json"), data: require("./WeatherLarge.data.json") },
{ title: "ac-qv-benefits.json", template: require("./ac-qv-benefits.json"), data: null },
{ title: "ac-qv-cafe.json", template: require("./ac-qv-cafe.json"), data: null },
{ title: "ac-qv-calendar.json", template: require("./ac-qv-calendar.json"), data: null },
{ title: "ac-qv-event.json", template: require("./ac-qv-event.json"), data: null },
{ title: "ac-qv-faqs.json", template: require("./ac-qv-faqs.json"), data: null },
{ title: "ac-qv-form.json", template: require("./ac-qv-form.json"), data: null },
{ title: "ac-qv-holidays.json", template: require("./ac-qv-holidays.json"), data: null },
{ title: "ac-qv-inventory.json", template: require("./ac-qv-inventory.json"), data: null },
{ title: "ac-qv-praise.json", template: require("./ac-qv-praise.json"), data: null },
{ title: "ac-qv-product.json", template: require("./ac-qv-product.json"), data: null },
{ title: "ac-qv-table.json", template: require("./ac-qv-table.json"), data: null },
{ title: "ac-qv-time-off.json", template: require("./ac-qv-time-off.json"), data: null },
];
};

23
samples/react-adaptive-card-host-control/src/webparts/adaptiveCardHostDemo/AdaptiveCardHostDemoWebPart.manifest.json Normal file
View File

@ -0,0 +1,23 @@
{
"$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
"id": "0d9efa80-8197-4f36-989d-0fe692ccb18a",
"alias": "AdaptiveCardHostDemoWebPart",
"componentType": "WebPart",
"version": "*",
"manifestVersion": 2,
"requiresCustomScript": false,
"supportedHosts": ["SharePointWebPart", "TeamsPersonalApp", "TeamsTab", "SharePointFullPage"],
"supportsThemeVariants": true,
"preconfiguredEntries": [{
"groupId": "5c03119e-3074-46fd-976b-c60198311f70",
"group": { "default": "Other" },
"title": { "default": "Adaptive Card Host - Demo" },
"description": { "default": "Adaptive Card Host - Demo" },
"officeFabricIconFontName": "Boards",
"properties": {
"sample": "ActivityUpdate",
"usingTeamsTheme": false,
"themeName": "sp"
}
}]
}

101
samples/react-adaptive-card-host-control/src/webparts/adaptiveCardHostDemo/AdaptiveCardHostDemoWebPart.ts Normal file
View File

@ -0,0 +1,101 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
IPropertyPaneConfiguration,
PropertyPaneDropdown,
PropertyPaneTextField
} from '@microsoft/sp-property-pane';
import { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';
import { IReadonlyTheme } from '@microsoft/sp-component-base';
import * as strings from 'AdaptiveCardHostDemoWebPartStrings';
import AdaptiveCardHostDemo from './components/AdaptiveCardHostDemo';
import { IAdaptiveCardHostDemoProps } from './components/IAdaptiveCardHostDemoProps';
import { AllSamples } from '../../samples';
export interface IAdaptiveCardHostDemoWebPartProps {
sample: string;
themeName: string;
}
export default class AdaptiveCardHostDemoWebPart extends BaseClientSideWebPart<IAdaptiveCardHostDemoWebPartProps> {
private _themeVariant: IReadonlyTheme | undefined;
private _isInTeams: boolean;
private _themeName: string;
protected onInit(): Promise<void> {
this._isInTeams = (this.context.sdks.microsoftTeams) ? true : false;
this._themeName = (this.context.sdks.microsoftTeams) ? this.context.sdks.microsoftTeams.context.theme : "sp";
if (this._isInTeams) {
this.context.sdks.microsoftTeams.teamsJs.registerOnThemeChangeHandler((theme: string) => {
this._themeName = theme;
this.render();
});
}
return super.onInit();
}
public render(): void {
const element: React.ReactElement<IAdaptiveCardHostDemoProps> = React.createElement(
AdaptiveCardHostDemo,
{
theme: this._themeVariant,
sample: this.properties.sample,
themeName: this._isInTeams ? this._themeName : this.properties.themeName,
}
);
ReactDom.render(element, this.domElement);
}
protected onThemeChanged(currentTheme: IReadonlyTheme | undefined): void {
this._themeVariant = currentTheme;
}
protected onDispose(): void {
ReactDom.unmountComponentAtNode(this.domElement);
}
protected get dataVersion(): Version {
return Version.parse('1.0');
}
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
let allSamples = AllSamples().map(x => { return { key: x.title, text: x.title }; });
return {
pages: [
{
header: {
description: strings.PropertyPaneDescription
},
groups: [
{
groupName: strings.BasicGroupName,
groupFields: [
PropertyPaneDropdown('sample', {
label: "Sample to render",
options: allSamples
}),
PropertyPaneDropdown('themeName', {
label: "Theme",
options: [
{ key: "sp", text: "SharePoint" },
{ key: "default", text: "Teams" },
{ key: "dark", text: "Teams Dark" },
{ key: "contrast", text: "Teams Contrast" },
],
disabled: (this.context.sdks.microsoftTeams) ? true : false
})
]
}
]
}
]
};
}
}

44
samples/react-adaptive-card-host-control/src/webparts/adaptiveCardHostDemo/components/AdaptiveCardHostDemo.tsx Normal file
View File

@ -0,0 +1,44 @@
import * as React from 'react';
import { IAdaptiveCardHostDemoProps } from './IAdaptiveCardHostDemoProps';
import { AllSamples } from '../../../samples';
import { AdaptiveCardHost, IAdaptiveCardHostActionResult, AdaptiveCardHostThemeType } from "@pnp/spfx-controls-react/lib/AdaptiveCardHost";
import { Action, CardElement, CardObjectRegistry, HostCapabilities } from 'adaptivecards';
export default class AdaptiveCardHostDemo extends React.Component<IAdaptiveCardHostDemoProps, {}> {
public render(): React.ReactElement<IAdaptiveCardHostDemoProps> {
let sample = AllSamples().filter(x => x.title === this.props.sample)[0];
let sampleData = { "$root": sample.data };
let themeType: AdaptiveCardHostThemeType;
switch (this.props.themeName) {
case "sp": themeType = AdaptiveCardHostThemeType.SharePoint;
break;
case "default": themeType = AdaptiveCardHostThemeType.Teams;
break;
case "dark": themeType = AdaptiveCardHostThemeType.TeamsDark;
break;
case "contrast": themeType = AdaptiveCardHostThemeType.TeamsHighContrast;
break;
}
return (
<AdaptiveCardHost
card={sample.template}
data={sampleData}
style={null}
className={null}
theme={this.props.theme}
themeType={themeType}
hostConfig={null}
onInvokeAction={(action: IAdaptiveCardHostActionResult) => alert(JSON.stringify(action))}
onError={(error) => alert(error.message)}
onSetCustomElements={(registry: CardObjectRegistry<CardElement>) => { }}
onSetCustomActions={(registry: CardObjectRegistry<Action>) => { }}
onUpdateHostCapabilities={(hostCapabilities: HostCapabilities) => {
hostCapabilities.setCustomProperty("__customProperty", Date.now);
}}
isUniqueControlInPage={true}
/>
);
}
}

8
samples/react-adaptive-card-host-control/src/webparts/adaptiveCardHostDemo/components/IAdaptiveCardHostDemoProps.ts Normal file
View File

@ -0,0 +1,8 @@
import { IReadonlyTheme } from '@microsoft/sp-component-base';
import { BaseComponentContext } from '@microsoft/sp-component-base';
export interface IAdaptiveCardHostDemoProps {
theme?: IReadonlyTheme;
sample: string;
themeName: string;
}

6
samples/react-adaptive-card-host-control/src/webparts/adaptiveCardHostDemo/loc/en-us.js vendored Normal file
View File

@ -0,0 +1,6 @@
define([], function() {
return {
"PropertyPaneDescription": "Demo Web Part that use the Adaptive Card Host control from PnP React Control Library",
"BasicGroupName": "Properties",
}
});

9
samples/react-adaptive-card-host-control/src/webparts/adaptiveCardHostDemo/loc/mystrings.d.ts vendored Normal file
View File

@ -0,0 +1,9 @@
declare interface IAdaptiveCardHostDemoWebPartStrings {
PropertyPaneDescription: string;
BasicGroupName: string;
}
declare module 'AdaptiveCardHostDemoWebPartStrings' {
const strings: IAdaptiveCardHostDemoWebPartStrings;
export = strings;
}

BIN
samples/react-adaptive-card-host-control/teams/0d9efa80-8197-4f36-989d-0fe692ccb18a_color.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

Some files were not shown because too many files have changed in this diff Show More