Content
View differences
Updated by Jens Ulferts almost 4 years ago
**As** a project member
**I want to** see the most relevant information always at the same place in the work packages different views
**so that** I can modify it easier and don't need to search for it in the details of the work package.
#### **Acceptance criteria**
* Remove the following fields from the work package form configuration (details):
* Date
* Assignee
* Log time
* Add the previous mentioned information in a sub-header closer to the content header as in the visuals.
* There is multiple options to display the dates depending on the situation:
* _No date or duration:_ "Set date"
* _No date but has duration_: "Set date (19 days)"
* _Start date only:_ "05/10/2022 – Set finish date"
* _Finish date only:_ "Set start date – 24/10/2022"
* The ID and last change will be also moved to the the sub-header and will take the format: "ID - Last update X days ago". This means the "Created by" disappears and the time stamp is standardised with "days ago". TBD which is the scale used for days vs months vs years (eg. 90+ days is transformed in months and 12+ months is transformed in years)
* **\[open\]** how to display changes carried out on the same day. Should there also be an hours and minutes unit.
* The placement of the elements is variable depending on the following cases:
* Work package full view
* Work package split screen view
* Work package mobile
* On the full view the "+ Create" button disappears and two new buttons will appear that will relate to the tabs and will behave as specified in this [Figma prototype](https://www.figma.com/proto/9Xx1gBIDG2MHsUmE4MjFV0/Sub-header-proposal?page-id=79%3A3707&node-id=82%3A3708&viewport=424%2C311%2C0.15&scaling=contain&starting-point-node-id=82%3A3708):
* Create child work package (icon needs to be redesigned and reviewed)
* Attach a file
* Watch work package (already existing but behaviour will change)
* There is a new breadcrumb that indicates the project that the work package is set in and after it the option to set a parent for it (or the parent if already has one).
In case of accessing a work package from outside any project the blue box with "This work package belongs to project X. Open this work package in that project." will not appear anymore as you can see the project in the breadcrumb.
* The arrangement of elements adapts to the different cases and devices as specified in the visuals.
#### **Visuals**
* Full view:
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34399/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34400/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34402/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34404/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34403/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34401/content"></div></figure>
* Split screen view:
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34405/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34410/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34408/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34409/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34407/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34406/content"></div></figure>
* Mobile version:
<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34411/content"></div></figure>
#### Figma
[https://www.figma.com/file/9Xx1gBIDG2MHsUmE4MjFV0/?node-id=0%3A1](https://www.figma.com/file/9Xx1gBIDG2MHsUmE4MjFV0/?node-id=0%3A1)
#### Out of scope
* The change of the time stamp shown in the visual. This change is tracked separately.
**I want to** see the most relevant information always at the same place in the work packages different views
**so that** I can modify it easier and don't need to search for it in the details of the work package.
#### **Acceptance criteria**
* Remove the following fields from the work package form configuration (details):
* Date
* Assignee
* Log time
* Add the previous mentioned information in a sub-header closer to the content header as in the visuals.
* There is multiple options to display the dates depending on the situation:
* _No date or duration:_ "Set date"
* _No date but has duration_: "Set date (19 days)"
* _Start date only:_ "05/10/2022 – Set finish date"
* _Finish date only:_ "Set start date – 24/10/2022"
* The ID and last change will be also moved to the the sub-header and will take the format: "ID - Last update X days ago". This means the "Created by" disappears and the time stamp is standardised with "days ago". TBD which is the scale used for days vs months vs years (eg. 90+ days is transformed in months and 12+ months is transformed in years)
* **\[open\]** how to display changes carried out on the same day. Should there also be an hours and minutes unit.
* The placement of the elements is variable depending on the following cases:
* Work package full view
* Work package split screen view
* Work package mobile
* On the full view the "+ Create" button disappears and two new buttons will appear that will relate to the tabs and will behave as specified in this [Figma prototype](https://www.figma.com/proto/9Xx1gBIDG2MHsUmE4MjFV0/Sub-header-proposal?page-id=79%3A3707&node-id=82%3A3708&viewport=424%2C311%2C0.15&scaling=contain&starting-point-node-id=82%3A3708):
* Create child work package (icon needs to be redesigned and reviewed)
* Attach a file
* Watch work package (already existing but behaviour will change)
* There is a new breadcrumb that indicates the project that the work package is set in and after it the option to set a parent for it (or the parent if already has one).
In case of accessing a work package from outside any project the blue box with "This work package belongs to project X. Open this work package in that project." will not appear anymore as you can see the project in the breadcrumb.
* The arrangement of elements adapts to the different cases and devices as specified in the visuals.
#### **Visuals**
* Full view:
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34399/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34400/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34402/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34404/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34403/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34401/content"></div></figure>
* Split screen view:
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34405/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34410/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34408/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34409/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34407/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34406/content"></div></figure>
* Mobile version:
<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34411/content"></div></figure>
#### Figma
[https://www.figma.com/file/9Xx1gBIDG2MHsUmE4MjFV0/?node-id=0%3A1](https://www.figma.com/file/9Xx1gBIDG2MHsUmE4MjFV0/?node-id=0%3A1)
#### Out of scope
* The change of the time stamp shown in the visual. This change is tracked separately.