Add print button in dashboard's page

src/app/monitor/monitor.component.html

@@ -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>

src/app/monitor/monitor.component.ts

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

src/app/monitor/monitor.module.ts

@@ -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]);
+	}
 }

src/app/openaireLibrary

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

src/assets/new.css

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