Reports
Part of the Townhall
Reports: part of the Townhall suite, on the shared “townhall-en” data.
data space «townhall-en» — this micro app reads and writes the suite’s shared data space.
What it records
- What's wrong (pothole, streetlight, litter...)
- Where (street, square, district)
- Type...
- Status...
The other micro apps in the same suite
How it works
This is a Reactive app: a plain text document that your browser turns into a working app — forms, live data, tables, statistics and even charts, with nothing to install or configure.
- Use it right away. Hit “Use this app”: it opens right in your browser, ready to go, with data saved only on your device.
- Your data stays yours. Everything is stored locally on your device, kept separate for each app: no account, no server, nothing to set up.
- Make it your own. The text below is the entire app: copy it, tweak fields, views and words, and your changes become interactive instantly.
- Share it as a file. An app is a simple file: save it, export it or share it with a link; and with encrypted collaboration several people edit the same data in real time.
The app’s source
# 🚧 Reports
## From citizens to the work crew
::::form{path="reports" id="frep"}
::input{form="frep" field="date" type="date" required="true" legend="Reported on"}
::input{form="frep" field="subject" placeholder="What's wrong (pothole, streetlight, litter...)" required="true"}
::input{form="frep" field="place" placeholder="Where (street, square, district)" required="true"}
:::select{form="frep" field="kind" placeholder="Type..."}
- Roads
- Lighting
- Public green
- Waste
- Other
:::
:::select{form="frep" field="status" placeholder="Status..."}
- Open
- In progress
- Resolved
:::
::add-form{form="frep" path="reports" label="Record report"}
::::
:::table{path="reports" headers="Reported,Subject,Where,Type,Status" deletable="true" editform="frep"}
{date} | **{subject}** | {place} | {kind} | {status}
:::
## By status
:::group-by{path="reports" field="status" as="list"}
{date} — **{subject}** ({place}) · {kind}
:::