# lnl-save-files

> This package is built for select files to upload in REST Angular application

Latest version **0.0.2** (published 2018-10-17) · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install lnl-save-files
pnpm add lnl-save-files
yarn add lnl-save-files
bun add lnl-save-files
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2018-10-17 |
| First published | 2018-10-17 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 694.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | legracieux535 |

## Links

- npm: https://www.npmjs.com/package/lnl-save-files
- npm.io page: https://npm.io/package/lnl-save-files

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Recent versions

- 0.0.2 (latest) — 2018-10-17
- 0.0.1 — 2018-10-17

## README

# Lnl Save Files

This package is built for select files to upload in REST Angular application

## Installation

1. run `npm install --save lnl-save-files`
2. in AppModule 
````typescript
...
import { LnlSaveFilesModule } from 'lnl-save-files'; <========== import here
import { ToastrModule } from 'ngx-toastr';
import {NoopAnimationsModule, BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {MatButtonModule, MatDialogModule, MatFormFieldModule} from '@angular/material';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    ...
    LnlSaveFilesModule, <========== import here
    BrowserAnimationsModule,
    NoopAnimationsModule,
    MatButtonModule,
    MatFormFieldModule,
    MatDialogModule,
    ToastrModule.forRoot(),
    ...
  ],
  providers: [],
  entryComponents: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

3. in app.component.ts
```typescript

import { MatDialog } from '@angular/material';
import { LnlSaveFilesComponent } from 'lnl-save-files'; <========== import here

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'app';

  constructor(private dialog: MatDialog, 
  private toastr: ToastrService){
  	
  }

   choseFile(){
   const dialogRef = this.dialog.open(LnlSaveFilesComponent, {
      maxWidth: '768px',
      maxHeight: '500px',
      data: {name: 'name_of_file_request', multiple: false, type: '.pdf, .doc, .docx', 
      filename: 'filenameOfFile', url: `http://backend/api/url/request`}
    });

    dialogRef.afterClosed().subscribe(result => {
    }); 
  }
}

```

### Dependencies

1. ngx-bootstrap
2. jquery
3. angular material
4. ngx-toastr

## Configuration

Passez les parametres dans l'objet data du modal de angular material.
les parametres sont:

- titre: set the title of modal
- type: set files accept ex:('.doc, .pdf')
- url: set the url of request
- filename: set a filename for your request
- name: name for your request
- multiple: is true or false.
- callback_submit: is a callback function called if url undefined. parareters => (file: File, save_file: SaveFile)

---
_Source: https://npm.io/package/lnl-save-files · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._