Content
View differences
Updated by Marc Alcobé about 1 year ago
**As a** user
**I want to** see the macros, links and GitHub macros properly in mobile also
**so that** I don't see the strange <> backlog macro format
### Acceptance criteria
Ensure all these options are supported and rendered properly in the mobile app:
* Links to resources:
<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><thead class="op-uc-table--head"><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Link target</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Usage example</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Mobile desired format</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Status</p></th></tr></thead><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Wiki page</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">[[Wiki page]]</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">⚠️ Browser can't open error</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Wiki page with separate link name</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">[[Wiki page|The text of the link]]</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">⚠️ Browser can't open error</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Wiki page in the Sandbox project</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">[[Sandbox:Wiki page]]</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">⚠️ Browser can't open error</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Work package with ID12</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">#12</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">⚠️ Browser can't open error</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Work package with ID 12 with subject and type</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">##12</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-4888&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Work package with ID 12 with subject, type, status, and dates</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">###12</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7040&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" checked="checked" disabled="disabled"><span class="todo-list__label__description op-uc-p">Version by ID or name</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">version#3</code>, <code class="op-uc-code">version:"Release 1.0.0"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✅ Already implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" checked="checked" disabled="disabled"><span class="todo-list__label__description op-uc-p">Project by ID/name</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">project#12</code> , <code class="op-uc-code">project:"My project name"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✅ Already implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Attachment by filename</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">attachment:filename.zip</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-p">?</p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-p">?</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" checked="checked" disabled="disabled"><span class="todo-list__label__description op-uc-p">Meeting by ID/name</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">meeting#12</code> , <code class="op-uc-code">meeting:"My meeting name"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✅ Already implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Document by ID/name</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">document#12</code> , <code class="op-uc-code">document:"My document name"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">User by ID or login</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">user#4</code> , <code class="op-uc-code">user:"johndoe"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Mention link (open user profile in app)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented (opens browser)</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" checked="checked" disabled="disabled"><span class="todo-list__label__description op-uc-p">Forum message by ID</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">message#1218</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✅ Already implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Repository revision 43</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">r43</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-p">?</p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-p">?</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Commit by hash</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">commit:f30e13e4</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-p">?</p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-p">?</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Source file in the repository</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">source:"some/file"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-p">?</p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr></tbody></table></figure> class="op-uc-p">?</p></td></tr></tbody></table></figure>
* Work package attributes:
<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><thead class="op-uc-table--head"><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Attribute</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Usage example</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Mobile desired format</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Status</p></th></tr></thead><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">%Complete</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:8415:percentageDone</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7083&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Accountable</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:responsible</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7093&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Assignee</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:assignee</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7093&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Author</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:author</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7093&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Category</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:category</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7106&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Creation date</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:createdAt</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7117&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Custom Fields</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:"Name of the work package custom field"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7106&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Date of last update</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:updatedAt</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7117&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Description</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:description</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7178&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Estimated time</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:estimatedTime</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7155&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Finish date</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:dueDate</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7132&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Parent work package</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:parent</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7191&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Priority</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:priority</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7212&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Project</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:project</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7225&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Remaining hours</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:remainingTime</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7155&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Remaining work</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:8415:remainingTime</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7155&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Spent time</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:spentTime</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7155&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Start date</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:startDate</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7132&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Status</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:status</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7234&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Subject / Title</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:subject</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7247&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Version</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:version</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7256&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Work</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:8415:estimatedTime</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7155&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Work package type</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:type</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7264&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr></tbody></table></figure>
* Project attributes:
<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><thead class="op-uc-table--head"><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Attribute</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Usage example</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Mobile desired format</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Status</p></th></tr></thead><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p"><i>Custom Fields</i></span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:"Name of the project custom field"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7274&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Project active? (boolean)</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:active</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7299&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Description</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:description</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7405&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Identifier of the project</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:identifier</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7426&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Name of the project</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:name</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7426&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Status</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:status</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7396&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Status description</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:statusExplanation</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7405&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Parent project</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:parent</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7426&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Project public? (boolean)</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:public</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7299&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr></tbody></table></figure>
* GitHub macros:
<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><thead class="op-uc-table--head"><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Pull request activities</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Usage example</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Mobile desired format</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Status</p></th></tr></thead><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">First referenced (usually when opened)</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><i>Automatically appears when a PR is linked to a work package</i></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7452&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Marked ready for review</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><i>Automatically appears when a PR is linked to a work package</i></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-8118&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Merged</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><i>Automatically appears when a PR is linked to a work package</i></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-8193&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Closed</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><i>Automatically appears when a PR is linked to a work package</i></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-8270&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr></tbody></table></figure>
### Technical notes
* GitHub macros:
* API endpoint `/api/v3/work_packages/61641/github_pull_requests`
* Hard-coded status colours [here](https://github.com/opf/openproject/blob/4911b8a14921efe0c552ab2029389ac12bcaefcb/modules/github_integration/frontend/module/pull-request/pull-request-state.component.sass#L36).
* OpenProject supported macros and link to resources are specified [here](https://www.openproject.org/docs/user-guide/wysiwyg/#available-attributes-for-work-packages).
### Figma and visuals
https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1064-5376
**I want to** see the macros, links and GitHub macros properly in mobile also
**so that** I don't see the strange <> backlog macro format
### Acceptance criteria
Ensure all these options are supported and rendered properly in the mobile app:
* Links to resources:
<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><thead class="op-uc-table--head"><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Link target</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Usage example</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Mobile desired format</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Status</p></th></tr></thead><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Wiki page</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">[[Wiki page]]</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">⚠️ Browser can't open error</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Wiki page with separate link name</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">[[Wiki page|The text of the link]]</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">⚠️ Browser can't open error</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Wiki page in the Sandbox project</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">[[Sandbox:Wiki page]]</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">⚠️ Browser can't open error</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Work package with ID12</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">#12</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">⚠️ Browser can't open error</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Work package with ID 12 with subject and type</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">##12</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-4888&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Work package with ID 12 with subject, type, status, and dates</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">###12</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7040&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" checked="checked" disabled="disabled"><span class="todo-list__label__description op-uc-p">Version by ID or name</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">version#3</code>, <code class="op-uc-code">version:"Release 1.0.0"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✅ Already implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" checked="checked" disabled="disabled"><span class="todo-list__label__description op-uc-p">Project by ID/name</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">project#12</code> , <code class="op-uc-code">project:"My project name"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✅ Already implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Attachment by filename</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">attachment:filename.zip</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Link (open browser)</p></td><td
* Work package attributes:
<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><thead class="op-uc-table--head"><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Attribute</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Usage example</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Mobile desired format</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Status</p></th></tr></thead><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">%Complete</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:8415:percentageDone</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7083&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Accountable</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:responsible</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7093&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Assignee</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:assignee</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7093&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Author</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:author</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7093&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Category</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:category</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7106&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Creation date</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:createdAt</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7117&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Custom Fields</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:"Name of the work package custom field"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7106&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Date of last update</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:updatedAt</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7117&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Description</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:description</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7178&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Estimated time</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:estimatedTime</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7155&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Finish date</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:dueDate</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7132&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Parent work package</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:parent</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7191&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Priority</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:priority</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7212&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Project</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:project</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7225&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Remaining hours</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:remainingTime</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7155&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Remaining work</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:8415:remainingTime</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7155&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Spent time</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:spentTime</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7155&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Start date</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:startDate</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7132&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Status</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:status</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7234&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Subject / Title</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:subject</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7247&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Version</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:version</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7256&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Work</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:8415:estimatedTime</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7155&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Work package type</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">workPackageValue:1234:type</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7264&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr></tbody></table></figure>
* Project attributes:
<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><thead class="op-uc-table--head"><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Attribute</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Usage example</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Mobile desired format</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Status</p></th></tr></thead><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p"><i>Custom Fields</i></span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:"Name of the project custom field"</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7274&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Project active? (boolean)</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:active</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7299&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Description</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:description</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7405&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Identifier of the project</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:identifier</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7426&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Name of the project</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:name</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7426&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Status</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:status</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7396&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Status description</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:statusExplanation</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7405&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Parent project</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:parent</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7426&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><ul class="todo-list op-uc-list_task-list op-uc-list"><li class="op-uc-list--item"><label class="todo-list__label"><input type="checkbox" disabled="disabled"><span class="todo-list__label__description op-uc-p">Project public? (boolean)</span></label></li></ul></td><td class="op-uc-table--cell" style="border-color:rgb(223, 223, 223);padding:7px 10px;"><p class="op-uc-p"><code class="op-uc-code">projectValue:public</code></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7299&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr></tbody></table></figure>
* GitHub macros:
<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><thead class="op-uc-table--head"><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Pull request activities</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Usage example</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Mobile desired format</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Status</p></th></tr></thead><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">First referenced (usually when opened)</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><i>Automatically appears when a PR is linked to a work package</i></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-7452&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Marked ready for review</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><i>Automatically appears when a PR is linked to a work package</i></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-8118&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Merged</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><i>Automatically appears when a PR is linked to a work package</i></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-8193&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Closed</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><i>Automatically appears when a PR is linked to a work package</i></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1101-8270&t=j2YU0ARt941e2VOY-4"><strong>Mockups here</strong></a></p></td><td class="op-uc-table--cell"><p class="op-uc-p">❌ Not implemented</p></td></tr></tbody></table></figure>
### Technical notes
* GitHub macros:
* API endpoint `/api/v3/work_packages/61641/github_pull_requests`
* Hard-coded status colours [here](https://github.com/opf/openproject/blob/4911b8a14921efe0c552ab2029389ac12bcaefcb/modules/github_integration/frontend/module/pull-request/pull-request-state.component.sass#L36).
* OpenProject supported macros and link to resources are specified [here](https://www.openproject.org/docs/user-guide/wysiwyg/#available-attributes-for-work-packages).
### Figma and visuals
https://www.figma.com/design/xiZOMN9Vdgm5RiZotIRa7p/Mobile-App---Work-packages?node-id=1064-5376