Hello World
21 |22 |
Hello.....
23 |Testing UTF-8:
測試- تجريب - δοκιμή
24 | 25 | 26 | 27 |28 |
Testing Image Drawing
29 |30 |
31 |
32 | 33 | 34 |
Testing Image Drawing using SSL
35 |36 |
37 |
38 |
39 |
40 | Testing Image Drawing using Firebase
41 |42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/www/img/fractal.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cesarvr/pdf-generator-example/cf7e61b5bf5302c354e8795dfbb78d7f801619aa/www/img/fractal.jpeg
--------------------------------------------------------------------------------
/www/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cesarvr/pdf-generator-example/cf7e61b5bf5302c354e8795dfbb78d7f801619aa/www/img/logo.png
--------------------------------------------------------------------------------
/www/index.html:
--------------------------------------------------------------------------------
1 |
2 |
4 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
111 |
112 |
389 |
390 |
391 |
392 |
394 |
395 |
396 |
397 |
398 |
399 |
401 |
402 |
403 |
404 |
405 |
406 |
407 |
408 |
--------------------------------------------------------------------------------
/www/js/index.js:
--------------------------------------------------------------------------------
1 | /* global pdf */
2 | /* global $ */
3 | /* global Backbone */
4 | /* global cordova */
5 |
6 | var $ = require('jquery');
7 | var _ = require('underscore');
8 | var Backbone = require('backbone');
9 |
10 | var DEBUG = ((typeof cordova) === 'undefined');
11 |
12 |
13 | function progressShow() {
14 |
15 | if (!_.isEmpty(window.cordova)) {
16 | SpinnerPlugin.activityStart("Generating PDF...", {
17 | dimBackground: true
18 | });
19 | }
20 |
21 | };
22 |
23 | function progressHide() {
24 | if (!_.isEmpty(window.cordova)) {
25 | SpinnerPlugin.activityStop();
26 | }
27 | };
28 |
29 | function success(msg) {
30 |
31 | if (!_.isEmpty(msg))
32 | $('#baseH').html('base64:' + msg.replace('\n', ''));
33 |
34 | // $.post("http://localhost:3000/save", {
35 | // pdfData: msg
36 | // })
37 | // .done(function(data) {
38 | // alert("Data Loaded: " + data);
39 | // });
40 |
41 | progressHide();
42 | };
43 |
44 | function failure(err) {
45 | console.error('->', err);
46 | console.alert('An error has ocurred: ', err);
47 |
48 | progressHide();
49 | };
50 |
51 |
52 | var HomeView = Backbone.View.extend({
53 |
54 | initialize: function() {
55 | this.$button = this.$el.find('#generate');
56 | this.$url = this.$el.find('#url');
57 | this.$urlShare = this.$el.find('#url-share');
58 | this.$internalUrlShare = this.$el.find('#internal-url-share');
59 |
60 | this.$raw = this.$el.find('#rawhtml');
61 | this.$html = this.$el.find('#html');
62 | this.$display = this.$el.find('#display');
63 |
64 | this.success = success.bind(this);
65 | this.failure = failure.bind(this);
66 | },
67 |
68 | events: {
69 | 'click #generate': 'makePDFBase64',
70 | 'click #share': 'makePDFAndShare',
71 | 'click #internal-share': 'internalPDFAndShare',
72 | 'click #share-raw': 'makeRawPDFandShare',
73 | },
74 |
75 | makePDFBase64: function(e) {
76 | e.preventDefault()
77 | progressShow()
78 |
79 |
80 |
81 | var opts = {
82 | documentSize: "A4",
83 | landscape: "portrait",
84 | type: "base64"
85 | }
86 |
87 | /* generate pdf using url. */
88 | pdf.fromURL(this.$url.val(),opts)
89 | .then(this.success)
90 | .catch(this.failure);
91 | },
92 |
93 | internalPDFAndShare: function(e) {
94 | e.preventDefault();
95 |
96 | progressShow();
97 | /* generate pdf using url. */
98 |
99 | if (cordova.platformId === 'ios') {
100 | console.log('Testing URL->', url)
101 | window.resolveLocalFileSystemURL(cordova.file.applicationDirectory,
102 | (url) => {
103 | var file = this.$internalUrlShare.val().replace('file:///android_asset/', url.nativeURL);
104 |
105 | pdf.htmlToPDF({
106 | url: file,
107 | documentSize: "A4",
108 | landscape: "portrait",
109 | type: "share"
110 | }, this.success, this.failure);
111 | },
112 | (err) =>
113 | console.log('error', err, ' args ->', arguments)
114 | );
115 | } else {
116 |
117 | pdf.htmlToPDF({
118 | url: this.$internalUrlShare.val(),
119 | documentSize: "A4",
120 | landscape: "portrait",
121 | type: "share"
122 | }, this.success, this.failure);
123 | }
124 | },
125 |
126 | makePDFAndShare: function(e) {
127 | e.preventDefault();
128 | progressShow();
129 | /* generate pdf using url. */
130 |
131 | debugger
132 |
133 | var opts = {
134 | documentSize: "A4",
135 | landscape: "portrait",
136 | type: "share",
137 | fileName: $('#filename').val() || 'my-pdf.pdf'
138 | }
139 |
140 |
141 | pdf.fromURL(this.$urlShare.val(),
142 | opts)
143 | .then(this.success)
144 | .catch(this.failure);
145 | },
146 |
147 | makeRawPDFandShare: function(e) {
148 | e.preventDefault();
149 |
150 | progressShow();
151 | /* generate pdf using url. */
152 | var opts = {
153 | documentSize: "A4",
154 | landscape: "portrait",
155 | type: "share"
156 | }
157 |
158 | pdf
159 | .fromData(this.$raw.val(), opts)
160 | .then((pdf)=>{
161 | $('#rawH').html(pdf);
162 | progressHide();
163 | }).catch(this.failure)
164 | }
165 | });
166 |
167 | var DemoRouter = Backbone.Router.extend({
168 | routes: {
169 | '*path': 'index',
170 | },
171 |
172 | index: function() {
173 | new HomeView({
174 | el: $('.starter-template')
175 | });
176 | }
177 | });
178 |
179 |
180 | if (DEBUG) {
181 | console.log('start app..');
182 |
183 | new DemoRouter();
184 | Backbone.history.start();
185 | } else {
186 | document.addEventListener('deviceready', function() {
187 |
188 | console.log('start app..');
189 |
190 |
191 |
192 | new DemoRouter();
193 | Backbone.history.start();
194 | }, false);
195 |
196 | }
197 |
--------------------------------------------------------------------------------
/www/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "cordova-pdf-example",
3 | "version": "2.0.0",
4 | "description": "",
5 | "main": "bundle.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "author": "",
10 | "license": "ISC",
11 | "dependencies": {
12 | "backbone": "^1.3.3",
13 | "jquery": "^3.1.1",
14 | "underscore": "^1.8.3"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/www/test.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
113 |
386 |
387 |
388 | PDF Generator Cordova Plugin
114 | 115 | 385 |Hello World
9 |10 |
Hello.....
11 |Testing UTF-8:
測試- تجريب - δοκιμή
12 | 13 | 14 | 15 |16 |
Testing Image Drawing
17 |18 |
19 |
20 | 21 | 22 |
Testing Image Drawing using SSL
23 |24 |
25 |
26 |
27 |
28 | Testing Image Drawing using Firebase
29 |30 |
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/www/webpack.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | entry: './js/index.js',
3 |
4 | output: {
5 | filename: 'bundle.js',
6 | },
7 |
8 | module: {
9 | loaders: [{
10 | test: /\.html$/,
11 | loader: "ejs-loader?variable=data"
12 | }],
13 | }
14 | }
--------------------------------------------------------------------------------