Begin of the deletion These are just notes to facilitate the implementation. The authoritative specification is in <mention class="mention" data-id="49688" data-type="work_package" data-text="#49688">#49688</mention>

(Note: `Project Attributes` is a new name for the existing concept of `Project Custom Fields`)

End of the deletion ### Acceptance criteria

* Begin of the insertionTheEnd of the insertion Begin of the deletion ActivatedEnd of the deletion project Begin of the insertionoverview will maintain the current implementation of widgets but include a new right pane (like in the Meetings module)
* This pane will display project attributes enabledEnd of the insertion Begin of the deletion custom fieldsEnd of the deletion for this project Begin of the insertionin their respective sections, alongEnd of the insertion Begin of the deletion are shownEnd of the deletion with their values Begin of the insertion(visible setting is respected, only admins can see/edit &quot;invisible&quot; project attributes)
* A section is only shown if at least one project attribute from that section is enabled for the project (if that number is zero, the section is hidden entirely)
* If the user has the permission &quot;edit\_project&quot;, each section shows an edit icon
* Clicking this icon opensEnd of the insertion Begin of the deletion onEnd of the deletion a Begin of the insertiondialog showing inputs for all enabled project attributes contained in that section
* Saving this dialog automatically closes the dialog and the changes are reflected in theEnd of the insertion Begin of the deletion newEnd of the deletion sidebar Begin of the insertionwithout a browser page refresh
* If an invalid value was entered,End of the insertion Begin of the deletion onEnd of the deletion the Begin of the insertiondialog is not closed and form validations are displayed (standard Primer style)
* Thee dialog **cannot** be saved if aEnd of the insertion project Begin of the insertionattribute value _within_ this section is invalid
End of the insertion Begin of the deletion overview page
End of the deletion * The Begin of the insertiondialog **can** be save if allEnd of the insertion project Begin of the insertionattributes WITHIN thisEnd of the insertion Begin of the deletion custom fields are grouped by their assignedEnd of the deletion section Begin of the insertionare validEnd of the insertion
* Each Begin of the insertionsection is self-contained. If a project attribute in section &quot;A&quot; is in an invalid state, a section &quot;B&quot;End of the insertion Begin of the deletion section&#39;s custom fieldsEnd of the deletion can Begin of the insertionstillEnd of the insertion be Begin of the insertionsaved.
* For example, if a new required project attributes is added to section &quot;A&quot;. section &quot;A&quot; is now technically in an invalid state. However, this does not affect Section &quot;B&quot;, which can beEnd of the insertion edited Begin of the insertionand saved normally.
* Special renderings in the sidebar:
* IfEnd of the insertion Begin of the deletion viaEnd of the deletion a Begin of the insertionvalue is not set for a project attribute, &quot;-&quot; is shown
* Boolean fields are rendered with Yes/No
* Users are shown with their avatar
* Rich text values
* are properly formated (e.g. bold text is shown as bold...)
* are truncated when they are longer than 100 characters
* An &quot;Expand&quot; link opens aEnd of the insertion dialog Begin of the insertionshowing the complete rich text value as read-only (similar to #52127)
* Multi user values are shown in a list
* Other multi values are shown comma-seperatedEnd of the insertion
* Begin of the insertionIf a project has no enabled project attributes, the sidebar is completely empty.
End of the insertion Begin of the deletion Validating only section-based when updating custom-fields

### Technical notes

End of the deletion * Begin of the insertionA separate feature will address this blank state.
* For project adminsEnd of the insertion Begin of the deletion Use turbo-frameEnd of the deletion with Begin of the insertionpermissionEnd of the insertion Begin of the deletion Angular&#39;s overview component in orderEnd of the deletion to Begin of the insertionedit project attributes, there is a third More (...) button on the top right corner to the right of Add (+) with two options:
* &quot;Manage project attributes&quot; (redirects to Project settings &gt; Project attribtues)
* &quot;Archive project&quot;
* URL routing: `projects/{project_id}`
* Accessible to project members with the permission &quot;view\_project&quot;
* Edit actions only available for project members with the permission &quot;edit\_project&quot;End of the insertion Begin of the deletion include rails-rendered codeEnd of the deletion