Skip to content

Commit b9999ac

Browse files
SaravanaPriya31SaravanaPriya31
SaravanaPriya31
authored and
SaravanaPriya31
committed
commit
1 parent e31f91f commit b9999ac

File tree

20 files changed

+494
-248
lines changed

20 files changed

+494
-248
lines changed

‎Getting Started/.babelrc‎ renamed to ‎Getting Started - Standalone/.babelrc‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
{
2-
"presets": [
3-
["env", { "modules": false }],
4-
"stage-3"
5-
]
6-
}
1+
{
2+
"presets": [
3+
["env", { "modules": false }],
4+
"stage-3"
5+
]
6+
}

‎Getting Started/.editorconfig‎ renamed to ‎Getting Started - Standalone/.editorconfig‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
root = true
2-
3-
[*]
4-
charset = utf-8
5-
indent_style = space
6-
indent_size = 2
7-
end_of_line = lf
8-
insert_final_newline = true
9-
trim_trailing_whitespace = true
1+
root = true
2+
3+
[*]
4+
charset = utf-8
5+
indent_style = space
6+
indent_size = 2
7+
end_of_line = lf
8+
insert_final_newline = true
9+
trim_trailing_whitespace = true

‎Getting Started/.gitignore‎ renamed to ‎Getting Started - Standalone/.gitignore‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
.DS_Store
2-
node_modules/
3-
dist/
4-
npm-debug.log
5-
yarn-error.log
6-
7-
# Editor directories and files
8-
.idea
9-
*.suo
10-
*.ntvs*
11-
*.njsproj
12-
*.sln
1+
.DS_Store
2+
node_modules/
3+
dist/
4+
npm-debug.log
5+
yarn-error.log
6+
7+
# Editor directories and files
8+
.idea
9+
*.suo
10+
*.ntvs*
11+
*.njsproj
12+
*.sln

‎Getting Started/README.md‎ renamed to ‎Getting Started - Standalone/README.md‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
1-
# Getting Started
2-
3-
> A Vue.js project
4-
5-
## Build Setup
6-
7-
``` bash
8-
# install dependencies
9-
npm install
10-
11-
# serve with hot reload at localhost:8080
12-
npm run dev
13-
14-
# build for production with minification
15-
npm run build
16-
```
17-
18-
For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
1+
# Getting Started
2+
3+
> A Vue.js project
4+
5+
## Build Setup
6+
7+
``` bash
8+
# install dependencies
9+
npm install
10+
11+
# serve with hot reload at localhost:8080
12+
npm run dev
13+
14+
# build for production with minification
15+
npm run build
16+
```
17+
18+
For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).

‎Getting Started/index.html‎ renamed to ‎Getting Started - Standalone/index.html‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
4-
<head>
5-
<meta charset="utf-8">
6-
<title>quickstart</title>
7-
</head>
8-
9-
<body>
10-
<div id="app"></div>
11-
<script src="/dist/build.js"></script>
12-
</body>
13-
14-
</html>
15-
16-
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>quickstart</title>
7+
</head>
8+
9+
<body>
10+
<div id="app"></div>
11+
<script src="/dist/build.js"></script>
12+
</body>
13+
14+
</html>
15+
16+

‎Getting Started/package.json‎ renamed to ‎Getting Started - Standalone/package.json‎

Lines changed: 31 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,31 @@
1-
{
2-
"name": "quickstart",
3-
"description": "A Vue.js project",
4-
"version": "1.0.0",
5-
"scripts": {
6-
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
7-
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
8-
},
9-
"dependencies": {
10-
"@syncfusion/ej2-vue-pdfviewer": "^23.1.36",
11-
"vue": "^2.5.11"
12-
},
13-
"browserslist": [
14-
"> 1%",
15-
"last 2 versions",
16-
"not ie <= 8"
17-
],
18-
"devDependencies": {
19-
"babel-core": "^6.26.0",
20-
"babel-loader": "^7.1.2",
21-
"babel-preset-env": "^1.6.0",
22-
"babel-preset-stage-3": "^6.24.1",
23-
"cross-env": "^5.0.5",
24-
"css-loader": "^0.28.7",
25-
"file-loader": "^1.1.4",
26-
"vue-loader": "^13.0.5",
27-
"vue-template-compiler": "^2.4.4",
28-
"webpack": "^3.6.0",
29-
"webpack-dev-server": "^2.9.1"
30-
}
31-
}
1+
{
2+
"name": "quickstart",
3+
"description": "A Vue.js project",
4+
"version": "1.0.0",
5+
"scripts": {
6+
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
7+
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
8+
},
9+
"dependencies": {
10+
"@syncfusion/ej2-vue-pdfviewer": "^23.1.36",
11+
"vue": "^2.5.11"
12+
},
13+
"browserslist": [
14+
"> 1%",
15+
"last 2 versions",
16+
"not ie <= 8"
17+
],
18+
"devDependencies": {
19+
"babel-core": "^6.26.0",
20+
"babel-loader": "^7.1.2",
21+
"babel-preset-env": "^1.6.0",
22+
"babel-preset-stage-3": "^6.24.1",
23+
"cross-env": "^5.0.5",
24+
"css-loader": "^0.28.7",
25+
"file-loader": "^1.1.4",
26+
"vue-loader": "^13.0.5",
27+
"vue-template-compiler": "^2.4.4",
28+
"webpack": "^3.6.0",
29+
"webpack-dev-server": "^2.9.1"
30+
}
31+
}

‎Getting Started/src/App.vue‎ renamed to ‎Getting Started - Standalone/src/App.vue‎

Lines changed: 66 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,66 @@
1-
<template>
2-
<div id="app">
3-
<ejs-pdfviewer
4-
id="pdfViewer"
5-
:documentPath="documentPath"
6-
:resourceUrl="resourceUrl">
7-
</ejs-pdfviewer>
8-
</div>
9-
</template>
10-
11-
<script>
12-
import Vue from 'vue';
13-
import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-vue-pdfviewer';
14-
Vue.use(PdfViewerPlugin);
15-
export default {
16-
name: 'app',
17-
data() {
18-
return {
19-
// To set up the **server-backed PDF Viewer** in the app.vue file, include the following serviceUrl. Within the template, configure the PDF Viewer by adding the `:serviceUrl="serviceUrl"` attribute inside the <div> element
20-
// serviceUrl: "https://services.syncfusion.com/vue/production/api/pdfviewer",
21-
documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
22-
resourceUrl: 'https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib'
23-
};
24-
},
25-
provide: {
26-
PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner]
27-
}
28-
}
29-
</script>
30-
31-
<style>
32-
@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
33-
@import "../node_modules/@syncfusion/ej2-buttons/styles/material.css";
34-
@import "../node_modules/@syncfusion/ej2-dropdowns/styles/material.css";
35-
@import "../node_modules/@syncfusion/ej2-inputs/styles/material.css";
36-
@import "../node_modules/@syncfusion/ej2-navigations/styles/material.css";
37-
@import "../node_modules/@syncfusion/ej2-popups/styles/material.css";
38-
@import "../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css";
39-
@import "../node_modules/@syncfusion/ej2-vue-pdfviewer/styles/material.css";
40-
41-
#app {
42-
font-family: "Avenir", Helvetica, Arial, sans-serif;
43-
-webkit-font-smoothing: antialiased;
44-
-moz-osx-font-smoothing: grayscale;
45-
text-align: center;
46-
color: #2c3e50;
47-
margin-top: 60px;
48-
}
49-
50-
h1,
51-
h2 {
52-
font-weight: normal;
53-
}
54-
55-
ul {
56-
list-style-type: none;
57-
padding: 0;
58-
}
59-
60-
li {
61-
display: inline-block;
62-
margin: 0 10px;
63-
}
64-
65-
a {
66-
color: #42b983;
67-
}
68-
</style>
1+
<template>
2+
<div id="app">
3+
<ejs-pdfviewer
4+
id="pdfViewer"
5+
:documentPath="documentPath"
6+
:resourceUrl="resourceUrl">
7+
</ejs-pdfviewer>
8+
</div>
9+
</template>
10+
11+
<script>
12+
import Vue from 'vue';
13+
import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-vue-pdfviewer';
14+
Vue.use(PdfViewerPlugin);
15+
export default {
16+
name: 'app',
17+
data() {
18+
return {
19+
documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
20+
resourceUrl: 'https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib'
21+
};
22+
},
23+
provide: {
24+
PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner]
25+
}
26+
}
27+
</script>
28+
29+
<style>
30+
@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
31+
@import "../node_modules/@syncfusion/ej2-buttons/styles/material.css";
32+
@import "../node_modules/@syncfusion/ej2-dropdowns/styles/material.css";
33+
@import "../node_modules/@syncfusion/ej2-inputs/styles/material.css";
34+
@import "../node_modules/@syncfusion/ej2-navigations/styles/material.css";
35+
@import "../node_modules/@syncfusion/ej2-popups/styles/material.css";
36+
@import "../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css";
37+
@import "../node_modules/@syncfusion/ej2-vue-pdfviewer/styles/material.css";
38+
39+
#app {
40+
font-family: "Avenir", Helvetica, Arial, sans-serif;
41+
-webkit-font-smoothing: antialiased;
42+
-moz-osx-font-smoothing: grayscale;
43+
text-align: center;
44+
color: #2c3e50;
45+
margin-top: 60px;
46+
}
47+
48+
h1,
49+
h2 {
50+
font-weight: normal;
51+
}
52+
53+
ul {
54+
list-style-type: none;
55+
padding: 0;
56+
}
57+
58+
li {
59+
display: inline-block;
60+
margin: 0 10px;
61+
}
62+
63+
a {
64+
color: #42b983;
65+
}
66+
</style>

‎Getting Started/src/assets/logo.png‎ renamed to ‎Getting Started - Standalone/src/assets/logo.png‎

File renamed without changes.

‎Getting Started/src/main.js‎ renamed to ‎Getting Started - Standalone/src/main.js‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
import Vue from 'vue'
2-
import App from './App.vue'
3-
import { PdfViewerPlugin } from '@syncfusion/ej2-vue-pdfviewer';
4-
5-
Vue.use(PdfViewerPlugin);
6-
7-
new Vue({
8-
el: '#app',
9-
render: h => h(App)
10-
})
1+
import Vue from 'vue'
2+
import App from './App.vue'
3+
import { PdfViewerPlugin } from '@syncfusion/ej2-vue-pdfviewer';
4+
5+
Vue.use(PdfViewerPlugin);
6+
7+
new Vue({
8+
el: '#app',
9+
render: h => h(App)
10+
})

0 commit comments

Comments
 (0)