Content
View differences
Updated by Marc Alcobé almost 4 years ago
**As** a project member
**I want to** see the most relevant date information always at the same place in the work packages different views full screen view.
**so that** I can modify it easier and don't need have to search for it in based on the details of the work package. type form configuration.
#### **Acceptance criteria**
* Remove the following fields date field from the work package form configuration (details):
* Date
* Assignee
* Log time configuration.
* Add Show the previous mentioned information date field always in a sub-header closer the same place, e.g. close to the content header as in the visuals. status selector.
* In **\[open\]** what is to be displayed in case only duration is set but neither dates we will display: "Undefined X days"
* 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".
* The placement of the elements is variable depending on the following cases:
* Work package full view
* Work package split screen view
* Work package mobile
#### **Visuals** **Example**:
* Full view:
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33442/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33443/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33445/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33444/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/33446/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33448/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33447/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33449/content"></div></figure>
* Mobile version:
<figure class="image op-uc-figure" style="width:75%;"><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 src="/api/v3/attachments/26368/content"></div></figure>
**I want to** see the most relevant
**so that** I can modify it easier and don't need
#### **Acceptance criteria**
* Remove the following fields
* Date
* Assignee
* Log time
* Add
* In
* 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".
* The placement of the elements is variable depending on the following cases:
* Work package full view
* Work package split screen view
* Work package mobile
#### **Visuals**
* Full view:
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33442/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33443/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33445/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33444/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/33446/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33448/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33447/content"></div></figure>
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33449/content"></div></figure>
* Mobile version:
<figure class="image op-uc-figure" style="width:75%;"><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