| Current File : /home/users/barii/public_html/finansenl.com.pl/wodki/admin/tablice/edycja.php |
<?php
session_start();
include('config.php');?>
<!DOCTYPE html>
<html>
<?php
function katalog($val){
$FoundFiles = array();
$iterator = new DirectoryIterator('img/dodatki/'.$val);
foreach ($iterator as $fileinfo) {
if ($fileinfo->isFile()) {
/*$xx = explode('--',$fileinfo->getFilename());
echo '<div class="zoom dir'.str_replace('/thumb','',$val).' '.$xx[0].'"><img src="img/mini/'.$val.'/'.$fileinfo->getFilename().'" class="imgside';
if($val == 'makiety') echo ' shadow_eff';
echo ' dir'.str_replace('/thumb','',$val).' '.$xx[0].'" onclick="dodajNaklejke(\'img/mini/'.str_replace('/thumb','',$val).'/'.$fileinfo->getFilename().'\',';
if($val == 'makiety') echo '1,0,0';
else echo '0.4,100,100';
echo ')"><img src="img/mini/'.$val.'/'.$fileinfo->getFilename().'" class="imgzoom"></div>';*/
$FoundFiles[] = array(
"fileName" => $fileinfo->getFilename()
);
}
}
asort( $FoundFiles );
foreach ( $FoundFiles as $fileinfo) {
$xx = explode('--',$fileinfo[fileName]);
echo '<div class="zoom dir'.str_replace('/thumb','',$val).' '.$xx[0].'"><img src="img/mini/'.$val.'/'.$fileinfo[fileName].'" class="imgside';
if($val == 'makiety') echo ' shadow_eff';
echo ' dir'.str_replace('/thumb','',$val).' '.$xx[0].'" onclick="dodajNaklejke';
if($xx[0] == 'tlo' and substr($_GET['wzor'],-3)=='png') echo '2';
echo '(\'img/mini/'.str_replace('/thumb','',$val).'/'.$fileinfo[fileName].'\',';
if($val == 'lewa') echo '1,0,0';
elseif($val == 'ramki') echo '1,270,15';
elseif($val == 'makiety') echo '0.544,0,0';
else echo '0.1,100,100';
echo ')"><img src="img/mini/'.$val.'/'.$fileinfo[fileName].'" class="imgzoom"></div>';
}
}
?>
<head>
<meta charset="UTF-8">
<title>Generowanie Tablicy Ślubnej nakładki na rejestrację</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script type="text/javascript" src="/js/fabric.js"></script>
<script type="text/javascript" src="/js/text.js"></script>
<script type="text/javascript" src="/js/dodaj.php"></script>
<script src="/js/jscolor.js"></script>
<script type="text/javascript" src="http://www.etykietyweselne.pl/html/tpl/generator/jquery.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="js/jquery.colorbox.js"></script>
<link rel="stylesheet" href="css/style.css">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="http://www.fotoobraz.kreatordruku-prolabel.pl/css/jquery.mCustomScrollbar.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.fotoobraz.kreatordruku-prolabel.pl/js/jquery.mCustomScrollbar.concat.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="/js/zapisanejson.js"></script>
<script type="text/javascript" src="http://feather.aviary.com/imaging/v2/editor.js"></script>
<script type="text/javascript" src="/js/aviary.js"></script>
<script>
(function($){
$(window).load(function(){
$(".mCustomScrollbar").mCustomScrollbar();
});
})(jQuery);
</script>
<script>
$.noConflict();
jQuery( document ).ready(function($) {
<?php
if(isset($_SESSION['zdjecia'])){
?>$('.uploadzdjecie').hide();
<?php }?>
<?php
$s = getimagesize('img/dodatki/makiety/'.$_GET['wzor']);
echo "init(".$s[0].",".$s[1].",'myCanvas');\n";
?>
try {
<?php echo str_replace('/','_',str_replace('_','',str_replace('.jpg','',str_replace('.png','',$_GET['wzor']))));?>(1);
}
catch(err) {
// Handle error(s) here
}
<?
echo "Tlo('tloetykiety".$_GET['wzor']."',".$s[0].",".$s[1].")";
?>
setTimeout(function(){
<?php
echo "Tlo('tloetykiety".$_GET['wzor']."',".$s[0].",".$s[1].")"; ?>
},1900);
setTimeout(function(){
$('.overwhite').hide();
},3000);
canvas.deactivateAll();
$('#texteditor').hide();
$('select.motywykat').change(function(){
if($( this ).val() == 0){
$('.dirnaklejki').show();
}
else{
$('.dirnaklejki').hide();
$('.dirnaklejki.'+ $( this ).val()).show();
}
});
$('select.szablonykat').change(function() {
if($( this ).val() == 0){
$('.dirszablony').show();
}
else{
$('.dirszablony').hide();
$('.dirszablony.'+ $( this ).val() ).show();
}
});
$('select.ozdobnikikat').change(function() {
if($( this ).val() == 0){
$('.dirozdobniki').show();
}
else{
$('.dirozdobniki').hide();
$('.dirozdobniki.'+ $( this ).val() ).show();
}
});
$('a.menutope').click( function() {
if($('a.menutope .material-icons').html()=='menu'){
$('.menutope').animate({
left: '+=250px'
},500);
$('a.menutope .material-icons').html('clear');
}
else{
$('.menutope').animate({
left: '-=250px'
},500);
$('a.menutope .material-icons').html('menu');
}
return false;
});
$('.dodajost').click(function(){
if (obj = canvas.getActiveObject()){
canvas.getActiveObject().hasControls = canvas.getActiveObject().hasBorders = false; }
canvas.renderAll();
var rect = new fabric.Rect({ width: 900, height: 650, fill:'#fff'});
rect.globalCompositeOperation = 'destination-over';
canvas.add(rect);
canvas.item(0).selectable = false;
if($('#quantity').val() && $('#rozmiar').val()){
var dataURL = canvas.toDataURL({
format: 'jpeg',
quality: 1,
});
$.ajax({
url: "/add.php",
type: 'POST',
data: {
imgBase64: dataURL,
ilosc: $('#quantity').val(),
rozmiar: $('#rozmiar').val(),
wzor: '<?php echo substr($_GET['wzor'],0,-7);?>'
},
success: function(data)
{
//console.log(data);
window.location.href = "/koszyk.php";
}
}).done(function(o) {
console.log('saved');
});
}
else{
if(!$('#quantity').val()) {
$('#quantity').css("border","2px solid #C21033");
}
if(!$('#rozmiar').val()) {
$('#rozmiar').css("border","2px solid #C21033");
}
}
});
$('.podsumowanie .material-icons').click(function(){
$('div.podsumowanie').hide();
$('div.overwhite').hide();
});
$('.uploadzdjecie .material-icons').click(function(){
$('div.uploadzdjecie').hide();
$('div.overwhite').hide();
});
$('a.add_cart').click(function(){
$('div.overwhite').show();
$('div.blur2').addClass('active');
if (obj = canvas.getActiveObject()){
canvas.getActiveObject().hasControls = canvas.getActiveObject().hasBorders = false; }
canvas.renderAll();
var rect = new fabric.Rect({ width: <?php echo $s[0]?>, height: <?php echo $s[1]?>, fill:'#fff'});
rect.globalCompositeOperation = 'destination-over';
canvas.add(rect);
canvas.item(0).selectable = false;
var dataURL = canvas.toDataURL({
format: 'jpeg',
quality: 1,
});
$.ajax({
url: "/add.php",
type: 'POST',
data: {
imgBase64: dataURL,
w: <?php echo $s[0]?>,
h: <?php echo $s[1]?>,
wzor: '<?php echo substr($_GET['wzor'],0,-7);?>'
},
success: function(data)
{
//console.log(data);
window.location.href = "/koszyk.php";
}
}).done(function(o) {
console.log('saved');
});
});
$("#tabs ul li a").click(function()
{
$("#tabs ul .active").removeClass("active");
$(this).parent().addClass("active");
var element_index = $("#tabs ul a").index(this);
$("#content1>div:visible").hide();
$("#content1 div.tabs-"+(element_index+1)).show();
return false;
});
$(".pcien").hide();
$(".odc .przycisk").click( function() {
if($("#bottomcol .material-icons").html()=="keyboard_arrow_down"){
$("#bottomcol").animate({
height: '150px'
},500);
$("#bottomcol .material-icons").html('keyboard_arrow_up');
}else{
$("#bottomcol").animate({
height: '90%'
},500);
$("#bottomcol .material-icons").html('keyboard_arrow_down');
}
});
$(".wybierzszablon").click( function() {
$("#bottomcol").animate({
height: '90%'
},500);
$("#bottomcol .material-icons").html('keyboard_arrow_down');
});
$(".zmienorientacje").click( function() {
ZmienOrientacje();
});
$.post( "wypiszzdjeciasesja.php", function( data ) {
$( ".result" ).html( data );
});
});
$("#tabs ul li a").click(function()
{
$("#tabs ul .active").removeClass("active");
$(this).parent().addClass("active");
var element_index = $("#tabs ul a").index(this);
$("#content1>div:visible").hide();
$("#content1 div.tabs-"+(element_index+1)).show();
return false;
});
</script>
<style><?php
echo '.wrapper{height: calc('.$s[1].'*(100vw - 50px)/'.$s[0].');}';
?></style>
</head>
<body>
<?php if(isset($_GET['plik'])){?><div class="logs"><a onclick="Logi('<?php echo str_replace('_','',str_replace('.jpg','',str_replace('.png','',$_GET['wzor'])));?>')">Zapisz pozycje</a></div><?php }?>
<div id="menu" class="boxshadow">
<a href="http://www.etykietyweselne.pl" style="padding:0px;margin:0px;position:absolute;top:10px;margin:0px -180px;left:50%;"><img src="/img/logo-tablice.jpg" style="width:64%"></a>
<ul>
<li class=""><a href="/"><i class="material-icons">aspect_ratio</i> Wybierz inny wzór</a></li>
<li class="wgrajzdjecie"><a><i class="material-icons">file_upload</i> Wgraj zdjęcia<input id="fileupload2" type="file" name="files[]" multiple></a></li>
<li class=" aaa" style="display:none;"><a onclick="launchEditor('target')"><i class="material-icons">photo_filter</i> Edycja zdjęcia</a></li>
<li class=""><a onclick="dodaj('wpisz swój tekst',50,50,'Great Vibes',30,'#000000','center');"><i class="material-icons">note_add</i> Dodaj tekst</a></li>
</ul>
</div>
<a class="add_cart button"><i class="material-icons">add_shopping_cart</i> Dodaj do koszyka</a>
<a class="add_cart2 loading2" href="koszyk.php"><i class="material-icons">shopping_cart</i>(<?php echo count($_SESSION[KOSZYK])?>)</a>
<div class="overwhite"></div>
<img src="" id="target" style="display:none">
<div class="wrapper boxshadow poziom">
<?php
$wyk = explode('/',substr($_GET['wzor'],0,-7));
?>
<canvas id="myCanvas"></canvas>
<div id="texteditor" class="editortxt">
<div class="min bold"><span>Pogrubienie</span></div>
<div class="min italic"><span>Kursywa</span></div>
<div class="min underline"><span>Podkreślenie</span></div>
<div class="min aleft"><span>Wyrównanie do lewej</span></div>
<div class="min acenter"><span>Wyśrodkowanie</span></div>
<div class="min aright"><span>Wyrównanie do prawej</span></div>
<div class="min ajustify"><span>Wyjustowanie</span></div>
<div class="min totop"><span>Przesuń o warstwę wyżej</span></div>
<div class="min toback"><span>Przesuń o warstwę niżej</span></div>
<div class="min remove"><span>Usuń</span></div>
<div class="minn fontfamily"><span style="display:inline;position:static;box-shadow:none;background:none">wybierz czcionkę</span>
<div class="rodzajczcionki">
<p onclick="fontfamilyit('Arial')" class="arial">Arial</p>
<p onclick="fontfamilyit('Verdana')" class="verdana">Verdana</p>
<p onclick="fontfamilyit('Lobster')" class="lobster">Lobster</p>
<p onclick="fontfamilyit('Amatic SC')" class="amaticsc">Amatic SC</p>
<p onclick="fontfamilyit('Great Vibes')" class="greatvibes">Great Vibes</p>
<p onclick="fontfamilyit('Times New Roman')" class="timesnewroman">Times New Roman</p>
</div>
</div>
<div class="minn shadowd"><span>Cień</span></div><div class="minn shadowl"><span>Poświata</span></div>
<div class="minn "><input id="color" class="jscolor" style="text-indent:-1000px" value="ff00ff"></div>
</div>
<div id="texteditor" class="editor tylko3">
<div class="min totop"><span>Przesuń o warstwę wyżej</span></div>
<div class="min toback"><span>Przesuń o warstwę niżej</span></div>
<div class="min remove"><span>Usuń</span></div>
</div>
</div>
<div id="leftcol" class="boxshadow">
<div id="tabs" class="w50">
<ul>
<li class="active"><a href="#">Tekst</a></li>
<li><a href="#">Lewy element</a></li>
<li><a href="#">Ramki</a></li>
<li><a href="#">Naklejki</a></li>
</ul>
<div id="content1">
<div class="active tabs-1" style="display:block">
<p><a style="text-decoration:none;font-size:12px;padding:10px 25px;display:block;margin:10px;box-shadow:0px 0px 7px #555;border-radius:10px;" onclick="dodaj('wpisz swój tekst',50,50,'Great Vibes',30,'#000000','center');">A+ Dodaj pole tekstowe</a></p>
<p style="text-align:center;margin:0px -10px 15px -10px;box-shadow:0px 5px 5px #ddd;padding:10px 5px" class="pcien">
<span style="font-size:13px;font-weight:bold;padding:10px;">Cień (przesuniecie)</span> <br>
<input type="range" value="2" onchange="zmiencien(this.value);" class="rangetop" min="1" max="10" step="1"><br>
<span style="font-size:13px;font-weight:bold;padding:10px;">Cień (rozmycie)</span> <br>
<input type="range" value="10" onchange="zmiencienblur(this.value);" class="rangeblur" min="2" max="20" step="1"></p>
<p style="text-align:center;margin:0px -10px 15px -10px;box-shadow:0px 5px 5px #ddd;padding:10px 5px"><span style="font-size:13px;font-weight:bold;padding:10px;">Odstęp linii (akapit)</span> <br>
<input type="range" value="10" onchange="zmienLineHeight(this.value);" class="plineheight" min="1" max="1500" step="1"></p>
</div>
<div class="tabs-2">
<div class="mCustomScrollbar" data-mcs-theme="dark"><?php echo katalog('lewa');?> </div>
</div>
<div class="tabs-3">
<div class="mCustomScrollbar" data-mcs-theme="dark"><?php echo katalog('ramki');?> </div>
</div>
<div class="tabs-4">
<div style="display:inline-block;padding:20px;vertical-align:top"><h4 style="margin:5px 0px;">Wybierz grafikę:</h4>
<p style="text-align:center;margin:0px -10px -10px -10px;box-shadow:0px 5px 5px #ddd;padding:10px 5px">
<select class="motywykat">
<option value="0">Wybierz motyw</option>
<option value="auta">auta</option>
<option value="napisy">napisy</option>
<option value="serca">serca</option>
<option value="aniolki">aniołki</option>
<option value="ptaki">ptaki</option>
<option value="ozdobniki">ozdobniki</option>
<option value="wstazki">wstążki</option>
<option value="ramki">ramki</option>
<option value="kwiaty">kwiaty</option>
<option value="obraczki">obrączki</option>
<option value="inne">inne</option>
</select></p> </div>
<div class="mCustomScrollbar" data-mcs-theme="dark"><?php echo katalog('naklejki');?> </div>
</div>
<div class="tabs-5">
<div class="mCustomScrollbar" data-mcs-theme="dark"><div id="wzory" style="width:100%">
<div></div>
</div></div>
</div>
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/vendor/jquery.ui.widget.js"></script>
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/jquery.fileupload.js"></script>
<script src="js/jquery.fileupload-image.js"></script>
<script src="js/jquery.fileupload-validate.js"></script>
<script>
/*jslint unparam: true, regexp: true */
/*global window, $ */
//This is not production quality, its just demo code.
var cookieList = function(cookieName) {
//When the cookie is saved the items will be a comma seperated string
//So we will split the cookie by comma to get the original array
var cookie = $.cookie(cookieName);
//Load the items or a new array if null.
var items = cookie ? cookie.split(/,/) : new Array();
//Return a object that we can use to access the array.
//while hiding direct access to the declared items array
//this is called closures see http://www.jibbering.com/faq/faq_notes/closures.html
return {
"add": function(val) {
//Add to the items.
items.push(val);
//Save the items to a cookie.
//EDIT: Modified from linked answer by Nick see
// http://stackoverflow.com/questions/3387251/how-to-store-array-in-jquery-cookie
$.cookie(cookieName, items.join(','));
},
"remove": function (val) {
//EDIT: Thx to Assef and luke for remove.
indx = items.indexOf(val);
if(indx!=-1) items.splice(indx, 1);
$.cookie(cookieName, items.join(',')); },
"clear": function() {
items = null;
//clear the cookie.
$.cookie(cookieName, null);
},
"items": function() {
//Get all the items.
return items;
}
}
}
$(function () {
'use strict';
// Change this to the location of your server-side upload handler:
var url = window.location.hostname === 'blueimp.github.io' ?
'//jquery-file-upload.appspot.com/' : 'server/php/',
uploadButton = $('<button/>')
.on('click', function () {
var $this = $(this),
data = $this.data();
$this
.off('click')
.text('Anuluj')
.on('click', function () {
$this.remove();
data.abort();
});
data.submit().always(function () {
$this.remove();
});
});
$('#fileupload').fileupload({
url: url,
dataType: 'json',
autoUpload: true,
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
previewMaxWidth: 100,
previewMaxHeight: 100,
previewCrop: true
}).on('fileuploadadd', function (e, data) {
data.context = $('<div style="display:inline-block;width:150px;;margin:5px;" />').appendTo('#files');
$.each(data.files, function (index, file) {
var node = $('<div/>');
node.appendTo(data.context);
});
}).on('fileuploadprocessalways', function (e, data) {
var index = data.index,
file = data.files[index],
node = $(data.context.children()[index]);
if (file.preview) {
node
.prepend(file.preview);
}
if (file.error) {
node
.append('<br>')
.append($('<span class="text-danger"/>').text(file.error));
}
if (index + 1 === data.files.length) {
$(".loader").show();
}
}).on('fileuploadprogressall', function (e, data) {
$('.uploadzdjecie').hide();
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#progress .progress-bar').css(
'width',
progress + '%'
);
}).on('fileuploaddone', function (e, data) {
$.each(data.result.files, function (index, file) {
if (file.url) {
<?php if(substr($_GET['wzor'],-3)=='png'){?>
dodajNaklejke2('http://<?php echo $_SERVER['HTTP_HOST']?>/server/php'+file.url,0.3,0,0);
<?php }
else{?>
dodajNaklejke('http://<?php echo $_SERVER['HTTP_HOST']?>/server/php'+file.url,0.3,0,0);
<?php }?>var link = $('<a>')
<?php if(substr($_GET['wzor'],-3)=='png'){?>.attr('onclick', 'dodajNaklejke2(\'<?php echo $_SERVER['HTTP_HOST']?>/server/php'+file.url+'\',0.3,50,50)');
<?php }
else{?>.attr('onclick', 'dodajNaklejke(\'http://<?php echo $_SERVER['HTTP_HOST']?>/server/php'+file.url+'\',0.3,50,50)'); <?php }?>
$('li.aaa').show();
$('li.ddd').show();
$(data.context.children()[index]).append(' ').wrap(link);
} else if (file.error) {
var error = $('<span class="text-danger"/>').text(file.error);
$(data.context.children()[index])
.append('<br>')
.append(error);
}
});
}).on('fileuploadfail', function (e, data) {
$.each(data.files, function (index) {
var error = $('<span class="text-danger"/>').text('File upload failed.');
$(data.context.children()[index])
.append('<br>')
.append(error);
});
}).prop('disabled', !$.support.fileInput)
.parent().addClass($.support.fileInput ? undefined : 'disabled');
$('#fileupload2').fileupload({
url: url,
dataType: 'json',
autoUpload: true,
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
previewMaxWidth: 100,
previewMaxHeight: 100,
previewCrop: true
}).on('fileuploadadd', function (e, data) {
data.context = $('<div style="display:inline-block;width:150px;;margin:5px;" />').appendTo('#files');
$.each(data.files, function (index, file) {
var node = $('<div/>');
node.appendTo(data.context);
});
}).on('fileuploadprocessalways', function (e, data) {
var index = data.index,
file = data.files[index],
node = $(data.context.children()[index]);
if (file.preview) {
node
.prepend(file.preview);
}
if (file.error) {
node
.append('<br>')
.append($('<span class="text-danger"/>').text(file.error));
}
if (index + 1 === data.files.length) {
$(".loader").show();
}
}).on('fileuploadprogressall', function (e, data) {
$('.uploadzdjecie').hide();
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#progress .progress-bar').css(
'width',
progress + '%'
);
}).on('fileuploaddone', function (e, data) {
$.each(data.result.files, function (index, file) {
if (file.url) {
dodajNaklejke2('http://<?php echo $_SERVER['HTTP_HOST']?>/server/php'+file.url,0.3,0,0);
$(data.context.children()[index]).append(' ').wrap(link);
} else if (file.error) {
var error = $('<span class="text-danger"/>').text(file.error);
$(data.context.children()[index])
.append('<br>')
.append(error);
}
});
}).on('fileuploadfail', function (e, data) {
$.each(data.files, function (index) {
var error = $('<span class="text-danger"/>').text('File upload failed.');
$(data.context.children()[index])
.append('<br>')
.append(error);
});
}).prop('disabled', !$.support.fileInput)
.parent().addClass($.support.fileInput ? undefined : 'disabled');
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-80281992-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript">
(function($) {
$(window).load(function() { // czekamy, aż załaduje się cała strona
$('.overwhite').delay(150).hide(0);
});
})(jQuery)
</script>
</body>
</html>