-
{{'DMP-LISTING.TEXT-INFO' | translate}}
-
{{'DMP-LISTING.TEXT-INFO-QUESTION' | translate}} {{'DMP-LISTING.LINK-ZENODO' | translate}} {{'DMP-LISTING.GET-IDEA' | translate}}
+
+
+
clear
+
+
{{'DMP-LISTING.TEXT-INFO' | translate}}
+
{{'DMP-LISTING.TEXT-INFO-QUESTION' | translate}} {{'DMP-LISTING.LINK-ZENODO' | translate}} {{'DMP-LISTING.GET-IDEA' | translate}}
+
+
diff --git a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.scss b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.scss
index 9b7bbc953..3fe73fa18 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.scss
@@ -185,6 +185,19 @@
color: #212121;
}
+.filter-btn {
+ position: fixed;
+ right: 0px;
+ z-index: 100;
+}
+
+.filter-btn button {
+ color: white;
+ background-color: #23BCBA;
+ width: 52px;
+ height: 45px;
+}
+
// .bot-paginator {
// margin-top: auto;
// }
diff --git a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
index 9ad0be183..1f74408d3 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
+++ b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
@@ -23,6 +23,7 @@ import { DmpUploadDialogue } from './upload-dialogue/dmp-upload-dialogue.compone
import { UiNotificationService, SnackBarNotificationLevel } from '@app/core/services/notification/ui-notification-service';
import { isNullOrUndefined } from 'util';
import { AuthService } from '@app/core/services/auth/auth.service';
+import { DmpCriteriaDialogComponent } from './criteria/dmp-criteria-dialog.component';
@Component({
@@ -315,6 +316,22 @@ export class DmpListingComponent extends BaseComponent implements OnInit, IBread
private onCallbackImportFail(error: any) {
this.uiNotificationService.snackBarNotification(error.message, SnackBarNotificationLevel.Error);
}
+
+ openFiltersDialog(): void {
+ const dialogRef = this.dialog.open(DmpCriteriaDialogComponent, {
+ width: '456px',
+ height: '100%',
+ restoreFocus: false,
+ data: {
+ showGrant: this.showGrant,
+ isPublic: this.isPublic
+ },
+ position: { right: '0px;' }
+ });
+
+ dialogRef.afterClosed().subscribe(result => {
+ });
+ }
}
// export class DmpDataSource extends DataSource {
diff --git a/dmp-frontend/src/assets/css/demo.css b/dmp-frontend/src/assets/css/demo.css
index efae1933a..158a19232 100644
--- a/dmp-frontend/src/assets/css/demo.css
+++ b/dmp-frontend/src/assets/css/demo.css
@@ -657,6 +657,15 @@ hr {
margin-top: 4.125rem;
}
+.btn-load-more:hover {
+ background-color: black;
+ color: white;
+}
+
+.pointer {
+ cursor: pointer;
+}
+
@media (min-width: 576px) {
.container {
max-width: 540px;