Adaptive Cards can be used to build and customize a variety of content. One of which is displaying Login in a Card. Read more about Adaptive Cards here.Adaptive Cards Guide
In this document, we will give you a sample code for a login card.
...
Add the below code in the function node named Login Actions.
V3 Bot code:
Code Block |
---|
var _ = global.get('lodash'); var index = _.findIndex(msg.payload.orbitarawMultiagent[1].directive, { type: 'adaptivecard' }); let var adaptiveCarddirective = _.findget(msg., 'payload.orbita.directive', { type: 'adaptivecard'}null); const adaptiveCard.template.actionsversion = [ _.get(msg, 'payload.originalDetectIntentRequest.payload.settings.version', 2); if (version === 3) { directive { = _.get(msg, 'payload.rawMultiagent[1].directive', null); } var adaptiveCard = directive[index]; adaptiveCard.template.actions = [{ "type": "Action.Submit", "title": "Login", "style": "positive", "titledata": "Login",{ "serviceCall": { "styleurl": "positive<Login directive tab URL goes here>", "type": 'POST', "orbitaAction": 'login', "data": { "loginSuccessUtterence": "success", "serviceCallsuccessCallback": "function(){ /*Custom business logic*/ }" } } }] msg.payload.orbita.directive[index] "url": "<Login directive tab URL goes here>", = adaptiveCard; return msg; |
V2 Bot code:
Code Block |
---|
var _ = global.get('lodash'); var index = _.findIndex(msg.payload.orbita.directive, { type: 'adaptivecard' }); var adaptiveCard = _.find(msg.payload.orbita.directive, { |
...
type |
...
: ' |
...
adaptivecard' |
...
}); adaptiveCard.template.actions = [{ "type": "Action.Submit", "title": "Login", " |
...
style": |
...
"positive", "data": { "serviceCall": { " |
...
url": " |
...
<Login directive tab URL goes here>", "type": 'POST', |
...
"orbitaAction": 'login', |
...
"loginSuccessUtterence": "success", |
...
"successCallback": "function(){ /*Custom business logic*/ }" |
...
} } }] msg.payload.orbita.directive[index] = adaptiveCard; |
...
return msg; |
Create an intent with “success” as one of its utterances. This intent will get triggered when the login is successful.
...