Add print button in dashboard's page
This commit is contained in:
parent
353d5e7a5b
commit
051be69058
|
@ -43,9 +43,10 @@
|
||||||
<div page-content [class.greyOut]="filterToggle" (click)=" (filterToggle)?filterToggle = false:filterToggle">
|
<div page-content [class.greyOut]="filterToggle" (click)=" (filterToggle)?filterToggle = false:filterToggle">
|
||||||
<div *ngIf="activeTopic && activeTopic.categories.length > 0" header>
|
<div *ngIf="activeTopic && activeTopic.categories.length > 0" header>
|
||||||
<nav class=" ">
|
<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
|
<ul
|
||||||
class="customTabs uk-tab ">
|
class="customTabs uk-tab">
|
||||||
<ng-template ngFor [ngForOf]="activeTopic.categories" let-category let-i="index">
|
<ng-template ngFor [ngForOf]="activeTopic.categories" let-category let-i="index">
|
||||||
<li *ngIf="isPublicOrIsMember(category.visibility)"
|
<li *ngIf="isPublicOrIsMember(category.visibility)"
|
||||||
[class.uk-active]="category.alias ===
|
[class.uk-active]="category.alias ===
|
||||||
|
@ -56,6 +57,14 @@
|
||||||
</li>
|
</li>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</ul>
|
</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>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<ul *ngIf="activeCategory && countSubCategoriesToShow(activeCategory) > 1"
|
<ul *ngIf="activeCategory && countSubCategoriesToShow(activeCategory) > 1"
|
||||||
|
@ -298,7 +307,4 @@
|
||||||
(indicator.additionalDescription && indicator.additionalDescription.length?indicator.additionalDescription:'')
|
(indicator.additionalDescription && indicator.additionalDescription.length?indicator.additionalDescription:'')
|
||||||
+'</div>'">
|
+'</div>'">
|
||||||
</span>
|
</span>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|
||||||
<!-- Print button -->
|
|
||||||
<!-- <button (click)="printData()" class="printBtn">Print Data</button> -->
|
|
|
@ -581,7 +581,7 @@ export class MonitorComponent implements OnInit, OnDestroy {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
public printData() {
|
public printReport() {
|
||||||
window.print();
|
window.print();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -21,12 +21,15 @@ import {BottomModule} from "../openaireLibrary/sharedComponents/bottom.module";
|
||||||
import {RangeFilterModule} from "../openaireLibrary/utils/rangeFilter/rangeFilter.module";
|
import {RangeFilterModule} from "../openaireLibrary/utils/rangeFilter/rangeFilter.module";
|
||||||
import {SearchFilterModule} from "../openaireLibrary/searchPages/searchUtils/searchFilter.module";
|
import {SearchFilterModule} from "../openaireLibrary/searchPages/searchUtils/searchFilter.module";
|
||||||
import {PageContentModule} from "../openaireLibrary/dashboard/sharedComponents/page-content/page-content.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({
|
@NgModule({
|
||||||
imports: [
|
imports: [
|
||||||
CommonModule, FormsModule, RouterModule, ErrorMessagesModule,
|
CommonModule, FormsModule, RouterModule, ErrorMessagesModule,
|
||||||
HelperModule, Schema2jsonldModule, SEOServiceModule, MonitorRoutingModule, SideBarModule, InputModule,
|
HelperModule, Schema2jsonldModule, SEOServiceModule, MonitorRoutingModule, SideBarModule, InputModule,
|
||||||
UserMiniModule, ClickModule, BottomModule, RangeFilterModule, SearchFilterModule, PageContentModule
|
UserMiniModule, ClickModule, BottomModule, RangeFilterModule, SearchFilterModule, PageContentModule, IconsModule
|
||||||
],
|
],
|
||||||
declarations: [
|
declarations: [
|
||||||
MonitorComponent
|
MonitorComponent
|
||||||
|
@ -41,4 +44,7 @@ import {PageContentModule} from "../openaireLibrary/dashboard/sharedComponents/p
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
export class MonitorModule {
|
export class MonitorModule {
|
||||||
|
constructor(private iconsService: IconsService) {
|
||||||
|
this.iconsService.registerIcons([print]);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1 +1 @@
|
||||||
Subproject commit 5c7430ae7cde032c1b6b4d9bd990f761cd6b73e3
|
Subproject commit afcd7fc3c3621a9f65663076c34216a7a45f4b25
|
|
@ -246,9 +246,4 @@
|
||||||
|
|
||||||
.landing .uk-dropdown, new-search-page .uk-dropdown, search-all .uk-dropdown {
|
.landing .uk-dropdown, new-search-page .uk-dropdown, search-all .uk-dropdown {
|
||||||
padding: 25px;
|
padding: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.printBtn {
|
|
||||||
display: block;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
Loading…
Reference in New Issue