Add print button in dashboard's page

This commit is contained in:
Alex Martzios 2021-10-29 16:56:44 +03:00
parent 353d5e7a5b
commit 051be69058
5 changed files with 22 additions and 15 deletions

View File

@ -43,9 +43,10 @@
<div page-content [class.greyOut]="filterToggle" (click)=" (filterToggle)?filterToggle = false:filterToggle">
<div *ngIf="activeTopic && activeTopic.categories.length > 0" header>
<nav class=" ">
<div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic" class="">
<div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic"
class="uk-grid uk-flex uk-flex-middle uk-flex-between uk-grid-stack">
<ul
class="customTabs uk-tab ">
class="customTabs uk-tab">
<ng-template ngFor [ngForOf]="activeTopic.categories" let-category let-i="index">
<li *ngIf="isPublicOrIsMember(category.visibility)"
[class.uk-active]="category.alias ===
@ -56,6 +57,14 @@
</li>
</ng-template>
</ul>
<a class="uk-text-uppercase uk-flex uk-flex-middle uk-flex-center">
<button class="uk-icon-button large uk-button-secondary" (click)="printReport()">
<icon name="print"></icon>
</button>
<button class="uk-button uk-button-link uk-margin-small-left" (click)="printReport()">
Print Report
</button>
</a>
</div>
</nav>
<ul *ngIf="activeCategory && countSubCategoriesToShow(activeCategory) > 1"
@ -298,7 +307,4 @@
(indicator.additionalDescription && indicator.additionalDescription.length?indicator.additionalDescription:'')
+'</div>'">
</span>
</ng-template>
<!-- Print button -->
<!-- <button (click)="printData()" class="printBtn">Print Data</button> -->
</ng-template>

View File

@ -581,7 +581,7 @@ export class MonitorComponent implements OnInit, OnDestroy {
}
}
public printData() {
public printReport() {
window.print();
}
}

View File

@ -21,12 +21,15 @@ import {BottomModule} from "../openaireLibrary/sharedComponents/bottom.module";
import {RangeFilterModule} from "../openaireLibrary/utils/rangeFilter/rangeFilter.module";
import {SearchFilterModule} from "../openaireLibrary/searchPages/searchUtils/searchFilter.module";
import {PageContentModule} from "../openaireLibrary/dashboard/sharedComponents/page-content/page-content.module";
import {IconsService} from '../openaireLibrary/utils/icons/icons.service';
import {IconsModule} from '../openaireLibrary/utils/icons/icons.module';
import {print} from "../openaireLibrary/utils/icons/icons";
@NgModule({
imports: [
CommonModule, FormsModule, RouterModule, ErrorMessagesModule,
HelperModule, Schema2jsonldModule, SEOServiceModule, MonitorRoutingModule, SideBarModule, InputModule,
UserMiniModule, ClickModule, BottomModule, RangeFilterModule, SearchFilterModule, PageContentModule
UserMiniModule, ClickModule, BottomModule, RangeFilterModule, SearchFilterModule, PageContentModule, IconsModule
],
declarations: [
MonitorComponent
@ -41,4 +44,7 @@ import {PageContentModule} from "../openaireLibrary/dashboard/sharedComponents/p
]
})
export class MonitorModule {
constructor(private iconsService: IconsService) {
this.iconsService.registerIcons([print]);
}
}

@ -1 +1 @@
Subproject commit 5c7430ae7cde032c1b6b4d9bd990f761cd6b73e3
Subproject commit afcd7fc3c3621a9f65663076c34216a7a45f4b25

View File

@ -246,9 +246,4 @@
.landing .uk-dropdown, new-search-page .uk-dropdown, search-all .uk-dropdown {
padding: 25px;
}
.printBtn {
display: block;
margin: auto;
}
}