Reputation: 31
I'm trying to build a slack app that will enable publishing channel messages after filling in a form. To do so, I created a slash-command that invoke a modal. Now I have a problem how to access this input data and use it to compose a message that will be send to chosen channel.
app.command('/spotkanie', async ({ ack, body, context }) => {
// Acknowledge the command request
await ack();
try {
const result = await app.client.views.open({
token: context.botToken,
// Pass a valid trigger_id within 3 seconds of receiving it
trigger_id: body.trigger_id,
// View payload
view_id: "view_spotkanie",
user_id: "user",
view: {
"type": "modal",
"callback_id": "zaplanuj-spotkanie",
"title": {
"type": "plain_text",
"text": "Zaplanuj spotkanie",
"emoji": true
},
"submit": {
"type": "plain_text",
"text": "Wyślij",
"emoji": true
},
"close": {
"type": "plain_text",
"text": "Anuluj",
"emoji": true
},
"blocks": [
{
"type": "input",
"element": {
"type": "datepicker",
"action_id": "data",
"placeholder": {
"type": "plain_text",
"text": "To wspaniały dzień na spotkanie!",
"emoji": true
}
},
"label": {
"type": "plain_text",
"text": "Data",
"emoji": true
}
},
{
"type": "input",
"element": {
"type": "plain_text_input",
"action_id": "godzina",
"placeholder": {
"type": "plain_text",
"text": "O której godzinie będzie spotkanie?",
"emoji": true
}
},
"label": {
"type": "plain_text",
"text": "Godzina",
"emoji": true
}
},
{
"type": "input",
"element": {
"type": "static_select",
"action_id": "rodzaj",
"placeholder": {
"type": "plain_text",
"text": "Jaki jest rodziaj spotkania?",
"emoji": true
},
"options": [
{
"text": {
"type": "plain_text",
"text": "spotkanie ogólne",
"emoji": true
},
"value": "value-0"
},
{
"text": {
"type": "plain_text",
"text": "spotkanie projektowe",
"emoji": true
},
"value": "value-1"
},
{
"text": {
"type": "plain_text",
"text": "spotkanie integracyjne",
"emoji": true
},
"value": "value-2"
}
]
},
"label": {
"type": "plain_text",
"text": "Rodzaj spotkania",
"emoji": true
}
},
{
"type": "input",
"element": {
"type": "plain_text_input",
"action_id": "miejsce",
"placeholder": {
"type": "plain_text",
"text": "Gdzie odbędzie się spotkanie?",
"emoji": true
}
},
"label": {
"type": "plain_text",
"text": "Miejsce",
"emoji": true
}
},
{
"type": "input",
"optional": true,
"element": {
"type": "plain_text_input",
"action_id": "dodatkowe info",
"placeholder": {
"type": "plain_text",
"text": "Wpisz dodatkowe informacje, takie jak agenda, link do spotkania itp",
"emoji": true
},
"multiline": true
},
"label": {
"type": "plain_text",
"text": "Więcej informacji",
"emoji": true
}
},
{
"block_id": "my_block_id",
"type": "input",
"label": {
"type": "plain_text",
"text": "Wyślij do",
},
"element": {
"action_id": "channel_id",
"type": "channels_select",
"response_url_enabled": true,
"placeholder": {
"type": "plain_text",
"text": "Gdzie wysłać powiadomienie o spotkaniu?",
"emoji": true
}
}
}
]
}
});
console.log(result);
}
catch (error) {
console.error(error);
}
});
app.view('zaplanuj-spotkanie', async ({ ack, body, view, context, say }) => {
Now this app.view should give me the access to the input data, according to Slack instructions but I still have no idea how to use it.
Upvotes: 1
Views: 1444
Reputation: 192
to receive an input text from modal u shoud use Slack Interactive Messages.
// Example of handling a simple view submission
slackInteractions.viewSubmission('simple_modal_callback_id', (payload) => {
// Log the input elements from the view submission.
console.log(payload.view.state);
// The previous value is an object keyed by block_id, which contains objects keyed by action_id,
// which contains value properties that contain the input data. Let's log one specific value.
console.log(payload.view.state.my_block_id.my_action_id.value);
// Validate the inputs (errors is of the shape in https://api.slack.com/surfaces/modals/using#displaying_errors)
const errors = validate(payload.view.state);
// Return validation errors if there were errors in the inputs
if (errors) {
return errors;
}
// Process the submission
doWork();
});
here is a link https://slack.dev/node-slack-sdk/interactive-messages, also to send any info to user use a chat post method. here is a link https://api.slack.com/methods/chat.postMessage
Upvotes: 1