|
8 | 8 | This allows you to automate tasks without having to build this integration yourself. |
9 | 9 | When an event happens in one app, Zapier can tell another app to perform (or do) a particular action - no code necessary. |
10 | 10 | </p> |
11 | | - <p> |
12 | | - Automation is simply setting something up to run automatically. Automation is all around you, even if you don't realize it. |
13 | | - Take your smartphone, for example. You receive alerts whenever you receive a text message, a voice mail, or an email. |
14 | | - </p> |
15 | 11 | <p> |
16 | 12 | The heart of any automation boils down to this simple command: <b>WHEN</b> <span>this happens</span> <b>THEN</b> <span>do that</span>. |
17 | 13 | </p> |
|
20 | 16 | Every Zap has a trigger and one or more actions. A trigger is an event that starts a Zap, and an action is what your Zap does for you. |
21 | 17 | </p> |
22 | 18 | <p> |
23 | | - When a Zap runs, each action it completes counts as one task. |
24 | | - Zap triggers use webhooks to intercept the client's request and to execute the actions. Webhooks are automated messages sent from apps when something happens. |
25 | | - Read Zapier Webhooks guide <a href="https://zapier.com/blog/what-are-webhooks/">here</a>. |
| 19 | + Zap triggers use webhooks to execute the actions. Webhooks are automated messages sent from apps when something happens. |
| 20 | + </p> |
| 21 | + <p> |
| 22 | + You can initiate your automation when a content item of a particular document type is published in Umbraco. |
26 | 23 | </p> |
27 | 24 | <p> |
28 | | - Using the filters below, you can map content items with Zap triggers Webhooks, and you will be able to: <br/> |
29 | | - - Enable Zap trigger invoke when a specific content is published <br/> |
30 | | - - Trigger a sample request using the Webhook URL and then reviewing the request data while creating the Zap trigger |
| 25 | + Using the filters below, map content items with Zap triggered webhooks. This will: |
31 | 26 | </p> |
| 27 | + <ul> |
| 28 | + <li>Enable Zap invocations when content of the specified document type is published.</li> |
| 29 | + <li>Trigger a sample request using the webhook URL to review when creating the Zap trigger.</li> |
| 30 | + </ul> |
32 | 31 | </div> |
33 | 32 | <div class="mt3"> |
34 | 33 | <input id="inWebHookUrl" type="text" ng-model="vm.webHookUrl" class="w-20 mb0" placeholder="WebHook URL" no-dirty-check /> |
|
45 | 44 | </umb-box-content> |
46 | 45 | </umb-box> |
47 | 46 | <umb-box> |
48 | | - <umb-box-header title="Results"></umb-box-header> |
| 47 | + <umb-box-header title="Registered Webhooks"></umb-box-header> |
49 | 48 | <umb-content> |
50 | 49 | <div class="mt2"> |
51 | 50 |
|
|
55 | 54 | <!-- Listviews head section --> |
56 | 55 | <div class="umb-table-head"> |
57 | 56 | <div class="umb-table-row"> |
58 | | - <div class="umb-table-cell"> |
59 | | - </div> |
60 | | - <div class="umb-table-cell"> |
| 57 | + <div class="umb-table-cell"></div> |
| 58 | + <div class="umb-table-cell umb-table__name"> |
61 | 59 | <a class="umb-table-head__link" href="#" prevent-default> |
62 | 60 | <span>Content Type Name</span> |
63 | 61 | </a> |
|
67 | 65 | <span>WebHook URL</span> |
68 | 66 | </a> |
69 | 67 | </div> |
70 | | - <div class="mr7"></div> |
| 68 | + <div class="umb-table-cell"></div> |
71 | 69 | </div> |
72 | 70 | </div> |
73 | 71 |
|
|
76 | 74 | <div class="umb-table-row" |
77 | 75 | ng-repeat="row in vm.contentConfigs track by $index"> |
78 | 76 | <div class="umb-table-cell"></div> |
79 | | - <div class="umb-table-cell"> |
| 77 | + <div class="umb-table-cell umb-table__name"> |
80 | 78 | <span ng-bind="row.contentTypeName"></span> |
81 | 79 | </div> |
82 | 80 | <div class="umb-table-cell"> |
83 | 81 | <span ng-bind="row.webHookUrl"></span> |
84 | 82 | </div> |
85 | | - <div class="mr7" style="position: relative;"> |
86 | | - <a href="javascript:void(0)" ng-click="vm.onTrigger(row.contentTypeName, row.webHookUrl)" title="trigger webHook"> |
87 | | - <i class="icon-play"></i> |
88 | | - </a> |
89 | | - <a href="javascript:void(0)" ng-click="row.showDeletePrompt = true"> |
90 | | - <i class="icon-trash"></i> |
91 | | - </a> |
| 83 | + <div class="umb-table-cell"> |
| 84 | + <umb-button action="vm.onTrigger(row.contentTypeName, row.webHookUrl)" |
| 85 | + label="Trigger Webhook" |
| 86 | + type="button" |
| 87 | + button-style="info"> |
| 88 | + </umb-button> |
| 89 | + <umb-button action="row.showDeletePrompt = true" |
| 90 | + label="Delete" |
| 91 | + type="button" |
| 92 | + button-style="danger"> |
| 93 | + </umb-button> |
92 | 94 | <umb-confirm-action ng-if="row.showDeletePrompt" |
93 | | - direction="left" |
| 95 | + direction="right" |
94 | 96 | on-confirm="vm.onDelete(row.id)" |
95 | 97 | on-cancel="row.showDeletePrompt = false"> |
96 | 98 | </umb-confirm-action> |
|
0 commit comments