| Current File : /home/users/barii/public_html/finansenl.com.pl/system.fotomagnesy.pl/admin2.php |
<?php
session_start();
include('config.php');?>
<!DOCTYPE html>
<html style="overflow-y:hidden">
<?php
function katalog($val){
$FoundFiles = array();
$iterator = new DirectoryIterator('img/mini/'.$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/load.gif" data-src="img/mini/'.$val.'/'.$fileinfo[fileName].'" 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[fileName].'\',';
if($val == 'makiety') echo '1,0,0';
else {
if (strpos($fileinfo[fileName], 'kalendarium') !== false) echo '\'kal\',300,200';
else echo '0.8,300,200';
}
echo ',\''.$val.'\')"></div>';
}
}
?>
<head>
<meta charset="UTF-8">
<title>Serca fotomagnesy - keator</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/text2.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="/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="http://feather.aviary.com/imaging/v2/editor.js"></script>
<script type="text/javascript" src="/js/aviary.js"></script>
<script>
$(document).bind('mousemove', function(e){
if(e.pageY<75 && e.pageY>50){
if ($("#leftcol #tabs select:hover").length > 0) {
$('#tail').css({
display: 'block',
});
}
else{
$('#tail').css({
display: 'none'
});
}
}
else{
$('#tail').css({
display: 'none'
});
}
});
$.noConflict();
jQuery( document ).ready(function($) {
init(976,897,'myCanvas');
setTimeout(function(){
try {
<?php echo str_replace('/','_',str_replace('_','',str_replace('.jpg','',str_replace('.png','',$_GET['wzor']))));?>(1);
//zmienKalendarz('img/mini/ozdobniki/kalendariumc--06.png');
}
catch(err) {
//alert(err);
}
}, 1000);
setTimeout(function(){
<?php echo "dodajNaklejke3('img/dodatki/makiety/serce/".$_GET['wzor']."',1,0,0);";?>
},1900);
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();
}
});
$("#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();
loadingimg(element_index+1);
return false;
});
$('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;
});
$('li.usunelement a').click(function(){
removeit();
});
$('a.add_cart').click(function(){
$('div.overwhite').show();
$('div.blur2').addClass('active');
if($('.wrapper').hasClass('pion')){
$('.rozmiarspan').html('Rozmiar magnesu: <br><span><input type="radio" name="rozmiar" value="9x8"> <i class="material-icons">photo_size_select_large</i> 9,5x8</span> <span><input type="radio" name="rozmiar" value="12x11"> <i class="material-icons">photo_size_select_large</i> 12x11</span>');
//$('#rozmiar').html('<option value="">...</option><option value="6x9">6x9</option><option value="10x15">10x15</option><option value="14x21">14x21</option>');
}
else{
$('.rozmiarspan').html('Rozmiar magnesu: <br><span><input type="radio" name="rozmiar" value="9x8"> <i class="material-icons">photo_size_select_large</i> 9,5x8 cm</span> <span><input type="radio" name="rozmiar" value="12x11"> <i class="material-icons">photo_size_select_large</i> 12x11 cm</span>');
//$('#rozmiar').html('<option value="">...</option><option value="9x6">9x6</option><option value="15x10">15x10</option><option value="21x14">21x14</option>');
}
$('div.podsumowanie').show();
$(".podsumowanie p.rozmiarspan span").click(function(){
$(".podsumowanie p.rozmiarspan span input").prop( "checked", false );
$(".podsumowanie p.rozmiarspan span").removeClass('active');
$(this).find('input').prop( "checked", true );
$(this).addClass('active');
});
});
$('.podsumowanie .material-icons.cl ').click(function(){
$('div.podsumowanie').hide();
$('div.overwhite').hide();
});
$('.dodajost').click(function(){
$('div.overwhite').show();
if (obj = canvas.getActiveObject()){
canvas.getActiveObject().hasControls = canvas.getActiveObject().hasBorders = false; }
canvas.renderAll();
var rect = new fabric.Rect({ width: 1700, height: 1700, fill:'#fff'});
rect.globalCompositeOperation = 'destination-over';
canvas.add(rect);
canvas.item(0).selectable = false;
Zapisz();
if($('#quantity').val() && $("input[name='rozmiar']:checked").val()){
$('.podsumowanie').hide();
var dataURL = canvas.toDataURL({
format: 'jpeg',
quality: 1,
});
$.ajax({
url: "/add2.php",
type: 'POST',
data: {
imgBase64: dataURL,
ilosc: $('#quantity').val(),
rozmiar: $("input[name='rozmiar']:checked").val(),
ses: $('#ses').val()
},
success: function(data)
{
console.log(data);
window.location.href = "/koszyk.php";
}
}).done(function(o) {
console.log('saved');
});
}
else{
if(!$("input[name='rozmiar']:checked").val()) {
$('.rozmiarspan').css("border","2px solid #C21033");
}
if(!$('#quantity').val()) {
$('#quantity').css("border","2px solid #C21033");
}
/*if(!$('#rozmiar').val()) {
$('#rozmiar').css("border","2px solid #C21033");
} */
}
});
$(".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');
});
});
</script>
<style><?php
echo '.wrapper{width: calc('.$s[0].'*(100vh - 150px)/'.$s[1].');}';
?></style>
</head>
<body style="background:#f1f1f1">
<?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 }?>
<a class="menutope"><i class="material-icons">menu</i><span>zobacz inne produkty</span></a>
<div class="menutope"><a href="http://etykietyweselne.pl" class="magnesy"></a></div>
<div id="menu" class="boxshadow">
<a <?php if($_SERVER['HTTP_HOST']!='www.allegroserca.fotomagnesy.pl'){?>href="http://www.fotomagnesy.pl" <?php }?> style="padding:0px;margin:0px;position:absolute;top:2px;left:50px;"><img src="http://www.allegromagnesy.fotomagnesy.pl/img/logo2.png" style="height:45px;margin-left:40px;margin-top:3px"></a>
<ul>
<li class=""><a href="/"><i class="material-icons">keyboard_backspace</i> Wybierz inny wzór</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=" aaa" style="display:none;"><a onclick="launchEditor('target')"><i class="material-icons">crop</i> Kadrowanie zdjęcia</a></li>
<li class=""><a onclick="dodaj('tutaj wpisz swój tekst',200,250,'Great Vibes',40,'#000000','center');"><i class="material-icons">playlist_add</i> Dodaj tekst</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=" usunelement"><a><i class="material-icons">clear</i> Usuń element</a></li>
<!--li class=" ddd"><a class="add_cart loading2"><i class="material-icons">add_shopping_cart</i> Dodaj do koszyka</a></li-->
</ul>
<a class="add_cart button /*loading2*/"><i class="material-icons">add_shopping_cart</i> Dodaj do koszyka</a>
</div> <img src="" id="target" style="display:none">
<div class="podsumowanie"><i class="material-icons cl">highlight_off</i><h3>Wybierz rozmiar fotomagnesu i ilość</h3>
<p>Ilość sztuk:<br><select id="quantity" style="">
<option value="">...</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option><option value="32">32</option><option value="33">33</option><option value="34">34</option><option value="35">35</option><option value="36">36</option><option value="37">37</option><option value="38">38</option><option value="39">39</option><option value="40">40</option><option value="41">41</option><option value="42">42</option><option value="43">43</option><option value="44">44</option><option value="45">45</option><option value="46">46</option><option value="47">47</option><option value="48">48</option><option value="49">49</option><option value="50">50</option><option value="51">51</option><option value="52">52</option><option value="53">53</option><option value="54">54</option><option value="55">55</option><option value="56">56</option><option value="57">57</option><option value="58">58</option><option value="59">59</option><option value="60">60</option><option value="61">61</option><option value="62">62</option><option value="63">63</option><option value="64">64</option><option value="65">65</option><option value="66">66</option><option value="67">67</option><option value="68">68</option><option value="69">69</option><option value="70">70</option><option value="71">71</option><option value="72">72</option><option value="73">73</option><option value="74">74</option><option value="75">75</option><option value="76">76</option><option value="77">77</option><option value="78">78</option><option value="79">79</option><option value="80">80</option><option value="81">81</option><option value="82">82</option><option value="83">83</option><option value="84">84</option><option value="85">85</option><option value="86">86</option><option value="87">87</option><option value="88">88</option><option value="89">89</option><option value="90">90</option><option value="91">91</option><option value="92">92</option><option value="93">93</option><option value="94">94</option><option value="95">95</option><option value="96">96</option><option value="97">97</option><option value="98">98</option><option value="99">99</option><option value="100">100</option><option value="101">101</option><option value="102">102</option><option value="103">103</option><option value="104">104</option><option value="105">105</option><option value="106">106</option><option value="107">107</option><option value="108">108</option><option value="109">109</option><option value="110">110</option><option value="111">111</option><option value="112">112</option><option value="113">113</option><option value="114">114</option><option value="115">115</option><option value="116">116</option><option value="117">117</option><option value="118">118</option><option value="119">119</option><option value="120">120</option><option value="121">121</option><option value="122">122</option><option value="123">123</option><option value="124">124</option><option value="125">125</option><option value="126">126</option><option value="127">127</option><option value="128">128</option><option value="129">129</option><option value="130">130</option><option value="131">131</option><option value="132">132</option><option value="133">133</option><option value="134">134</option><option value="135">135</option><option value="136">136</option><option value="137">137</option><option value="138">138</option><option value="139">139</option><option value="140">140</option><option value="141">141</option><option value="142">142</option><option value="143">143</option><option value="144">144</option><option value="145">145</option><option value="146">146</option><option value="147">147</option><option value="148">148</option><option value="149">149</option><option value="150">150</option><option value="151">151</option><option value="152">152</option><option value="153">153</option><option value="154">154</option><option value="155">155</option><option value="156">156</option><option value="157">157</option><option value="158">158</option><option value="159">159</option><option value="160">160</option><option value="161">161</option><option value="162">162</option><option value="163">163</option><option value="164">164</option><option value="165">165</option><option value="166">166</option><option value="167">167</option><option value="168">168</option><option value="169">169</option><option value="170">170</option><option value="171">171</option><option value="172">172</option><option value="173">173</option><option value="174">174</option><option value="175">175</option><option value="176">176</option><option value="177">177</option><option value="178">178</option><option value="179">179</option><option value="180">180</option><option value="181">181</option><option value="182">182</option><option value="183">183</option><option value="184">184</option><option value="185">185</option><option value="186">186</option><option value="187">187</option><option value="188">188</option><option value="189">189</option><option value="190">190</option><option value="191">191</option><option value="192">192</option><option value="193">193</option><option value="194">194</option><option value="195">195</option><option value="196">196</option><option value="197">197</option><option value="198">198</option><option value="199">199</option><option value="200">200</option><option value="201">201</option><option value="202">202</option><option value="203">203</option><option value="204">204</option><option value="205">205</option><option value="206">206</option><option value="207">207</option><option value="208">208</option><option value="209">209</option><option value="210">210</option><option value="211">211</option><option value="212">212</option><option value="213">213</option><option value="214">214</option><option value="215">215</option><option value="216">216</option><option value="217">217</option><option value="218">218</option><option value="219">219</option><option value="220">220</option><option value="221">221</option><option value="222">222</option><option value="223">223</option><option value="224">224</option><option value="225">225</option><option value="226">226</option><option value="227">227</option><option value="228">228</option><option value="229">229</option><option value="230">230</option><option value="231">231</option><option value="232">232</option><option value="233">233</option><option value="234">234</option><option value="235">235</option><option value="236">236</option><option value="237">237</option><option value="238">238</option><option value="239">239</option><option value="240">240</option><option value="241">241</option><option value="242">242</option><option value="243">243</option><option value="244">244</option><option value="245">245</option><option value="246">246</option><option value="247">247</option><option value="248">248</option><option value="249">249</option><option value="250">250</option><option value="251">251</option><option value="252">252</option><option value="253">253</option><option value="254">254</option><option value="255">255</option><option value="256">256</option><option value="257">257</option><option value="258">258</option><option value="259">259</option><option value="260">260</option><option value="261">261</option><option value="262">262</option><option value="263">263</option><option value="264">264</option><option value="265">265</option><option value="266">266</option><option value="267">267</option><option value="268">268</option><option value="269">269</option><option value="270">270</option><option value="271">271</option><option value="272">272</option><option value="273">273</option><option value="274">274</option><option value="275">275</option><option value="276">276</option><option value="277">277</option><option value="278">278</option><option value="279">279</option><option value="280">280</option><option value="281">281</option><option value="282">282</option><option value="283">283</option><option value="284">284</option><option value="285">285</option><option value="286">286</option><option value="287">287</option><option value="288">288</option><option value="289">289</option><option value="290">290</option><option value="291">291</option><option value="292">292</option><option value="293">293</option><option value="294">294</option><option value="295">295</option><option value="296">296</option><option value="297">297</option><option value="298">298</option><option value="299">299</option><option value="300">300</option>
</select></p>
<p class="rozmiarspan"></p>
<!--p>Rozmiar magnesu: <select id="rozmiar"></select></p-->
<input type="hidden" name="ses" id="ses" value="<?php echo $image;?>">
<p><button class="dodajost">Akceptuję i dodaję do koszyka</button></p>
</div>
<div class="overwhite"></div>
<?php if(!isset($_GET['plik'])){?><div class="uploadzdjecie"><h2>Wgraj zdjęcie</h2><input id="fileupload" type="file" name="files[]" multiple></div><?php }?>
<div id="tail">kliknij by rozwinąć listę</div>
<div class="wrapper serce">
<canvas id="myCanvas"></canvas>
<div class="wynik">
<!--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>
<div class="podpis">* Prosimy nie umieszczać tekstu, naklejek oraz ozdobników w pobliżu krawędzi</div>
<div id="leftcol" class="boxshadow">
<div id="tabs" class="/*w50*/">
<ul>
<li class="active"><a href="#">Tekst</a></li>
<li><a href="#">Naklejki</a></li>
<li><a href="#">Ozdobniki</a></li>
<li><a href="#">Ramki</a></li>
</ul>
<div id="content1">
<div class="active tabs-1" style="display:block">
<a onclick="dodaj('tutaj wpisz swój tekst',200,250,'Great Vibes',40,'#000000','center');" class="texttadd"><i class="material-icons">playlist_add</i> Dodaj pole tekstowe</a>
<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:relative;top:-2px;box-shadow:none;background:none">wybierz czcionkę</span>
<div class="rodzajczcionki">
<p onclick="fontfamilyit('Arial')" class="arial">Arial</p>
<p onclick="fontfamilyit('Amatic SC')" class="amaticsc">Amatic SC</p>
<p onclick="fontfamilyit('Arima Madurai')" class="arima">Arima Madurai</p>
<p onclick="fontfamilyit('Berkshire Swash')" class="berkshire">Berkshire Swash</p>
<p onclick="fontfamilyit('Courgette')" class="courgette">Courgette</p>
<p onclick="fontfamilyit('Eagle Lake')" class="eaglelake">Eagle Lake</p>
<p onclick="fontfamilyit('Great Vibes')" class="greatvibes">Great Vibes</p>
<p onclick="fontfamilyit('Gudea')" class="gudea">Gudea</p>
<p onclick="fontfamilyit('Lobster')" class="lobster">Lobster</p>
<p onclick="fontfamilyit('Modak')" class="modak">Modak</p>
<p onclick="fontfamilyit('Open Sans Condensed')" class="opensanscondensed">Open Sans Condensed</p>
<p onclick="fontfamilyit('Rochester')" class="rochester">Rochester</p>
<p onclick="fontfamilyit('Times New Roman')" class="timesnewroman">Times New Roman</p>
<p onclick="fontfamilyit('Verdana')" class="verdana">Verdana</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>
<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">
<select class="motywykat">
<option value="0">Wybierz motyw...</option>
<option value="amilosc">Miłosne</option>
<option value="r2017">2017</option>
<option value="elementyozd">Elementy ozdobne</option>
<option value="twarze">dodatki do twarzy</option>
<option value="cyfry">cyfry</option>
<option value="dymki">dymki</option>
<option value="inne">inne</option>
<option value="urodziny">urodziny</option>
<option value="wstazki">wstążki</option>
<option value="data">oznaczenia daty</option>
</select>
<div class="mCustomScrollbar" data-mcs-theme="dark"><?php echo katalog('naklejki');?> </div>
</div>
<div class="tabs-3">
<select class="ozdobnikikat">
<option value="0">Wybierz motyw...</option>
<option value="_milosc">Miłosne</option>
<option value="slub">Ślubne</option>
<option value="kalendariumb">Kalendaria 2018 białe</option>
<option value="kalendariumc">Kalendaria 2018 czarne</option>
<option value="dziadkowie">Dla Babci i Dziadka</option>
<option value="rodzice">Dla Rodziców</option>
<option value="przyjaciel">Dla Przyjaciela</option>
<option value="urodziny">Urodziny i Życzenia</option>
<option value="dedykacje">Dedykacje</option>
</select>
<div class="mCustomScrollbar" data-mcs-theme="dark"><?php echo katalog('ozdobniki');?> </div>
</div>
<div class="tabs-4" style="background:#F1F1F1;margin:0px -10px 0px -10px">
<select class="ramkikat" style="margin:0px 0px">
<option value="0">Wybierz motyw...</option>
<option value="_podziekowania">Podziekowania ślubne</option>
<option value="milosc">Miłosne</option>
</select>
<?php
$files_array = array();
foreach(new DirectoryIterator('img/mini/makiety') as $file)
if(!$file->isDot())
if($file->getFilename()!='thumb'){
$data = $file->getMTime();
$key = $file->getFilename();
$files_array[$key] = $data;
}
?>
<div class="mCustomScrollbar" data-mcs-theme="dark">
<?php
ksort($files_array); //sortowanie po nazwie pliku
foreach($files_array as $key => $file){
echo '<div class="zoom dirmakiety"><img src="/img/load.gif" data-src="img/mini/makiety/'.$key.'" class="larger" style="margin:10px 25px" onclick="dodajNaklejke3(\'img/mini/makiety/'.$key.'\',1,0,0)"></div>';
}?>
</div>
</div>
</div>
</div>
</div>
<a class="add_cart2 loading2" href="koszyk.php"><i class="material-icons">shopping_cart</i> (<?php echo count($_SESSION[KOSZYK])?>)</a>
<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 type="text/javascript">
(function($) {
$(window).load(function() { // czekamy, aż załaduje się cała strona
$('.overwhite').delay(1000).hide();
});
})(jQuery)
</script>
</body>
</html>