> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mileapp.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Doing Task via Web

You don't always need the mobile app to finish a task. MileApp's **Do Task** feature lets you complete a task straight from the web admin — useful for back-office work, training a new field worker on what to expect, or wrapping up a task on the field worker's behalf when they're unavailable.

This guide walks through doing a task end-to-end from the web in three short steps.

<Note>
  Required permission:

  * View Task
  * Do Task

  The user logged into the web must also be the **assignee** of the task — you cannot do another user's task without first reassigning it to yourself.
</Note>

## When the "Do Task" icon appears

The Do Task icon is a small **clipboard-check icon** in the **Action** column of the Task list. It only shows up when **all** of these conditions are true:

* The task is **assigned to the user currently logged in** on the web.
* The task's **Start time** has already passed (the task has started).
* The task's **End time** has not yet passed (the task hasn't expired).
* The task is not yet **Done**.

If any one of those is false, the icon hides itself. So if you expect to see it and don't, check the assignee, the start/end time, and the status first.

## Step 1: Open the task from the Task list

Sign in to [web.mile.app](https://web.mile.app), open the **Task** menu in the sidebar, and locate the task you want to complete.

<div align="center">
  <img src="https://mintcdn.com/mileapp-c1584fbc/shbfGpL0G02cnXB_/images/getting-started/doing-task-01-task-list.png?fit=max&auto=format&n=shbfGpL0G02cnXB_&q=85&s=e906b5442800e0221e9ee6dd299b0ab1" alt="Task list with Do Task icon" width="600" data-path="images/getting-started/doing-task-01-task-list.png" />

  <p><i>Task list — the row for the active task shows the Do Task icon at the far right</i></p>
</div>

1. **Status — Ongoing** — the task must be in **Ongoing** status (assigned and within its start/end window). Tasks that are still *Unassigned* or already *Done* will not show the Do Task icon.
2. **Assignee** — the task must be assigned to *you* (the user currently signed in). The Do Task icon only appears on tasks where your own name is in this column; if another person's name is shown, the icon will not be there for you.
3. **Do Task icon (clipboard check)** — the small clipboard icon at the right of the **Action** column. Hover to see the *Do Task* tooltip; click to open the task execution view.

## Step 2: Fill in each page of the Flow

Clicking the icon opens the **Do Task** dialog. It loads the same form the field worker would see on the mobile app — same pages, same components, same validation. Whatever you fill in here gets saved on the task exactly as a mobile submission would.

<div align="center">
  <img src="https://mintcdn.com/mileapp-c1584fbc/shbfGpL0G02cnXB_/images/getting-started/doing-task-02-execute-page1.png?fit=max&auto=format&n=shbfGpL0G02cnXB_&q=85&s=dfce4a76e7e5390908989b8bcc083eec" alt="Do Task — page 1 of the Flow" width="600" data-path="images/getting-started/doing-task-02-execute-page1.png" />

  <p><i>Do Task dialog rendering the first Mobile App Page of the Flow</i></p>
</div>

1. **Flow name header** — the blue bar at the top shows the Flow that drives this task (e.g., *Pickup1*). It's a reminder of which Flow you are running, especially if you do tasks from several Flows in a row.
2. **Page indicator** — *Page 1*, *Page 2*, and so on. The Flow may have one page or many; MileApp shows them in the order the Flow Builder defines.
3. **Form fields** — every component on the current page (Input, Photo, Signature, List, etc.). Fields that already have data (mapped from the Initial Page or copied from an earlier step) are pre-filled. Required fields must be filled before you can move on.
4. **Next** — the blue button at the bottom advances to the next page. It is replaced by **Finish Task** on the last page.

## Step 3: Finish the task

When you reach the last page of the Flow, the **Next** button changes to **Finish Task**. That last page is usually where you capture proof (a photo, a signature, a final value) before completion.

<div align="center">
  <img src="https://mintcdn.com/mileapp-c1584fbc/shbfGpL0G02cnXB_/images/getting-started/doing-task-03-finish-page.png?fit=max&auto=format&n=shbfGpL0G02cnXB_&q=85&s=3efed723c7a72fd51ecb2bd32aece202" alt="Do Task — final page with Finish Task button" width="600" data-path="images/getting-started/doing-task-03-finish-page.png" />

  <p><i>Do Task dialog on the last page — the Next button is replaced by Finish Task</i></p>
</div>

1. **Back arrow + Flow name** — the left arrow next to the Flow name takes you to the previous page if you need to fix something before finishing.
2. **Page indicator** — *Page 2* in this example. Every Flow's last page renders the **Finish Task** button instead of *Next*.
3. **Form fields** — the final-page components, often a *Photo* (e.g., proof of delivery) and a *Signature*. Both must be filled in if the Flow marks them as required.
4. **Finish Task** — the blue button at the bottom submits the task as **Done**. Once you click it, MileApp closes the dialog and the task in the list flips from *Ongoing* to *Done*.

After Finish Task is clicked:

* The task status changes to **Done** in the Task list.
* The **Do Task** icon disappears from that row (because the task is no longer active).
* The task's detail records **Done from: WEB**, so admins can distinguish web-completed tasks from mobile-completed ones.

## Reviewing what you completed

Open the **eye icon** on the task row to see its full detail, including the data you just filled in, *Done by*, *Done time*, and *Done from* (which will read **WEB** for any task finished through this flow).

The completed task continues to appear in the Task list (with **Done** status) so you can refer back to it any time, or export the data along with other tasks.

## Frequently Asked Questions

**Q: I see the task assigned to me but the Do Task icon is missing — why?**

A: Check the start/end time. If the task hasn't started yet, or has already expired, MileApp hides the icon. The other common cause is being signed in as the wrong user (the icon only appears for the task's exact assignee).

**Q: Can I do a task that's assigned to someone else?**

A: Not directly. You need to reassign the task to yourself first from the Task list, then the Do Task icon will appear on your view.

**Q: I clicked Do Task but the dialog shows a loading screen and never finishes — what should I do?**

A: This usually means the embedded view didn't load. Clear your browser cache or do a hard reload (Cmd/Ctrl + Shift + R) and try again.

**Q: Can I cancel halfway through?**

A: Yes. Click **Cancel** at the top-right of the Do Task dialog and the task stays Ongoing — nothing is saved until you click *Finish Task* on the final page.

**Q: Does doing a task from the web count differently in billing?**

A: No. The task is the same regardless of whether it was completed via web or mobile. MileApp simply records `doneFrom: WEB` versus `doneFrom: MOBILE` so admins can audit the channel; both count once toward your monthly task quota.

## What's next

* [Creating A Task](/pages/getting-started/creating-a-task) — create the tasks you'll eventually complete here.
* [Assigning Task](/pages/getting-started/assigning-task) — make sure the task is assigned to the right person (you) before doing it.
* [Do Task reference](/pages/task/managing-task/do-task) — fuller reference of the Do Task feature, including the conditions that hide the icon.
