@softheon/armature 10.34.4 → 10.37.0

package/README.md

@@ -1775,3 +1775,75 @@ The selector indicates how the dom will be searched for html elements
 | -------- | -------- | ----------------- | ------------------------------------------------------------------- |
 | name     | `string` | any css attribute | The name of the css attribute to modify on returned elements styles |
 | value    | `string` | any string        | The value to set for the css attribute                              |
+
+## Saving/Printing a specified component
+
+This section will describe how any component for an application can be saved/printed
+
+### Setup
+
+There are few steps that must be done in order to use this functionality
+
+__First__: In the module that will be using this functionality include the following import
+
+```javascript
+import { SofArComponentSavePrintModule } from '@softheon/armature';
+
+@ngModule({
+  declarations: [...],
+  imports: [
+    ...
+    SofArComponentSavePrintModule
+    ...
+  ]
+})
+
+```
+
+__Last__: Include the following component in a component that will be on the page at the time the user will select to save/print. This can be done in the app.component.ts or in a specific route in the application.
+
+```html
+<sof-ar-component-save-print></sof-ar-component-save-print>
+```
+
+### Usage
+
+In this example, the print command will be executed by an application defined button in a component. The save/print functionality is not limited to a component, it can be executed from a service/directive/pipe etc.
+
+```javascript
+import { Component, OnInit } from '@angular/core';
+import { ComponentSavePrintService } from '@softheon/armature';
+import { SomeOtherComponent } from './some/local/component/location';
+
+/** The save print component */
+@Component({
+  selector: 'app-save-print',
+  templateUrl: './save-print.component.html',
+  styleUrls: ['./save-print.component.scss']
+})
+export class SavePrintComponent implements OnInit {
+
+  /**
+   * The constructor
+   * @param componentSavePrintService The save/print component service
+   */
+  constructor(
+    private readonly componentSavePrintService: ComponentSavePrintService
+  ) { }
+
+  /** Angular life cycle hook for component initialization */
+  public ngOnInit(): void {
+  }
+
+  /** Downloads the pdf of the page */
+  public downloadPdf(): void {
+    this.componentSavePrintService.savePrintComponent(SomeOtherComponent);
+  }
+}
+```
+
+The `savePrintComponent` function takes the type of component that will be saved/printed as the only argument. This component does not have to be the same as the component executing the save/print function, it can be any component in the application including routes.
+
+### Limitations
+
+There is currently no way to pass in custom inputs to the component being save/printed. This can be prevented by having a component host the component in question with the correct default inputs and providing the host component to the function rather the desired component.

package/assets/styles/sof-styles.scss

@@ -16,21 +16,17 @@ body {
   margin: 0 !important;
 }
 
-h1.merriweather {
-  font-family: "Merriweather", serif;
-  font-style: normal;
-  font-weight: normal;
-  font-size: 34px;
-  line-height: 48px;
-  letter-spacing: normal;
-  margin: 0px;
-  padding: 0px;
-  @media only screen and (max-width: $screen-sm-end) {
-    font-size: 28px;
-  }
+.merriweather {
+  font-family: "Merriweather", serif !important;
+}
+
+.poppins {
+  font-family: "Poppins", sans-serif !important;
 }
 
-h1.poppins {
+.h1,
+[h1],
+h1 {
   font-family: "Poppins", sans-serif;
   font-style: normal;
   font-weight: normal;