Document Visualizer

Visualizador de documentos para Sheets

Instalacion

require('./bootstrap');
import Vue from 'vue';
# Vue Lib
import DocumentVisualizer  from 'sheets_document_visualizer';
# Estilos
import 'sheets_document_visualizer/src/sass/app.scss';
# ...
Vue.use(DocumentVisualizer)
#...
new Vue({
    el: '#app'
});

Tambien es posible la instalacion individual de componentes

import DocumentVisualizer  from 'sheets_document_visualizer';
Vue.component('alias-component', DocumentVisualizer.PdfVisualizer)

Listado de componentes accesibles

| Componente | Funcionalidad | |---|---| |DocumentVisualizer| Realiza la solicitud a un endpoint dado y busca el visualizador para el archivo entregado desde el backend| |PdfVisualizer| Muestra un visor de documentos pdf | |DocxVisualizer| Parsea un documento .docx a HTML para realizar una previsualizacion del archivo| |TextVisualizer| Muestra el contenido de un archivo .txt o .csv| |XlsxVisualizer| Muestra un visor de documentos .xlsx|

Posibles errores al momento de instalar

ERROR in ../sheets_document_visualizer/dist/index.umd.min.js 2121:82-89
Module not found: Error: Can't resolve 'process/browser.js' in '.../sheets_document_visualizer/dist'

Agregar en webpack.mix.js

mix.options({
    legacyNodePolyfills: false
});
mix.js()...

Fuente

TODO

• Realizar test unitarios
• Integracion de temas
• Sobreescritura de metodos y propiedades de los componentes, de forma general e individual
• Flexibilizar el input de entrada (blob)
• Desarrollo de mas funcionalidades para el visor de pdf
  • Busqueda de texto
  • Rotacion de paginas
  • Scroll Horizontal
  • Vista mosaico
  • Visualizacion de metadata
  • Muestra de comentarios en el documento