diff --git a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
index 1d2eec1fa..f8a92266d 100644
--- a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
+++ b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
@@ -11,16 +11,17 @@
{{ 'DATASET-LISTING.COLUMNS.DMP' | translate }}
-
-
+
{{ roleDisplayFromList(dmp.users) }}
-
Public
-
Locked
+
Public: {{ dmp.isPublic}}
+
Locked: {{ dmp.status}}
-
{{'GENERAL.STATUSES.EDIT' | translate}} : {{dmp.modifiedTime | date:"longDate"}}
+
{{'GENERAL.STATUSES.EDIT' | translate}} :
+ {{dmp.modifiedTime | date:"longDate"}}
-
-
{{ researcher.name }}
+
+
+
{{ researcher.name }},
{{'DATASET-LISTING.COLUMNS.DESCRIPTION' | translate}}
@@ -65,67 +72,119 @@
-
-
+
9" class="d-flex justify-content-center">
+
+ expand_more{{ 'GENERAL.ACTIONS.SHOW-MORE' | translate }}
+
+
-
+
add
{{'DMP-LISTING.ACTIONS.ADD-DATASET-SHORT' | translate}}
-
-
-
- archive
-
- {{ 'DMP-LISTING.ACTIONS.DEPOSIT' | translate }}
-
-
-
- redo
-
- {{ 'DMP-LISTING.ACTIONS.EXPORT' | translate }}
-
-
-
- add_to_photos
-
- {{ 'DMP-LISTING.ACTIONS.START-NEW-VERSION' | translate }}
-
-
-
- public
-
- {{ 'DMP-LISTING.ACTIONS.MAKE-PUBLIC' | translate }}
+
+
{{'DMP-EDITOR.TITLE.SUBTITLE' | translate}}
+
+
{{ dmp.modifiedTime }}
+
+
+ content_copy
+
+
+ launch
+
+
-
-
-
-
{{'DMP-OVERVIEW.DMP-AUTHORS' | translate}}
+
+
+
+ archive
+
+
{{ 'DMP-LISTING.ACTIONS.DEPOSIT' | translate }}
-
+
+
+ open_in_new
+
+
+ {{ 'DMP-LISTING.ACTIONS.EXPORT' | translate }}
+
+
+
+ add_to_photos
+
+
{{ 'DMP-LISTING.ACTIONS.START-NEW-VERSION' | translate }}
+
+
+
+
+ public
+
+
{{ 'DMP-LISTING.ACTIONS.MAKE-PUBLIC' | translate }}
+
+
+
+
+ {{'GENERAL.FILE-TYPES.PDF' | translate}}
+
+
+
+ {{'GENERAL.FILE-TYPES.DOC' | translate}}
+
+
+
+ {{'GENERAL.FILE-TYPES.XML' | translate}}
+
+
+
+ {{'GENERAL.FILE-TYPES.JSON' | translate}}
+
+
+
+
+
+
{{ 'DMP-OVERVIEW.DMP-AUTHORS' | translate }}
+
+
+
+
+ account_circle
+
+
+
+
{{ user.name }}
+
{{ roleDisplay(user) }}
+
+
+
+
group_add
{{'DMP-LISTING.ACTIONS.INVITE-SHORT' | translate}}
diff --git a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
index a86c2cab6..ec1893d47 100644
--- a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
@@ -40,16 +40,36 @@
border-radius: 4px;
}
-.actions-btn {
- background-color: #23BCBA;
- margin-right: 23px;
- // width: 35px;
- // height: 35px;
- // box-shadow: 0px 2px 6px #00000029;
+.mat-mini-fab {
+ width: 35px;
+ height: 35px;
}
-.actions-icon {
- color: white;
+.mat-icon-1 {
+ font-size: 1.25em;
+}
+
+.mat-icon-2 {
+ font-size: 2.5em;
+}
+.mat-icon-1 .mat-icon-2{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.id-btn {
+ background: url('../../../../assets/images/NoPath.png') no-repeat center;
+ width: 16px;
+ margin-right: 5px;
+ align-self: center;
+}
+
+.avatar {
+ font-size: 14px;
+ color: #008887;
+ padding-right: 0.5em;
+ align-self: center;
}
.title {
@@ -68,12 +88,9 @@
.dataset-btn {
width: 506px;
- height: 37px;
+ padding: 0 16px;
background-color: #F7DD72;
border-radius: 4px;
-}
-
-.dataset-btn-label {
display: flex;
align-items: center;
justify-content: space-between;
@@ -81,28 +98,80 @@
opacity: 0.8;
}
+.dataset-btn-label {
+ margin-right: 16px;
+ overflow: hidden;
+}
+
.add-dataset {
border: none;
font: Bold 14px/19px Open Sans;
color: #444444;
}
+.show-more {
+ background-color: #ffffff00;
+ color: #00b29f;
+ font-weight: 700;
+ justify-self: center;
+}
+
+.doi-label {
+ font-size: 16px;
+ color: #212121;
+ opacity: 0.6;
+ margin-bottom: 5px;
+}
+
+.doi-text {
+ font-size: 16px;
+ letter-spacing: 0.15px;
+ color: #7D7D7D;
+}
+
+.doi-panel {
+ height: 56px;
+ background: #FAFAFA;
+ border: 1px solid #D1D1D1;
+ border-radius: 4px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+}
.frame {
- width: 370px;
height: 234px;
background: #FFFFFF;
box-shadow: 0px 1px 5px #00000026;
border-radius: 4px;
- opacity: 1;
- margin-bottom: 20px;
}
-.frame-button {
- border: 1px solid #212121;
- background: #FFFFFF 0% 0% no-repeat padding-box;
+.actions-text {
+ font: Bold 12px/17px Open Sans;
+ letter-spacing: 0px;
+ color: #000000;
+ text-transform: uppercase;
+ cursor: pointer;
}
+.frame-btn {
+ border: 1px solid #212121;
+ background: #FFFFFF;
+ box-shadow: 0px 2px 6px #00000029;
+ color: black;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.account_circle {
+ background: white;
+ color: #D5D5D5;
+ border: none;
+}
+
+
.invite-button{
border-radius: 30px;
}
diff --git a/dmp-frontend/src/assets/images/NoPath.png b/dmp-frontend/src/assets/images/NoPath.png
new file mode 100644
index 000000000..ced7a8b28
Binary files /dev/null and b/dmp-frontend/src/assets/images/NoPath.png differ