ntgussoni / ember-cli-google-viewer

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

ember-cli-google-viewer

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

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