Quick View: Support pdf and text preview.

ui/file_manager/file_manager/foreground/elements/files_quick_view.html

 <!-- Copyright 2016 The Chromium Authors. All rights reserved.
   -- Use of this source code is governed by a BSD-style license that can be
   -- found in the LICENSE file.
 -->
 
 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog/paper-dialog.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toolbar/paper-toolbar.html">
 <link rel="import" href="files_icon_button.html">
 <link rel="import" href="files_metadata_box.html">
 <link rel="import" href="files_safe_media.html">
 <link rel="import" href="files_tooltip.html">
 <link rel="import" href="icons.html">
 
 <dom-module id="files-quick-view">
   <link rel="import" type="css" href="files_quick_view.css">
   <template>
     <paper-dialog id="dialog" modal>
       <paper-toolbar id="toolbar">
         <div>[[filePath]]</div>
         <div id="buttons">
-           <paper-button id="open-button" on-tap="onOpenInNewButtonTap" hidden$="[[isUnsupported_(type)]]" i18n-values="aria-label:QUICK_VIEW_OPEN_IN_NEW_BUTTON_LABEL" tabindex="0" has-tooltip>
+           <paper-button id="open-button" on-tap="onOpenInNewButtonTap" hidden$="[[isUnsupported_(type, browsable)]]" i18n-values="aria-label:QUICK_VIEW_OPEN_IN_NEW_BUTTON_LABEL" tabindex="0" has-tooltip>
              <iron-icon icon="files:open-in-new"></iron-icon>
            </paper-button>
            <files-icon-button toggles id="metadata-button" on-tap="onMetadataButtonTap_" active="{{metadataBoxActive}}" i18n-values="aria-label:QUICK_VIEW_TOGGLE_METADATA_BOX_BUTTON_LABEL" tabindex="0" has-tooltip>
            </files-icon-button>
         </div>
       </paper-toolbar>
       <div id="mainPanel">
         <div id="contentPanel" metadata-box-active$="[[metadataBoxActive]]" on-tap="onContentPanelTap_">
-          <div id="innerContentPanel" tabindex="0">
+          <div id="innerContentPanel" type$="[[type]]" tabindex="0">
+            <!-- PDF, Text -->
+            <template is="dom-if" if="[[browsable]]">
+              <webview class="content" src="[[contentUrl]]"></webview>
+            </template>
+            <!-- Image -->
             <template is="dom-if" if="[[isImage_(type)]]">
-              <div hidden="[[!contentUrl]]">
-                <files-safe-media type="image" class="content no-close-on-click" src="[[contentUrl]]"></files-safe-media>
-              </div>
+              <files-safe-media hidden="[[!contentUrl]]" type="image" class="content no-close-on-click" src="[[contentUrl]]"></files-safe-media>
               <template is="dom-if" if="[[!contentUrl]]">
                 <div generic-thumbnail="image"></div>
                 <div class="no-preivew">[[noPreviewText]]</div>
               </template>
             </template>
             <!-- Video -->
             <template is="dom-if" if="[[isVideo_(type)]]">
               <template is="dom-if" if="[[!contentUrl]]">
                 <div class="thumbnail" hidden="[[!videoPoster]]">
                   <files-safe-media type="image" id="video-poster" src="[[videoPoster]]"></files-safe-media>
@@ skipping 12 matching lines @@
             <div>
               <files-safe-media type="audio" class="no-close-on-click" autoplay="[[autoplay]]" controls src="[[audioUrl_(contentUrl, type)]]" hidden="[[!isAudio_(type)]]"></files-safe-media>
             </div>
             <template is="dom-if" if="[[isAudio_(type)]]">
               <template is="dom-if" if="[[!contentUrl]]">
                 <div generic-thumbnail="audio"></div>
                 <div class="no-preivew">[[noPlaybackText]]</div>
               </template>
             </template>
             <!-- TODO(oka): Support folder icon -->
-            <div hidden="[[!isUnsupported_(type)]]">
+            <div hidden="[[!isUnsupported_(type, browsable)]]">
               <div generic-thumbnail></div>
               <div class="no-preview">[[noPreviewText]]</div>
             </div>
             </div> <!-- innerContentPanel -->
           </div> <!-- contentPanel -->
         <files-metadata-box id="metadata-box" hidden$="[[!metadataBoxActive]]"></file-metadata-box>
       </div> <!-- mainPanel -->
     </paper-dialog>
     <files-tooltip></files-tooltip>
   </template>
 </dom-module>
 
 <script src="files_quick_view.js"></script>