diff --git a/frontend/src/app/pages/my-publications/my-publications.component.html b/frontend/src/app/pages/my-publications/my-publications.component.html index 4065830..0493537 100644 --- a/frontend/src/app/pages/my-publications/my-publications.component.html +++ b/frontend/src/app/pages/my-publications/my-publications.component.html @@ -1,4 +1,12 @@

Your publications

+ + + + + + @if ((isLoading$ | async) === true) {

Publication loading...

diff --git a/frontend/src/app/pages/my-publications/my-publications.component.scss b/frontend/src/app/pages/my-publications/my-publications.component.scss index b986f35..4acdd1d 100644 --- a/frontend/src/app/pages/my-publications/my-publications.component.scss +++ b/frontend/src/app/pages/my-publications/my-publications.component.scss @@ -1,5 +1,29 @@ +$newPublicationButtonSize: 1.7em; + :host { display: flex; flex-direction: column; align-items: center; + + .new-publication { + position: fixed; + border-radius: 10em; + background-color: #14A44D; + color: white; + display: flex; + justify-content: center; + align-items: center; + bottom: $newPublicationButtonSize; + right: $newPublicationButtonSize; + width: $newPublicationButtonSize; + height: $newPublicationButtonSize; + text-decoration: none; + box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); + transition: background-color .2s ease-in-out; + font-size: 2.2em; + + &:hover { + background-color: #0e7a3a; + } + } } \ No newline at end of file diff --git a/frontend/src/app/pages/my-publications/my-publications.component.ts b/frontend/src/app/pages/my-publications/my-publications.component.ts index b595b48..72416e1 100644 --- a/frontend/src/app/pages/my-publications/my-publications.component.ts +++ b/frontend/src/app/pages/my-publications/my-publications.component.ts @@ -5,6 +5,8 @@ import { Observable } from "rxjs"; import { PublicationListComponent } from "../../components/publication-list/publication-list.component"; import { Publication } from "../../core/rest-services/publications/model/publication"; import { CommonModule } from "@angular/common"; +import { RouterModule } from "@angular/router"; +import { MatTooltipModule } from "@angular/material/tooltip"; @Component({ @@ -12,7 +14,13 @@ import { CommonModule } from "@angular/common"; standalone: true, templateUrl: './my-publications.component.html', styleUrl: './my-publications.component.scss', - imports: [CommonModule, MatProgressSpinnerModule, PublicationListComponent], + imports: [ + CommonModule, + MatProgressSpinnerModule, + PublicationListComponent, + MatTooltipModule, + RouterModule + ], providers: [MyPublicationsService] }) export class MyPublicationsComponent implements OnInit {