Skip to content

An emberjs addon to view documents using the google viewer. Preview .JPEG, .PNG, .DOCX, .TXT, .XLSX, .PDF and more...

License

Notifications You must be signed in to change notification settings

ntgussoni/ember-cli-google-viewer

Repository files navigation

ember-cli-google-viewer

Latest NPM release TravisCI Build Status Ember Observer Score License semantic-release Commitizen friendly

An ember-cli addon to view documents using the google viewer. Preview .JPEG, .PNG, .DOCX, .TXT, .XLSX, .PDF and more...

Sample project

Supported filetypes

Image files (.JPEG, .PNG, .GIF, .TIFF, .BMP)
Video files (WebM, .MPEG4, .3GPP, .MOV, .AVI, .MPEGPS, .WMV, .FLV)
Text files (.TXT)
Markup/Code (.CSS, .HTML, .PHP, .C, .CPP, .H, .HPP, .JS)
Microsoft Word (.DOC and .DOCX)
Microsoft Excel (.XLS and .XLSX)
Microsoft PowerPoint (.PPT and .PPTX)
Adobe Portable Document Format (.PDF)
Apple Pages (.PAGES)
Adobe Illustrator (.AI)
Adobe Photoshop (.PSD)
Tagged Image File Format (.TIFF)
Autodesk AutoCad (.DXF)
Scalable Vector Graphics (.SVG)
PostScript (.EPS, .PS)
TrueType (.TTF)
XML Paper Specification (.XPS)
Archive file types (.ZIP and .RAR)

Installation

ember install ember-cli-google-viewer

Usage

The usage is simple, you pass the URL of the file and you are good to go.

  {{ember-cli-google-viewer
    url="http://path-to-your-file/"
  }}

If you wish, you can yield a loader that will be shown until the viewer finishes loading.

  {{#ember-cli-google-viewer
    url="http://path-to-your-file/"
  }}
    Loading...
  {{/ember-cli-google-viewer}}

Additionally, you can call an action after the viewer loads

  {{#ember-cli-google-viewer
    url="http://path-to-your-file/"
    onViewerLoad=(action "myAction")
  }}
    Loading...
  {{/ember-cli-google-viewer}}

About

An emberjs addon to view documents using the google viewer. Preview .JPEG, .PNG, .DOCX, .TXT, .XLSX, .PDF and more...

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •