-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #9 from SyncfusionExamples/848600-standalone
848600 : GitHub sample is updated to the standalone pdf viewer
- Loading branch information
Showing
30 changed files
with
551 additions
and
300 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
12 changes: 6 additions & 6 deletions
12
Getting Started/.babelrc → Getting Started - Standalone/.babelrc
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,6 @@ | ||
| { | ||
| "presets": [ | ||
| ["env", { "modules": false }], | ||
| "stage-3" | ||
| ] | ||
| } | ||
| { | ||
| "presets": [ | ||
| ["env", { "modules": false }], | ||
| "stage-3" | ||
| ] | ||
| } |
18 changes: 9 additions & 9 deletions
18
Getting Started/.editorconfig → Getting Started - Standalone/.editorconfig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,9 +1,9 @@ | ||
| root = true | ||
|
|
||
| [*] | ||
| charset = utf-8 | ||
| indent_style = space | ||
| indent_size = 2 | ||
| end_of_line = lf | ||
| insert_final_newline = true | ||
| trim_trailing_whitespace = true | ||
| root = true | ||
|
|
||
| [*] | ||
| charset = utf-8 | ||
| indent_style = space | ||
| indent_size = 2 | ||
| end_of_line = lf | ||
| insert_final_newline = true | ||
| trim_trailing_whitespace = true |
24 changes: 12 additions & 12 deletions
24
Getting Started/.gitignore → Getting Started - Standalone/.gitignore
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,12 +1,12 @@ | ||
| .DS_Store | ||
| node_modules/ | ||
| dist/ | ||
| npm-debug.log | ||
| yarn-error.log | ||
|
|
||
| # Editor directories and files | ||
| .idea | ||
| *.suo | ||
| *.ntvs* | ||
| *.njsproj | ||
| *.sln | ||
| .DS_Store | ||
| node_modules/ | ||
| dist/ | ||
| npm-debug.log | ||
| yarn-error.log | ||
|
|
||
| # Editor directories and files | ||
| .idea | ||
| *.suo | ||
| *.ntvs* | ||
| *.njsproj | ||
| *.sln |
36 changes: 18 additions & 18 deletions
36
Getting Started/README.md → Getting Started - Standalone/README.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,18 +1,18 @@ | ||
| # Getting Started | ||
|
|
||
| > A Vue.js project | ||
| ## Build Setup | ||
|
|
||
| ``` bash | ||
| # install dependencies | ||
| npm install | ||
|
|
||
| # serve with hot reload at localhost:8080 | ||
| npm run dev | ||
|
|
||
| # build for production with minification | ||
| npm run build | ||
| ``` | ||
|
|
||
| For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader). | ||
| # Getting Started | ||
|
|
||
| > A Vue.js project | ||
| ## Build Setup | ||
|
|
||
| ``` bash | ||
| # install dependencies | ||
| npm install | ||
|
|
||
| # serve with hot reload at localhost:8080 | ||
| npm run dev | ||
|
|
||
| # build for production with minification | ||
| npm run build | ||
| ``` | ||
|
|
||
| For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader). |
32 changes: 16 additions & 16 deletions
32
Getting Started/index.html → Getting Started - Standalone/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,16 +1,16 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>quickstart</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div id="app"></div> | ||
| <script src="/dist/build.js"></script> | ||
| </body> | ||
|
|
||
| </html> | ||
|
|
||
|
|
||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>quickstart</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div id="app"></div> | ||
| <script src="/dist/build.js"></script> | ||
| </body> | ||
|
|
||
| </html> | ||
|
|
||
62 changes: 31 additions & 31 deletions
62
Getting Started/package.json → Getting Started - Standalone/package.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,31 +1,31 @@ | ||
| { | ||
| "name": "quickstart", | ||
| "description": "A Vue.js project", | ||
| "version": "1.0.0", | ||
| "scripts": { | ||
| "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", | ||
| "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" | ||
| }, | ||
| "dependencies": { | ||
| "@syncfusion/ej2-vue-pdfviewer": "^20.3.60", | ||
| "vue": "^2.5.11" | ||
| }, | ||
| "browserslist": [ | ||
| "> 1%", | ||
| "last 2 versions", | ||
| "not ie <= 8" | ||
| ], | ||
| "devDependencies": { | ||
| "babel-core": "^6.26.0", | ||
| "babel-loader": "^7.1.2", | ||
| "babel-preset-env": "^1.6.0", | ||
| "babel-preset-stage-3": "^6.24.1", | ||
| "cross-env": "^5.0.5", | ||
| "css-loader": "^0.28.7", | ||
| "file-loader": "^1.1.4", | ||
| "vue-loader": "^13.0.5", | ||
| "vue-template-compiler": "^2.4.4", | ||
| "webpack": "^3.6.0", | ||
| "webpack-dev-server": "^2.9.1" | ||
| } | ||
| } | ||
| { | ||
| "name": "quickstart", | ||
| "description": "A Vue.js project", | ||
| "version": "1.0.0", | ||
| "scripts": { | ||
| "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", | ||
| "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" | ||
| }, | ||
| "dependencies": { | ||
| "@syncfusion/ej2-vue-pdfviewer": "^23.1.36", | ||
| "vue": "^2.5.11" | ||
| }, | ||
| "browserslist": [ | ||
| "> 1%", | ||
| "last 2 versions", | ||
| "not ie <= 8" | ||
| ], | ||
| "devDependencies": { | ||
| "babel-core": "^6.26.0", | ||
| "babel-loader": "^7.1.2", | ||
| "babel-preset-env": "^1.6.0", | ||
| "babel-preset-stage-3": "^6.24.1", | ||
| "cross-env": "^5.0.5", | ||
| "css-loader": "^0.28.7", | ||
| "file-loader": "^1.1.4", | ||
| "vue-loader": "^13.0.5", | ||
| "vue-template-compiler": "^2.4.4", | ||
| "webpack": "^3.6.0", | ||
| "webpack-dev-server": "^2.9.1" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,66 @@ | ||
| <template> | ||
| <div id="app"> | ||
| <ejs-pdfviewer | ||
| id="pdfViewer" | ||
| :documentPath="documentPath" | ||
| :resourceUrl="resourceUrl"> | ||
| </ejs-pdfviewer> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script> | ||
| import Vue from 'vue'; | ||
| import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-vue-pdfviewer'; | ||
| Vue.use(PdfViewerPlugin); | ||
| export default { | ||
| name: 'app', | ||
| data() { | ||
| return { | ||
| documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", | ||
| resourceUrl: 'https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib' | ||
| }; | ||
| }, | ||
| provide: { | ||
| PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner] | ||
| } | ||
| } | ||
| </script> | ||
|
|
||
| <style> | ||
| @import "../node_modules/@syncfusion/ej2-base/styles/material.css"; | ||
| @import "../node_modules/@syncfusion/ej2-buttons/styles/material.css"; | ||
| @import "../node_modules/@syncfusion/ej2-dropdowns/styles/material.css"; | ||
| @import "../node_modules/@syncfusion/ej2-inputs/styles/material.css"; | ||
| @import "../node_modules/@syncfusion/ej2-navigations/styles/material.css"; | ||
| @import "../node_modules/@syncfusion/ej2-popups/styles/material.css"; | ||
| @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css"; | ||
| @import "../node_modules/@syncfusion/ej2-vue-pdfviewer/styles/material.css"; | ||
| #app { | ||
| font-family: "Avenir", Helvetica, Arial, sans-serif; | ||
| -webkit-font-smoothing: antialiased; | ||
| -moz-osx-font-smoothing: grayscale; | ||
| text-align: center; | ||
| color: #2c3e50; | ||
| margin-top: 60px; | ||
| } | ||
| h1, | ||
| h2 { | ||
| font-weight: normal; | ||
| } | ||
| ul { | ||
| list-style-type: none; | ||
| padding: 0; | ||
| } | ||
| li { | ||
| display: inline-block; | ||
| margin: 0 10px; | ||
| } | ||
| a { | ||
| color: #42b983; | ||
| } | ||
| </style> |
File renamed without changes
20 changes: 10 additions & 10 deletions
20
Getting Started/src/main.js → Getting Started - Standalone/src/main.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,10 @@ | ||
| import Vue from 'vue' | ||
| import App from './App.vue' | ||
| import { PdfViewerPlugin } from '@syncfusion/ej2-vue-pdfviewer'; | ||
|
|
||
| Vue.use(PdfViewerPlugin); | ||
|
|
||
| new Vue({ | ||
| el: '#app', | ||
| render: h => h(App) | ||
| }) | ||
| import Vue from 'vue' | ||
| import App from './App.vue' | ||
| import { PdfViewerPlugin } from '@syncfusion/ej2-vue-pdfviewer'; | ||
|
|
||
| Vue.use(PdfViewerPlugin); | ||
|
|
||
| new Vue({ | ||
| el: '#app', | ||
| render: h => h(App) | ||
| }) |
Oops, something went wrong.