Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Tenzing
/
pdf-customizer
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
c121c74d
authored
2016-07-07 09:50:38 -0400
by
Jeff Balicki
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
design changes
1 parent
eff8dcd8
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
313 additions
and
315 deletions
app/Http/Controllers/PdfController.php
public/files/js/interfaceGdrive.js
app/Http/Controllers/PdfController.php
View file @
c121c74
...
...
@@ -181,9 +181,46 @@ try {
$num_optlist
=
"fillcolor={"
.
$fontColor
.
" } position=
{
".$fontAlignment."
}
boxsize={"
.
$textwidth
.
" "
.
$textheight
.
"} fontsize="
.
$fontSize
.
" "
.
$fitm
.
" "
;
$p
->
fit_textline
(
$textline
,
$textLRight
,
$textLUp
,
$num_optlist
);
}
else
if
(
$row
->
change_type
==
'img'
)
{
}
else
if
(
$row
->
change_type
==
'date'
)
{
$yoff
=
50
;
//Get font var from row
$textline
=
$row
->
content
;
$textLUp
=
$row
->
locationUp
;
$textwidth
=
$row
->
width
;
$textheight
=
$row
->
height
;
$textLRight
=
$row
->
locationRight
;
$fontStyles
=
unserialize
(
$row
->
style
);
$fitmethod
=
$fontStyles
[
"fitmethod"
];
$fontAlignment
=
$fontStyles
[
"alignment"
];
$fontFamily
=
$fontStyles
[
"font-family"
];
$fontSize
=
$fontStyles
[
"font-size"
];
if
(
isset
(
$fontStyles
[
"font-color"
]))
{
$fontColor
=
$fontStyles
[
"font-color"
];
}
else
{
$fontColor
=
'cmyk 0.75 0.68 0.67 0.90'
;
}
/// Load and insert text and font
$p
->
set_option
(
"FontOutline={"
.
$fontFamily
.
"="
.
$storagePath
.
$folder
.
"/"
.
$fontFamily
.
".otf}"
);
/* For PDFlib Lite: change "unicode" to "winansi" */
$font
=
$p
->
load_font
(
$fontFamily
,
"unicode"
,
"embedding"
);
if
(
$font
==
0
)
{
die
(
"Error: "
.
$p
->
get_errmsg
());
}
$p
->
setfont
(
$font
,
$fontSize
);
//$num_optlist = "fontname=".$fontFamily." fontsize=".$fontSize." encoding=unicode alignment=".$fontAlignment." fillcolor={".$fontColor." }";
if
(
$fitmethod
==
''
){
$fitm
=
""
;
}
else
{
$fitm
=
"fitmethod="
.
$fitmethod
;}
$num_optlist
=
"fillcolor={"
.
$fontColor
.
" } position=
{
".$fontAlignment."
}
boxsize={"
.
$textwidth
.
" "
.
$textheight
.
"} fontsize="
.
$fontSize
.
" "
.
$fitm
.
" "
;
$p
->
fit_textline
(
$textline
,
$textLRight
,
$textLUp
,
$num_optlist
);
}
else
if
(
$row
->
change_type
==
'img'
)
{
//Get image var from row
...
...
public/files/js/interfaceGdrive.js
View file @
c121c74
//var pluginUrl = "http://localhost:8888/Forms";
//var pdf_customizer = "http://localhost:8888/pdf-customizer/public";
var
pluginUrl
=
"http://contact.gotenzing.com"
;
var
pdf_customizer
=
"http://pdf-customizer.synapsus.co"
;
var
pluginUrl
=
"http://contact.gotenzing.com"
;
var
pdf_customizer
=
"http://pdf-customizer.synapsus.co"
;
function
getAuth
()
{
jQuery
(
document
).
ready
(
function
(
$
)
{
var
settings
=
{
"async"
:
true
,
"crossDomain"
:
true
,
"url"
:
""
+
pdf_customizer
+
"/api/authenticate"
,
"method"
:
"POST"
,
"processData"
:
false
,
"contentType"
:
false
,
"mimeType"
:
"multipart/form-data"
,
...
...
@@ -34,14 +30,10 @@
$
.
ajax
(
settings
).
done
(
function
(
response
)
{
console
.
log
(
response
);
token
=
response
;
});
});
});
}
...
...
@@ -57,72 +49,80 @@
$
(
".entry_block"
).
mouseleave
(
function
()
{
$
(
"#select"
+
id
+
""
).
addClass
(
"focus"
);
});
});
}
function
ShowBox
(
pheight
,
pwidth
,
up
,
right
,
height
,
width
,
count
,
example
)
{
});
}
jQuery
(
document
).
ready
(
function
(
$
)
{
$
(
'span'
).
hide
();
$
(
'#span'
+
count
).
show
();
$
(
'#Canvas'
).
css
(
"background-image"
,
"url("
+
pdf_customizer
+
'/fileentry/getImage/'
+
example
+
")"
);
function
ShowBox
(
pheight
,
pwidth
,
up
,
right
,
height
,
width
,
count
,
example
)
{
var
Qc
=
document
.
getElementById
(
"Canvas"
);
var
Qctx
=
Qc
.
getContext
(
"2d"
);
Qctx
.
clearRect
(
0
,
0
,
Qc
.
width
,
Qc
.
height
);
Qctx
.
restore
();
jQuery
(
document
).
ready
(
function
(
$
)
{
$
(
'span'
).
hide
();
$
(
'#span'
+
count
).
show
();
$
(
'#Canvas'
).
css
(
"background-image"
,
"url("
+
pdf_customizer
+
'/fileentry/getImage/'
+
example
+
")"
);
var
Qc
=
document
.
getElementById
(
"Canvas"
);
var
Qctx
=
Qc
.
getContext
(
"2d"
);
Qctx
.
clearRect
(
0
,
0
,
Qc
.
width
,
Qc
.
height
);
Qctx
.
restore
();
var
down
=
pheight
-
(
up
+
height
);
var
scaleH
=
$
(
"Canvas"
).
height
()
/
pheight
;
var
scaleW
=
$
(
"Canvas"
).
width
()
/
pwidth
;
var
scaleDown
=
down
*
scaleH
;
var
scaleRight
=
right
*
scaleW
;
var
scalewidth
=
width
*
scaleW
;
var
scaleheight
=
height
*
scaleH
;
var
c
=
document
.
getElementById
(
"Canvas"
);
var
ctx
=
c
.
getContext
(
"2d"
);
ctx
.
save
();
ctx
.
rect
(
scaleRight
,
scaleDown
,
scalewidth
,
scaleheight
);
console
.
log
(
scaleRight
,
scaleDown
,
scalewidth
,
scaleheight
);
console
.
log
(
$
(
"Canvas"
).
height
(),
$
(
"Canvas"
).
width
(),
scaleW
,
scaleH
);
ctx
.
stroke
();
//console.log(pheight, pwidth,up, right, height, width);
// console.log(myrect )
var
down
=
pheight
-
(
up
+
height
);
var
scaleH
=
$
(
"Canvas"
).
height
()
/
pheight
;
var
scaleW
=
$
(
"Canvas"
).
width
()
/
pwidth
;
var
scaleDown
=
down
*
scaleH
;
var
scaleRight
=
right
*
scaleW
;
var
scalewidth
=
width
*
scaleW
;
var
scaleheight
=
height
*
scaleH
;
var
c
=
document
.
getElementById
(
"Canvas"
);
var
ctx
=
c
.
getContext
(
"2d"
);
ctx
.
save
();
ctx
.
rect
(
scaleRight
,
scaleDown
,
scalewidth
,
scaleheight
);
console
.
log
(
scaleRight
,
scaleDown
,
scalewidth
,
scaleheight
);
console
.
log
(
$
(
"Canvas"
).
height
(),
$
(
"Canvas"
).
width
(),
scaleW
,
scaleH
);
ctx
.
stroke
();
//console.log(pheight, pwidth,up, right, height, width);
// console.log(myrect )
});
}
function
SetFocus
(
i
)
{
jQuery
(
document
).
ready
(
function
(
$
)
{
$
(
"label#focusButton"
+
i
).
css
({
"border"
:
"2px solid #F7A800 !important"
});
console
.
log
(
$
(
"label#focusButton"
+
i
));
});
}
function
HideBox
()
{
jQuery
(
document
).
ready
(
function
(
$
)
{
$
(
'span'
).
hide
();
var
cnv
=
document
.
getElementById
(
"Canvas"
);
var
ctx
=
cnv
.
getContext
(
'2d'
);
// gets reference to canvas context
ctx
.
beginPath
();
// clear existing drawing paths
ctx
.
save
();
// store the current transformation matrix
$
(
'span'
).
hide
();
var
cnv
=
document
.
getElementById
(
"Canvas"
);
var
ctx
=
cnv
.
getContext
(
'2d'
);
// gets reference to canvas context
ctx
.
beginPath
();
// clear existing drawing paths
ctx
.
save
();
// store the current transformation matrix
});
//console.log(0, 0, $("Canvas").width(), $("Canvas").height());
}
function
HideBoxwithdate
()
{
jQuery
(
document
).
ready
(
function
(
$
)
{
var
cnv
=
document
.
getElementById
(
"Canvas"
);
var
ctx
=
cnv
.
getContext
(
'2d'
);
// gets reference to canvas context
ctx
.
beginPath
();
// clear existing drawing paths
ctx
.
save
();
// store the current transformation matrix
});
});
}
}
...
...
@@ -178,9 +178,8 @@
}
strVar
+=
' <div class="callout primary"><div class="row column"> <h1>Welcome to Synapsus Online PDF Editor</h1>'
;
strVar
+=
' <p class="lead">Please pick a PDF</p> </div></div> <div class="row small-up-2 medium-up-3 large-up-4/>'
;
strVar
+=
' </div>'
;
strVar
+=
' <div class="callout primary"><div class="row column"> <h1 class="pdfeditortitle">CUBOS COLLATERAL MATERIAL</h1>'
;
strVar
+=
' '
;
...
...
@@ -194,339 +193,301 @@
function
changePdfOptions
(
json
)
{
jQuery
(
function
(
$
)
{
json
=
JSON
.
parse
(
json
);
jQuery
(
function
(
$
)
{
json
=
JSON
.
parse
(
json
);
$
(
document
).
ready
(
function
()
{
$
(
"#changescontentdate"
).
datepicker
({
plugins
:
"tabfocus"
,
changeMonth
:
true
,
changeYear
:
true
,
yearRange
:
'2015:2025'
,
dateFormat
:
'DD MM dd yy'
,
minDate
:
0
,
defaultDate
:
null
}).
on
(
'change'
,
function
()
{
$
(
this
).
valid
();
// triggers the validation test
// '$(this)' refers to '$("#datepicker")'
});
$
(
"#changes"
).
validate
();
});
var
strVar2
=
""
;
var
pdflist
=
""
;
var
pdfChange
=
""
;
var
f
=
0
;
if
(
json
[
0
].
pwidth
>
300
){
var
scaleImage
=
300
/
json
[
0
].
pwidth
;
var
imageHeight
=
json
[
0
].
pheight
*
scaleImage
;
var
imageWidth
=
'300'
;
console
.
log
(
json
[
0
].
pheight
,
scaleImage
,
imageHeight
);
}
else
{
var
imageWidth
=
json
[
0
].
pwidth
;
var
imageHeight
=
json
[
0
].
pheight
;
console
.
log
(
json
[
0
].
pheight
,
scaleImage
);
}
pdflist
+=
'<div id="pdfPreview" class="column">'
;
// pdflist += '<img id="pdfimage" src="' + pdf_customizer + '/fileentry/getImage/' + json[0].folder + '/' + json[0].example + '" width="300px">';
pdflist
+=
'<canvas id="Canvas" width="'
+
imageWidth
+
'" height="'
+
imageHeight
+
'" style=" margin-top:60px; border-style: solid; border-width:1px; background-image: url('
+
pdf_customizer
+
'/fileentry/getImage/'
+
json
[
0
].
folder
+
'/'
+
json
[
0
].
example
+
'); background-size:'
+
imageWidth
+
'px '
+
imageHeight
+
'px"></div>'
;
pdfChange
+=
'<form id="changes" name="changes" enctype="multipart/form-data" action="" METHOD="POST"><h4>'
+
json
[
0
].
name
+
'</h4>'
;
pdfChange
+=
'<input type="hidden" id="id" name="id" value="'
+
json
[
0
].
idPDF
+
'">'
;
for
(
i
=
0
;
i
<
json
.
length
;
++
i
)
{
var
example
=
json
[
0
].
folder
+
'/'
+
json
[
i
].
example
var
strVar2
=
""
;
if
(
json
[
i
].
change_type
==
"textflow"
)
{
pdfChange
+=
json
[
i
].
names
+
': <textarea onfocus="ShowBox('
+
json
[
0
].
pheight
+
','
+
json
[
0
].
pwidth
+
','
+
json
[
i
].
locationUp
+
','
+
json
[
i
].
locationRight
+
','
+
json
[
i
].
height
+
','
+
json
[
i
].
width
+
','
+
i
+
',\''
+
example
+
'\')" id="changescontent'
+
[
f
]
+
'" class="textarea required" value="'
+
json
[
i
].
content
+
'" name="content['
+
i
+
']">'
+
json
[
i
].
content
+
'</textarea>'
;
++
f
var
pdflist
=
""
;
var
pdfChange
=
""
;
var
f
=
0
;
var
scaleImage
=
400
/
json
[
0
].
pwidth
;
var
imageHeight
=
json
[
0
].
pheight
*
scaleImage
;
var
imageWidth
=
'400'
;
console
.
log
(
json
[
0
].
pheight
,
scaleImage
,
imageHeight
);
pdflist
+=
'<div id="pdfPreview" class="column">'
;
// pdflist += '<img id="pdfimage" src="' + pdf_customizer + '/fileentry/getImage/' + json[0].folder + '/' + json[0].example + '" width="300px">';
pdflist
+=
'<canvas id="Canvas" width="'
+
imageWidth
+
'" height="'
+
imageHeight
+
'" style=" margin-top:60px; border-style: solid; border-width:1px; background-image: url('
+
pdf_customizer
+
'/fileentry/getImage/'
+
json
[
0
].
folder
+
'/'
+
json
[
0
].
example
+
'); background-size:'
+
imageWidth
+
'px '
+
imageHeight
+
'px"></div>'
;
pdfChange
+=
'<form id="changes" name="changes" enctype="multipart/form-data" action="" METHOD="POST"></br><h4>'
+
json
[
0
].
name
+
'</h4>'
;
pdfChange
+=
'<input type="hidden" id="id" name="id" value="'
+
json
[
0
].
idPDF
+
'">'
;
for
(
i
=
0
;
i
<
json
.
length
;
++
i
)
{
var
example
=
json
[
0
].
folder
+
'/'
+
json
[
i
].
example
if
(
json
[
i
].
change_type
==
"textflow"
)
{
pdfChange
+=
json
[
i
].
names
+
': <textarea onfocus="ShowBox('
+
json
[
0
].
pheight
+
','
+
json
[
0
].
pwidth
+
','
+
json
[
i
].
locationUp
+
','
+
json
[
i
].
locationRight
+
','
+
json
[
i
].
height
+
','
+
json
[
i
].
width
+
','
+
i
+
',\''
+
example
+
'\')" id="changescontent'
+
[
f
]
+
'" class="textarea required" value="'
+
json
[
i
].
content
+
'" name="content['
+
i
+
']">'
+
json
[
i
].
content
+
'</textarea>'
;
++
f
pdfChange
+=
'<span id="span'
+
i
+
'">'
+
json
[
i
].
tips
+
'</span><br/>'
;
}
if
(
json
[
i
].
change_type
==
"text"
)
{
pdfChange
+=
json
[
i
].
names
+
': <input onfocusout="HideBox()" onfocus="ShowBox('
+
json
[
0
].
pheight
+
','
+
json
[
0
].
pwidth
+
','
+
json
[
i
].
locationUp
+
','
+
json
[
i
].
locationRight
+
','
+
json
[
i
].
height
+
','
+
json
[
i
].
width
+
','
+
i
+
',\''
+
example
+
'\')" id="changescontent['
+
i
+
']" type="text" class="required" name="content['
+
i
+
']" value="'
+
json
[
i
].
content
+
'"">'
;
pdfChange
+=
'<span id="span'
+
i
+
'">'
+
json
[
i
].
tips
+
'</span><br/>'
;
}
if
(
json
[
i
].
change_type
==
"text"
)
{
pdfChange
+=
json
[
i
].
names
+
': <input onfocusout="HideBox()" onfocus="ShowBox('
+
json
[
0
].
pheight
+
','
+
json
[
0
].
pwidth
+
','
+
json
[
i
].
locationUp
+
','
+
json
[
i
].
locationRight
+
','
+
json
[
i
].
height
+
','
+
json
[
i
].
width
+
','
+
i
+
',\''
+
example
+
'\')" id="changescontent" type="text" class="required" name="content['
+
i
+
']" value="'
+
json
[
i
].
content
+
'"">'
;
if
(
json
[
i
].
change_type
==
"img"
)
{
pdfChange
+=
json
[
i
].
names
+
':<label id="focusButton'
+
i
+
'" class="custom-file-input"><input onfocusout="HideBox()" onfocus="SetFocus('
+
i
+
'), ShowBox('
+
json
[
0
].
pheight
+
','
+
json
[
0
].
pwidth
+
','
+
json
[
i
].
locationUp
+
','
+
json
[
i
].
locationRight
+
','
+
json
[
i
].
height
+
','
+
json
[
i
].
width
+
','
+
i
+
',\''
+
example
+
'\')" class="fileupload upload required" id="changescontent['
+
i
+
']" type="file" name="content['
+
i
+
']" ></label>'
;
pdfChange
+=
'<span id="span'
+
i
+
'">'
+
json
[
i
].
tips
+
'</span><br/>'
;
}
if
(
json
[
i
].
change_type
==
"img"
)
{
pdfChange
+=
json
[
i
].
names
+
': <input onfocusout="HideBox()" onfocus="ShowBox('
+
json
[
0
].
pheight
+
','
+
json
[
0
].
pwidth
+
','
+
json
[
i
].
locationUp
+
','
+
json
[
i
].
locationRight
+
','
+
json
[
i
].
height
+
','
+
json
[
i
].
width
+
','
+
i
+
',\''
+
example
+
'\')" class="fileupload required" id="changescontent" style="display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; padding: .5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-family: inherit; font-size: 1rem; color: #8a8a8a; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10,10,10,.1); border-radius: 0; transition: box-shadow .5s,border-color .25s ease-in-out; -webkit-appearance: none; -moz-appearance: none;" type="file" name="content['
+
i
+
']" >'
;
if
(
json
[
i
].
change_type
==
"date"
)
{
pdfChange
+=
json
[
i
].
names
+
': <input onfocusout="HideBoxwithdate()" onfocus="ShowBox('
+
json
[
0
].
pheight
+
','
+
json
[
0
].
pwidth
+
','
+
json
[
i
].
locationUp
+
','
+
json
[
i
].
locationRight
+
','
+
json
[
i
].
height
+
','
+
json
[
i
].
width
+
','
+
i
+
',\''
+
example
+
'\')" id="changescontentdate" type="text" class="required date" name="content['
+
i
+
']" value="'
+
json
[
i
].
content
+
'"">'
;
}
pdfChange
+=
'<span id="span'
+
i
+
'">'
+
json
[
i
].
tips
+
'</span><br/>'
;
}
pdfChange
+=
'<input type="submit" value="S
ubmit
">'
;
}
pdfChange
+=
'<input type="submit" value="S
ave and download
">'
;
pdfChange
+=
'</form>'
;
strVar2
+=
' <div class="callout primary"><div class="row column"><h1
>Welcome to Synapsus Online PDF Editor
</h1>'
;
strVar2
+=
'
<p class="lead">Please make your changes or return <a href="#" onclick="location.reload();">back to the list</a></p>
'
;
strVar2
+=
' </div></div><div id="wrapper" class="
row
small-up-2 medium-up-3 large-up-3">'
;
strVar2
+=
pdflist
+
'<div id="changesColumn" style="height:'
+
$
(
"#changes"
).
height
()
+
';" class="column" >'
+
pdfChange
+
'
</div><div id="pdfFooter"></div></div>'
;
strVar2
+=
' <div class="callout primary"><div class="row column"><h1
class="pdfeditortitle">CUBOS COLLATERAL MATERIAL
</h1>'
;
strVar2
+=
''
;
strVar2
+=
' </div></div><div id="wrapper" class="
black
small-up-2 medium-up-3 large-up-3">'
;
strVar2
+=
pdflist
+
'<div id="changesColumn" style="height:'
+
$
(
"#changes"
).
height
()
+
';" class="column" >'
+
pdfChange
+
'<div id="tezingLogo"></div>
</div><div id="pdfFooter"></div></div>'
;
document
.
getElementById
(
'contentArea'
).
innerHTML
=
strVar2
;
document
.
getElementById
(
'google_drive'
).
innerHTML
=
" "
;
$
(
document
).
ready
(
function
()
{
$
(
"#changes"
).
validate
();
});
if
(
$
(
window
).
width
()
>
700
){
if
(
$
(
"#pdfPreview"
).
height
()
>
$
(
"#changes"
).
height
()){
$
(
'#changesColumn'
).
css
(
'position'
,
'relative'
);
var
stickySidebar
=
$
(
'#changesColumn'
);
if
(
stickySidebar
.
length
>
0
)
{
var
stickyHeight
=
stickySidebar
.
height
(),
sidebarTop
=
stickySidebar
.
offset
().
top
;
}
if
(
$
(
window
).
width
()
>
700
)
{
// on scroll move the sidebar
$
(
window
).
scroll
(
function
()
{
if
(
stickySidebar
.
length
>
0
)
{
var
scrollTop
=
$
(
window
).
scrollTop
();
if
(
sidebarTop
<
scrollTop
)
{
stickySidebar
.
css
(
'top'
,
scrollTop
-
sidebarTop
);
// stop the sticky sidebar at the footer to avoid overlapping
var
sidebarBottom
=
stickySidebar
.
offset
().
top
+
stickyHeight
,
stickyStop
=
$
(
'#pdfPreview'
).
offset
().
top
+
$
(
'#pdfPreview'
).
height
();
if
(
stickyStop
<
sidebarBottom
)
{
var
stopPosition
=
$
(
'#pdfPreview'
).
height
()
-
stickyHeight
;
stickySidebar
.
css
(
'top'
,
stopPosition
);
}
}
else
{
stickySidebar
.
css
(
'top'
,
'0'
);
}
}
});
$
(
window
).
resize
(
function
()
{
if
(
stickySidebar
.
length
>
0
)
{
stickyHeight
=
stickySidebar
.
height
();
}
});
$
(
'#pdfPreview'
).
css
(
'position'
,
'relative'
);
var
stickySidebar
=
$
(
'#pdfPreview'
);
}
else
{
if
(
stickySidebar
.
length
>
0
)
{
var
stickyHeight
=
stickySidebar
.
height
(),
sidebarTop
=
stickySidebar
.
offset
().
top
;
}
console
.
log
(
'false'
);
var
stickySidebar
=
$
(
'#pdfPreview'
);
// on scroll move the sidebar
$
(
window
).
scroll
(
function
()
{
if
(
stickySidebar
.
length
>
0
)
{
var
scrollTop
=
$
(
window
).
scrollTop
();
if
(
sidebarTop
<
scrollTop
)
{
stickySidebar
.
css
(
'top'
,
scrollTop
-
sidebarTop
);
// stop the sticky sidebar at the footer to avoid overlapping
var
sidebarBottom
=
stickySidebar
.
offset
().
top
+
stickyHeight
,
stickyStop
=
$
(
'#changesColumn'
).
offset
().
top
+
$
(
'#changesColumn'
).
height
();
if
(
stickyStop
<
sidebarBottom
)
{
var
stopPosition
=
$
(
'#changesColumn'
).
height
()
-
stickyHeight
;
stickySidebar
.
css
(
'top'
,
stopPosition
);
}
}
else
{
stickySidebar
.
css
(
'top'
,
'0'
);
}
}
});
if
(
stickySidebar
.
length
>
0
)
{
var
stickyHeight
=
stickySidebar
.
height
(),
sidebarTop
=
stickySidebar
.
offset
().
top
;
}
$
(
window
).
resize
(
function
()
{
if
(
stickySidebar
.
length
>
0
)
{
stickyHeight
=
stickySidebar
.
height
();
}
});
// on scroll move the sidebar
$
(
window
).
scroll
(
function
()
{
if
(
stickySidebar
.
length
>
0
)
{
var
scrollTop
=
$
(
window
).
scrollTop
();
if
(
sidebarTop
<
scrollTop
)
{
stickySidebar
.
css
(
'top'
,
scrollTop
-
sidebarTop
);
// stop the sticky sidebar at the footer to avoid overlapping
var
sidebarBottom
=
stickySidebar
.
offset
().
top
+
stickyHeight
,
stickyStop
=
$
(
'#changesColumn'
).
offset
().
top
+
$
(
'#changesColumn'
).
height
();
if
(
stickyStop
<
sidebarBottom
)
{
var
stopPosition
=
$
(
'#changesColumn'
).
height
()
-
stickyHeight
;
stickySidebar
.
css
(
'top'
,
stopPosition
);
}
}
else
{
stickySidebar
.
css
(
'top'
,
'0'
);
}
}
});
$
(
window
).
resize
(
function
()
{
if
(
stickySidebar
.
length
>
0
)
{
stickyHeight
=
stickySidebar
.
height
();
}
});
}
}
}
tinymce
.
init
({
selector
:
'.textarea'
,
entity_encoding
:
"raw"
,
menubar
:
false
,
toolbar
:
' bold italic'
,
remove_linebreaks
:
false
,
remove_trailing_brs
:
false
,
setup
:
function
(
editor
)
{
editor
.
on
(
'focus'
,
function
(
e
)
{
console
.
log
(
editor
.
id
);
$
(
'#'
+
editor
.
id
).
trigger
(
"onfocus"
);
});
editor
.
on
(
'focusout'
,
function
(
e
)
{
console
.
log
(
'out'
+
editor
.
id
);
HideBox
();
});
}
tinymce
.
init
({
selector
:
'.textarea'
,
entity_encoding
:
"raw"
,
menubar
:
false
,
toolbar
:
' bold italic'
,
remove_linebreaks
:
false
,
remove_trailing_brs
:
false
,
setup
:
function
(
editor
)
{
editor
.
on
(
'focus'
,
function
(
e
)
{
console
.
log
(
editor
.
id
);
$
(
'#'
+
editor
.
id
).
trigger
(
"onfocus"
);
$
(
this
).
css
(
'border'
,
'2px solid #F7A800 !important'
);
});
editor
.
on
(
'focusout'
,
function
(
e
)
{
// console.log('out'+editor.id);
$
(
this
).
css
(
'border'
,
'0px solid #F7A800 !important'
);
HideBox
();
});
}
});
var
files
;
var
imagefiles
=
[];;
});
var
files
;
var
imagefiles
=
[];;
$
(
".fileupload"
).
change
(
function
(
e
)
{
files
=
e
.
target
.
files
;
for
(
var
i
=
0
,
file
;
file
=
files
[
i
];
i
++
)
{
console
.
log
(
file
);
imagefiles
.
push
(
file
);
// console.log(imagefiles);
}
});
$
(
".fileupload"
).
change
(
function
(
e
)
{
files
=
e
.
target
.
files
;
for
(
var
i
=
0
,
file
;
file
=
files
[
i
];
i
++
)
{
//console.log(file);
imagefiles
.
push
(
file
);
// console.log(imagefiles);
}
});
$
(
"#changes"
).
submit
(
function
(
e
)
{
e
.
preventDefault
();
$
(
"#changes"
).
submit
(
function
(
e
)
{
e
.
preventDefault
();
if
(
$
(
"#changes"
).
valid
())
{
if
(
$
(
"#changes"
).
valid
())
{
$
(
tinymce
.
get
()).
each
(
function
(
i
,
el
)
{
if
(
el
.
id
)
document
.
getElementById
(
el
.
id
).
value
=
el
.
getContent
();
///console.log(el.id
);
$
(
'#changes'
).
hide
(
);
tinymce
.
get
(
el
.
id
).
remove
();
});
var
form
=
$
(
"#changes"
);
returnfileOptions
(
imagefiles
,
form
);
var
form
=
$
(
"#changes"
);
returnfileOptions
(
imagefiles
,
form
);
return
false
;
}
else
{
return
false
;}
});
}
else
{
return
false
;
}
});
});
}
}
function
returnfileOptions
(
files
,
form
)
{
jQuery
(
function
(
$
)
{
var
data
=
new
FormData
();
$
.
each
(
files
,
function
(
key
,
value
)
{
data
.
append
(
key
,
value
);
function
returnfileOptions
(
files
,
form
)
{
jQuery
(
function
(
$
)
{
});
var
data
=
new
FormData
();
$
.
each
(
files
,
function
(
key
,
value
)
{
data
.
append
(
key
,
value
);
$
.
ajax
({
url
:
''
+
pluginUrl
+
'/wp-content/plugins/pdf-customizer-plugin/admin/uploadfile.php?files'
,
type
:
'POST'
,
data
:
data
,
cache
:
false
,
dataType
:
'json'
,
processData
:
false
,
// Don't process the files
contentType
:
false
,
// Set content type to false as jQuery will tell the server its a query string request
success
:
function
(
data
,
textStatus
,
jqXHR
)
{
if
(
typeof
data
.
error
===
'undefined'
)
{
returnOptions
(
form
);
}
else
{
// Handle errors here
});
console
.
log
(
'ERRORS: '
+
data
.
error
);
}
},
error
:
function
(
jqXHR
,
textStatus
,
errorThrown
)
{
$
.
ajax
({
url
:
''
+
pluginUrl
+
'/wp-content/plugins/pdf-customizer-plugin/admin/uploadfile.php?files'
,
type
:
'POST'
,
data
:
data
,
cache
:
false
,
dataType
:
'json'
,
processData
:
false
,
// Don't process the files
contentType
:
false
,
// Set content type to false as jQuery will tell the server its a query string request
success
:
function
(
data
,
textStatus
,
jqXHR
)
{
if
(
typeof
data
.
error
===
'undefined'
)
{
returnOptions
(
form
);
}
else
{
// Handle errors here
console
.
log
(
'ERRORS: '
+
textStatus
);
// STOP LOADING SPINNER
}
});
console
.
log
(
'ERRORS: '
+
data
.
error
);
}
},
error
:
function
(
jqXHR
,
textStatus
,
errorThrown
)
{
// Handle errors here
console
.
log
(
'ERRORS: '
+
textStatus
);
// STOP LOADING SPINNER
}
});
}
});
}
function
returnOptions
(
form
)
{
function
returnOptions
(
form
)
{
jQuery
(
function
(
$
)
{
jQuery
(
function
(
$
)
{
$
.
getJSON
(
""
+
pdf_customizer
+
"/api/v1/get-pdf/"
+
id
.
value
,
function
(
dataReturnd
)
{
// Get the element with id summary and set the inner text to the result.
var
json
=
dataReturnd
;
//console.log(json);
$
.
getJSON
(
""
+
pdf_customizer
+
"/api/v1/get-pdf/"
+
id
.
value
,
function
(
dataReturnd
)
{
// Get the element with id summary and set the inner text to the result.
var
json
=
dataReturnd
;
//console.log(json);
var
jsonReturn
=
'{"pdf":[{"name":"'
+
json
[
0
].
name
+
'", "folder":"'
+
json
[
0
].
folder
+
'", "pdfLocation":"'
+
json
[
0
].
file
+
'","pageWidth":"'
+
json
[
0
].
pageWidth
+
'","pageHeight":"'
+
json
[
0
].
pageHeight
+
'"}],"changes":['
var
e
=
1
;
for
(
i
=
0
;
i
<
json
.
length
;
++
i
)
{
var
jsonReturn
=
'{"pdf":[{"name":"'
+
json
[
0
].
name
+
'", "folder":"'
+
json
[
0
].
folder
+
'", "pdfLocation":"'
+
json
[
0
].
file
+
'","pageWidth":"'
+
json
[
0
].
pageWidth
+
'","pageHeight":"'
+
json
[
0
].
pageHeight
+
'"}],"changes":['
var
e
=
1
;
for
(
i
=
0
;
i
<
json
.
length
;
++
i
)
{
var
style
=
JSON
.
stringify
(
json
[
i
].
style
);
var
content
=
JSON
.
stringify
(
form
[
0
][
e
].
value
);
console
.
log
(
form
[
0
][
e
].
value
);
var
style
=
JSON
.
stringify
(
json
[
i
].
style
);
var
content
=
JSON
.
stringify
(
form
[
0
][
e
].
value
);
console
.
log
(
form
[
0
][
e
].
value
);
jsonReturn
+=
'{"label":"'
+
json
[
i
].
label
+
'", "locationUp":"'
+
json
[
i
].
locationUp
+
'", "locationRight":"'
+
json
[
i
].
locationRight
+
'","width":"'
+
json
[
i
].
width
+
'","height":"'
+
json
[
i
].
height
+
'", "pages":"'
+
json
[
i
].
pages
+
'", "content":'
+
content
+
', "z-index":null, "idstylesPDF":"'
+
json
[
i
].
idstylesPDF
+
'", "style":'
+
style
+
', "order":"'
+
json
[
i
].
order
+
'", "idchange_typePDF":"'
+
json
[
i
].
idchange_typePDF
+
'", "change_type":"'
+
json
[
i
].
change_type
+
'", "fileLocation":"'
+
pluginUrl
+
'/wp-content/uploads/pdf/"}'
;
jsonReturn
+=
'{"label":"'
+
json
[
i
].
label
+
'", "locationUp":"'
+
json
[
i
].
locationUp
+
'", "locationRight":"'
+
json
[
i
].
locationRight
+
'","width":"'
+
json
[
i
].
width
+
'","height":"'
+
json
[
i
].
height
+
'", "pages":"'
+
json
[
i
].
pages
+
'", "content":'
+
content
+
', "z-index":null, "idstylesPDF":"'
+
json
[
i
].
idstylesPDF
+
'", "style":'
+
style
+
', "order":"'
+
json
[
i
].
order
+
'", "idchange_typePDF":"'
+
json
[
i
].
idchange_typePDF
+
'", "change_type":"'
+
json
[
i
].
change_type
+
'", "fileLocation":"'
+
pluginUrl
+
'/wp-content/uploads/pdf/"}'
;
if
(
i
<
json
.
length
-
1
)
{
jsonReturn
+=
','
;
}
++
e
if
(
i
<
json
.
length
-
1
)
{
jsonReturn
+=
','
;
}
jsonReturn
+=
' ]}'
;
// console.log(jsonReturn);
$
.
ajax
({
url
:
""
+
pdf_customizer
+
"/api/update"
,
type
:
"POST"
,
dataType
:
'json'
,
data
:
jsonReturn
,
processData
:
false
,
contentType
:
"application/json"
,
CrossDomain
:
true
,
++
e
}
jsonReturn
+=
' ]}'
;
// console.log(jsonReturn);
async
:
true
,
success
:
function
(
data
)
{
var
strVar2
=
""
strVar2
+=
" <div class=\"callout primary\"><div class=\"row column\"><h1>Welcome to Synapsus Online PDF Editor<\/h1>"
;
strVar2
+=
"<p class=\"lead\">Please download your file below or return <a href=\"#\" onclick=\"location.reload();\">back to the list</a><\/p>"
;
strVar2
+=
" <\/div><\/div><div class=\"row small-up-2 medium-up-3 large-up-3\">"
;
strVar2
+=
"<div class=\"column\">"
+
'<a href="'
+
pdf_customizer
+
'/fileentry/getPDF/'
+
json
[
0
].
folder
+
'/new_'
+
json
[
0
].
file
+
'" download="'
+
json
[
0
].
file
+
'" ><i class="fa fa-cloud-download fa-5x"></i></br>Download Here</a>'
;
+
"<\/div><\/div>"
;
document
.
getElementById
(
'contentArea'
).
innerHTML
=
strVar2
},
error
:
function
(
xhr
,
ajaxOptions
,
thrownError
)
{
//Add these parameters to display the required response
alert
(
xhr
.
status
);
document
.
getElementById
(
'contentArea'
).
innerHTML
=
xhr
.
responseText
;
}
$
.
ajax
({
url
:
""
+
pdf_customizer
+
"/api/update"
,
type
:
"POST"
,
dataType
:
'json'
,
data
:
jsonReturn
,
processData
:
false
,
contentType
:
"application/json"
,
CrossDomain
:
true
,
async
:
true
,
success
:
function
(
data
)
{
var
strVar2
=
""
strVar2
+=
' <div class="callout primary"><div class="row column"><h1 class="pdfeditortitle">CUBOS COLLATERAL MATERIAL</h1>'
;
strVar2
+=
'</div></div><div class="row small-up-2 medium-up-3 large-up-3">'
;
strVar2
+=
'<br/><br/>'
+
'<a class="downloadpdf" href="'
+
pdf_customizer
+
'/fileentry/getPDF/'
+
json
[
0
].
folder
+
'/new_'
+
json
[
0
].
file
+
'" download="'
+
json
[
0
].
file
+
'" ><i class="fa fa-cloud-download fa-5x"></i></br>Download Here</a></div>'
;
document
.
getElementById
(
'contentArea'
).
innerHTML
=
strVar2
},
error
:
function
(
xhr
,
ajaxOptions
,
thrownError
)
{
//Add these parameters to display the required response
alert
(
xhr
.
status
);
document
.
getElementById
(
'contentArea'
).
innerHTML
=
xhr
.
responseText
;
}
});
});
});
});
});
});
}
\ No newline at end of file
}
\ No newline at end of file
...
...
Please
register
or
sign in
to post a comment