Content
View differences
Updated by Marc Alcobé 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: 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" 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)
* 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)
#### **Visuals**
* Full view:
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34206/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34209/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34210/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34208/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34207/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34211/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/34212/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34214/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34215/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34216/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34217/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34213/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/33450/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)
* 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)
#### **Visuals**
* Full view:
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34206/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34209/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34210/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34208/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34207/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34211/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/34212/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34214/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34215/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34216/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34217/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34213/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/33450/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.