{{ up.target }}
13 | {% else %}
14 | Full page load
15 | {% endif %}
16 |
17 | {{ fe.template }}
26 |
27 | {{ fe.view }}
34 |
35 |
9 | Each suggestion button has an [up-emit="name:select"] attribute.
10 | When clicked it emits an name:select event on
11 | the popup element.
12 |
14 | The link that opened this popup is awaiting this event
15 | via its [up-accept-event] attribute. When the element
16 | is observed, the popup is automatically closed and the name copied
17 | into the project form.
18 |
16 | This screen shows many task boxes with the same selector
17 | (<div class="task">).
18 |
20 | Note how changing a task will only update a single task box. 21 |
22 | {% endtourdot %} 23 | {% endif %} 24 || Name | 26 |Company | 27 |
|---|---|
| 34 | {{ project.name }} 39 | 40 | | 41 |42 | {{ project.company.name }} 43 | | 44 |
13 | The Clear done button has an [up-target=".tasks"] attribute.
14 | Clicking the link will only update the <div class="tasks"> element.
15 |
17 | Other HTML from the server response is discarded. 18 |
19 | {% endtourdot %} 20 | 24 | 25 | New task 32 |12 | This overlay reuses the template that is also used for the 13 | Projects 14 | section 15 | in the main navigation. 16 |
17 | {% endtourdot %} 18 | {% endif %} 19 |Note how the Edit link renders within this overlay.
23 |Links and forms always update their own layer unless another layer is targeted explicitly.
24 | {% endtourdot %} 25 | 26 | Edit 27 | 31 | 32 |