//touch click helper (function ($) { 'use strict'; $.fn.tclick = function (onclick) { this.bind('touchstart', function (e) { onclick.call(this, e); e.stopPropagation(); e.preventDefault(); }); this.bind('click', function (e) { onclick.call(this, e); }); //substitute mousedown event for exact same result as touchstart return this; }; })(jQuery); /* http://keith-wood.name/realPerson.html Real Person Form Submission for jQuery v1.1.1. Written by Keith Wood (kwood{at}iinet.com.au) June 2009. Please attribute the author if you use it. */ (function($){function RealPerson(){this._defaults={length:6,includeNumbers:false,regenerate:'Click to change',hashName:'{n}Hash'}}var f='ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';var g=[[' * ',' * * ',' * * ',' * * ',' ***** ','* *','* *'],['****** ','* *','* *','****** ','* *','* *','****** '],[' ***** ','* *','* ','* ','* ','* *',' ***** '],['****** ','* *','* *','* *','* *','* *','****** '],['*******','* ','* ','**** ','* ','* ','*******'],['*******','* ','* ','**** ','* ','* ','* '],[' ***** ','* *','* ','* ','* ***','* *',' ***** '],['* *','* *','* *','*******','* *','* *','* *'],['*******',' * ',' * ',' * ',' * ',' * ','*******'],[' *',' *',' *',' *',' *','* *',' ***** '],['* *','* ** ','* ** ','** ','* ** ','* ** ','* *'],['* ','* ','* ','* ','* ','* ','*******'],['* *','** **','* * * *','* * *','* *','* *','* *'],['* *','** *','* * *','* * *','* * *','* **','* *'],[' ***** ','* *','* *','* *','* *','* *',' ***** '],['****** ','* *','* *','****** ','* ','* ','* '],[' ***** ','* *','* *','* *','* * *','* * ',' **** *'],['****** ','* *','* *','****** ','* * ','* * ','* *'],[' ***** ','* *','* ',' ***** ',' *','* *',' ***** '],['*******',' * ',' * ',' * ',' * ',' * ',' * '],['* *','* *','* *','* *','* *','* *',' ***** '],['* *','* *',' * * ',' * * ',' * * ',' * * ',' * '],['* *','* *','* *','* * *','* * * *','** **','* *'],['* *',' * * ',' * * ',' * ',' * * ',' * * ','* *'],['* *',' * * ',' * * ',' * ',' * ',' * ',' * '],['*******',' * ',' * ',' * ',' * ',' * ','*******'],[' *** ',' * * ','* * *','* * *','* * *',' * * ',' *** '],[' * ',' ** ',' * * ',' * ',' * ',' * ','*******'],[' ***** ','* *',' *',' * ',' ** ',' ** ','*******'],[' ***** ','* *',' *',' ** ',' *','* *',' ***** '],[' * ',' ** ',' * * ',' * * ','*******',' * ',' * '],['*******','* ','****** ',' *',' *','* *',' ***** '],[' **** ',' * ','* ','****** ','* *','* *',' ***** '],['*******',' * ',' * ',' * ',' * ',' * ','* '],[' ***** ','* *','* *',' ***** ','* *','* *',' ***** '],[' ***** ','* *','* *',' ******',' *',' * ',' **** ']];$.extend(RealPerson.prototype,{markerClassName:'hasRealPerson',propertyName:'realperson',setDefaults:function(a){$.extend(this._defaults,a||{});return this},_attachPlugin:function(a,b){a=$(a);if(a.hasClass(this.markerClassName)){return}var c={options:$.extend({},this._defaults)};a.addClass(this.markerClassName).data(this.propertyName,c);this._optionPlugin(a,b)},_optionPlugin:function(a,b,c){a=$(a);var d=a.data(this.propertyName);if(!b||(typeof b=='string'&&c==null)){var e=b;b=(d||{}).options;return(b&&e?b[e]:b)}if(!a.hasClass(this.markerClassName)){return}b=b||{};if(typeof b=='string'){var e=b;b={};b[e]=c}$.extend(d.options,b);a.prevAll('.'+this.propertyName+'-challenge,.'+this.propertyName+'-hash').remove().end().before(this._generateHTML(a,d))},_generateHTML:function(a,b){var c='';for(var i=0;i'+'
';for(var i=0;i'+b.options.regenerate+'
';return d},_enablePlugin:function(a){a=$(a);if(!a.hasClass(this.markerClassName)){return}a.removeClass(this.propertyName+'-disabled').prop('disabled',false).prevAll('.'+this.propertyName+'-challenge').removeClass(this.propertyName+'-disabled')},_disablePlugin:function(a){a=$(a);if(!a.hasClass(this.markerClassName)){return}a.addClass(this.propertyName+'-disabled').prop('disabled',true).prevAll('.'+this.propertyName+'-challenge').addClass(this.propertyName+'-disabled')},_destroyPlugin:function(a){a=$(a);if(!a.hasClass(this.markerClassName)){return}a.removeClass(this.markerClassName).removeData(this.propertyName).prevAll('.'+this.propertyName+'-challenge,.'+this.propertyName+'-hash').remove()},_hash:function(a){var b=3592802;for(var i=0;i-1}$.fn.realperson=function(a){var b=Array.prototype.slice.call(arguments,1);if(isNotChained(a,b)){return k['_'+a+'Plugin'].apply(k,[this[0]].concat(b))}return this.each(function(){if(typeof a=='string'){if(!k['_'+a+'Plugin']){throw'Unknown command: '+a;}k['_'+a+'Plugin'].apply(k,[this].concat(b))}else{k._attachPlugin(this,a||{})}})};var k=$.realperson=new RealPerson();$(document).on('click','div.'+k.propertyName+'-challenge',function(){if(!$(this).hasClass(k.propertyName+'-disabled')){$(this).nextAll('.'+k.markerClassName).realperson('option',{})}})})(jQuery); //noty "function"!=typeof Object.create&&(Object.create=function(a){function b(){}return b.prototype=a,new b}),function(a){var b={init:function(b){return this.options=a.extend({},a.noty.defaults,b),this.options.layout=this.options.custom?a.noty.layouts.inline:a.noty.layouts[this.options.layout],a.noty.themes[this.options.theme]?this.options.theme=a.noty.themes[this.options.theme]:b.themeClassName=this.options.theme,delete b.layout,delete b.theme,this.options=a.extend({},this.options,this.options.layout.options),this.options.id="noty_"+(new Date).getTime()*Math.floor(1e6*Math.random()),this.options=a.extend({},this.options,b),this._build(),this},_build:function(){var b=a('
').attr("id",this.options.id);if(b.append(this.options.template).find(".noty_text").html(this.options.text),this.$bar=null!==this.options.layout.parent.object?a(this.options.layout.parent.object).css(this.options.layout.parent.css).append(b):b,this.options.themeClassName&&this.$bar.addClass(this.options.themeClassName).addClass("noty_container_type_"+this.options.type),this.options.buttons){this.options.closeWith=[],this.options.timeout=!1;var c=a("
").addClass("noty_buttons");null!==this.options.layout.parent.object?this.$bar.find(".noty_bar").append(c):this.$bar.append(c);var d=this;a.each(this.options.buttons,function(b,c){var e=a("
"; tht += rgtdiv + '-' + $.bizRound(wkPreise.rabatt_netto).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; } tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_versandkosten + ":
"; tht += rgtdiv + $.bizRound(wkPreise.versand_netto).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_zzglMwst + ":
"; tht += rgtdiv + $.bizRound(wkPreise.gesamt_mwst).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; if (wkPreise.guthaben > 0) { tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_guthaben + ":
"; tht += rgtdiv + '-' + $.bizRound(wkPreise.guthaben).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; } if (wkPreise.budget > 0) { tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_budget + ":
"; tht += rgtdiv + '-' + $.bizRound(wkPreise.budget).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; } if (wkPreise.gutschein_brutto > 0) { tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_gutschein + ":
"; tht += rgtdiv + '-' + $.bizRound(wkPreise.gutschein_brutto).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; } if (wkPreise.bonuspunkte_wert > 0) { tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_bonuspunkte + " (-" + $.bizRound(wkPreise.bonuspunkte).toFixed(2).toString().replace('.', ',') + sprache.seite_checkout_warenkorb_punkteShort + ":
"; tht += rgtdiv + '-' + $.bizRound(wkPreise.bonuspunkte_wert).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; } tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_bruttoPreis + ":
"; tht += rgtdiv + $.bizRound(wkPreise.gesamt_bruttoAbzGutschein).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; } else { tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_zwischensumme + ":
"; tht += rgtdiv + $.bizRound(wkPreise.ware_brutto).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; if ($('span[data-id="warenkorb_preise_rabatt_brutto"]').attr('data-val') > 0) { tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_rabatt + ":
"; tht += rgtdiv + '-' + $.bizRound(wkPreise.rabatt_brutto).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; } tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_versandkosten + ":
"; tht += rgtdiv + $.bizRound(wkPreise.versand_brutto).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_inklMwst + ":
"; tht += rgtdiv + $.bizRound(wkPreise.gesamt_mwst).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; if (wkPreise.guthaben > 0) { tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_guthaben + ":
"; tht += rgtdiv + '-' + $.bizRound(wkPreise.guthaben).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; } if (wkPreise.budget > 0) { tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_budget + ":
"; tht += rgtdiv + '-' + $.bizRound(wkPreise.budget).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; } if (wkPreise.gutschein_brutto > 0) { tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_gutschein + ":
"; tht += rgtdiv + '-' + $.bizRound(wkPreise.gutschein_brutto).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; } tht += '
'; tht += lftdiv + sprache.seite_checkout_warenkorb_bruttoPreis + ":
"; tht += rgtdiv + $.bizRound(wkPreise.gesamt_bruttoAbzGutschein).toFixed(2).toString().replace('.', ',') + ' €'; tht += ''; } tht += '
' + sprache.warenkorb_ansehen + '
'; $('#cartInner').append(tht); } else { if (typeof sprache != 'undefined') { $('#cartInner').append(sprache.seite_warenkorb_noItems); } } } Object.size = function (obj) { 'use strict'; var size = 0, key; for (key in obj) { if (obj.hasOwnProperty(key)) { size = size + 1; } } return size; }; //check if exist and is visible function isVisible(element) { 'use strict'; if (element.length > 0 && element.css('visibility') !== 'hidden' && element.css('display') !== 'none') { return true; } else { return false; } } //////////////////////////////////////////////////////////////////////////// // Funktionen Bestellformular function checkRechnungsfirma(){ if ($("#checkout_step1_firma").length) { var firmaValue = $("#checkout_step1_firma").val(); var anredeValue = $("#checkout_step1_anrede").val(); if(firmaValue != '' && anredeValue != 3) { $("#checkout_step1_anrede").val(3); $('#checkout_step1_firma').parent().find('.ym-required').remove(); $('#checkout_step1_firma').parent().find('label').append(' *'); $('#checkout_step1_firma').attr('required', true); } else if (firmaValue == '' && anredeValue == 3){ $('#checkout_step1_firma').parent().find('.ym-required').remove(); $('#checkout_step1_firma').parent().find('label').append(' *'); $('#checkout_step1_firma').attr('required', true); } else { $('#checkout_step1_firma').parent().find('.ym-required').remove(); $('#checkout_step1_firma').attr('required', false); } checkAndDoValidateUstid(); } }; function checkLiefererfirma(){ if ($("#checkout_step1_lieferFirma").length) { var lieferAnrede = $("#checkout_step1_lieferAnrede").val(); var lieferFirma = $("#checkout_step1_lieferFirma").val(); if(lieferFirma != '' && lieferAnrede != 3) { $("#checkout_step1_lieferAnrede").val(3); $('#checkout_step1_lieferFirma').parent().find('.ym-required').remove(); $('#checkout_step1_lieferFirma').parent().find('label').append(' *'); $('#checkout_step1_lieferFirma').attr('required', true); checkAndDoValidateUstid(); } else if (lieferFirma == '' && lieferAnrede == 3){ $('#checkout_step1_lieferFirma').parent().find('.ym-required').remove(); $('#checkout_step1_lieferFirma').parent().find('label').append(' *'); $('#checkout_step1_lieferFirma').attr('required', true); } else { $('#checkout_step1_lieferFirma').parent().find('.ym-required').remove(); $('#checkout_step1_lieferFirma').attr('required', false); } checkAndDoValidateUstid(); } }; //Beguenstigte Person if ( $("#checkout_step1_eigenbedarf").length) { $("#id_lieferadresseGleichBPerson").hide(); var cEigenbedarf = $("#checkout_step1_eigenbedarf").val(); cEigenbedarf = parseInt(cEigenbedarf); if(cEigenbedarf == 0){ $("#id_lieferadresseGleichBPerson").show(); $('#checkout_step1_lieferadresseGleichBPerson').parent().find('.ym-required').remove(); $('#checkout_step1_lieferadresseGleichBPerson').parent().find('label').append(' *'); $('#checkout_step1_lieferadresseGleichBPerson').attr('required', true); } else { $('#checkout_step1_lieferadresseGleichBPerson').parent().find('.ym-required').remove(); $('#checkout_step1_lieferadresseGleichBPerson').attr('required', false); } $("#checkout_step1_eigenbedarf").change(function(){ var wert = $(this).val(); wert = parseInt(wert); $("#checkout_step1_lieferadresseGleichBPerson").val(''); $('#checkout_step1_lieferadresseGleichBPerson option').removeAttr('selected'); if(wert == 0){ $("#id_lieferadresseGleichBPerson").show(); $('#checkout_step1_lieferadresseGleichBPerson').parent().find('.ym-required').remove(); $('#checkout_step1_lieferadresseGleichBPerson').parent().find('label').append(' *'); $('#checkout_step1_lieferadresseGleichBPerson').attr('required', true); } else { $("#id_lieferadresseGleichBPerson").hide(); $('#checkout_step1_lieferadresseGleichBPerson').parent().find('.ym-required').remove(); $('#checkout_step1_lieferadresseGleichBPerson').attr('required', false); } }); }; function checkAndDoValidateUstid(){ var nettoPreise = 0; if ($("#sssNettoPreise").length) { if($("#sssNettoPreise").val()>=1){ nettoPreise = 1; } } if(nettoPreise == 1){ var tmpReq = false; var abweichendeLA = false; var checkUstIdPossible = true; var firmaValue = $("#checkout_step1_firma").val(); var anredeValue = $("#checkout_step1_anrede").val(); var anschriftGleich = false; if($('#checkout_step1_land').length > 0){ var rechL = $('#checkout_step1_land OPTION:selected').val(); var rechInnerGem = $('#checkout_step1_land OPTION:selected').attr('data-innerGem'); var rechEU = $('#checkout_step1_land OPTION:selected').attr('data-istEu'); }else if($('#hRechInfo').length > 0){ anredeValue = 3; var rechL = $('#hRechInfo').val(); var rechInnerGem = $('#hRechInfo').attr('data-innerGem'); var rechEU = $('#hRechInfo').attr('data-istEu'); } if($('#checkout_step1_lieferAbweichend_1').is(':checked')){ abweichendeLA = true; var lieferL = $('#checkout_step1_lieferLand OPTION:selected').val(); var lieferInnerGem = $('#checkout_step1_lieferLand OPTION:selected').attr('data-innerGem'); var lieferEU = $('#checkout_step1_lieferLand OPTION:selected').attr('data-istEu'); }else{ var lieferL = rechL; var lieferInnerGem = rechInnerGem; var lieferEU = rechEU; anschriftGleich = true; } if(lieferL && lieferInnerGem && lieferEU && lieferL && lieferInnerGem && lieferEU){ if( (rechL == 1 && lieferEU == 1 && lieferInnerGem == 1) || (rechInnerGem == 1 && rechEU == 1 && lieferEU == 1 && lieferInnerGem == 1) || (rechInnerGem == 0 && rechEU == 0 && lieferInnerGem == 1 && lieferEU == 1) || (anredeValue == 3 && anschriftGleich == true && rechInnerGem == 1 && rechEU == 1) ){ tmpReq = true; } } if(tmpReq == true){ $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').attr('required', false); if(anredeValue == 3){ $('#checkout_step1_ustId').parent().find('label').append(' *'); $('#checkout_step1_ustId').attr('required', true); checkVatN('#checkout_step1_ustId'); } /* if(rechInnerGem == 1 && rechEU == 1) { $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').parent().find('label').append(' *'); $('#checkout_step1_ustId').attr('required', true); checkVatN('#checkout_step1_ustId'); //wenn es keine Firma ist dann kein pflichtfeld:: } else { if($('#checkout_step1_ustId').length > 0){ $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').attr('required', false); } } */ if(abweichendeLA == true){ if(lieferInnerGem == 1 && lieferEU == 1) { var lieferAnrede = $("#checkout_step1_lieferAnrede").val(); var lieferFirma = $("#checkout_step1_lieferFirma").val(); if(lieferAnrede == 3 || lieferFirma != ""){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').parent().find('label').append(' *'); $('#checkout_step1_lieferUstId').attr('required', true); checkVatN('#checkout_step1_lieferUstId'); if($('#checkout_step1_ustId').length){ $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').attr('required', false); } } else { $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } else { if($('#checkout_step1_lieferUstId').length){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } if(rechInnerGem == 0 && rechEU == 0){ if($('#checkout_step1_ustId').length){ $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').attr('required', false); } } } else { if($('#checkout_step1_lieferUstId').length){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } }else{ if(rechInnerGem == 1 && rechEU == 1) { $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').parent().find('label').append(' *'); $('#checkout_step1_ustId').attr('required', true); checkVatN('#checkout_step1_ustId'); } else { if($('#checkout_step1_ustId').length){ $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').attr('required', false); } } // USt.-Id der Lieferanschrift wenn abweichend if(abweichendeLA == true){ if(lieferInnerGem == 1 && lieferEU == 1) { var lieferAnrede = $("#checkout_step1_lieferAnrede").val(); var lieferFirma = $("#checkout_step1_lieferFirma").val(); if(lieferAnrede == 3 || lieferFirma != ""){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').parent().find('label').append(' *'); $('#checkout_step1_lieferUstId').attr('required', true); checkVatN('#checkout_step1_lieferUstId'); if($('#checkout_step1_ustId').length){ $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').attr('required', false); } } else { $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } else { if($('#checkout_step1_lieferUstId').length){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } if(rechInnerGem == 0 && rechEU == 0){ if($('#checkout_step1_ustId').length){ $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').attr('required', false); } } } else { if($('#checkout_step1_lieferUstId').length){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } } } else { var tmpReq = false; var anschriftGleich = false; var firmaValue = $("#checkout_step1_firma").val(); var anredeValue = $("#checkout_step1_anrede").val(); if($('#checkout_step1_land').length > 0){ var rechL = $('#checkout_step1_land OPTION:selected').val(); var rechInnerGem = $('#checkout_step1_land OPTION:selected').attr('data-innerGem'); var rechEU = $('#checkout_step1_land OPTION:selected').attr('data-istEu'); }else if($('#hRechInfo').length > 0){ anredeValue = 3; var rechL = $('#hRechInfo').val(); var rechInnerGem = $('#hRechInfo').attr('data-innerGem'); var rechEU = $('#hRechInfo').attr('data-istEu'); } if($('#checkout_step1_lieferAbweichend_1').is(':checked')){ var lieferL = $('#checkout_step1_lieferLand OPTION:selected').val(); var lieferInnerGem = $('#checkout_step1_lieferLand OPTION:selected').attr('data-innerGem'); var lieferEU = $('#checkout_step1_lieferLand OPTION:selected').attr('data-istEu'); }else{ var lieferL = rechL; var lieferInnerGem = rechInnerGem; var lieferEU = rechEU; anschriftGleich = true; } /* if(lieferL && lieferInnerGem && lieferEU && lieferL && lieferInnerGem && lieferEU){ if((firmaValue != '' && anschriftGleich == true && rechInnerGem == 1 && rechEU == 1) || (anredeValue == 3 && anschriftGleich == true && rechInnerGem == 1 && rechEU == 1) ){ tmpReq = true; } } */ if(lieferL && lieferInnerGem && lieferEU && lieferL && lieferInnerGem && lieferEU){ if( (rechL == 1 && lieferEU == 1 && lieferInnerGem == 1) || (rechInnerGem == 1 && rechEU == 1 && lieferEU == 1 && lieferInnerGem == 1) || (rechInnerGem == 0 && rechEU == 0 && lieferInnerGem == 1 && lieferEU == 1) || (anredeValue == 3 && anschriftGleich == true && rechInnerGem == 1 && rechEU == 1) ){ tmpReq = true; } } if(tmpReq == true){ $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').attr('required', false); if(anredeValue == 3){ $('#checkout_step1_ustId').parent().find('label').append(' *'); $('#checkout_step1_ustId').attr('required', true); checkVatN('#checkout_step1_ustId'); } if(anschriftGleich == false){ if(lieferInnerGem == 1 && lieferEU == 1) { var lieferAnrede = $("#checkout_step1_lieferAnrede").val(); var lieferFirma = $("#checkout_step1_lieferFirma").val(); if(lieferAnrede == 3 || lieferFirma != ""){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').parent().find('label').append(' *'); $('#checkout_step1_lieferUstId').attr('required', true); checkVatN('#checkout_step1_lieferUstId'); if($('#checkout_step1_ustId').length){ $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').attr('required', false); } } else { $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } else { if($('#checkout_step1_lieferUstId').length){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } } else { if($('#checkout_step1_lieferUstId').length){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } }else{ if(rechInnerGem == 1 && rechEU == 1) { $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').parent().find('label').append(' *'); $('#checkout_step1_ustId').attr('required', true); checkVatN('#checkout_step1_ustId'); } else { if($('#checkout_step1_ustId').length){ $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').attr('required', false); } } // USt.-Id der Lieferanschrift wenn abweichend if(anschriftGleich == false){ if(lieferInnerGem == 1 && lieferEU == 1) { var lieferAnrede = $("#checkout_step1_lieferAnrede").val(); var lieferFirma = $("#checkout_step1_lieferFirma").val(); if(lieferAnrede == 3 || lieferFirma != ""){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').parent().find('label').append(' *'); $('#checkout_step1_lieferUstId').attr('required', true); checkVatN('#checkout_step1_lieferUstId'); if($('#checkout_step1_ustId').length){ $('#checkout_step1_ustId').parent().find('.ym-required').remove(); $('#checkout_step1_ustId').attr('required', false); } } else { $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } else { if($('#checkout_step1_lieferUstId').length){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } } else { if($('#checkout_step1_lieferUstId').length){ $('#checkout_step1_lieferUstId').parent().find('.ym-required').remove(); $('#checkout_step1_lieferUstId').attr('required', false); } } } } } function checkVatN(inputField){ wert = $(inputField).val(); var newVATNumber = checkVATNumber(wert); if (newVATNumber) { wert = newVATNumber; $(inputField).val(wert); } else { $(inputField).val(""); } }; $(function () { 'use strict'; var initStageWidth, content; $('a.blank, a[href*=".pdf"]').attr('target', '_blank'); content = $.trim($('#info').html()).length; if (content > 0) { content = $('#info').html(); $('#info').html(''); $.setInfo(content); } if (!Modernizr.input.placeholder) { $('[placeholder]').each(function () { if ($(this).val() === '') { $(this).val($(this).attr('placeholder')); $(this).addClass('placeholder'); } }); $(document).on('focus', '[placeholder]', function () { if ($(this).val() === $(this).attr('placeholder')) { $(this).val('').attr('value', '').removeClass('placeholder'); } }); $(document).on('blur', '[placeholder]', function () { if ($(this).val() === '' || $(this).val() === $(this).attr('placeholder')) { $(this).val($(this).attr('placeholder')).attr('value', $(this).attr('placeholder')).addClass('placeholder'); } }); $('[placeholder]').closest('form').submit(function () { $(this).find('[placeholder]').each(function () { if ($(this).val() === $(this).attr('placeholder')) { $(this).attr('value', ''); } }); }); } $(document).ajaxStop(function () { if ($('#motivDesignerForm').length) { //$('.rpcol').imagesLoaded().done(function () { //$.loadOverlay(true); //}); } }); $(function () { $('#login_register_real').realperson({ length: 6, includeNumbers: true, regenerate: '' }); }); $(function () { $('#kennwortReset_real').realperson({ length: 6, includeNumbers: true, regenerate: '' }); }); $("#shop_warenkorb_link").mouseover(function(e) { if ($('.body_warenkorb').length) { return false; } $('#shop_warenkorb_content').stop().fadeIn('slow'); return false; }).mouseout(function(e) { $('#shop_warenkorb_content').stop().fadeOut('slow'); }); /*$(document).on('click', '#shop_warenkorb_link', function (e) { if ($('.body_warenkorb').length) { return false; } if (!$(e.target).parents('#shop_warenkorb_content').length) { $('#shop_warenkorb_content').fadeIn('slow'); return false; } });*/ $(function () { var price = $.parseJSON($('span[data-id="headerWarenkorb_preis"]').attr('data-val')); warenkorb_updateCount($('span[data-id="warenkorb_itemsCount"]').attr('data-val'), price); warenkorb_updateItems($.parseJSON($('span[data-id="wkitems"]').attr('data-val')), price); }); $(function () { var d = new Date(), disableCart = false, addToCart; function shopArtikel_bild(bildId, shopId, groessenId, farbId, bildWidth, bildHeight) { return $('span[data-id="imageScript"]').attr('data-val') + '?imgType=product&id=' + bildId + '&sId=' + shopId + '&pSize=' + groessenId + '&pCol=' + farbId + '&width=' + bildWidth + '&height=' + bildHeight + '&' + d.getTime(); } function shop_update_prodZoom() { $('.zoomContainer').remove(); $('.detailsImage img').first().elevateZoom({ zoomType: 'inner', cursor: 'crosshair', zoomWindowFadeIn: 500, zoomWindowFadeOut: 500, lensFadeIn: 500, lensFadeOut: 500, responsive: 1 }); } $(function () { var bundelStates = new Array($('.shop_prodDetails_mainWk').attr('data-bcount')), ia; for (ia = 0; ia < $('.shop_prodDetails_mainWk').attr('data-bcount'); ia = ia + 1) { bundelStates[ia] = (ia == 0) ? true : false; } function bundelStatus_update() { var i; for (i = 1; i <= bundelStates.length; i = i + 1) { if (bundelStates[i - 1] == true) { $('.bundelState_step_' + i).addClass('bundelState_aktiveBg'); $('.bundelState_stepFooter_' + (i - 1)).addClass('bundelState_aktiveFooter'); $('.bundelState_stepArrow_' + i).addClass('bundelState_aktiveBorder'); } else { $('.bundelState_step_' + i).removeClass('bundelState_aktiveBg'); $('.bundelState_stepFooter_' + (i - 1)).removeClass('bundelState_aktiveFooter'); $('.bundelState_stepArrow_' + i).removeClass('bundelState_aktiveBorder'); } } } $('.shop_bundel_menu > LI > A').on('click', function () { var aktId; aktId = ($(this).children('.shop_bundel_number').html() - 1); bundelStates[aktId] = true; $(this).parents('.shop_bundel_frame').children('.shop_bundel_page').hide(); $(this).parents('.shop_bundel_frame').children('.shop_bundel_page_' + aktId).show(); $(this).parents('.shop_bundel_frame').find('.shop_bundel_menu').children('.aktive').removeClass('aktive'); $(this).parent('LI').addClass('aktive').addClass('clicked'); shop_update_prodZoom(); bundelStatus_update(); return false; }); bundelStatus_update(); }); function shop_getGroesseFromParent(parentEl) { var groessenId; if ($(parentEl).find('.jsSizeSelect').length) { if ($(parentEl).find('.jsSizeSelect:first span.selected').length > 0) { groessenId = $(parentEl).find('.jsSizeSelect:first span.selected').attr('data-id').split('_'); } else { groessenId = $(parentEl).find('.jsSizeSelect:first > li:first > span').attr('data-id').split('_'); } return groessenId[1]; } } function shop_getFarbeFromParent(parentEl) { var farbId; if ($(parentEl).find('.jsColorSelect').length) { if ($(parentEl).find('.jsColorSelect:first a.selected').length > 0) { farbId = $(parentEl).find('.jsColorSelect:first a.selected').attr('data-id').split('_'); } else { farbId = $(parentEl).find('.jsColorSelect:first > li:first > a').attr('data-id').split('_'); } return farbId[1]; } } function shop_get_artDetails() { var groessenId, farbId, artDet, tmpObj, i; groessenId = shop_getGroesseFromParent($('.shop_prodDetails_mainDetails').find('.ym-grid:first')); farbId = shop_getFarbeFromParent($('.shop_prodDetails_mainDetails').find('.ym-grid:first')); artDet = {}; tmpObj = $('.shop_prodDetails_preise').find('.shop_prodDetails_preise_' + farbId + '_' + groessenId); artDet.artNr = $(tmpObj).children('.artNr').html(); artDet.bestGrp = $(tmpObj).children('.bestGrp').html(); artDet.id = $(tmpObj).children('.id').html(); artDet.preis = $(tmpObj).children('.preis').html(); artDet.istBundel = false; if ($('#isBundle').length) { artDet.istBundel = true; artDet.bundel = {}; for (i = 0; i < $('.shop_prodDetails_mainWk').attr('data-bcount'); i = i + 1) { artDet.bundel[i] = {}; artDet.bundel[i].anzahl = $('#shop_bundel_pageBox_' + i).find('.shop_prodForm_bundelAnzahl').val(); artDet.bundel[i].groesse = $('#shop_bundel_pageBox_' + i).find('.shop_prodDetails_groessen').find('.selected').attr('data-groesse'); if ($('#shop_bundel_pageBox_' + i).find('.shop_prodDetails_farben').find('.selected').length > 0) { artDet.bundel[i].farbe = $('#shop_bundel_pageBox_' + i).find('.shop_prodDetails_farben').find('.selected').attr('data-farbe'); } else { artDet.bundel[i].farbe = $('#shop_bundel_pageBox_' + i).find('.shop_prodDetails_farben').find('LI:first').children("A").attr('data-farbe'); } artDet.bundel[i].aId = $('#shop_bundel_pageBox_' + i).find('.shop_prodDetails_preise_' + artDet.bundel[i].farbe + '_' + artDet.bundel[i].groesse).children(".id").html(); } } return artDet; } function shop_update_preis() { var groessenId, farbId, preisHtml; if ($('#isBundle').length) { return; } groessenId = shop_getGroesseFromParent($('.shop_prodDetails_mainDetails')); farbId = shop_getFarbeFromParent($('.shop_prodDetails_mainDetails')); preisHtml = $('.shop_prodDetails_preise').find('.shop_prodDetails_preise_' + farbId + '_' + groessenId).children('.preis').html(); $('.pricediv span.price').html(preisHtml); $('.clone-designer-price span').html(preisHtml + ' €'); } function shop_update_artId() { if (!$('#isBundle').length) { var farbId = shop_getFarbeFromParent($('.shop_prodDetails_mainDetails')); $('.shop_prodDetails_artId:first').children('span').html($('span[data-id="shopId"]').attr('data-val') + '.' + $('span[data-id="saId"]').attr('data-val') + '.' + farbId); } } $(document).on('click', '.pbutton', function () { //$('.pbutton').on('click', function () { $(this).closest('div').find('.hide').fadeToggle(); }); $(document).on('click', '.apbutton', function () { //$('.apbutton').on('click', function () { var dataid = $(this).attr('data-id'); $(this).closest('.holdsinfo').find('.mottab').removeClass('active'); $(this).addClass('active'); $('.tabtextcontent.hidee').hide(); $('div[data-id="' + dataid + '"]').show(); }); $(document).on('click', '.tlist h4', function () { //$('.tlist h4').on('click', function () { var div; div = $(this).next('.tanswer'); if ($(div).size()) { if ($(div).is(':visible')) { $(this).removeClass('bold').removeClass('changed'); } else { $(this).addClass('bold').addClass('changed'); } $(div).slideToggle(); } }); $(document).on('click', '.jsPositionThumbs a', function () { //$('.jsPositionThumbs').find('a').on('click', function () { if ($(this).hasClass('selected')) { return false; } var idSplit = $(this).attr('id').split('_'), prodVariants, height, innerHeight, parentEl, oldImg, newImgSrc, newZoomImgSrc, newImg, bildId, farbId, groessenId, newZoomImgSrcPre; innerHeight = $('.detailsImage').height(); height = $('.shop_prodDetails_images').height(); $('.detailsImage').css('height', innerHeight); $('.shop_prodDetails_images').css('height', height); $(this).closest('.jsPositionThumbs').find('a').removeClass('selected'); $(this).addClass('selected'); /* Bundel Artikel Ja/Nein */ if ($(this).parents('.shop_bundel_pageBox').length > 0) { /* JA */ parentEl = $(this).parents('.shop_bundel_pageBox'); } else { /* NEIN */ parentEl = $(this).parents('.ym-grid'); prodVariants = $('#prodVariants'); } farbId = shop_getFarbeFromParent(parentEl); if (!farbId) { farbId = $(this).find('img:first()').attr('data-farbId'); } groessenId = shop_getGroesseFromParent(parentEl); if (!groessenId) { groessenId = $(this).find('img:first()').attr('data-groessenId'); } bildId = $(prodVariants).find('.shop_prodDetails_posFarben_' + farbId + '_' + idSplit[1] + ':first').html(); if (!bildId) { bildId = $(this).find('img:first()').attr('data-bildId'); } oldImg = $(parentEl).find('.detailsImage:first > img'); newImgSrc = shopArtikel_bild(bildId, $('span[data-id="shopId"]').attr('data-val'), groessenId, farbId, 300, 335); newZoomImgSrc = shopArtikel_bild(bildId, $('span[data-id="shopId"]').attr('data-val'), groessenId, farbId, 718, 800); newImg = ''; newZoomImgSrcPre = $(''); $(newImg).hide(); $(newZoomImgSrcPre).hide(); oldImg.fadeOut(400, function () { oldImg.remove(); $(parentEl).find('.detailsImage:first').hide().append(newImg).fadeIn(500, function () { $.loadOverlay(true); shop_update_prodZoom(); }); }); return false; }); shop_update_prodZoom(); addToCart = function (that) { var i, tmpDetails, urlAddon = '', amount, bundelOffen, bundelStates = new Array($('.shop_prodDetails_mainWk').attr('data-bcount')); if ($('.shop_prodDetails_mainDetails').length) { amount = $('#shop_prodForm_anzahl').val(); tmpDetails = shop_get_artDetails(); } else { tmpDetails = []; tmpDetails.id = $(that).attr('data-artId'); amount = 1; } if (tmpDetails.istBundel == true) { bundelOffen = ''; for (i = 0; i < bundelStates.length; i = i + 1) { if (bundelStates[i] != true) { bundelOffen += (i + 1) + ', '; } } if (bundelOffen != '') { $.setInfo(sprache.designer_produktInWarenkorb_bundelError + ' ' + bundelOffen.substr(0, bundelOffen.length - 2), 'error'); disableCart = false; return; } urlAddon += "&bundel=" + JSON.stringify(tmpDetails.bundel); } $.ajax({ data: 'artId=' + tmpDetails.id + '&anz=' + amount + urlAddon, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax.php?action=set_shop_produkt2Warenkorb', success: function (msg) { var tmpCount = 0, ii; for (ii = 0; ii < Object.size(msg.shop_warenkorbItems); ii = ii + 1) { if (msg.shop_warenkorbItems[ii].bundelParent == null) { tmpCount += parseInt(msg.shop_warenkorbItems[ii].anzahl, 10); } } warenkorb_updateCount(tmpCount, msg.warenkorb_preis); warenkorb_updateItems(msg.shop_warenkorbItems, msg.warenkorb_preis); $.setInfo(sprache.designer_produktInWarenkorb); $('.item').css('zIndex', 'inherit'); $('.smodal').fadeOut(); $('.overlay').remove(); disableCart = false; }, error: function (msg) { $.setInfo(sprache.designer_produktInWarenkorb_error, 'error'); disableCart = false; } }); }; $(document).on('click', '.addToCart', function () { //$('.addToCart').on('click', function () { $(this).unbind('click', addToCart); if (disableCart === false) { disableCart = true; addToCart(this); } }); $(document).on('click', '.jsSizeSelect span', function () { //$('.jsSizeSelect span').on('click', function () { var origUri, origColor, origSize, newUri, artGroesse; origSize = $('.jsSizeSelect span.selected').attr('data-artGroesse'); origColor = $('.jsColorSelect li a.selected').attr('data-artFarbe'); $(this).parents('.jsSizeSelect').find('span.selected').removeClass('selected'); $(this).addClass('selected'); $(this).closest('ul').find('input').attr('checked', false); $(this).find('input').attr('checked', true); shop_update_preis(); artGroesse = $(this).attr('data-artGroesse'); $('.jsColorSelect > li > a').attr('data-artGroesse', artGroesse); origUri = $('.gotodesigner').attr('href'); if (origUri) { newUri = origUri.replace('_' + origColor + '/', '_' + origColor + '_' + artGroesse + '/'); newUri = newUri.replace('_' + origColor + '_' + origSize + '/', '_' + origColor + '_' + artGroesse + '/'); $('.gotodesigner').attr('href', newUri); } return false; }); $(document).on('click', '.jsColorSelect > li > a', function () { //$('.jsColorSelect > li > a').on('click', function () { if ($(this).hasClass('selected')) { return false; } var ja, origUri, newUri, uri, origColor, sstr, artFarbe, height, width, innerHeight, farbId, parentEl, groessenId, newZoomImgSrcPre; origColor = $('.jsColorSelect li a.selected').attr('data-artFarbe'); $('.jsPositionThumbs li a').removeClass('selected'); $('.jsPositionThumbs li a:first').addClass('selected'); $(this).closest('ul').find('input[type="radio"]').attr('checked', false); $(this).closest('li').find('input[type="radio"]').attr('checked', true); artFarbe = $(this).attr('data-artFarbe'); sstr = $(this).attr('data-str'); sstr = sstr ? sstr + '/' : ''; $('.jsSizeSelect span').attr('data-artFarbe', artFarbe); $('#productname').find('span').text(artFarbe); origUri = $('.smakeitbutton').attr('href'); if (origUri) { newUri = origUri.replace('/' + origColor, '/' + artFarbe); newUri = newUri.replace('_' + origColor, '_' + artFarbe); $('.smakeitbutton').attr('href', newUri); } origUri = $('.gotodesigner').attr('href'); if (origUri) { newUri = origUri.replace('/' + origColor, '/' + artFarbe); newUri = newUri.replace('_' + origColor, '_' + artFarbe); $('.gotodesigner').attr('href', newUri); } uri = window.location.pathname.replace('/' + origColor, '/' + artFarbe); ja = $('.jsPositionThumbs li a'); innerHeight = $('.detailsImage').height(); height = ja.height(); width = ja.width(); $('.detailsImage').css('height', innerHeight); ja.css('height', height).css('width', width); $(this).parents('.jsColorSelect').find('a.selected').removeClass('selected'); $(this).addClass('selected'); if ($('.body_motivDesigner').length && typeof (window.history.pushState) === 'function') { history.pushState({id: location.pathname}, document.title, location.pathname); history.pushState({id: uri}, '', uri); } farbId = $(this).attr('data-farbe'); /* Bundel Artikel Ja/Nein */ if ($(this).parents('.shop_bundel_pageBox').length > 0) { parentEl = $(this).parents('.shop_bundel_pageBox'); } else { parentEl = $('.ym-grid'); } groessenId = shop_getGroesseFromParent(parentEl); $('.jsPositionThumbs').children('li').each(function (index) { var bildId = $('.shop_prodDetails_posFarben_' + farbId + '_' + $(this).children('a').attr('data-position')).html(), oldImg, newImgSrc, newZoomImgSrc, newImg; if (index == 0) { oldImg = $(this).parents('.shop_prodDetails_images').find('.detailsImage:first > IMG'); newImgSrc = shopArtikel_bild(bildId, $('span[data-id="shopId"]').attr('data-val'), groessenId, farbId, 300, 335); newZoomImgSrc = shopArtikel_bild(bildId, $('span[data-id="shopId"]').attr('data-val'), groessenId, farbId, 718, 800); newImg = ''; newZoomImgSrcPre = $(''); $(newImg).hide(); $(newZoomImgSrcPre).hide(); oldImg.fadeOut(400, function () { oldImg.remove(); $(parentEl).find('.detailsImage:first').hide().append(newImg).fadeIn(500, function () { shop_update_prodZoom(); }); }); } $(this).children('a').html(''); }); shop_update_prodZoom(); shop_update_artId(); shop_update_preis(); return false; }); }); $(function () { $(document).on('keyup', '.rowamount', function (event) { var c, init; c = $(this).val(); init = $(this).attr('data-init'); if (c && c % 1 === 0) { c = parseInt(c, 10); init = parseInt(init, 10); if (c > 0 && c !== init) { $(this).parent().find('.delItem').fadeOut(55, function () { $(this).parent().find('.refreshWk').fadeIn(); }); } else { $(this).parent().find('.refreshWk').fadeOut(55, function () { $(this).parent().find('.delItem').fadeIn(); }); } } else { $(this).parent().find('.refreshWk').fadeOut(55, function () { $(this).parent().find('.delItem').fadeIn(); }); } }); $(document).on('click', '.refreshWk', function () { //$('.refreshWk').on('click', function () { var val, init; $('.rowamount').each(function () { val = $(this).val(); init = $(this).attr('data-init'); if (init != val) { $('#warenkorb_frame').submit(); } }); return false; }); function wkZoom(el) { $('.zoomContainer').remove(); el.elevateZoom({ zoomType: 'inner', cursor: 'crosshair', zoomWindowFadeIn: 500, zoomWindowFadeOut: 500, lensFadeIn: 500, lensFadeOut: 500, responsive: 1 }); } $('.warenkorb_row .wk_aimgs').find('li').on('click', function () { var wk, tmpId, parentRow, tmpSId, tmpSSaId, tmpCol, innerHeight, oldImg, newImgSrc, newZoomImgSrc, newImg, newZoomImgSrcPre, imgScript; if ($(this).hasClass('selected')) { return false; } imgScript = $('span[data-id="imageScript"]').attr('data-val'); tmpId = $(this).attr('data-tmpId'); parentRow = $(this).parents('.warenkorb_row'); $(parentRow).find('.wk_aimgs li').removeClass('selected'); $(this).addClass('selected'); wk = $(this).parents('.warenkorb_row'); tmpSId = wk.children('.warenkorb_artSID').val(); tmpSSaId = wk.children('.warenkorb_artSSaID').val(); tmpCol = wk.children('.warenkorb_artCol').val(); innerHeight = $(parentRow).find('.wk_aimg').height(); $(parentRow).find('.wk_aimg').height(innerHeight); if ($(parentRow).hasClass('iskomp')) { if (!$(this).hasClass('nokomp')) { newImgSrc = imgScript + "?akPoId=" + tmpId + "&sId=" + $('span[data-id="shopId"]').attr('data-val') + "&pSize=" + tmpSId + "&pCol=" + tmpCol + "&maxWidth=130&maxHeight=150"; newZoomImgSrc = imgScript + "?akPoId=" + tmpId + "&sId=" + $('span[data-id="shopId"]').attr('data-val') + "&pSize=" + tmpSId + "&pCol=" + tmpCol + "&maxWidth=450&maxHeight=500"; } else { newImgSrc = imgScript + "?imgType=product&id=" + tmpId + "&sId=" + $('span[data-id="shopId"]').attr('data-val') + ((tmpSSaId != '') ? '&ssId=' + tmpSSaId : '') + "&pSize=" + tmpSId + "&pCol=" + tmpCol + "&width=130&height=150"; newZoomImgSrc = imgScript + "?imgType=product&id=" + tmpId + "&sId=" + $('span[data-id="shopId"]').attr('data-val') + ((tmpSSaId != '') ? '&ssId=' + tmpSSaId : '') + "&pSize=" + tmpSId + "&pCol=" + tmpCol + "&width=450&height=500"; } } else { newImgSrc = imgScript + "?imgType=product&id=" + tmpId + "&sId=" + $('span[data-id="shopId"]').attr('data-val') + ((tmpSSaId != '') ? '&ssId=' + tmpSSaId : '') + "&pSize=" + tmpSId + "&pCol=" + tmpCol + "&width=130&height=150"; newZoomImgSrc = imgScript + "?imgType=product&id=" + tmpId + "&sId=" + $('span[data-id="shopId"]').attr('data-val') + ((tmpSSaId != '') ? '&ssId=' + tmpSSaId : '') + "&pSize=" + tmpSId + "&pCol=" + tmpCol + "&width=450&height=500"; } oldImg = $(parentRow).find('.wk_aimg:first > img'); newImg = ''; newZoomImgSrcPre = $(''); $(newImg).hide(); $(newZoomImgSrcPre).hide(); oldImg.fadeOut(400, function () { oldImg.remove(); $(parentRow).find('.wk_aimg:first').hide().append(newImg).fadeIn(500, function () { wkZoom($(parentRow).find('.wk_aimg').find('img')); }); }); }); $('.warenkorb_rowAk .warenkorb_col_preis').each(function (index) { $(this).children('span').attr('title', $(this).parents('.warenkorb_row').find('.warenkorb_col_preisInfo').html()).tooltipster({ content: function () { return $($(this).prop('title')); } }); }); wkZoom($('.wk_aimg').find('img')); $('.warenkorb_buttons_checkout').click(function () { $('#warenkorbAction').val('checkout'); $('#warenkorb_frame').submit(); return false; }); $('#warenkorb_gutscheinBtn').click(function () { $('#warenkorbAction').val('update'); return true; }); }); $(document).on('click', '#loginForm_pwVergessen', function () { $('#loginForm_link_pwVergessen').click(); return false; }); $(document).on('click', '#loginForm_kontoErstellen', function () { $('#loginForm_link_neuesKonto').click(); return false; }); $(document).on('click touchstart', '#info', function () { $('#info').slideUp('fast', function () { $('#info').html(''); }); }); $(document).on('click touchstart', function (e) { if (!$(e.target).hasClass('cart') && $('#shop_warenkorb_content').length && isVisible($('#shop_warenkorb_content')) && !$(e.target).parents('#shop_warenkorb_link').length) { $('#shop_warenkorb_content').fadeOut('fast'); } }); $(document).on('click touchstart', '.jsOpensizes', function (e) { $('.smodal').fadeOut(); $('.overlay').remove(); $('.item').css('zIndex', 'inherit'); $(this).closest('.item').css('zIndex', 1002); $('body').append('
'); $('.overlay').fadeIn(); $(this).parent().find('.smodal').fadeIn(); }); $(document).on('click touchstart', '.overlay', function (e) { $('.item').css('zIndex', 'inherit'); $('.smodal').fadeOut(); $('.overlay').remove(); }); $(document).on('click', 'a[href*=#]', function () { if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) { var $target = $(this.hash), targetOffset; $target = ($target.length && $target) || $('[name="' + this.hash.slice(1) + '"]'); if (this.hash.slice(1) === 'top') { $('html,body').animate({ scrollTop: 0 }, 300); return false; } if ($target.length) { targetOffset = $target.offset().top - 100; $('html,body').animate({ scrollTop: targetOffset }, 300); } } return false; }); $.doStuff = function () { var paddingTop = parseInt($('.thelist').find('.fuseda').css('padding-top'), 10); $('.temsdelect').not('.done').each(function () { var outerHeight, height, margin; height = $(this).find('img').height(); if (height > 0) { outerHeight = $(this).closest('.relative').height(); margin = ((outerHeight - height) / 2) - paddingTop; $(this).find('img').css('marginTop', parseInt(margin, 10)); $(this).addClass('done'); } }); $('.thelist').not('.adjusted').each(function () { var that = this; $(this).imagesLoaded().done(function (a) { var outerHeight = $(that).height(); $(that).addClass('adjusted'); $(that).find('.temselect').not('.done').each(function () { var height, margin; height = $(this).find('img').height(); if (height > 0) { margin = ((outerHeight - height) / 2) - paddingTop; $(this).find('img').css('marginTop', parseInt(margin, 10)); $(this).addClass('done'); } }); }); }); $('#designinner').imagesLoaded().done(function (a) { if ($('#designinner').data('sly')) { $('#designinner').sly('reload'); } else { $.buildVerticalScroller('#designinner'); } }); $.initTooltipster(); }; $(window).on('resize orientationchange', function (event) { if (!$(event.target).hasClass('ui-resizable')) { var height, bodyheight, initWidth, newImgFactor, initHeight, initLeft, initTop, stageWidth, update, relImage, drdiv; height = $(window).height(); bodyheight = $('body').height(); if (bodyheight - $('#mfooter').height() - $('footer').height() > height) { $('#totopa').show(); } else { $('#totopa').hide(); } if ($('#motivDesignerForm').length) { clearTimeout(0); relImage = $('.motivImage').find('.rpcol').first(); newImgFactor = 520 / $('.motivImage').find('.flexible.rpcol').first().width(); stageWidth = $('.motivImage').find('.stageHolder').width(); update = false; //if (initStageWidth && initStageWidth != stageWidth) { $('.ccHolder').remove(); drdiv = $('.motivImage').find('.drov'); drdiv.width(drdiv.attr('data-initWidth') / newImgFactor); drdiv.height(drdiv.attr('data-initHeight') / newImgFactor); drdiv.css('left', drdiv.attr('data-initLeft') / newImgFactor + relImage.position().left); drdiv.css('top', drdiv.attr('data-initTop') / newImgFactor + relImage.position().top); //flexible stageImage $('.motivImage').find('.ovholder').each(function () { initWidth = $(this).attr('data-initWidth'); initHeight = $(this).attr('data-initHeight'); initLeft = $(this).attr('data-initLeft'); initTop = $(this).attr('data-initTop'); $(this).width(initWidth / newImgFactor) $(this).height(initHeight / newImgFactor); $(this).css('left', initLeft / newImgFactor); $(this).css('top', initTop / newImgFactor); update = false; }); //} setTimeout('$.doneResizing()', 1000, update); } if ($('.temselect').length) { $.doStuff(); } } //if ($('.personer').length) { setTimeout(function () { $.doneResizing(); }, 1000); //} }); $('input[type=search]').on('focus', function () { $(this).select(); }); $(function () { $('#ustId-message').hide(); var sb, wkcontent; wkcontent = $('#shop_warenkorb_content').clone(); if (typeof wkcontent.find('.wk_xArticle').html() !== 'undefined') { $('.float-right.wklink').prepend('

' + wkcontent.find('.wk_xArticle').html() + '

'); } $('#wkcontent').html(wkcontent.html()); sb = $('#wkcontent').find('.sumbox'); if (typeof sprache != 'undefined') { sb.find('.ebutton').html(sprache.seite_checkout_warenkorb_edit); } sb.find('.nbutton').remove(); $('#checkout_step1_anrede').change(); $('#checkout_step1_lieferAnrede').change(); $('#checkout_step1_lieferFields').find('.ym-required').closest('div').find(':input[required]').attr('required', false); $('#checkout_step1_lieferAbweichend_0, #checkout_step1_lieferAbweichend_1').change(function () { if ($('#checkout_step1_lieferAbweichend_1').is(':checked')) { $('#checkout_step1_lieferFields').find('.ym-required').closest('div').find(':input').attr('required', true); $('#checkout_step1_lieferFields, .lieferRequired').slideDown().prev('input'); } else { $('#checkout_step1_lieferFields, .lieferRequired').slideUp(); $('#checkout_step1_lieferFields').find('.ym-required').closest('div').find(':input[required]').attr('required', false); } checkAndDoValidateUstid(); }); $('#checkout_step1_lieferAbweichend_1').change(); /* $("#checkout_step1_ustId").blur(function () { var wert = $(this).val(), checkPerAjax = false, field = $('#checkout_step1_ustId'), messageField = $('#ustId-message'); if (wert != '') { //$(this).val(''); field.parent().find('.ym-required').remove(); field.parent().find('label').append(' *'); field.hide(); field.attr('required', true); messageField.empty(); messageField.html('Ust.-Id wird überprüft'); messageField.show(); checkPerAjax = true; } else { field.parent().find('.ym-required').remove(); field.attr('required', false); field.val(''); field.show(); messageField.hide(); } if (checkPerAjax == true) { //Ajax pruefen $.ajax({ data: '&ustId=' + wert, dataType: "json", cache: false, type: 'POST', url: '/ajax/ajax.php?action=checkUstId', success: function (msg) { if (msg.status != undefined && msg.status == true) { field.attr('required', false); field.val(wert); field.show(); messageField.hide(); } else { if (msg.status == false) { field.val(''); messageField.empty(); messageField.html('Ust.-Id ' + wert + ' ist laut Überprüfung falsch'); messageField.show(); field.show(); field.parent().find('.ym-required').remove(); field.attr('required', false); } } }, error: function (msg) { field.val(''); messageField.empty(); messageField.html('Ust.-Id ' + wert + ' ist laut Überprüfung falsch'); messageField.show(); field.show(); field.parent().find('.ym-required').remove(); field.attr('required', false); } }); } }); */ /* $( "#checkout_frame" ).submit(function( event ) { var hasError = false; $('#checkout_frame').find('input:text').each(function(i,e) { console.log($(e).val()); var userInput = $(e).val(); if(userInput == "null"){ $(e).val(""); hasError = true; } }); if(hasError == true){ event.preventDefault(); } else { $('#checkout_frame').submit(); } }); */ $('.checkout_buttons_zahlung, .checkout_buttons_pruefen, .checkout_buttons_bestellen').click(function (e) { if ($('#checkoutAgb').length && !$('#checkoutAgb').is(':checked')) { $('#checkoutAgb').closest('.ym-grid').find('.underlinea').addClass('error'); return false; } $('#checkout_frame').submit(); return false; }); }); $(function () { var kField = $('#checkout_step1_kennwort'); $('input:radio[name="checkoutFields[accountAction]"]').change(function () { switch ($('input:radio[name="checkoutFields[accountAction]"]:checked').val()) { case '1': $('#checkout_detail_row_kennwort').slideDown(); kField.addClass('validate[required]'); kField.attr('required', true); break; default: $('#checkout_detail_row_kennwort').slideUp(); kField.removeClass('validate[required]'); kField.attr('required', false); break; } }); $('input[name="checkoutFields[accountAction]"]').change(); }); $(function () { $('.checkout_details_adressbuch').click(function () { var adressNoty, adressTyp = $(this).attr('href'), thtHeadline, tht, headline; switch (adressTyp) { case '#liefer': headline = sprache.seite_checkout_step1_lieferadresse; break; default: headline = sprache.seite_checkout_step1_rechnungsadresse; break; } thtHeadline = '
' + headline + '
'; tht = thtHeadline; adressNoty = noty({ layout: 'center', text: tht, modal: true, killer: true, buttons: [{ text: sprache.seite_checkout_step1_adressbuch_btnOk, onClick: function ($noty) { if ($('input[name="checkout_adressbuch_adresse"]:checked').length > 0) { var tmpIdx = $('input[name="checkout_adressbuch_adresse"]:checked').val(); if (adressTyp != '#liefer') { $('#checkout_step1_anrede option[value="' + $('input[name="checkout_adressbuch_fieldsAnrede[' + tmpIdx + ']"]').val() + '"]').prop('selected', true).change(); $('#checkout_step1_vorname').val($('input[name="checkout_adressbuch_fieldsVorname[' + tmpIdx + ']"]').val()); $('#checkout_step1_nachname').val($('input[name="checkout_adressbuch_fieldsNachname[' + tmpIdx + ']"]').val()); $('#checkout_step1_firma').val($('input[name="checkout_adressbuch_fieldsFirma[' + tmpIdx + ']"]').val()); $('#checkout_step1_strasse').val($('input[name="checkout_adressbuch_fieldsStrasse[' + tmpIdx + ']"]').val()); $('#checkout_step1_adresszusatz').val($('input[name="checkout_adressbuch_fieldsAdressZusatz[' + tmpIdx + ']"]').val()); $('#checkout_step1_plz').val($('input[name="checkout_adressbuch_fieldsPlz[' + tmpIdx + ']"]').val()); $('#checkout_step1_ort').val($('input[name="checkout_adressbuch_fieldsOrt[' + tmpIdx + ']"]').val()); $('#checkout_step1_telefon').val($('input[name="checkout_adressbuch_fieldsTelefon[' + tmpIdx + ']"]').val()); $('#checkout_step1_land option[value="' + $('input[name="checkout_adressbuch_fieldsLand[' + tmpIdx + ']"]').val() + '"]').prop('selected', true).change(); } else { $('#checkout_step1_lieferAnrede option[value="' + $('input[name="checkout_adressbuch_fieldsAnrede[' + tmpIdx + ']"]').val() + '"]').prop('selected', true).change(); $('#checkout_step1_lieferVorname').val($('input[name="checkout_adressbuch_fieldsVorname[' + tmpIdx + ']"]').val()); $('#checkout_step1_lieferNachname').val($('input[name="checkout_adressbuch_fieldsNachname[' + tmpIdx + ']"]').val()); $('#checkout_step1_lieferFirma').val($('input[name="checkout_adressbuch_fieldsFirma[' + tmpIdx + ']"]').val()); $('#checkout_step1_lieferStrasse').val($('input[name="checkout_adressbuch_fieldsStrasse[' + tmpIdx + ']"]').val()); $('#checkout_step1_lieferAdresszuastz').val($('input[name="checkout_adressbuch_fieldsAdressZusatz[' + tmpIdx + ']"]').val()); $('#checkout_step1_lieferPlz').val($('input[name="checkout_adressbuch_fieldsPlz[' + tmpIdx + ']"]').val()); $('#checkout_step1_lieferOrt').val($('input[name="checkout_adressbuch_fieldsOrt[' + tmpIdx + ']"]').val()); $('#checkout_step1_lieferTelefon').val($('input[name="checkout_adressbuch_fieldsTelefon[' + tmpIdx + ']"]').val()); $('#checkout_step1_lieferLand option[value="' + $('input[name="checkout_adressbuch_fieldsLand[' + tmpIdx + ']"]').val() + '"]').prop('selected', true).change(); $('#checkout_step1_lieferAbweichend_1').attr('checked', true).change(); } //$.uniform.update(); $noty.close(); } } }, { text: sprache.seite_checkout_step1_adressbuch_btnAbbrechen, onClick: function ($noty) { $noty.close(); } }], callback: { onShow: function () { $.ajax({ data: 'subaction=getAdressbuch&adressTyp=' + adressTyp.substr(1), dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax.php?action=load_checkout', success: function (msg) { var tblObj, trObj, i, tmpTrObj, trHtml, tmpForm; if (msg.status != undefined && msg.status == true) { if (msg.adressen != undefined && Object.size(msg.adressen) > 0) { tblObj = $('.checkout_details_adressbuch_dummy table').clone(); trObj = tblObj.find('tr').clone(); tblObj.html('
'); for (i = 0; i < Object.size(msg.adressen); i = i + 1) { tmpTrObj = trObj.clone(); tmpTrObj.find('.checkout_details_adressbuch_tbl_tdLeft').children('input').val(i); trHtml = tmpTrObj.outerHTML(); tmpForm = ''; tmpForm += ''; tmpForm += ''; tmpForm += ''; tmpForm += ''; tmpForm += ''; tmpForm += ''; tmpForm += ''; tmpForm += ''; tmpForm += ''; tmpForm += ''; trHtml = trHtml.replace('[RIGHTTD]', msg.adressen[i].adressHtml + tmpForm); tblObj.append(trHtml + '
'); } tblObj.find('.checkout_details_adressbuch_tbl_tdLeft:first').children('input').attr('checked', true); adressNoty.setText(thtHeadline + tblObj.outerHTML()); } else { adressNoty.close(); $.setInfo(sprache.seite_checkout_step1_adressbuch_noAdress); } } else { adressNoty.close(); $.setInfo(sprache.seite_checkout_step1_adressbuch_loadError); } }, error: function (msg) { adressNoty.close(); $.setInfo(sprache.seite_checkout_step1_adressbuch_loadError); } }); }, afterClose: function () { adressNoty = null; } } }); return false; }); }); $(function () { var needsMovement = false, dmdx = 1, menuCreated = false, realActive, ajaxId, TMP, recoupLeft = 0, recoupTop = 0, usedFixpos = {}, pmo = {}, tmpPos, defaultMotives = [], ttTimer, imgs = [], disableCart = false, xhr = {}, xhrcc, xhruc, xhrp, xhd, zoomFac = 3, zoomLeftDiff = 1, mm2pxFactor, mm2pxFactorScaled; $.doneResizing = function (update) { var oldOverflow = document.body.style.overflow, cWidth, currHeight, currWidth, prevUndefined; document.body.style.overflow = "hidden"; currHeight = $(window).height(); currWidth = $(window).width(); document.body.style.overflow = oldOverflow; prevUndefined = (this.prevHeight === undefined || this.prevWidth === undefined); if (prevUndefined || this.prevHeight !== currHeight || this.prevWidth !== currWidth) { cWidth = this.prevWidth; this.prevHeight = currHeight; this.prevWidth = currWidth; if ($('.personer').length && $('.ttttt').length) { $('.personer').submit(); } } if (update) { initStageWidth = $('.motivImage').find('.stageHolder').width(); $('.ccHolder').remove(); $('.drov').remove(); if (pmo) { $.each(pmo, function (a) { $.each(pmo[a], function (b) { $.setMotive(a, b, true, true); }); }); } } }; $.addToCart = function (form) { var rtext, minLabel, motiveCount = 0, r, showTextWarning = false, hasMotives = false, hadMotives = true, hasCollision = false, collisionHtml = '', motct = 0, posct = 0, prod = {}, amountChoosen, position, positions = {}, motiv = {}, produktDetails = {}, produktAnzahl = {}, overwrite = false; amountChoosen = false; produktDetails.stammartikelId = parseInt($('#stammartikelId').attr('data-id'), 10); produktDetails.farbId = parseInt($('.jsMsColor').find('.selected').attr('data-farbId'), 10); produktDetails.imageWidthPx = 520; produktDetails.imageHeightPx = 580; form.find('.vsma').find('input').each(function (i) { var sAId, artikelId, anzahl, items = {}; anzahl = $(this).val(); if (anzahl > 0) { produktAnzahl[i] = items; items.anzahl = anzahl; if ($('#ssId').length) { sAId = $('.shop_prodDetails_preise_' + produktDetails.farbId + '_' + $(this).attr('data-id')).attr('data-sAId'); items.sAId = sAId; } else { artikelId = $('.shop_prodDetails_preise_' + produktDetails.farbId + '_' + $(this).attr('data-id')).find('.id').text(); items.artikelId = artikelId; } if ((artikelId || sAId) && anzahl) { amountChoosen = true; } } }); if (amountChoosen === false) { $.setInfo(sprache.motivDesigner_bitteweahlengroesse); $('.sizeSelect:visible').find('input:first').focus(); disableCart = false; return false; } produktDetails.positionen = {}; if (pmo) { hadMotives = true; $.each(pmo, function (a) { motct = 1; positions = {}; positions.motive = {}; position = a; positions.positionId = parseInt(position, 10); $.each(pmo[a], function (b) { if (pmo[a][b].hasCollision === true) { hasCollision = true; } motiv = {}; motiv.typ = {}; if (pmo[a][b].templateTyp == 'stick') { motiv.typ.istStick = 1; motiv.typ.orig = 1; } else if (pmo[a][b].templateTyp == 'druck') { motiv.typ.istDruck = 1; motiv.typ.orig = 3; } else if (pmo[a][b].templateTyp == 'upload') { motiv.typ.istDruck = 1; motiv.typ.istUpload = 1; motiv.typ.orig = 4; } if (pmo[a][b].aoData && !pmo[a][b].text) { $.each(pmo[a][b].aoData, function () { var v = this.value; if (/Mein Text/i.test(v) || /Pferdename/i.test(v) || /Dein Text/i.test(v) || /Freitext/i.test(v) || /Abteilung/i.test(v) || /Firmenname/i.test(v) || /Fachbereich/i.test(v) || /Mitarbeitername/i.test(v)) { showTextWarning = this.value; } }); } else if (pmo[a][b].aoData && pmo[a][b].text) { $.each(pmo[a][b].text, function () { var v = this.text; if (/Mein Text/i.test(v) || /Pferdename/i.test(v) || /Dein Text/i.test(v) || /Freitext/i.test(v) || /Abteilung/i.test(v) || /Firmenname/i.test(v) || /Fachbereich/i.test(v) || /Mitarbeitername/i.test(v)) { showTextWarning = v; } }); } positions.drTopPx = pmo[a][b].info.drTopPx; positions.drLeftPx = pmo[a][b].info.drLeftPx; positions.drWidthPx = pmo[a][b].info.drWidthPx; positions.drHeightPx = pmo[a][b].info.drHeightPx; motiv.typ.istTemplate = 1; motiv.idx = pmo[a][b].zIndex; motiv.details = {}; motiv.details.soapId = pmo[a][b].soapId; motiv.details.aktLeft_px = pmo[a][b].aktLeft_px; motiv.details.aktTop_px = pmo[a][b].aktTop_px; motiv.details.left_mm = pmo[a][b].left_mm; motiv.details.top_mm = pmo[a][b].top_mm; motiv.details.drehungBrowser = pmo[a][b].rotation; motiv.details.aktWidth_px = pmo[a][b].aktWidth_px; motiv.details.aktHeight_px = pmo[a][b].aktHeight_px; motiv.details.grundWidth_mm = pmo[a][b].grundWidth_mm; motiv.details.grundHeight_mm = pmo[a][b].grundHeight_mm; if(pmo[a][b].uniqueGruppe){ motiv.details.uniqueGruppe = pmo[a][b].uniqueGruppe; } if(pmo[a][b].druck_id){ motiv.details.druck_id = pmo[a][b].druck_id; } if (pmo[a][b].templateTyp == 'upload') { motiv.details.image = pmo[a][b].img; motiv.details.imageUuid = pmo[a][b].sid; } motiv.details.defMot = pmo[a][b].defMot; motiv.details.defMotId = pmo[a][b].defMotId; positions.motive[motct] = motiv; motct = motct + 1; motiveCount = motiveCount + 1; hasMotives = true; }); produktDetails.positionen[posct] = positions; posct = posct + 1; }); } if (showTextWarning) { if (sprache.motivdesigner_textwarning) { rtext = sprache.motivdesigner_textwarning; } else { rtext = 'Dieses Motiv mit -' + showTextWarning + '- wirklich in den Warenkorb legen?'; } r = confirm(rtext); if (r === false) { disableCart = false; return false; } } if (!hasMotives && !hadMotives) { delete produktDetails.positionen; } if (hasCollision === true) { $.each(pmo, function (a) { $.each(pmo[a], function (b) { var posLabel = $('#pos_' + a).attr('data-label'), typLabel = pmo[a][b].label, templatelabel = pmo[a][b].templatelabel; if (pmo[a][b].hasCollision === true) { collisionHtml += '
' + typLabel + ' ' + templatelabel + ' ' + posLabel; } }); }); $.setInfo(sprache.motivDesigner_positioncheck + '' + collisionHtml + ''); return false; } if($('#stammartikelId').attr('data-minMotive') && $('#stammartikelId').attr('data-minMotive') > 0 && motiveCount < $('#stammartikelId').attr('data-minMotive')){ minLabel = $('#stammartikelId').attr('data-minMotive') > 1 ? sprache.Motive : sprache.Motiv; $.setInfo(sprache.minMotiveError + ' ' + $('#stammartikelId').attr('data-minMotive') + ' ' + minLabel); return false; } prod.produktDetails = JSON.stringify(produktDetails); prod.produktAnzahl = JSON.stringify(produktAnzahl); prod.overwrite = overwrite; $.ajax({ data: prod, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax.php?action=set_designer_produkt2Warenkorb', success: function (msg) { if (msg !== null) { var tmpCount = 0, i; for (i = 0; i < Object.size(msg.shop_warenkorbItems); i = i + 1) { tmpCount += parseInt(msg.shop_warenkorbItems[i].anzahl, 10); } warenkorb_updateCount(tmpCount, msg.warenkorb_preis); warenkorb_updateItems(msg.shop_warenkorbItems, msg.warenkorb_preis); warenkorb_updateRabatt(msg.naechsteRabattstaffel, msg.aktArtikelAnzahl); $.setInfo(sprache.designer_produktInWarenkorb); $('.vsma').find('input').val(''); disableCart = false; return false; } }, error: function () { $.setInfo(sprache.designer_produktInWarenkorb_error, 'error'); disableCart = false; } }); }; $.createAkObject = function () { var hasMotives = false, hadMotives = false, motct = 0, posct = 0, prod = {}, position, positions = {}, motiv = {}, produktDetails = {}, produktAnzahl = {}, overwrite = false; produktDetails.stammartikelId = parseInt($('#stammartikelId').attr('data-id'), 10); produktDetails.farbId = parseInt($('.jsMsColor').find('.selected').attr('data-farbId'), 10); produktDetails.imageWidthPx = 520; produktDetails.imageHeightPx = 580; produktDetails.positionen = {}; if (pmo) { hadMotives = true; $.each(pmo, function (a) { hadMotives = true; motct = 1; positions = {}; positions.motive = {}; position = a; positions.positionId = parseInt(position, 10); $.each(pmo[a], function (b) { motiv = {}; motiv.typ = {}; motiv.details = {}; if (pmo[a][b].templateTyp == 'stick') { motiv.typ.istStick = 1; motiv.typ.orig = 1; } else if (pmo[a][b].templateTyp == 'druck') { motiv.typ.istDruck = 1; if(pmo[a][b].druck_id){ motiv.details.druck_id = pmo[a][b].druck_id; motiv.typ.orig = 2; }else{ motiv.typ.orig = 3; } } else if (pmo[a][b].templateTyp == 'upload') { motiv.typ.istUpload = 1; motiv.typ.orig = 4; } positions.drTopPx = pmo[a][b].info.drTopPx; positions.drLeftPx = pmo[a][b].info.drLeftPx; positions.drWidthPx = pmo[a][b].info.drWidthPx; positions.drHeightPx = pmo[a][b].info.drHeightPx; motiv.typ.istTemplate = 1; motiv.idx = pmo[a][b].zIndex; motiv.details.soapId = pmo[a][b].soapId; motiv.details.aktLeft_px = pmo[a][b].aktLeft_px; motiv.details.aktTop_px = pmo[a][b].aktTop_px; motiv.details.left_mm = pmo[a][b].left_mm; motiv.details.top_mm = pmo[a][b].top_mm; motiv.details.rotation = pmo[a][b].rotation; motiv.details.drehungBrowser = pmo[a][b].rotation; motiv.details.aktWidth_px = pmo[a][b].aktWidth_px; motiv.details.aktHeight_px = pmo[a][b].aktHeight_px; motiv.details.grundWidth_mm = pmo[a][b].grundWidth_mm; motiv.details.grundHeight_mm = pmo[a][b].grundHeight_mm; motiv.details.defMot = pmo[a][b].defMot; motiv.details.defMotId = pmo[a][b].defMotId; if (pmo[a][b].templateTyp == 'upload') { motiv.details.image = pmo[a][b].img; motiv.details.imageUuid = pmo[a][b].sid; } if(pmo[a][b].uniqueGruppe){ motiv.details.uniqueGruppe = pmo[a][b].uniqueGruppe; } positions.motive[motct] = motiv; motct = motct + 1; hasMotives = true; }); produktDetails.positionen[posct] = positions; posct = posct + 1; }); } if (!hasMotives && !hadMotives) { delete produktDetails.positionen; } prod.produktDetails = JSON.stringify(produktDetails); prod.overwrite = overwrite; $('.vsma').find('input').each(function (i) { var sAId, artikelId, anzahl, items = {}; anzahl = 1; if (i == 0) { if ($('#ssId').length) { sAId = $('.shop_prodDetails_preise_' + produktDetails.farbId + '_' + $(this).attr('data-id')).attr('data-sAId'); items.sAId = sAId; } else { artikelId = $('.shop_prodDetails_preise_' + produktDetails.farbId + '_' + $(this).attr('data-id')).find('.id:first').html(); items.artikelId = artikelId; } items.anzahl = anzahl; produktAnzahl[i] = items; } }); prod.produktAnzahl = JSON.stringify(produktAnzahl); return prod; }; $('.addToListDsCart').on('click', function (e) { e.preventDefault(); if($(this).data('disabled') && $(this).data('disabled') == 'disabled'){return false;} if (disableCart === false) { $.addListToCart($(this).closest('.listItem')); return false; } }); $(document).on('click', '.addToDsCart', function (e) { //$('.addToDsCart').on('click', function (e) { e.preventDefault(); $(this).unbind('click', $.addToCart); if (disableCart === false) { $.addToCart($(this).closest('div')); return false; } }); $.appendLoadimg = function (active) { var loadimg; loadimg = $('.loadimg'); loadimg.hide(); if (!loadimg.length) { loadimg = $(''); loadimg.addClass('loadimg'); $('body').append(loadimg); } loadimg .css('position', 'absolute') .css('zIndex', 20000) .css('left', active.width() / 2 - loadimg.width() / 2) .css('top', active.height() / 2 - loadimg.height() / 2); active.closest('div').append(loadimg); loadimg.show(); }; $.loadOverlay = function (remove, ajaxId) { var div, div2, div3, loadimg; loadimg = $('.loadimg'); if (!loadimg.length) { loadimg = $(''); loadimg.addClass('loadimg'); $('body').append(loadimg); } if (remove === true) { loadimg.stop(); $('.overlayload').hide().remove(); $('.loadimg').hide().remove(); return false; } if (ajaxId && $('.motivImage').find('.ovholder[data-auid="' + ajaxId + '"]').length) { $.appendLoadimg($('.motivImage').find('.ovholder[data-auid="' + ajaxId + '"]')); } else if ($('.motivImage').find('.ovholder.active').length) { $.appendLoadimg($('.motivImage').find('.ovholder.active')); } else { $.appendLoadimg($('.motivImage')); } div = $('.oholdload'); div2 = $('.oholdload'); div3 = $('.oholdload'); if (!div.length) { div = $('
'); div.addClass('overlayload oholdload') .css('background', 'transparent') .css('position', 'absolute') .css('textAlign', 'center') .css('top', '0') .css('left', '0') .css('width', $('.leftpane').width()) .css('height', $('.leftpane').height()) .css('zIndex', 19000) .css('opacity', '0') .hide() .html(''); $('.leftpane').prepend(div); div2 = $('
'); div2.addClass('overlayload oholdload') .css('background', 'transparent') .css('position', 'absolute') .css('textAlign', 'center') .css('top', '0') .css('left', '0') .css('width', $('.wkadder').width()) .css('height', $('.wkadder').height()) .css('zIndex', 19000) .css('opacity', '0') .hide() .html(''); $('.wkadder').prepend(div2); div3 = $('
'); div3.addClass('overlayload oholdload') .css('background', 'transparent') .css('position', 'absolute') .css('textAlign', 'center') .css('top', '0') .css('left', '0') .css('width', $('#mtabholder').width()) .css('height', $('#mtabholder').height()) .css('zIndex', 19000) .css('opacity', '0') .hide() .html(''); //$('#mtabholder').prepend(div3); } div.show(); div2.show(); //div3.show(); }; $.loadTemplateForm = function (template, dataId) { if (xhd) { xhd.abort(); } var url, aoData = []; if (template) { aoData.push({'name': 'template', 'value': template}); url = '/ajax/ajax_update_designer.php?action=changeTemplate&language=' + $('html').attr('lang'); xhd = $.ajax({ dataType: 'json', type: 'POST', url: url, data: aoData, success: function (data) { var datajson; $('#motivElements').html(data.motivElements).show(); $('#motivColors').html(data.motivColors).show(); $('#templateTextElements').html(data.templateTextElements).show(); defaultMotives[template] = $.trim($('#meditor').html()).replace(/\r\n|\n|\r|\t/g, ''); datajson = $('.activeTemplate').find('span[data-id="' + dataId + '"]').attr('data-json'); if (datajson) { $.updateDesignerElements(datajson); $.initColorpicker(); } $.checkNeededDivs(); } }); } }; $.loadTemplate = function (usebestmatch, first, setcookies, useoverlay) { if (xhd) { xhd.abort(); } var template, url, aoData = []; template = $('.temselect.selected').first().attr('data-value'); if (template) { aoData.push({'name': 'template', 'value': template}); url = '/ajax/ajax_update_designer.php?action=changeTemplate&language=' + $('html').attr('lang'); if (!first) { xhd = $.ajax({ dataType: 'json', type: 'POST', url: url, data: aoData, success: function (data) { var span; $('#motivElements').html(data.motivElements); $('#motivColors').html(data.motivColors).show(); $('#templateTextElements').html(data.templateTextElements); defaultMotives[template] = $.trim($('#meditor').html()).replace(/\r\n|\n|\r|\t/g, ''); $('.activeTemplate').find('span[data-defaulttemplate="' + template + '"]').remove(); span = $('') .attr('data-defaulttemplate', template) .attr('data-json', JSON.stringify(data)); $('.activeTemplate').append(span); $.initColorpicker(); $.setMotive(); $.checkNeededDivs(); } }); } } }; $.updatePriceDiv = function () { var vPriceManipulated = false, fixKostenDruck = false, motPrice, motivesUsed = false, usePHtml, tmpObj, groessenId, farbId, vPrice = 0, tHtml = '', veredelung = 'Veredelung', inklusive = 'inklusive', price = 0, sPrice, bprice, pHtml; farbId = parseInt($('.jsMsColor').find('.selected').attr('data-farbId'), 10); groessenId = $('.vsma').find('input').first().attr('data-id'); if($('.fix_kosten_druck').length){ fixKostenDruck = parseFloat($('.fix_kosten_druck').attr('data-price')); } tmpObj = $('.shop_prodDetails_preise').find('.shop_prodDetails_preise_' + farbId + '_' + groessenId); bprice = $(tmpObj).children('.preis').html(); if ($('.basepriceDefaultMotives').first().attr('data-price')) { bprice = bprice.replace(',', '.') - $('.basepriceDefaultMotives').first().attr('data-price'); } else { if(!bprice){ bprice = '0'; } bprice = bprice.replace(',', '.'); } if($('#contenthere').length && $('#contenthere').attr('data-ssId') && $('.basepriceShopProduct').attr('data-price')){ bprice = $('.basepriceShopProduct').attr('data-price'); } $('.baseprice').first().attr('data-price', bprice); bprice = parseFloat($('.baseprice').first().attr('data-price')); $('.moredetails').closest('.detailprice').find('.hidee').slideUp(); $('.detailprice').html(''); pHtml = '
    '; if (sprache.inklusive) { inklusive = sprache.inklusive; } $.each(pmo, function (a) { $.each(pmo[a], function (b) { motivesUsed = true; var deleter = '', posLabel = $('#pos_' + a).attr('data-label'), typLabel = pmo[a][b].label, templatelabel = pmo[a][b].templatelabel; typLabel = sprache[typLabel] ? sprache[typLabel] : typLabel; if ((pmo[a][b].price || pmo[a][b].defMot) && pmo[a][b].grundHeight_mm && pmo[a][b].grundWidth_mm) { $('div[data-id="' + pmo[a][b].imageid + '"]').show(); if(pmo[a][b].druck_id && pmo[a][b].templateTyp == 'druck'){ sPrice = 0; vPrice = 0; vPriceManipulated = true; } else if(fixKostenDruck !== false && pmo[a][b].templateTyp == 'druck'){ sPrice = 0; vPrice = vPrice; vPriceManipulated = true; } else { sPrice = pmo[a][b].price; vPrice = vPrice + parseFloat(pmo[a][b].price); } price = price + parseFloat(sPrice); usePHtml = true; pHtml += '
  • '; if ((pmo[a][b].deleteable && pmo[a][b].deleteable == 1) || !pmo[a][b].deleteable) { deleter = ''; } else { deleter = ''; } if (pmo[a][b].template && pmo[a][b].template == 1346) { templatelabel = 'Upload'; pmo[a][b].templatelabel = templatelabel; } if (pmo[a][b].text) { if (pmo[a][b].templateTyp == 'druck') { typLabel = 'Druck'; } else { typLabel = 'Stick'; } pmo[a][b].typLabel = typLabel; templatelabel = 'Text ' + pmo[a][b].text[0].text; pmo[a][b].templatelabel = templatelabel; } pHtml += typLabel + ' ' + templatelabel + deleter; //pHtml += templatelabel + deleter; if ($.bizRound(sPrice) !== 0) { motPrice = $.bizRound(sPrice).toFixed(2).toString().replace('.', ',') + ' €'; } else { motPrice = inklusive; } if(fixKostenDruck !== false && pmo[a][b].templateTyp == 'druck'){ if(fixKostenDruck != 0){ motPrice = ''; } else { motPrice = inklusive; } } pHtml += '
    ' + posLabel + ' ca. ' + Math.round(pmo[a][b].grundWidth_mm) + 'x' + Math.round(pmo[a][b].grundHeight_mm) + 'mm
    ' + motPrice + '
    '; pHtml += '
    • '; $('#md_' + pmo[a][b].imageid).hide(); } else { if (pmo[a] && pmo[a][b] && pmo[a][b].price != 0) { delete pmo[a][b]; } } }); }); /* if (!motivesUsed && bprice > parseFloat($('.basepriceProduct').first().attr('data-price'))) { bprice = parseFloat($('.basepriceProduct').first().attr('data-price')); } */ pHtml += '
'; if (sprache.Veredelung) { veredelung = sprache.Veredelung; } price = parseFloat(price) + bprice; if(fixKostenDruck !== false && vPriceManipulated == true){ vPrice = vPrice + fixKostenDruck; price = price + fixKostenDruck; } if (usePHtml === true) { tHtml += '
'; tHtml += '
'; tHtml += '
' + veredelung + ' >> Details
'; tHtml += '
'; tHtml += '
'; if ($.bizRound(vPrice) !== 0) { motPrice = $.bizRound(vPrice).toFixed(2).toString().replace('.', ',') + ' €'; } else { motPrice = inklusive; } tHtml += '
' + motPrice + '
'; tHtml += '
'; tHtml += '
'; } $('.detailprice').html('
' + $('.artbasetit').html() + '
' + $.bizRound(bprice).toFixed(2).toString().replace('.', ',') + ' €
' + tHtml + pHtml); $('.price').removeClass('lpri').html($.bizRound(price).toFixed(2).toString().replace('.', ',')); $('.clone-designer-price span').html($.bizRound(price).toFixed(2).toString().replace('.', ',') + ' €'); $('.csym, .priceinfo').show(); $('.detailprice').find('li').removeClass('selected'); $('.delmotive[data-m="' + $('.motivImage').find('.ovholder.active').attr('data-id') + '"]').closest('li').addClass('selected'); }; $.buildDropArea = function (that, ndrgebietWidthPx, ndrgebietHeightPx, ndrgebietLeftPos, ndrgebietTopPos, relImage, factor, drgebietLeftPx, drgebietTopPx, res, debug) { var drgebietOv; if ($(that).find('.drov').length) { drgebietOv = $(that).find('.drov'); } else { drgebietOv = $('
'); } drgebietOv .addClass('absolute') .addClass('drov') .width(ndrgebietWidthPx) .height(ndrgebietHeightPx) .attr('data-initWidth', ndrgebietWidthPx * factor) .attr('data-initHeight', ndrgebietHeightPx * factor) .attr('data-initLeft', drgebietLeftPx) .attr('data-initTop', drgebietTopPx) .css('left', ndrgebietLeftPos) .css('top', ndrgebietTopPos); if (!$(that).find('.drov').length) { relImage.closest('.hasMotiv').find('.stageHolder').append(drgebietOv); } }; $.addIconHelper = function (classes, css, attr, icon, motOv, abox) { var dim = 16, iconHelper, outerHelper, boxhelperbox, isInBox, hasNeigbhors = true; iconHelper = $('
'); iconHelper .addClass('absolute outerhelper ' + classes + ' ui-state-active') .css('background', '#fff') .css('zIndex', 6000).hide(); if (iconHelper.hasClass('dui-resizable-handle')) { iconHelper.width(9); iconHelper.height(9); } else { iconHelper.width(dim); iconHelper.height(dim); } if (css && $.type(css) === 'object') { $.each(css, function (a) { iconHelper.css(a, css[a]); }); } else if (css && $.type(css) === 'string') { iconHelper.removeClass('absolute'); boxhelperbox = motOv.find('.' + css + 'helperbox'); if (!$(boxhelperbox).length) { boxhelperbox = $('
'); boxhelperbox .addClass(css + 'helperbox absolute') .height(dim) .width('100%') .css('textAlign', 'left'); switch (css) { case 'bottom': boxhelperbox.css('left', -18) .css('bottom', -18); break; case 'top': boxhelperbox.css('left', -18) .css('top', -18); break; } hasNeigbhors = false; } if (hasNeigbhors === true) { iconHelper.css('marginLeft', 3); } isInBox = true; outerHelper = $('
'); iconHelper .css('display', 'inline-block').hide(); outerHelper .width(dim) .height(dim); if (icon) { outerHelper.addClass('ui-icon ui-icon-' + icon); } iconHelper.append(outerHelper); boxhelperbox.append(iconHelper); motOv.append(boxhelperbox); } if (attr) { $.each(attr, function (a) { iconHelper.attr(a, attr[a]); }); } if (!isInBox) { outerHelper = $('
'); outerHelper .width(dim) .height(dim); if (icon) { outerHelper.addClass('ui-icon ui-icon-' + icon); } iconHelper.append(outerHelper); motOv.append(iconHelper); } }; $.doExistCheck = function () { var used = []; $.each(pmo, function (a) { $.each(pmo[a], function (b) { used[pmo[a][b].imageid] = pmo[a][b].imageid; }); }); $('.motov').each(function () { var a; a = $(this).attr('data-id'); if (!used[a]) { $(this).remove(); $('.motov[data-id="' + a + '"]').remove(); } }); }; $.findNextNumber = function (seq) { var i = 0, x; for (i; i < 100; i = i + 1) { x = i + 1; if (seq[i] != x) { seq.splice(i, 0, x); seq.length = 100; return x; } } }; $.findNextFixpos = function (acP, mm2pxFactor) { var dimgFactor, notPossible = [], notPossibleFix = {}, possibleFix = {}, possible, positions = [], iteration, set = false; if (pmo && pmo[acP]) { dimgFactor = 520 / $('.motivImage').find('.flexible.rpcol').width(); $.each(pmo[acP], function (b) { var aktMotWidthPx, aktMotLeftPx, aktMotHeightPx, aktMotTopPx, rotation = 0, rotWidth, rotHeight; aktMotWidthPx = pmo[acP][b].grundWidth_mm / mm2pxFactor / dimgFactor; aktMotLeftPx = pmo[acP][b].aktLeft_px / dimgFactor; aktMotHeightPx = pmo[acP][b].grundHeight_mm / mm2pxFactor / dimgFactor; aktMotTopPx = pmo[acP][b].aktTop_px / dimgFactor; rotation = pmo[acP][b].rotation; if (rotation < 0 || rotation > 0) { rotWidth = ((aktMotWidthPx * Math.abs(Math.cos(rotation * Math.PI / 180))) + (aktMotHeightPx * Math.abs(Math.sin(rotation * Math.PI / 180)))); rotHeight = ((aktMotWidthPx * Math.abs(Math.sin(rotation * Math.PI / 180))) + (aktMotHeightPx * Math.abs(Math.cos(rotation * Math.PI / 180)))); aktMotWidthPx = rotWidth; aktMotHeightPx = rotHeight; } $('.motpos[value="' + acP + '"]').closest('li').find('.fixpos[data-fuerMotiv="1"]').each(function (i, a) { var aktPosLeftPx, aktPosTopPx, x, y, l, r, b, t; iteration = i + 1; aktPosLeftPx = $(this).attr('data-leftPx') / dimgFactor; aktPosTopPx = $(this).attr('data-topPx') / dimgFactor; x = aktPosLeftPx; y = aktPosTopPx; l = aktMotLeftPx; r = aktMotLeftPx + aktMotWidthPx; b = aktMotTopPx + aktMotHeightPx; t = aktMotTopPx; if ((x >= l && x <= r) && (y >= t && y <= b)) { notPossible.push(iteration); notPossibleFix[iteration] = $(this).attr('data-fixId'); } else { possibleFix[iteration] = $(this).attr('data-fixId'); } positions.push(iteration); }); }); } possible = 1; $.each(positions, function (i, a) { if(set === false && possible == 1 && $.inArray(a, notPossible) == -1){ possible = positions[i]; set = true; return true; } }); if (notPossibleFix[possible]) { if (usedFixpos && Object.size(usedFixpos) == 1 && usedFixpos[notPossibleFix[possible]]){ usedFixpos[notPossibleFix[possible]] = usedFixpos[notPossibleFix[possible]] + 1; } else { usedFixpos[notPossibleFix[possible]] = 1; } } return possible; }; $.checkQuality = function (ob) { var widthMM, heightMM, maxWidthMM, maxHeightMM; widthMM = ob.grundWidth_mm; heightMM = ob.grundHeight_mm; maxWidthMM = ob.maxPrintWidth; maxHeightMM = ob.maxPrintHeight; }; $.process = function (changeFixPos, isText, uploadTrim, uploaduuid, relImage, ooWidth, initWidthMM, templateTyp, mm2pxFactor, imgFactor, drgebietLeftPx, drgebietTopPx, drgebietWidthPx, drgebietHeightPx, fixpos, motivp, motivi, akt_fixposLeftPos, akt_fixposTopPos, fixposAlign, that, isReload, oldid, acP, posIndex, template, aPT, zIndex, imageid, img, scaleable, rotatable, deleteable, editable, draggable, resizableClass, draggableClass, rotatableClass, aktLeft_px, aktTop_px, aktWidth_px, aktHeight_px, motOvHelper, helperWidth, aId, res, aoData, renew, apiWidth, initHeightMM, apiHeight, initHeightPrint, uniqueGruppe, options) { if(!options){ options = {}; } var fixMoved = false, fixOffset = 20, span, ppp = {}, rotWidth, rotHeight, centerX, centerY, ovid, rotation = 0, imgsrc, wsize, motivname, ccov, motOvImg, motOvLeft, motOvTop, motOvWidth, motOvHeight, motOv, fixposLeftPos, fixposTopPos, factor, ndrgebietWidthPx, ndrgebietHeightPx, ndrgebietLeftPos, ndrgebietTopPos, zeroLeft = 0, zeroTop = 0, relwidth; relwidth = relImage.width(); factor = ooWidth / relwidth; motOvWidth = initWidthMM; if (templateTyp == 'stick') { motOvWidth = apiWidth / 10; } motOvWidth = motOvWidth / factor / mm2pxFactor; if (templateTyp == 'druck' && initHeightPrint && !motivi) { motOvHeight = initHeightPrint / factor / mm2pxFactor; motOvWidth = motOvHeight * imgFactor; } else { motOvHeight = motOvWidth / imgFactor; } zeroLeft = relImage.position().left + parseFloat(relImage.css('marginLeft')); zeroTop = relImage.position().top + parseFloat(relImage.css('marginTop')); ndrgebietLeftPos = zeroLeft + drgebietLeftPx / factor; ndrgebietTopPos = zeroTop + drgebietTopPx / factor; ndrgebietWidthPx = drgebietWidthPx / factor; ndrgebietHeightPx = drgebietHeightPx / factor; if (fixpos) { fixposAlign = fixpos.attr('data-ausrichtung'); fixposLeftPos = fixpos.attr('data-leftPx') / factor; fixposTopPos = fixpos.attr('data-topPx') / factor; if (fixpos.attr('data-rotation')) { rotation = fixpos.attr('data-rotation'); } if (motivp && pmo[motivp][motivi].isClone === true) { fixposLeftPos = fixposLeftPos + (20 / factor); fixposTopPos = fixposTopPos + (20 / factor); } else { //if (changeFixPos) { if (pmo[acP] && usedFixpos[fixpos.attr('data-fixId')]) { fixOffset = usedFixpos[fixpos.attr('data-fixId')] * fixOffset; fixOffset = fixOffset / factor; fixposLeftPos = fixposLeftPos + fixOffset; fixposTopPos = fixposTopPos + fixOffset; fixMoved = fixpos.attr('data-fixId'); } //} } } else { if (pmo[motivp][motivi] && pmo[motivp][motivi].fixPointAlign) { akt_fixposLeftPos = pmo[motivp][motivi].fixPointLeft; akt_fixposTopPos = pmo[motivp][motivi].fixPointTop; fixposAlign = pmo[motivp][motivi].fixPointAlign; fixposLeftPos = akt_fixposLeftPos / factor; fixposTopPos = akt_fixposTopPos / factor; if (motivp && motivi && pmo[motivp][motivi].isClone && pmo[motivp][motivi].isClone === true) { fixposLeftPos = fixposLeftPos + (20 / factor); fixposTopPos = fixposTopPos + (20 / factor); } } else if (pmo[motivp][motivi]) { fixposAlign = 'c'; if(!pmo[motivp][motivi].aktWidth_px) { pmo[motivp][motivi].aktWidth_px = motOvWidth * factor; pmo[motivp][motivi].aktHeight_px = motOvHeight * factor; } fixposLeftPos = pmo[motivp][motivi].aktLeft_px / factor + pmo[motivp][motivi].aktWidth_px / 2 / factor; fixposTopPos = pmo[motivp][motivi].aktTop_px / factor + pmo[motivp][motivi].aktHeight_px / 2 / factor; if (motivp && pmo[motivp][motivi].isClone === true) { fixposLeftPos = fixposLeftPos + (20 / factor); fixposTopPos = fixposTopPos + (20 / factor); } } } $.buildDropArea(that, ndrgebietWidthPx, ndrgebietHeightPx, ndrgebietLeftPos, ndrgebietTopPos, relImage, factor, drgebietLeftPx, drgebietTopPx, res); if (fixposAlign) { if (fixposAlign == 'bc') { motOvLeft = fixposLeftPos - (motOvWidth / 2); motOvTop = fixposTopPos - motOvHeight; } else if (fixposAlign == 'bl') { motOvLeft = fixposLeftPos; motOvTop = fixposTopPos - motOvHeight; } else if (fixposAlign == 'br') { motOvLeft = fixposLeftPos - motOvWidth; motOvTop = fixposTopPos - motOvHeight; } else if (fixposAlign == 'c') { motOvLeft = fixposLeftPos - (motOvWidth / 2); motOvTop = fixposTopPos - (motOvHeight / 2); } else if (fixposAlign == 'tl') { motOvLeft = fixposLeftPos; motOvTop = fixposTopPos; } else if (fixposAlign == 'tc') { motOvLeft = fixposLeftPos - (motOvWidth / 2); motOvTop = fixposTopPos; } else if (fixposAlign == 'tr') { motOvLeft = fixposLeftPos - motOvWidth; motOvTop = fixposTopPos; } } if (isReload) { $(that).find('div[data-id="' + oldid + '"]').remove(); } motOv = $('
'); if (motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].rotation) { rotation = pmo[motivp][motivi].rotation; } //braucht man für anzeige, aber nicth für api? var centerXOrig = centerX; var centerYOrig = centerY; var motOvLeftOrig = motOvLeft; var motOvTopOrig = motOvTop; if ((rotation > 0 || rotation < 0)) { rotWidth = ((motOvWidth * Math.abs(Math.cos(rotation * Math.PI / 180))) + (motOvHeight * Math.abs(Math.sin(rotation * Math.PI / 180)))); rotHeight = ((motOvWidth * Math.abs(Math.sin(rotation * Math.PI / 180))) + (motOvHeight * Math.abs(Math.cos(rotation * Math.PI / 180)))); centerX = motOvLeft + rotWidth / 2; centerY = motOvTop + rotHeight / 2; motOvLeft = centerX - motOvWidth / 2; motOvTop = centerY - motOvHeight / 2; } motOv .width(Math.round(motOvWidth)) .height(Math.round(motOvHeight)) .attr('data-pos', acP) .attr('data-posIndex', posIndex) .attr('data-template', template) .attr('data-rotation', rotation) .attr('data-crid', res.mid) .attr('data-postyp', aPT) .css('left', Math.round(motOvLeft)) .css('top', Math.round(motOvTop)) .css('zIndex', zIndex); if(options.druck_id){ motOv.attr('data-did', options.druck_id); } if (rotation > 0 || rotation < 0) { motOv.css('transform','rotate(' + rotation + 'deg)'); motOv.css('-moz-transform','rotate(' + rotation + 'deg)'); motOv.css('-webkit-transform','rotate(' + rotation + 'deg)'); motOv.css('-o-transform','rotate(' + rotation + 'deg)'); } if (relImage.hasClass('stageImage') || relImage.hasClass('motivImage') || relImage.hasClass('primg')) { motOvWidth = parseFloat(motOvWidth); motOvHeight = parseFloat(motOvHeight); resizableClass = scaleable === '1' ? ' resizable' : ''; rotatableClass = rotatable === '1' ? ' rotatable' : ''; draggableClass = draggable === '1' ? ' draggable' : ''; if ($.browser.msie && $.browser.version === '8.0'){ rotatableClass = ''; rotatable = 0; } if (isReload) { $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); } motOv.attr('data-editable', editable); //kein autoactive //motOv.addClass(draggableClass + resizableClass + rotatableClass + ' ovholder active') motOv.addClass(draggableClass + resizableClass + rotatableClass + ' ovholder') .width(Math.round(motOvWidth)) .height(Math.round(motOvHeight)); motOv.attr('data-initWidth', Math.round(motOvWidth * factor)); motOv.attr('data-initHeight', Math.round(motOvHeight * factor)); motOv.attr('data-initLeft', Math.round(motOvLeft * factor)); motOv.attr('data-initTop', Math.round(motOvTop * factor)); centerX = centerXOrig; centerY = centerYOrig; motOvLeft = motOvLeftOrig; motOvTop = motOvTopOrig; if (uploaduuid) { motOv.attr('data-uploaduuid', uploaduuid); } if (isText) { motOv.attr('data-isText', 1); motOv.attr('data-ptyp', 'text'); } if (uploadTrim) { motOv.attr('data-uploadTrim', uploadTrim); } if (motivi && pmo[motivp][motivi] && pmo[motivp][motivi].uniqueGruppe) { uniqueGruppe = pmo[motivp][motivi].uniqueGruppe; } if (uniqueGruppe) { motOv.attr('data-uniqueGruppe', uniqueGruppe); } if (motivi && pmo[motivp][motivi] && pmo[motivp][motivi].fixPointAlign) { aktLeft_px = pmo[motivp][motivi].aktLeft_px; aktTop_px = pmo[motivp][motivi].aktTop_px; aktTop_px = Math.round(motOvTop * factor); } else { aktLeft_px = Math.round(motOvLeft * factor); aktTop_px = Math.round(motOvTop * factor); } if (res.data.isUpload) { motOv.attr('data-ptyp', 'upload'); } if (res && res.post && res.post.designId) { motOv.attr('data-ptyp', 'motive'); motOv.attr('data-motive', res.post.motivId); } if (res && res.post && res.post.uniqueGruppe) { motOv.attr('data-uniqueGruppe', 'motive'); } aktWidth_px = Math.round(motOvWidth * factor); aktHeight_px = Math.round(motOvHeight * factor); $('.ovholder').not('.active').find('.activewrapper').hide(); $('.ovholder').not('.active').find('.outerhelper').hide(); motOv.find('.activewrapper').remove(); motOvHelper = $('
'); motOvHelper.addClass('absolute activewrapper').css('left', -2).css('top', -2).css('right', -3).css('bottom', -2); motOv.append(motOvHelper); if (motivi && pmo[motivp][motivi]) { motivname = pmo[motivp][motivi].templatelabel; } else { if (templateTyp == 'upload') { motivname = $('.uploadselect.selected').find('.holder').find('img').attr('data-name'); } else { motivname = $('.temselect[data-value="' + template + '"]').attr('data-title'); } } if ($('#favoritelist').length && !res.data.isUpload) { $.addIconHelper('addtofav', 'top', {'data-title': 'zu Favoriten hinzufügen'}, 'star', motOv); } if (!deleteable || deleteable == 1) { $.addIconHelper('deleter', 'bottom', {'data-title': 'löschen'}, 'trash', motOv); if (!res || (res.data && res.data.defMot != 1)) { $.addIconHelper('duplicater', 'top', {'data-title': 'Motiv duplizieren'}, 'copy', motOv); } } relImage.closest('.hasMotiv').find('.stageHolder').find('.ccHolder').remove(); ovid = aId.split('-'); ovid = ovid[0]; ccov = $('
'); ccov .width($('.motivImage').find('.rpcol').width()).height($('.motivImage').find('.rpcol').height()) .addClass('absolute ccHolder') .css('display', 'none') .css('opacity', '.5') .css('left', $('.motivImage').find('.rpcol').position().left) .css('top', 0) .html(''); relImage.closest('.hasMotiv').find('.stageHolder').append(ccov); if (rotatable === '1') { $.addIconHelper('rotate', {right: -18, top: -18}, {'data-title': 'Drehen'}, 'arrowrefresh-1-e', motOv); } } motOv.addClass('absolute motov'); motOv.attr('data-id', imageid); motOvImg = $(''); wsize = '&width=' + Math.round(motOvWidth); //wsize = '&width=1'; imgsrc = img; if (1==2 && res && res.data && res.data.result && res.data.result.info && res.data.result.info.Base64PreviewTemplate) { imgsrc = 'data:image/png;base64,' + res.data.result.info.Base64PreviewTemplate; wsize = ''; img = imgsrc; } motOvImg .width('100%').height('100%') .css('zIndex', 2001) .attr('data-src', img) .addClass('ovimga') .attr('src', imgsrc + wsize).show(); //aenderung fuer bugfix schriftwechsel ohne $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); motOv.append(motOvImg); relImage.closest('.hasMotiv').find('.drov').append(motOv); motOvImg.imagesLoaded().done(function () { motOvImg.show(); if (motivp && !isReload) { if (oldid) { $(that).find('div[data-id="' + oldid + '"]').remove(); } relImage.closest('.hasMotiv').find('.drov').append(motOv); $.doExistCheck(); } }); if ((relImage.hasClass('stageImage') || relImage.hasClass('motivImage') || relImage.hasClass('primg')) && relImage.width() > 0) { if (!pmo) { pmo = {}; } if (!pmo[acP]) { pmo[acP] = {}; } if (!pmo[acP][posIndex]) { pmo[acP][posIndex] = {}; } pmo[acP][posIndex].img = img; pmo[acP][posIndex].templateTyp = templateTyp; if (uploaduuid) { pmo[acP][posIndex].uploaduuid = uploaduuid; pmo[acP][posIndex].templateTyp = 'druck'; //if(!pmo[acP][posIndex].origWidth){ pmo[acP][posIndex].origWidth = res.data.width; pmo[acP][posIndex].origHeight = res.data.height; //} } pmo[acP][posIndex].uploadTrim = uploadTrim; pmo[acP][posIndex].scaleable = scaleable; pmo[acP][posIndex].rotatable = rotatable; pmo[acP][posIndex].deleteable = deleteable; pmo[acP][posIndex].editable = editable; pmo[acP][posIndex].rotation = rotation; pmo[acP][posIndex].draggable = draggable; pmo[acP][posIndex].mm2pxFactor = mm2pxFactor; pmo[acP][posIndex].imageFactor = 520 / relImage.width(); pmo[acP][posIndex].imageid = imageid; if(!pmo[acP][posIndex].ajaxId){ pmo[acP][posIndex].ajaxId = imageid; realActive = null; } motOv.attr('data-auid', pmo[acP][posIndex].ajaxId); pmo[acP][posIndex].posIndex = posIndex; pmo[acP][posIndex].acP = acP; pmo[acP][posIndex].aPT = aPT; pmo[acP][posIndex].sid = res.data.result.info.id; pmo[acP][posIndex].zIndex = parseFloat(zIndex); if (!isReload) { if (!res.data.isUpload) { if (!isText) { pmo[acP][posIndex].template = template; if(!pmo[acP][posIndex].theme){ pmo[acP][posIndex].theme = $('.temselect[data-value="' + template + '"]').attr('data-tw'); } if(!pmo[acP][posIndex].label){ pmo[acP][posIndex].label = $('.temselect[data-value="' + template + '"]').attr('data-label'); } if(!pmo[acP][posIndex].templatelabel){ pmo[acP][posIndex].templatelabel = $('.temselect[data-value="' + template + '"]').attr('data-title'); } } else { pmo[acP][posIndex].label = 'Stick'; pmo[acP][posIndex].templatelabel = isText[0].text; } } else { pmo[acP][posIndex].label = 'Upload'; pmo[acP][posIndex].templatelabel = res.data.templatelabel; } } if(uniqueGruppe){ pmo[acP][posIndex].uniqueGruppe = uniqueGruppe; } pmo[acP][posIndex].image = img + '&width=50'; // ausgeschaltet weil wegen problem //if (pmo[acP][posIndex].isClone !== true && !isReload) { pmo[acP][posIndex].aktLeft_px = aktLeft_px; pmo[acP][posIndex].aktTop_px = aktTop_px; pmo[acP][posIndex].aktWidth_px = aktWidth_px; pmo[acP][posIndex].aktHeight_px = aktHeight_px; //} if (pmo[acP][posIndex].templateTyp == 'stick') { if (!pmo[acP][posIndex].initialApiWidth) { pmo[acP][posIndex].initialApiWidth = apiWidth; pmo[acP][posIndex].initWidthHeightRatio = initWidthMM / initHeightMM; } else { pmo[acP][posIndex].wFactor = apiWidth / 10 / initWidthMM; } pmo[acP][posIndex].apiWidth = apiWidth; if (!pmo[acP][posIndex].initialApiHeight) { pmo[acP][posIndex].initialApiHeight = apiHeight; pmo[acP][posIndex].initHeightHeightRatio = initHeightMM / initHeightMM; } else { pmo[acP][posIndex].hFactor = apiHeight / 10 / initHeightMM; } pmo[acP][posIndex].apiHeight = apiHeight; } if (pmo[acP][posIndex].templateTyp == 'druck' || pmo[acP][posIndex].templateTyp == 'upload') { if (!pmo[acP][posIndex].initialApiWidth) { pmo[acP][posIndex].initialApiWidth = apiWidth * mm2pxFactor * pmo[acP][posIndex].imageFactor; pmo[acP][posIndex].initialApiHeight = apiHeight * mm2pxFactor * pmo[acP][posIndex].imageFactor; } } if (pmo[acP][posIndex].templateTyp == 'upload') { pmo[acP][posIndex].maxPrintWidth = $('.motupload[data-uuid="' + pmo[acP][posIndex].sid + '"]').attr('data-maxWidth'); pmo[acP][posIndex].maxPrintHeight = $('.motupload[data-uuid="' + pmo[acP][posIndex].sid + '"]').attr('data-maxHeight'); $.checkQuality(pmo[acP][posIndex]); } if (isText) { pmo[acP][posIndex].text = isText; //pmo[acP][posIndex].fontid = isText[0].schriftartId; //pmo[acP][posIndex].lineheight = isText[0].zeilenabstand; //pmo[acP][posIndex].radius = isText[0].tradius; //pmo[acP][posIndex].tradius = isText[0].tradius; } pmo[acP][posIndex].aoData = aoData; pmo[acP][posIndex].left_mm = parseFloat(aktLeft_px * mm2pxFactor * pmo[acP][posIndex].imageFactor); pmo[acP][posIndex].top_mm = parseFloat(aktTop_px * mm2pxFactor * pmo[acP][posIndex].imageFactor); if (pmo[acP][posIndex].templateTyp == 'stick') { pmo[acP][posIndex].grundWidth_mm = parseFloat(res.data.width / 10); pmo[acP][posIndex].grundHeight_mm = parseFloat(res.data.height / 10); } else { pmo[acP][posIndex].grundWidth_mm = Math.round(aktWidth_px * mm2pxFactor); pmo[acP][posIndex].grundHeight_mm = Math.round(aktHeight_px * mm2pxFactor); } if (!pmo[acP][posIndex].maxAvailableImgWidth) { pmo[acP][posIndex].maxAvailableImgWidth = aktWidth_px; pmo[acP][posIndex].maxAvailableImage = res.data.imageSrc; } else if (pmo[acP][posIndex].maxAvailableImgWidth < aktWidth_px) { pmo[acP][posIndex].maxAvailableImgWidth = aktWidth_px; pmo[acP][posIndex].maxAvailableImage = res.data.imageSrc; } if (renew) { pmo[acP][posIndex].maxAvailableImgWidth = aktWidth_px; pmo[acP][posIndex].maxAvailableImage = res.data.imageSrc; } pmo[acP][posIndex].soapId = res.data.result.soapId; pmo[acP][posIndex].price = res.data.result.price.preis; pmo[acP][posIndex].isClone = false; delete pmo[acP][posIndex].isClone; if (isReload) { $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); } ppp.drTopPx = drgebietTopPx; ppp.drLeftPx = drgebietLeftPx; ppp.drWidthPx = drgebietWidthPx; ppp.drHeightPx = drgebietHeightPx; pmo[acP][posIndex].info = ppp; if (!isReload && !relImage.closest('.origholder').length) { $.checkPosition(false, pmo[acP][posIndex].ajaxId); } if (!relImage.closest('.origholder').length) { //$.updatePriceDiv(); $.loadMotiveDragger(); } if(res && res.data && res.data.result &&res.data.result.info && res.data.result.info.elementInfo){ $('.tempPreview[data-template="' + pmo[acP][posIndex].template + '"][data-acP="' + acP + '"]').remove(); $.each(res.data.result.info.elementInfo, function (e) { var div = $('
'); div.addClass('tempPreview'); div.attr('data-template', pmo[acP][posIndex].template); div.attr('data-acP', acP); div.attr('data-posIndex', posIndex); div.attr('data-base64', res.data.result.info.elementInfo[e]['base64preview']); div.attr('data-element', res.data.result.info.elementInfo[e]['elementName']); $('body').append(div); }); } } if (relImage.hasClass('stageImage') || relImage.hasClass('motivImage') || relImage.hasClass('primg')) { $('.activeTemplate').find('span[data-id="' + imageid + '"]').remove(); $('.tbdl').remove(); span = $('') .attr('data-id', imageid) .attr('data-json', JSON.stringify(res.post)); $('.activeTemplate').append(span); } if (isReload) { $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); $('.outerhelper').hide(); $('.activewrapper').hide(); } if (oldid) { $.loadMotiveDragger(); } }; $.buildMotive = function (isText, uploadTrim, uploaduuid, res, motivp, motivi, acP, aPT, renew, oldid, drgebiet, initWidthMM, initHeightMM, isReload, template, aoData, isMover, initHeightPrint, uniqueGruppe) { var changeFixPos, test, dd, resizableClass = '', draggableClass = '', rotatableClass = '', scaleable, rotatable, deleteable, editable, draggable, ppind = [], akt_fixposLeftPos, akt_fixposTopPos, fixposAlign, aktWidth_px, aktHeight_px, aktLeft_px, aktTop_px, zIndex = 2000, motOvHelper, imageid, ooWidth = 520, apiWidth, mm2pxFactor, imgFactor, apiHeight, drgebietWidthPx, drgebietHeightPx, drgebietLeftPx, drgebietTopPx, img, fixpos, templateTyp, helperWidth = 16, posIndex = 1, aId = $('#arthead').attr('data-aId'); if (!res) { return false; } dd = res.data; if (dd && dd.result && dd.result.info && dd.result.info.ErrorMessage) { if (sprache[dd.result.info.ErrorMessage] !== undefined) { $.setInfo('

' + sprache[dd.result.info.ErrorMessage] + '

'); } else { $.setInfo('

' + dd.result.info.ErrorMessage + '

'); } $.loadOverlay(true); return; } if (isText) { initWidthMM = res.post.widthMM; initHeightMM = res.post.heightMM; } if (!res.data.result.price) { $.loadOverlay(true); return; } if (!pmo || (!pmo[motivp] && !motivi)) { if (!res.data.isUpload) { templateTyp = $('.temselect.selected').first().attr('data-type'); scaleable = $('.temselect.selected').first().attr('data-scaleable'); draggable = $('.temselect.selected').first().attr('data-draggable'); rotatable = $('.temselect.selected').first().attr('data-rotatable'); deleteable = $('.temselect.selected').first().attr('data-deleteable'); editable = $('.temselect.selected').first().attr('data-editable'); if (typeof $('.uploadselect.selected').first().find('img').data('uuid') !== 'undefined') { if ($('.uploadselect.selected').length && $('.uploadselect.selected').first().find('img').attr('data-uuid').length) { scaleable = '1'; draggable = '1'; rotatable = '1'; deleteable = '1'; editable = '1'; } } } else { templateTyp = 'upload'; scaleable = '1'; draggable = '1'; rotatable = '1'; deleteable = '1'; editable = '1'; } if (res && res.data && res.data.isText) { scaleable = '1'; draggable = '1'; rotatable = '1'; deleteable = '1'; editable = '1'; if (res.post && res.post.type && res.post.type == 'druck') { templateTyp = 'druck'; } else { templateTyp = 'stick'; } } } else { if (res && res.data && res.data.isText) { if (res.post && res.post.type && res.post.type == 'druck') { pmo[motivp][motivi].templateTyp = 'druck'; } else { pmo[motivp][motivi].templateTyp = 'stick'; } } templateTyp = pmo[motivp][motivi].templateTyp; scaleable = pmo[motivp][motivi].scaleable; draggable = pmo[motivp][motivi].draggable; rotatable = pmo[motivp][motivi].rotatable; deleteable = pmo[motivp][motivi].deleteable; editable = pmo[motivp][motivi].editable; if($('#contenthere').length && $('#contenthere').attr('data-ssId')){ scaleable = '1'; draggable = '1'; rotatable = '1'; deleteable = '1'; editable = '1'; pmo[motivp][motivi].defMot = 0; } } ppind = []; if (!motivp) { if (pmo && pmo[acP]) { $.each(pmo[acP], function (b) { ppind.push(parseFloat(pmo[acP][b].posIndex)); if (pmo[acP][b].zIndex && pmo[acP][b].templateTyp == 'druck') { zIndex = pmo[acP][b].zIndex; } zIndex = zIndex + 10; }); posIndex = $.findNextNumber(ppind); } } else { posIndex = motivi; zIndex = pmo[motivp][motivi].zIndex + 10; } imageid = posIndex + '-' + acP + '-' + res.data.result.info.id; if (renew && oldid && oldid == imageid && pmo[motivp][motivi].isClone && pmo[motivp][motivi].isClone === false && !isReload) { $.loadOverlay(true); return true; } if (templateTyp == 'stick') { zIndex = 3000; } img = res.data.imageSrc; apiWidth = res.data.width; apiHeight = res.data.height; imgFactor = apiWidth / apiHeight; mm2pxFactor = $('.frsize_' + acP).attr('data-width-mm') / drgebiet.attr('data-drWidthPx'); if (!motivp && !isMover) { test = $.findNextFixpos(acP, mm2pxFactor); fixpos = $('.motpos[value="' + acP + '"]').closest('li').find('.fixpos[data-fuerMotiv="1"]').eq(test - 1); if (!fixpos.length) { fixpos = $('.motpos[value="' + acP + '"]').closest('li').find('.fixpos[data-fuerMotiv="1"]').first(); } } drgebietWidthPx = parseFloat(drgebiet.attr('data-drWidthPx')); drgebietHeightPx = parseFloat(drgebiet.attr('data-drHeightPx')); drgebietLeftPx = parseFloat(drgebiet.attr('data-drLeftPx')); drgebietTopPx = parseFloat(drgebiet.attr('data-drTopPx')); $('.hasMotiv' + aPT).each(function () { var that, relImage, isOk = true; that = this; relImage = $(that).find('.rpcol').first(); var options = {}; if (relImage.length && relImage.width() == 0) { isOk = false; relImage.imagesLoaded().progress(function (t) { $.process(changeFixPos, isText, uploadTrim, uploaduuid, relImage, ooWidth, initWidthMM, templateTyp, mm2pxFactor, imgFactor, drgebietLeftPx, drgebietTopPx, drgebietWidthPx, drgebietHeightPx, fixpos, motivp, motivi, akt_fixposLeftPos, akt_fixposTopPos, fixposAlign, that, isReload, oldid, acP, posIndex, template, aPT, zIndex, imageid, img, scaleable, rotatable, deleteable, editable, draggable, resizableClass, draggableClass, rotatableClass, aktLeft_px, aktTop_px, aktWidth_px, aktHeight_px, motOvHelper, helperWidth, aId, res, aoData, renew, apiWidth, initHeightMM, apiHeight, initHeightPrint, uniqueGruppe, options); }); } if (isOk === true && relImage.length && relImage.width() > 0) { if(motivp && motivi && pmo[motivp][motivi].druck_id){ options.druck_id = pmo[motivp][motivi].druck_id; } $.process(changeFixPos, isText, uploadTrim, uploaduuid, relImage, ooWidth, initWidthMM, templateTyp, mm2pxFactor, imgFactor, drgebietLeftPx, drgebietTopPx, drgebietWidthPx, drgebietHeightPx, fixpos, motivp, motivi, akt_fixposLeftPos, akt_fixposTopPos, fixposAlign, that, isReload, oldid, acP, posIndex, template, aPT, zIndex, imageid, img, scaleable, rotatable, deleteable, editable, draggable, resizableClass, draggableClass, rotatableClass, aktLeft_px, aktTop_px, aktWidth_px, aktHeight_px, motOvHelper, helperWidth, aId, res, aoData, renew, apiWidth, initHeightMM, apiHeight, initHeightPrint, uniqueGruppe, options); } }); }; $.setMotive = function (motivp, motivi, renew, isReload, isMover, res, textrows) { if(motivp && motivi && pmo[motivp][motivi].ajaxId){ ajaxId = pmo[motivp][motivi].ajaxId; } else { if(!ajaxId){ ajaxId = 1; } else { ajaxId = ajaxId + 1; ajaxId = ajaxId + 1; } } if (xhr[ajaxId] && !isReload) { xhr[ajaxId].abort(); //tempdisabled } $('.tmp').remove(); $.loadOverlay(); var uniqueGruppe, initHeightPrint, tate, text, trow, trowid, tradius, scale, scaleHeight, isText, textcolor, topt = {}, ti, tmpIdx, tmpZeilen = {}, pixratio, uploadTrim, uploaduuid, drgebiet, hasText = true, hasElements = true, isUpload = false, oldid, initWidthMM, initHeightMM, url, acP, aPT, useAllText = true, iia = 0, usedTextColors = [], aoData = [], template, val, colorHolder, colorRgb, isMotive = false; acP = $('#motivDesignerForm').attr('data-activePos'); aPT = $('#motivDesignerForm').attr('data-activePositionsTyp'); if (!textrows && motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].text) { textrows = []; if (isReload) { $.each(pmo[motivp][motivi].text, function(a) { textrows[a] = pmo[motivp][motivi].text[a].text; }); } else { text = $.trim($('#sticktext').val()); text = text.split('\n'); //textrows = $.grep(text,function(n){ return(n) }); textrows = text; } } if (!textrows) { if (!template && motivp && motivi && pmo[motivp] && pmo[motivp][motivi] && pmo[motivp][motivi] && pmo[motivp][motivi].template) { template = pmo[motivp][motivi].template; } else { template = $('.temselect.selected').first().attr('data-value'); //check for uniqueGruppe if($('.temselect.selected').first().attr('data-uniqueGruppe')){ //search for exist on this side uniqueGruppe = $('.temselect.selected').first().attr('data-uniqueGruppe'); if($('.ovholder[data-pos="' + acP + '"][data-uniquegruppe="' + uniqueGruppe + '"]').length){ motivp = acP; motivi = $('.ovholder[data-pos="' + acP + '"][data-uniqueGruppe="' + uniqueGruppe + '"]').attr('data-posindex'); renew = true; isReload = false; pmo[motivp][motivi].template = template; pmo[motivp][motivi].label = $('.temselect[data-value="' + template + '"]').attr('data-label'); pmo[motivp][motivi].templatelabel = $('.temselect[data-value="' + template + '"]').attr('data-title'); delete pmo[motivp][motivi].designId; delete pmo[motivp][motivi].stickMotiv; delete pmo[motivp][motivi].aoData.designId; delete pmo[motivp][motivi].aoData.motivId; delete pmo[motivp][motivi].aoData.widthMM; delete pmo[motivp][motivi].aoData.heightMM; delete pmo[motivp][motivi].aoData; delete pmo[motivp][motivi].aktWidth_px; delete pmo[motivp][motivi].aktHeight_px; delete pmo[motivp][motivi].initialApiWidth; delete pmo[motivp][motivi].initialApiHeight; delete pmo[motivp][motivi].ajaxId; delete pmo[motivp][motivi].grundHeight_mm; delete pmo[motivp][motivi].grundWidth_mm; pmo[motivp][motivi].template = template; } } } if ((!template && !isMover && !renew) || (motivp && pmo[motivp][motivi].templateTyp && pmo[motivp][motivi].templateTyp === 'upload')) { uploaduuid = $('.uploadselect.selected').first().find('img').attr('data-uuid'); pixratio = $('.uploadselect.selected').first().find('img').attr('data-width') / $('.uploadselect.selected').first().find('img').attr('data-height'); isUpload = false; //aoData.push({'name': 'isUpload', 'value': true}); if ($('input[name="uploadTrim"]').is(':checked') || !$('input[name="uploadTrim"]').length) { aoData.push({'name': 'uploadTrim', 'value': 1}); uploadTrim = 1; } else { aoData.push({'name': 'uploadTrim', 'value': 0}); uploadTrim = 0; } if (motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].isMotive && pmo[motivp][motivi].designId) { aoData.push({'name': 'motivId', 'value': pmo[motivp][motivi].stickMotiv}); aoData.push({'name': 'designId', 'value': pmo[motivp][motivi].designId}); isMotive = true; } else { if (!textrows) { aoData.push({'name': 'uploaduuid', 'value': uploaduuid}); aoData.push({'name': 'templateId', 'value': 1346}); template = 1346; $('.temselect[data-value="' + template + '"]').addClass('selected'); $.loadTemplateForm(template); } } } } if (textrows) { topt.typ = 'normal'; topt.envelope = 'rectangle'; aoData.push({'name': 'drehung', 'value': 0}); aoData.push({'name': 'type', 'value': $('.textmottype.active').attr('data-type')}); if (motivp && motivi && pmo[motivp] && pmo[motivp][motivi]) { pmo[motivp][motivi].templateTyp = $('.textmottype.active').attr('data-type'); if (pmo[motivp][motivi].templateTyp == 'stick') { pmo[motivp][motivi].zIndex = 3000; } else { pmo[motivp][motivi].zIndex = 2000; } } for (ti = 0; ti < textrows.length; ti = ti + 1) { trowid = parseInt(ti, 10) + 1; trow = $('.tformat[data-row="' + trowid + '"]'); //if (textrows[ti]) { tmpIdx = Object.size(tmpZeilen); if (isReload && renew && motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].text && pmo[motivp][motivi].text[ti] && pmo[motivp][motivi].text[ti].farbe) { topt.farbe = pmo[motivp][motivi].text[ti].farbe; topt.rgb = pmo[motivp][motivi].text[ti].rgb; } else if (trow.length) { colorHolder = trow.find('.txtColorPicker').find('input[name="color"]'); colorRgb = colorHolder.css('backgroundColor'); if (colorRgb === undefined) { $.initColorpicker(); colorHolder = trow.find('.txtColorPicker').find('input[name="color"]'); colorRgb = colorHolder.css('backgroundColor'); colorRgb = trow.find('.colorico').css('backgroundColor'); } if (colorRgb == 'transparent') { colorRgb = trow.find('.colorico').css('backgroundColor'); } topt.rgb = $.hexToRgb(colorRgb); colorRgb = colorRgb.split(' ').join('').toString(); tate = $.rgb2hex(colorRgb); if (!tate) { tate = colorRgb; } tate = tate.replace('#', ''); topt.farbe = trow.find('.txtColorPicker').find('option[value="' + tate + '"]').first().attr('data-mad'); } if (isReload && renew && motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].text && pmo[motivp][motivi].text[ti] && pmo[motivp][motivi].text[ti].schriftartId) { topt.schriftartId = pmo[motivp][motivi].text[ti].schriftartId; } else if (trow.length) { if($('.tformat[data-row="' + trowid + '"]').find('.sfont[data-type="' + $('.textmottype.active').attr('data-type') + '"]').find('.cfont.selected').length == 0){ $('.tformat[data-row="' + trowid + '"]').find('.sfont[data-type="' + $('.textmottype.active').attr('data-type') + '"]').find('.cfont:first').addClass('selected'); } topt.schriftartId = $('.tformat[data-row="' + trowid + '"]').find('.sfont[data-type="' + $('.textmottype.active').attr('data-type') + '"]').find('.cfont.selected').attr('data-value'); } if (isReload && renew && motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].text && pmo[motivp][motivi].text[ti] && pmo[motivp][motivi].text[ti].ausrichtung) { topt.ausrichtung = pmo[motivp][motivi].text[ti].ausrichtung; } else if (trow.length) { topt.ausrichtung = $('.tformat[data-row="' + trowid + '"]').find('.sausrichtung').find('.causrichtung.selected').attr('data-value'); } if (isReload && renew && motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].text && pmo[motivp][motivi].text[ti] && pmo[motivp][motivi].text[ti].schrifthoehe) { topt.schrifthoehe = pmo[motivp][motivi].text[ti].schrifthoehe; } else if (trow.length) { topt.schrifthoehe = $('.tformat[data-row="' + trowid + '"]').find('.fontsize').slider('value'); if(pmo && pmo[motivp] && pmo[motivp][motivi] && pmo[motivp][motivi].templateTyp == 'stick' && topt.schrifthoehe > 23){ topt.schrifthoehe = 23; } } tradius = 0; topt.tradius = tradius; if (isReload && renew && motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].text && pmo[motivp][motivi].text[ti] && pmo[motivp][motivi].text[ti].tradius) { topt.tradius = pmo[motivp][motivi].text[ti].tradius; tradius = topt.tradius; } else if(trow.length){ tradius = $('.tformat[data-row="' + trowid + '"]').find('.tradius').slider('value'); topt.tradius = tradius; } if (isReload && renew && motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].text && pmo[motivp][motivi].text[ti] && pmo[motivp][motivi].text[ti].zeilenabstand) { topt.zeilenabstand = pmo[motivp][motivi].text[ti].zeilenabstand; } else if(trow.length) { topt.zeilenabstand = $('.tformat[data-row="' + trowid + '"]').find('.lineheight').slider('value'); } topt.typ = 'normal'; topt.refY = 0; if (tradius == 0) { topt.typ = 'normal'; topt.refY = 0; } else { topt.typ = 'kreis'; if (tradius > 0) { topt.refY = $('.tformat').find('.tradius').slider('option', 'max') - tradius; topt.position = 'oben'; } else { if (tradius) { topt.refY = ($('.tformat').find('.tradius').slider('option', 'min') - tradius) * -1; } else { topt.refY = 0; topt.tradius = 0; } topt.position = 'unten'; } } tmpZeilen[tmpIdx] = $.extend(true, {}, topt); tmpZeilen[tmpIdx].text = textrows[ti]; //} } aoData.push({'name': 'textrows', 'value': JSON.stringify(tmpZeilen, 2, null)}); scale = 1; if (motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].scale) { scale = pmo[motivp][motivi].scale; } aoData.push({'name': 'scale', 'value': scale}); aoData.push({'name': 'isText', 'value': 1}); isText = tmpZeilen; } if (!textrows) { if (motivp && motivi && pmo[motivp] && pmo[motivp][motivi] && pmo[motivp][motivi].isMotive && pmo[motivp][motivi].designId) { aoData.push({'name': 'motivId', 'value': pmo[motivp][motivi].stickMotiv}); aoData.push({'name': 'designId', 'value': pmo[motivp][motivi].designId}); isMotive = true; } if (motivp && motivi && pmo[motivp] && pmo[motivp][motivi] && pmo[motivp][motivi].isMotive && pmo[motivp][motivi].druck_id) { aoData.push({'name': 'druck_id', 'value': pmo[motivp][motivi].druck_id}); isMotive = true; } if (motivp && pmo[motivp][motivi].uploaduuid) { uploaduuid = pmo[motivp][motivi].uploaduuid; template = 1346; if ($('input[name="uploadTrim"]').is(':checked')) { aoData.push({'name': 'uploadTrim', 'value': 1}); uploadTrim = 1; } else { aoData.push({'name': 'uploadTrim', 'value': 0}); uploadTrim = 0; } isUpload = false; aoData.push({'name': 'uploaduuid', 'value': uploaduuid}); aoData.push({'name': 'templateId', 'value': template}); } } $('.origholder').find('.mtt').width($('.motivImage.hasMotiv.hasMotiv' + aPT).width()); if (motivp) { acP = motivp; aPT = pmo[motivp][motivi].aPT; if (!textrows) { template = pmo[motivp][motivi].template; } } drgebiet = $('.motpos[value="' + acP + '"]').closest('li').find('.drgebiet').first(); if (!$('.motpos[value="' + acP + '"]').closest('li').find('.drgebiet').first().length) { $.setInfo('Auf dieser Position ist leider keine Individualisierung möglich'); $.loadOverlay(true); return; } if (!isReload && !textrows) { if (isUpload === false && isMotive === false && !pixratio) { $('.elcolorholder').find('.mcpick').find('input[name="color"]').each(function () { var holder, cname, hex, tho; holder = $(this).closest('div'); if ($(this).closest('.mcpick').hasClass('multichang')){ cname = 'elementColor[' + holder.attr('data-element') + '][' + holder.attr('data-colorId') + ']'; aoData.push({'name': cname, 'value': $.hexToRgb($(this).closest('.colorPicker').find('.colorico').css('backgroundColor'))}); } else { cname = 'motivColor[' + holder.attr('data-colorId') + ']'; aoData.push({'name': cname, 'value': $.hexToRgb($(this).css('backgroundColor'))}); } hex = $.rgb2hex($(this).css('backgroundColor')); if (!hex) { hex = $(this).css('backgroundColor'); } hex = hex.replace("#", ""); $(this).attr('title', $('.colorpicker').find('option[value="' + hex + '"]').first().text()); $(this).attr('value', hex).val(hex); $(this).css('backgroundColor', '#' + hex); $(this).css('borderColor', '#' + hex); if (hex == 'ffffff') { $(this).css('borderColor', '#000000'); } }); $('#motivColors').find('.mcpick').find('input[name="color"]').each(function () { var holder, cname, hex; holder = $(this).closest('div'); cname = 'motivColor[' + holder.attr('data-colorId') + ']'; aoData.push({'name': cname, 'value': $.hexToRgb($(this).css('backgroundColor'))}); hex = $.rgb2hex($(this).css('backgroundColor')); if (!hex) { hex = $(this).css('backgroundColor'); } hex = hex.replace("#", ""); $(this).attr('title', $('.colorpicker').find('option[value="' + hex + '"]').first().text()); $(this).attr('value', hex).val(hex); $(this).css('backgroundColor', '#' + hex); $(this).css('borderColor', '#' + hex); if (hex == 'ffffff') { $(this).css('borderColor', '#000000'); } }); if (!$('.textinput').length) { hasText = true; } $('.desinput').each(function () { var toggler, name, hex; name = $(this).attr('name'); val = $(this).val(); $(this).val(val).attr('value', val); if ($.trim(val) === '') { $(this).val(val).attr('value', val); } if (val == '') { val = ' '; } aoData.push({'name': name, 'value': val}); if ($(this).hasClass('textinput') && $(this).is('[type=text]')) { if ($.trim(val) !== '') { hasText = true; } colorHolder = $(this).closest('.ym-grid').find('input[name="color"]'); colorRgb = colorHolder.css('backgroundColor'); name = $(this).attr('data-name'); name = 'color[' + name + ']'; if (colorRgb === undefined) { $.initColorpicker(); colorHolder = $(this).closest('.ym-grid').find('input[name="color"]'); colorRgb = colorHolder.css('backgroundColor'); } colorRgb = colorRgb.split(' ').join('').toString(); colorRgb = colorHolder.closest('.colorPicker').find('.colorico').css('backgroundColor'); hex = $.rgb2hex(colorHolder.closest('.colorPicker').find('.colorico').css('backgroundColor')); if (!hex) { hex = colorHolder.closest('.colorPicker').find('.colorico').css('backgroundColor'); } hex = hex.replace("#", ""); colorHolder.attr('data-id', $('.colorpicker').find('option[value="' + hex + '"]').first().attr('data-id')); colorHolder.attr('title', $('.colorpicker').find('option[value="' + hex + '"]').first().text()); colorHolder.attr('value', hex).val(hex); aoData.push({'name': name, 'value': $.hexToRgb(colorRgb)}); if (iia === 0) { usedTextColors[iia] = colorHolder.val(); } else if (usedTextColors[0] !== colorHolder.val()) { useAllText = false; } iia = iia + 1; if (motivp === null) { toggler = $(this).closest('.ym-grid').find('.toggles').data('toggles'); if ($.trim($(this).val())) { toggler.toggle(true); } else { toggler.toggle(false); } } } }); if (useAllText === true) { $('input[name="alltexts"]').val(usedTextColors[0]).attr('value', usedTextColors[0]).css('backgroundColor', '#' + usedTextColors[0]).css('color', '#' + usedTextColors[0]); $('input[name="alltexts"]').closest('.colorPicker').find('.colorico').css('backgroundColor', '#' + usedTextColors[0]); $('input[name="alltexts"]').closest('.colorPicker').find('.colorico').css('borderColor', '#' + usedTextColors[0]); if (usedTextColors[0] == 'ffffff') { $('input[name="alltexts"]').closest('.colorPicker').find('.colorico').css('borderColor', '#000000'); } } $('.allelementsholder[data-id="' + template + '"]').find('.detselect.selected').each(function () { aoData.push({'name': $(this).first().attr('data-name'), 'value': $(this).first().attr('data-value')}); if ($(this).first().attr('data-value') && $(this).first().attr('data-value') !== '0') { hasElements = true; } }); } switch (aPT) { case '1': initWidthMM = 90; initHeightMM = 180; if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-type') == 'stick') { initHeightMM = 180; } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-initWidth_mm') && parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-initWidth_mm')) > 0) { //initHeightMM = $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm'); initWidthMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-initWidth_mm')); } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm') && parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm')) > 0 && initWidthMM > $('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm')) { initWidthMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm')); } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-initHeight_mm') && parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-initHeight_mm')) > 0) { //initHeightMM = $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm'); initHeightMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-initHeight_mm')); initHeightPrint = initHeightMM; } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm') && parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm')) > 0 && initHeightMM > $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm')) { initHeightMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm')); } break; case '2': initWidthMM = 190; initHeightMM = 190; if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-type') == 'stick') { initHeightMM = 380; } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-initWidth_mm') && parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-initWidth_mm')) > 0) { //initHeightMM = $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm'); initWidthMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-initWidth_mm')); } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm') && parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm')) > 0 && initWidthMM > $('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm')) { initWidthMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm')); } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm') && parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm')) > 0 && initHeightMM > $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm')) { initHeightMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm')); } break; case '3': initWidthMM = 90; initHeightMM = 180; if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-type') == 'stick') { initHeightMM = 180; } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-initWidth_mm') && parseFloat($('.temselect[data-value="' + template +'"]').first().attr('data-initWidth_mm')) > 0) { //initHeightMM = $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm'); initWidthMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-initWidth_mm')); } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm') && parseFloat($('.temselect[data-value="' + template +'"]').first().attr('data-maxWidth_mm')) > 0 && initWidthMM > $('.temselect[data-value="' + template +'"]').first().attr('data-maxWidth_mm')) { initWidthMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm')); } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-initHeight_mm') && parseFloat($('.temselect[data-value="' + template +'"]').first().attr('data-initHeight_mm')) > 0) { //initHeightMM = $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm'); initHeightMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-initHeight_mm')); initHeightPrint = initHeightMM; } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm') && parseFloat($('.temselect[data-value="' + template +'"]').first().attr('data-maxHeight_mm')) > 0 && initHeightMM > $('.temselect[data-value="' + template +'"]').first().attr('data-maxHeight_mm')) { initHeightMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm')); } break; case '4': initWidthMM = 90; initHeightMM = 180; if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-type') == 'stick') { initHeightMM = 180; } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-initWidth_mm') && parseFloat($('.temselect[data-value="' + template +'"]').first().attr('data-initWidth_mm')) > 0) { //initHeightMM = $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm'); initWidthMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-initWidth_mm')); } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm') && parseFloat($('.temselect[data-value="' + template +'"]').first().attr('data-maxWidth_mm')) > 0 && initWidthMM > $('.temselect[data-value="' + template +'"]').first().attr('data-maxWidth_mm')) { initWidthMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxWidth_mm')); } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-initHeight_mm') && parseFloat($('.temselect[data-value="' + template +'"]').first().attr('data-initHeight_mm')) > 0) { //initHeightMM = $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm'); initHeightMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-initHeight_mm')); initHeightPrint = initHeightMM; } if (template && $('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm') && parseFloat($('.temselect[data-value="' + template +'"]').first().attr('data-maxHeight_mm')) > 0 && initHeightMM > parseFloat($('.temselect[data-value="' + template +'"]').first().attr('data-maxHeight_mm'))) { initHeightMM = parseFloat($('.temselect[data-value="' + template + '"]').first().attr('data-maxHeight_mm')); } break; default: initWidthMM = 95; initHeightMM = 140; break; } if (pixratio) { initHeightMM = initWidthMM / pixratio; } } if (motivp && pmo[motivp][motivi].newPxWidth) { initWidthMM = parseFloat(pmo[motivp][motivi].newPxWidth * pmo[motivp][motivi].mm2pxFactor * pmo[motivp][motivi].imageFactor); initHeightMM = parseFloat(pmo[motivp][motivi].newPxHeight * pmo[motivp][motivi].mm2pxFactor * pmo[motivp][motivi].imageFactor); if (textrows) { //scale = pmo[motivp][motivi].newPxWidth / pmo[motivp][motivi].aktWidth_px; scale = 1; pmo[motivp][motivi].scale = scale; aoData.push({'name': 'scale', 'value': scale}); } } else if (motivp && pmo[motivp][motivi].aktWidth_px) { initWidthMM = parseFloat(pmo[motivp][motivi].aktWidth_px * pmo[motivp][motivi].mm2pxFactor); initHeightMM = parseFloat(pmo[motivp][motivi].aktHeight_px * pmo[motivp][motivi].mm2pxFactor); if (tmpPos && tmpPos.newPxWidth) { initWidthMM = parseFloat(tmpPos.newPxWidth * pmo[motivp][motivi].mm2pxFactor * pmo[motivp][motivi].imageFactor); initHeightMM = parseFloat(tmpPos.newPxHeight * pmo[motivp][motivi].mm2pxFactor * pmo[motivp][motivi].imageFactor); tmpPos.newPxWidth = false; tmpPos.newPxHeight = false; } } if (motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].isClone && pmo[motivp][motivi].isClone === true) { initWidthMM = pmo[motivp][motivi].grundWidth_mm; initHeightMM = pmo[motivp][motivi].grundHeight_mm; } if (isReload === true && !isMover) { initWidthMM = pmo[motivp][motivi].grundWidth_mm; initHeightMM = pmo[motivp][motivi].grundHeight_mm; } if (motivp && motivi && pmo[motivp][motivi].isClone !== true) { oldid = pmo[motivp][motivi].imageid; } if (motivp && motivi && pmo[motivp][motivi].uniqueGruppe) { uniqueGruppe = pmo[motivp][motivi].uniqueGruppe; } if (isReload) { aoData = pmo[motivp][motivi].aoData; } else { if (motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].initialApiWidth && pmo[motivp][motivi].templateTyp == 'stick') { if (pmo[motivp][motivi].wFactor && pmo[motivp][motivi].initialApiWidth > pmo[motivp][motivi].apiWidth && !pmo[motivp][motivi].newPxWidth) { initWidthMM = pmo[motivp][motivi].initialApiWidth / initWidthMM * initWidthMM / 10; } else if (pmo[motivp][motivi].wFactor && pmo[motivp][motivi].wFactor < 1) { initWidthMM = pmo[motivp][motivi].initialApiWidth / initWidthMM * initWidthMM / 10 / pmo[motivp][motivi].wFactor; } else if (pmo[motivp][motivi].wFactor && pmo[motivp][motivi].wFactor > 1) { initWidthMM = pmo[motivp][motivi].initialApiWidth / initWidthMM * initWidthMM / 10; } else { initWidthMM = pmo[motivp][motivi].initialApiWidth / initWidthMM * initWidthMM / 10; } } if (motivp && motivi && pmo[motivp][motivi] && pmo[motivp][motivi].initialApiHeight && pmo[motivp][motivi].templateTyp == 'stick') { if (pmo[motivp][motivi].hFactor && pmo[motivp][motivi].initialApiHeight > pmo[motivp][motivi].apiHeight && !pmo[motivp][motivi].newPxHeight) { initHeightMM = pmo[motivp][motivi].initialApiHeight / initHeightMM * initHeightMM / 10; } else if (pmo[motivp][motivi].hFactor && pmo[motivp][motivi].hFactor < 1) { initHeightMM = pmo[motivp][motivi].initialApiHeight / initHeightMM * initHeightMM / 10 / pmo[motivp][motivi].hFactor; } else if (pmo[motivp][motivi].hFactor && pmo[motivp][motivi].hFactor > 1) { initHeightMM = pmo[motivp][motivi].initialApiHeight / initHeightMM * initHeightMM / 10; } else { initHeightMM = pmo[motivp][motivi].initialApiHeight / initHeightMM * initHeightMM / 10; } } if (res) { initWidthMM = res.post.widthMM; initHeightMM = res.post.heightMM; } aoData.push({'name': 'widthMM', 'value': Math.round(initWidthMM)}); aoData.push({'name': 'heightMM', 'value': Math.round(initHeightMM)}); } if (res) { initWidthMM = res.post.widthMM; initHeightMM = res.post.heightMM; } if (motivp && pmo[motivp][motivi].newPxWidth) { delete pmo[motivp][motivi].newPxWidth; delete pmo[motivp][motivi].newPxHeight; } if (!isReload && hasText === false && hasElements === false && $('.detselect').length) { $.loadOverlay(true); return false; } if (1==2 && motivp && motivi && pmo[motivp] && pmo[motivp][motivi]) { if (initWidthMM) { $.each(aoData, function (a) { if(aoData[a]){ if (aoData[a].name == 'previewWidth' || aoData[a].name == 'previewHeight') { delete aoData[a]; } } }); aoData.push({'name': 'previewWidth', 'value': parseInt(initWidthMM / pmo[motivp][motivi].mm2pxFactor / pmo[motivp][motivi].imageFactor, 10)}); aoData.push({'name': 'previewHeight', 'value': parseInt(initHeightMM / pmo[motivp][motivi].mm2pxFactor / pmo[motivp][motivi].imageFactor, 10)}); } } if (!res) { url = '/ajax/ajax_update_designer.php?language=' + $('html').attr('lang'); xhr[ajaxId] = $.ajax({ dataType: 'json', type: 'POST', url: url, async: true, data: aoData, success: function (res) { $.buildMotive(isText, uploadTrim, uploaduuid, res, motivp, motivi, acP, aPT, renew, oldid, drgebiet, initWidthMM, initHeightMM, isReload, template, aoData, isMover, initHeightPrint, uniqueGruppe); $.loadMotiveDragger(); } }); } else { $.buildMotive(isText, uploadTrim, uploaduuid, res, motivp, motivi, acP, aPT, renew, oldid, drgebiet, initWidthMM, initHeightMM, isReload, template, aoData, isMover, initHeightPrint, uniqueGruppe); $.loadMotiveDragger(); } }; $.motRuler = function (element) { var rotWidth, rotHeight, rotation, relDiv, relImg, hide = {}, prefix = '', stageHolder, v1, v2, v3, v4, v5, v6, v1l, v2l, v3l, v4l, v5l, v6l, line, midLeft, midLeftAdd, active, activeLeft, activeWidth, activeTop, activeHeight; active = $('.motivImage').find('.ovholder.active'); prefix = 'ad' + active.attr('data-id'); if (element && element.attr('data-id') !== active.attr('data-id')) { active = element; prefix = 'ad' + active.attr('data-id'); prefix = prefix + ' brightline'; } $('.tmp.' + prefix).hide(); relImg = active.closest('.stageHolder').find('.rpcol'); relDiv = active.closest('.stageHolder').find('.drov'); if (!active.position()) { return false; } activeLeft = active.position().left + relDiv.position().left; activeTop = active.position().top + relDiv.position().top; activeWidth = active.width(); activeHeight = active.height(); if (active.attr('data-rotation') && active.attr('data-rotation') !== '0') { rotation = parseInt(active.attr('data-rotation'), 10); rotWidth = ((activeWidth * Math.abs(Math.cos(rotation * Math.PI / 180))) + (activeHeight * Math.abs(Math.sin(rotation * Math.PI / 180)))); rotHeight = ((activeWidth * Math.abs(Math.sin(rotation * Math.PI / 180))) + (activeHeight * Math.abs(Math.cos(rotation * Math.PI / 180)))); activeWidth = rotWidth; activeHeight = rotHeight; } midLeft = relImg.width() / 2 + relImg.position().left; midLeftAdd = Math.round(((midLeft - (activeLeft + activeWidth)) * 2) + activeWidth); stageHolder = active.closest('.stageHolder'); line = $('.mh1.' + prefix).show(); if (!line.length) { line = $('
').width('100%').addClass('tmp motruler mvx mh1 ' + prefix).css('left', 0); stageHolder.append(line); } line.css('top', parseInt(activeTop - 2, 10)); line = $('.mh2.' + prefix).show(); if (!line.length) { line = $('
').width('100%').addClass('tmp motruler mvx mh2 ' + prefix).css('left', 0); stageHolder.append(line); } line.css('top', parseInt(activeTop + activeHeight + 2, 10)); line = $('.mh3.' + prefix).show(); if (!line.length) { line = $('
').width('100%').addClass('tmp motruler mvx mh3 ' + prefix).css('left', 0); stageHolder.append(line); } line.css('top', parseInt(activeTop + activeHeight / 2, 10)); v1 = $('.mv1.' + prefix).show(); v2 = $('.mv1.mirrorline.' + prefix).show(); if (!v2.length) { v2 = $('
').addClass('tmp motruler mv1 ' + prefix + ' mirrorline').height('100%').css('top', 0); if (!element) { stageHolder.append(v2); } } if (!v1.length) { v1 = $('
').addClass('tmp motruler mv1 ' + prefix + ' mvy').height('100%').css('top', 0); stageHolder.append(v1); } v1l = Math.round(activeLeft - 2); v2l = v1l + midLeftAdd; v1.css('left', v1l); v2.css('left', v2l); v3 = $('.mv2.' + prefix).show(); v4 = $('.mv2.mirrorline.' + prefix).show(); if (!v4.length) { v4 = $('
').addClass('tmp motruler mv2 ' + prefix + ' mirrorline').height('100%').css('top', 0); if (!element) { stageHolder.append(v4); } } if (!v3.length) { v3 = $('
').addClass('tmp motruler mv2 ' + prefix + ' mvy').height('100%').css('top', 0); stageHolder.append(v3); } v3l = Math.round(activeLeft + activeWidth + 2); v4l = v3l + midLeftAdd; v3.css('left', v3l); v4.css('left', v4l); v5 = $('.mv3.' + prefix).show(); v6 = $('.mv3.mirrorline.' + prefix).show(); if (!v6.length) { v6 = $('
').addClass('tmp motruler mv3 ' + prefix + ' mirrorline').height('100%').css('top', 0); if (!element) { stageHolder.append(v6); } } if (!v5.length) { v5 = $('
').addClass('tmp motruler mv3 ' + prefix + ' mvy').height('100%').css('top', 0); stageHolder.append(v5); } v5l = Math.round(activeLeft + activeWidth / 2); v6l = v5l + midLeftAdd; v5.css('left', v5l); v6.css('left', v6l); if (!element) { stageHolder.find('.mvy.' + prefix).each(function () { var left = parseInt($(this).css('left'), 10), tolerance = 1; if (left >= v2l - tolerance && left <= v2l + tolerance) { $(this).addClass('mirrorkong'); hide[1] = v2; } else if (left >= v4l - tolerance && left <= v4l + tolerance) { $(this).addClass('mirrorkong'); hide[2] = v4; } else if (left >= v6l - tolerance && left <= v6l + tolerance) { $(this).addClass('mirrorkong'); hide[3] = v6; } else { $(this).removeClass('mirrorkong'); $('.mirrorline').show(); } }); $.each(hide, function (a) { hide[a].hide(); }); } }; $.updateCreation = function () { if ($.active > 0) { window.setTimeout($.updateCreation, 10); } else { var checkData = {}, muri, akObject, surl; muri = $('#turl').attr('data-url'); surl = $('#turl').attr('data-surl'); checkData.uri = surl + muri; if (!$.isEmptyObject(pmo)) { checkData.motives = JSON.stringify(pmo); } akObject = $.createAkObject(); checkData.produktDetails = akObject; xhruc = $.ajax({ dataType: 'json', type: 'POST', url: '/ajax/ajax_update_designer.php?action=uc&language=' + $('html').attr('lang'), data: checkData, success: function (ddd) { var uri, qrcode, htmlimg = $('').hide(), smallimg, set = {}, img, imgsrc = $(''); uri = muri + '/' + ddd.p.uuid; qrcode = '/images/qrcodes/' + ddd.p.qrcode; $('#qrcode').attr('src', qrcode); $('#qrcode').attr('data-uuid', ddd.p.uuid); $('#qrcode').closest('div').show(); if (ddd.akp) { $.each(ddd.akp, function (e) { var img, imgsrc = $(''); imgsrc.attr('src', $('span[data-id="imageScript"]').attr('data-val') + '?akPoId=' + ddd.akp[e].akPId + '&sId=' + $('span[data-id="shopId"]').attr('data-val') + '&maxWidth=60&maxHeight=60&pSize=1'); imgsrc.addClass('prdc'); //img = $(''); img = $(''); img.append(imgsrc); htmlimg.append(img); }); $('.prdc').imagesLoaded().done(function () { $('.imgsharer').html(''); $('.imgsharer').html(htmlimg.show().html()).show(); }); } else { imgsrc.attr('src', $('.rpcol').first().attr('src') + '&width=60&height=60&maxWidth=60&maxHeight=60'); imgsrc.addClass('prdc'); img = $(''); img.append(imgsrc); htmlimg.append(img); $('.prdc').imagesLoaded().done(function () { $('.imgsharer').html(''); $('.imgsharer').html(htmlimg.show().html()).show(); }); } if (ddd.preise && pmo) { $.each(pmo, function (a) { $.each(pmo[a], function (b) { $.each(ddd.preise, function (c) { if (ddd.preise[c].apiId == pmo[a][b].sid && ddd.preise[c].acP == pmo[a][b].acP && !set[a + '-' + b]) { pmo[a][b].price = ddd.preise[c].preis; $.updatePriceDiv(); delete ddd.preise[c]; set[a + '-' + b] = a + '-' + b; } }); }); }); } else { $.updatePriceDiv(); } $('#fbsharer').attr('href', 'https://www.facebook.com/sharer/sharer.php?u=' + surl + uri); $('#fbsharer').attr('data-id', ddd.p.uuid); $('#twsharer').attr('href', 'https://twitter.com/share?hashtags=' + sprache.hashtags + '&url=' + surl + uri); $('#twsharer').attr('data-id', ddd.p.uuid); $('#insharer').attr('data-id', ddd.p.uuid); $('#bthp').attr('data-id', ddd.p.uuid); $('#bthpp').attr('data-id', ddd.p.uuid); $('#dUuid').attr('data-uuid', ddd.p.uuid); $('#sasa').attr('data-id', ddd.p.uuid); if (ddd.akp) { $('#insharer').attr('href', '//de.pinterest.com/pin/create/button/?url=' + encodeURIComponent(surl + uri) + '&description=' + $('#arthead').text() + '&media=' + encodeURIComponent($('span[data-id="imageScript"]').attr('data-val') + '?akPoId=' + ddd.akp[0].akPId + '&sId=' + $('span[data-id="shopId"]').attr('data-val') + '&maxWidth=250&maxHeight=250&pSize=1')); } if ($('.body_motivDesigner').length && typeof (window.history.pushState) === 'function') { history.pushState({id: location.pathname}, document.title, location.pathname); history.pushState({id: surl + uri}, '', surl + uri); } $('.langswitch').find('a').each(function () { $(this).attr('href', $(this).attr('data-prefix') + uri.replace($('#turl').attr('data-prefix'), '/').replace('//', '/')); }); $('.topbox').find('a').each(function () { if ($(this).attr('data-cr') && $(this).closest('.fleinner').find('.gebiet').length) { $(this).attr('href', $(this).attr('data-cr') + ddd.p.uuid); } }); $('.otpro').find('a').each(function () { if ($(this).attr('data-cr')) { $(this).attr('href', $(this).attr('data-cr') + ddd.p.uuid); } }); if (!$('.motivImage').find('.ovholder.active[data-ptyp="text"]').length) { $.checkNeededDivs(); } if ($('.motivImage').find('.ovholder.active[data-ptyp="upload"]').length || $('.motivImage').find('.ovholder.active[data-ptyp="text"]').length) { $.activateMotive($('.motivImage').find('.ovholder.active')); }else { if(!$('.motivImage').find('.ovholder.active').length){ //klick first possible motive $.each(pmo, function (a) { $.each(pmo[a], function (b) { if (pmo[a][b].defMot && (pmo[a][b].editable == 1 || pmo[a][b].deleteable == 1)) { $.activateMotive($('.motivImage').find('.ovholder[data-auid="' + pmo[a][b].ajaxId + '"]')); return true; } }) }); } } $.initTooltipster(); clearTimeout(ttTimer); ttTimer = setTimeout(function () { $.loadOverlay(true); }, 300); if(needsMovement === true){ needsMovement = false; var widget = $('.ovholder.active'); if(widget.attr('data-ptyp') == 'text'){ widget.simulate('drag', { dx: dmdx, moves: 1 }); dmdx = dmdx * -1; } } } }); } }; $.checkUploadQuality = function(widthPx, widthMM) { var resultX, result = [], text; resultX = parseInt(widthPx / (widthMM / 10), 10); result.percent = resultX; $('.active').find('.activewrapper').removeClass('qualityError'); switch (true) { case (resultX > 100): result.text = 'perfekteQualitaet'; result.percent = 100; break; case (resultX > 60): result.text = 'guteQualitaet'; break; case (resultX > 38): result.text = 'minimumQualitaet'; break; default: result.text = 'schlechteQualitaet'; $('.active').find('.activewrapper').addClass('qualityError'); break; } if(sprache[result.text]){ text = sprache[result.text]; $('#qualitytext').html(text); } //$('.qbarres').find('span').text(result.percent + '%'); $('.qbarres').css('left', result.percent + '%'); return result; }; $.checkPosition = function (noCc, id) { var div, diameter = 12, blinktime = 600, dataacPt, aId, active = $('.motivImage').find('.ovholder.active'), checkData = {}, dataacP, dataposIndex, relImgFactor; if (id && $('.motivImage').find('.ovholder[data-auid="' + id + '"]').length) { active = $('.motivImage').find('.ovholder[data-auid="' + id + '"]'); } dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); dataacPt = active.attr('data-posTyp'); aId = $('#arthead').attr('data-aId'); pmo[dataacP][dataposIndex].hasCollision = false; relImgFactor = 520 / $('.motivImage').find('.flexible.rpcol').width(); checkData.left = $.bizRound((active.position().left + $('.motivImage').find('.drov').position().left - $('.motivImage').find('.flexible.rpcol').position().left) * relImgFactor); checkData.top = $.bizRound((active.position().top + $('.motivImage').find('.drov').position().top - $('.motivImage').find('.flexible.rpcol').position().top) * relImgFactor); checkData.rotation = pmo[dataacP][dataposIndex].rotation; checkData.motive = pmo[dataacP][dataposIndex].img + '&width=' + pmo[dataacP][dataposIndex].aktWidth_px; aId = aId.split('-'); aId = aId[0]; checkData.position = aId + '_' + dataacPt; pmo[dataacP][dataposIndex].hasCollision = false; if(Math.ceil(checkData.left) >= 520){ pmo[dataacP][dataposIndex].hasCollision = true; div = $('
'); div .addClass('tmp errorpoint') .attr('data-title', 'Das Motiv liegt ausserhalb vom ' + pmo[dataacP][dataposIndex].label + '-Bereich.
Der ' + pmo[dataacP][dataposIndex].label + '-Bereich wird durch die Einfärbung über dem Artikel angezeigt.
Innerhalb vom ' + pmo[dataacP][dataposIndex].label + '-Bereich kann das Motiv frei positioniert werden.') .width(diameter) .height(diameter) .css('position', 'absolute') .css('zIndex', 4985) .css('top', (checkData.top / parseFloat(520 / $('.motivImage').find('.flexible.rpcol').width()) - (diameter / 2) + $('.ccHolder').closest('.motivImage').find('.flexible.rpcol').position().top)) .css('border-radius', diameter) .css('left', (checkData.left / parseFloat(520 / $('.motivImage').find('.flexible.rpcol').width()) - (diameter / 2) + $('.ccHolder').closest('.motivImage').find('.flexible.rpcol').position().left)); $('.ccHolder').closest('.motivImage').append(div); div.fadeOut(blinktime, function () { $(this).fadeIn(blinktime, function () { $(this).fadeOut(blinktime, function () { $(this).fadeIn(blinktime); }); }); }); $('.motruler').hide(); if (!$('.motivImage').find('.ovholder.active').html()) { active.addClass('active'); active.find('.outerhelper').show(); } if (!noCc) { $.updateCreation(); } return; } if (pmo[dataacP][dataposIndex].uploaduuid && pmo[dataacP][dataposIndex].origWidth && pmo[dataacP][dataposIndex].origHeight) { $.checkUploadQuality(pmo[dataacP][dataposIndex].origWidth, pmo[dataacP][dataposIndex].grundWidth_mm); } if (!$('.ccHolder').closest('.motivImage').find('.flexible.rpcol').length) { return; } $('.tmp').remove(); if(typeof xhrcc != 'undefined'){ var xhrcc; } xhrcc = $.ajax({ dataType: 'json', type: 'POST', url: '/ajax/ajax_update_designer.php?action=cc&language=' + $('html').attr('lang'), data: checkData, success: function (ddd) { var div, diameter = 12, blinktime = 600; if (ddd.koords !== undefined && ddd.koords !== true) { $('.ccHolder').show(); pmo[dataacP][dataposIndex].hasCollision = true; div = $('
'); div .addClass('tmp errorpoint') .attr('data-title', 'Das Motiv liegt ausserhalb vom ' + pmo[dataacP][dataposIndex].label + '-Bereich.
Der ' + pmo[dataacP][dataposIndex].label + '-Bereich wird durch die Einfärbung über dem Artikel angezeigt.
Innerhalb vom ' + pmo[dataacP][dataposIndex].label + '-Bereich kann das Motiv frei positioniert werden.') .width(diameter) .height(diameter) .css('position', 'absolute') .css('zIndex', 4985) .css('top', (ddd.koords[1] / parseFloat(520 / $('.motivImage').find('.flexible.rpcol').width()) - (diameter / 2) + $('.ccHolder').closest('.motivImage').find('.flexible.rpcol').position().top)) .css('border-radius', diameter) .css('left', (ddd.koords[0] / parseFloat(520 / $('.motivImage').find('.flexible.rpcol').width()) - (diameter / 2) + $('.ccHolder').closest('.motivImage').find('.flexible.rpcol').position().left)); $('.ccHolder').closest('.motivImage').append(div); div.fadeOut(blinktime, function () { $(this).fadeIn(blinktime, function () { $(this).fadeOut(blinktime, function () { $(this).fadeIn(blinktime); }); }); }); } else { if (dataacP && pmo[dataacP] && pmo[dataacP][dataposIndex]) { pmo[dataacP][dataposIndex].hasCollision = false; } $('.ccHolder').hide(); } if (!$('.motivImage').find('.ovholder.active').html()) { active.addClass('active'); active.find('.outerhelper').show(); } if (!noCc) { $.updateCreation(); } //$.initTooltipster(); if (realActive && $('.motivImage').find('.ovholder[data-auid="' + realActive + '"]').length && !$('.motivImage').find('.ovholder[data-auid="' + realActive + '"]').hasClass('active')) { $('.motivImage').find('.ovholder[data-auid="' + realActive + '"]').trigger('click'); } $('input[name="color"]').each(function () { var color; color = $(this).val(); if (color == 'ffffff') { $(this).css('borderColor', '#000000'); } else if (color == '000000') { $(this).css('borderColor', '#FFFFFF'); } }); } }); }; $.loadMotiveDragger = function () { var initThumbLeft, initThumbTop, doMotruler = true, doDrop = true, dataacP, factor, targetRelImg, mainImgFactor, dataposIndex, resizefromcenter = false, startHeightMM; dataacP = $('#motivDesignerForm').attr('data-activePos'); targetRelImg = $('.simage').find('.previewImg').first(); factor = targetRelImg.width() / $('.flexible.rpcol').width(); mainImgFactor = 520 / $('.flexible.rpcol').width(); $('.motivImage').find('.resizable:visible').each(function () { if (!$(this).data('ui-resizable')) { if ($(this).data('ui-resizable')) { $(this).resizable('destroy'); } if (!$(this).find('.resser').length) { $.addIconHelper('resser ui-resizable-handle', {right: -18, bottom: -18 }, {'data-title': 'Skalieren'}, 'arrow-2-se-nw', $(this)); } //$.initTooltipster(); $(this).resizable({ //containment: '.motivImage .drov', containment: 'document', aspectRatio: true, grid: 1, handles: {'se': '.resser.ui-resizable-handle'}, autoHide: false, disabled: false, start: function (event, ui) { var target = $('.jsMsThumbs div[data-id="' + $(event.target).attr('data-id') + '"]'), center, motCenter, top, left; if (!$(event.target).hasClass('active')) { $.activateMotive(event.target); } left = parseInt($(this).css('left'),10); left = isNaN(left) ? 0 : left; top = parseInt($(this).css('top'),10); top = isNaN(top) ? 0 : top; recoupLeft = left - ui.position.left; recoupTop = top - ui.position.top; dataposIndex = $(event.target).attr('data-posIndex'); target.closest('.simage').find('.motov[data-id="' + pmo[dataacP][dataposIndex].imageid + '"]').find('.ovimga').attr('src', $(event.target).find('.ovimga').attr('src')); $(this).find('.activewrapper').css('borderColor', 'transparent'); //$('.outerhelper').hide(); $('.errorpoint').remove(); center = Math.round($('.motivImage').find('.drov').width() / 2); motCenter = Math.round(ui.position.left - $('.drov').position().left + $(this).width() / 2 + $('.drov').position().left); //if ((motCenter >= center - 2) && (motCenter <= center + 2) || (pmo[dataacP][dataposIndex].rotation > 0 || pmo[dataacP][dataposIndex].rotation < 0)) { if ((motCenter >= center - 2) && (motCenter <= center + 2)) { $(this).resizable('option', 'resizefromcenter', true); resizefromcenter = true; } else { $(this).resizable('option', 'resizefromcenter', false); resizefromcenter = false; } mm2pxFactor = pmo[dataacP][dataposIndex].mm2pxFactor; mm2pxFactorScaled = mm2pxFactor * mainImgFactor; if (!pmo[dataacP][dataposIndex].text) { $(this).resizable('option', 'minWidth', Math.round(90 / mm2pxFactorScaled)); $(this).resizable('option', 'minHeight', 1); if (pmo[dataacP][dataposIndex].aPT == 3 || pmo[dataacP][dataposIndex].aPT == 4) { $(this).resizable('option', 'maxWidth', Math.round(100 / mm2pxFactorScaled)); //$(this).resizable('option', 'maxHeight', Math.round(110 / mm2pxFactorScaled)); } else if (pmo[dataacP][dataposIndex].templateTyp == 'stick' && (pmo[dataacP][dataposIndex].aPT == 1 || pmo[dataacP][dataposIndex].aPT == 2)) { $(this).resizable('option', 'maxWidth', Math.round(290 / mm2pxFactorScaled)); $(this).resizable('option', 'maxHeight', Math.round(270 / mm2pxFactorScaled)); } else if ((pmo[dataacP][dataposIndex].templateTyp == 'druck' || pmo[dataacP][dataposIndex].templateTyp == 'upload') && (pmo[dataacP][dataposIndex].aPT == 1 || pmo[dataacP][dataposIndex].aPT == 2)) { $(this).resizable('option', 'minWidth', Math.round(70 / mm2pxFactorScaled)); $(this).resizable('option', 'maxWidth', Math.round(350 / mm2pxFactorScaled)); $(this).resizable('option', 'maxHeight', Math.round(450 / mm2pxFactorScaled)); } else if (pmo[dataacP][dataposIndex].templateTyp == 'druck' && (pmo[dataacP][dataposIndex].aPT == 3 || pmo[dataacP][dataposIndex].aPT == 4)) { $(this).resizable('option', 'minWidth', Math.round(70 / mm2pxFactorScaled)); } else { $(this).resizable('option', 'minWidth', Math.round(10 / mm2pxFactorScaled)); $(this).resizable('option', 'maxWidth', Math.round(270 / mm2pxFactorScaled)); $(this).resizable('option', 'minHeight', Math.round(10 / mm2pxFactorScaled)); $(this).resizable('option', 'maxHeight', Math.round(270 / mm2pxFactorScaled)); } if (pmo[dataacP][dataposIndex].wFactor && pmo[dataacP][dataposIndex].wFactor < 1) { $(this).resizable('option', 'minWidth', Math.round(90 * pmo[dataacP][dataposIndex].wFactor / mm2pxFactorScaled)); } if ($('.temselect[data-value="' + pmo[dataacP][dataposIndex].template + '"]').attr('data-maxWidth_mm')) { $(this).resizable('option', 'maxWidth', Math.round($('.temselect[data-value="' + pmo[dataacP][dataposIndex].template + '"]').attr('data-maxWidth_mm') / mm2pxFactorScaled)); } if ($('.temselect[data-value="' + pmo[dataacP][dataposIndex].template + '"]').attr('data-minWidth_mm')) { $(this).resizable('option', 'minWidth', Math.round($('.temselect[data-value="' + pmo[dataacP][dataposIndex].template + '"]').attr('data-minWidth_mm') / mm2pxFactorScaled)); } if ($('.temselect[data-value="' + pmo[dataacP][dataposIndex].template + '"]').attr('data-minHeight_mm')) { $(this).resizable('option', 'minHeight', Math.round($('.temselect[data-value="' + pmo[dataacP][dataposIndex].template + '"]').attr('data-minHeight_mm') / mm2pxFactorScaled)); $(this).resizable('option', 'minWidth', Math.round(10 / mm2pxFactorScaled)); } if ($('.temselect[data-value="' + pmo[dataacP][dataposIndex].template + '"]').attr('data-maxHeight_mm')) { $(this).resizable('option', 'maxHeight', Math.round($('.temselect[data-value="' + pmo[dataacP][dataposIndex].template + '"]').attr('data-maxHeight_mm') / mm2pxFactorScaled)); } //druck immer, wird ansonsten vom collissionChecker... if(pmo[dataacP][dataposIndex].templateTyp == 'druck'){ $(this).resizable('option', 'maxWidth', Math.round(350 / mm2pxFactorScaled)); $(this).resizable('option', 'maxHeight', Math.round(450 / mm2pxFactorScaled)); } } else { $(this).resizable('option', 'minWidth', Math.round(1 / mm2pxFactorScaled)); $(this).resizable('option', 'maxWidth', Math.round(270 / mm2pxFactorScaled)); $(this).resizable('option', 'minHeight', Math.round(1 / mm2pxFactorScaled)); $(this).resizable('option', 'maxHeight', Math.round(270 / mm2pxFactorScaled)); if(pmo[dataacP][dataposIndex].templateTyp == 'druck'){ //druck immer, wird ansonsten vom collissionChecker... $(this).resizable('option', 'maxWidth', Math.round(450 / mm2pxFactorScaled)); $(this).resizable('option', 'maxHeight', Math.round(450 / mm2pxFactorScaled)); } } //$(this).tooltipster('show'); //$(this).tooltipster('option', 'position', 'bottom'); }, stop: function (event, ui) { var cssTop, cssLeft, rotWidth, rotHeight, centerX, centerY, angle, changeFactor; dataposIndex = $(event.target).attr('data-posIndex'); if (resizefromcenter === true) { cssTop = ui.position.top + ((ui.originalSize.height - ui.size.height)) / 2; cssLeft = ui.position.left + ((ui.originalSize.width - ui.size.width)) / 2; ui.position.left = cssLeft; ui.position.top = cssTop; } if (pmo[dataacP][dataposIndex].rotation !== 0) { angle = pmo[dataacP][dataposIndex].rotation; ui.position.top = $(event.target).position().top; ui.position.left = $(event.target).position().left; pmo[dataacP][dataposIndex].aktLeft_px = ui.position.left * mainImgFactor; pmo[dataacP][dataposIndex].aktTop_px = ui.position.top * mainImgFactor; $(this).attr('data-initLeft', pmo[dataacP][dataposIndex].aktLeft_px); $(this).attr('data-initTop', pmo[dataacP][dataposIndex].aktTop_px); pmo[dataacP][dataposIndex].fixPointLeft = (ui.position.left + $(this).width() / 2) * mainImgFactor; pmo[dataacP][dataposIndex].fixPointTop = (ui.position.top + $(this).height() / 2) * mainImgFactor; } if (pmo[dataacP][dataposIndex].templateTyp == 'stick') { pmo[dataacP][dataposIndex].initialApiWidth = Math.round(ui.size.width * mm2pxFactorScaled) * 10; pmo[dataacP][dataposIndex].initWidthHeightRatio = ui.size.width / ui.size.height; pmo[dataacP][dataposIndex].initialApiHeight = Math.round(ui.size.height * mm2pxFactorScaled) * 10; pmo[dataacP][dataposIndex].initHeightHeightRatio = ui.size.height / ui.size.height; } pmo[dataacP][dataposIndex].newPxWidth = ui.size.width; pmo[dataacP][dataposIndex].newPxHeight = ui.size.height; if (pmo[dataacP][dataposIndex].rotation == 0) { pmo[dataacP][dataposIndex].fixPointLeft = (ui.position.left + ui.size.width / 2) * mainImgFactor; pmo[dataacP][dataposIndex].fixPointTop = (ui.position.top + ui.size.height / 2) * mainImgFactor; } pmo[dataacP][dataposIndex].fixPointAlign = 'c'; pmo[dataacP][dataposIndex].aktLeft_px = ui.position.left * mainImgFactor; pmo[dataacP][dataposIndex].aktTop_px = ui.position.top * mainImgFactor; pmo[dataacP][dataposIndex].left_mm = pmo[dataacP][dataposIndex].aktLeft_px * pmo[dataacP][dataposIndex].mm2pxFactor; pmo[dataacP][dataposIndex].top_mm = pmo[dataacP][dataposIndex].aktTop_px * pmo[dataacP][dataposIndex].mm2pxFactor; tmpPos = {}; tmpPos.newPxWidth = pmo[dataacP][dataposIndex].newPxWidth; tmpPos.newPxHeight = pmo[dataacP][dataposIndex].newPxHeight; if (pmo[dataacP][dataposIndex].text) { changeFactor = ui.size.height / ui.originalSize.height ; $('.tformatholder').find('.fontsize').each(function () { var sliderValue = $(this).slider('value'), newValue; newValue = parseInt(sliderValue * changeFactor, 10); $(this).slider('value', newValue); }); } $.setMotive(dataacP, dataposIndex); if(pmo[dataacP][dataposIndex].text){ needsMovement = true; } //$(this).tooltipster('hide'); $(this).find('.activewrapper').css('borderColor', '#777'); $(this).find('.outerhelper').show(); }, resize: function (event, ui) { var left, top, width, height, cssTop, cssLeft, widthMM, heightMM, changeFactor, that, quality; that = this; dataposIndex = $(event.target).attr('data-posIndex'); ui.position.left += recoupLeft; ui.position.top += recoupTop; if (event.ctrlKey) { $(this).resizable('option', 'resizefromcenter', true); resizefromcenter = true; } widthMM = Math.round(ui.size.width * mm2pxFactorScaled); heightMM = Math.round(ui.size.height * mm2pxFactorScaled); //$(this).tooltipster('show'); if (widthMM && heightMM) { /* if (ui.size.width <= $(this).resizable('option', 'minWidth')) { $(this).tooltipster('content', 'die Mindestgröße wurde erreicht'); } else if (ui.size.width >= $(this).resizable('option', 'maxWidth')) { $(this).tooltipster('content', 'die Maximalbreite wurde erreicht'); } else if (ui.size.height >= $(this).resizable('option', 'maxHeight')) { $(this).tooltipster('content', 'die Maximalhöhe wurde erreicht'); } else { */ if (pmo[dataacP][dataposIndex].uploaduuid && pmo[dataacP][dataposIndex].origWidth) { $.checkUploadQuality (pmo[dataacP][dataposIndex].origWidth, widthMM); } //$(this).tooltipster('content', 'ca. ' + widthMM + 'x' + heightMM + ' mm'); //} } if (pmo[dataacP][dataposIndex].text) { changeFactor = ui.size.height / ui.originalSize.height; $('.tformatholder').find('.fontsize').each(function () { var sliderValue = $(this).slider('value'), newValue; newValue = parseInt(sliderValue * changeFactor, 10); if (newValue <= 10) { //$(this).tooltipster('content', 'die Mindestgröße wurde erreicht'); $(that).resizable('option', 'minWidth', Math.round(widthMM / mm2pxFactorScaled)); } }); } if (resizefromcenter === true || $(this).resizable('option', 'resizefromcenter') === true) { cssTop = ui.position.top + ((ui.originalSize.height - ui.size.height)) / 2; cssLeft = ui.position.left + ((ui.originalSize.width - ui.size.width)) / 2; $(this).css({ 'top': cssTop, 'left': cssLeft }); } else { cssTop = ui.position.top; cssLeft = ui.position.left; } left = cssLeft * factor; top = cssTop * factor; width = ui.size.width * factor; height = ui.size.height * factor; $('.jsMsThumbs div[data-id="' + $(event.target).attr('data-id') + '"]').css('left', left).css('top', top).width(width).height(height); } }); } }); $('.draggable:visible').each(function () { if (!$(this).data('ui-draggable')) { if ($(this).data('ui-draggable')) { $(this).draggable('destroy'); } var startWidth, drovs = {}, idi = 0; $(this).draggable({ grid: [ 1, 1 ], revert: 'invalid', delay: 0, //handle: '.activewrapper', scroll: false, start: function (event, ui) { var left, top; if (!$(event.target).hasClass('active')) { $.activateMotive(event.target); } left = parseInt($(this).css('left'),10); left = isNaN(left) ? 0 : left; top = parseInt($(this).css('top'),10); top = isNaN(top) ? 0 : top; recoupLeft = left - ui.position.left; recoupTop = top - ui.position.top; $(this).find('.activewrapper').css('borderColor', 'transparent'); $('.errorpoint').remove(); if (doMotruler === true) { $('.ovholder').not('.active').each(function () { $.motRuler($(this)); }); } $('.outerhelper').hide(); initThumbLeft = $('.jsMsThumbs div[data-id="' + $(event.target).attr('data-id') + '"]').position().left; initThumbTop = $('.jsMsThumbs div[data-id="' + $(event.target).attr('data-id') + '"]').position().top; $('.drov').each(function(){ startWidth = $(this).css('width'); drovs[idi] = {}; drovs[idi]['w'] = startWidth; drovs[idi]['d'] = $(this); idi = idi + 1; }); }, drag: function (event, ui) { var left, top, target; ui.position.left += recoupLeft; ui.position.top += recoupTop; target = $('.jsMsThumbs div[data-id="' + $(event.target).attr('data-id') + '"]'); left = ui.position.left * factor; top = ui.position.top * factor; target.css('left', left).css('top', top); if (doMotruler === true) { $.motRuler(); } $('.drov').css('width', '100%'); }, stop: function (event, ui) { var center, motCenter, target; $('.jsMsThumbs').find('.motov').show(); if (!pmo[dataacP]) { return; } if (doDrop === false) { target = $('.jsMsThumbs div[data-id="' + $(event.target).attr('data-id') + '"]'); target.css('left', initThumbLeft).css('top', initThumbTop); $('.motruler').hide(); return; } ui.position.top = $(event.target).position().top; ui.position.left = $(event.target).position().left; dataposIndex = $(event.target).attr('data-posIndex'); if (!pmo[dataacP][dataposIndex]) { return; } pmo[dataacP][dataposIndex].aktLeft_px = ui.position.left * mainImgFactor; pmo[dataacP][dataposIndex].aktTop_px = ui.position.top * mainImgFactor; $(this).attr('data-initLeft', pmo[dataacP][dataposIndex].aktLeft_px); $(this).attr('data-initTop', pmo[dataacP][dataposIndex].aktTop_px); pmo[dataacP][dataposIndex].fixPointLeft = (ui.position.left + $(this).width() / 2) * mainImgFactor; pmo[dataacP][dataposIndex].fixPointTop = (ui.position.top + $(this).height() / 2) * mainImgFactor; pmo[dataacP][dataposIndex].fixPointAlign = 'c'; pmo[dataacP][dataposIndex].left_mm = pmo[dataacP][dataposIndex].aktLeft_px * pmo[dataacP][dataposIndex].mm2pxFactor; pmo[dataacP][dataposIndex].top_mm = pmo[dataacP][dataposIndex].aktTop_px * pmo[dataacP][dataposIndex].mm2pxFactor; $.checkPosition(false, pmo[dataacP][dataposIndex].ajaxId); $(this).find('.activewrapper').css('borderColor', '#777'); if ($(event.target).attr('data-scaleable') === '1') { center = Math.round($('.motivImage').find('.flexible.rpcol').position().left + $('.motivImage').find('.flexible.rpcol').width() / 2); motCenter = Math.round(ui.position.left - $('.flexible.rpcol').position().left + $(this).width() / 2 + $('.flexible.rpcol').position().left); if ((motCenter >= center - 2) && (motCenter <= center + 2)) { $(this).resizable('option', 'resizefromcenter', true); resizefromcenter = true; } else { $(this).resizable('option', 'resizefromcenter', false); resizefromcenter = false; } } $.each(drovs, function (a) { $(drovs[a].d).css('width', drovs[a].w); }); $(this).find('.outerhelper').show(); $.doExistCheck(); } }); } }); /* $('.rotatable').tooltip({ items: '.resizable', track: false, show: true }); */ $('.rotatable').rotatable({ create: function (event, ui) { var rotation, icos; if ($(event.target).attr('data-rotation')) { rotation = $(event.target).attr('data-rotation'); rotation = $.bizRound(rotation) / 180 * Math.PI; $(this).data('uiRotatable').angle(rotation); icos = $(event.target).find('.ui-rotatable-handle, .resizer, .outerhelper'); rotation = rotation * -1; icos.css('transform','rotate(' + rotation + 'rad)'); icos.css('-moz-transform','rotate(' + rotation + 'rad)'); icos.css('-webkit-transform','rotate(' + rotation + 'rad)'); icos.css('-o-transform','rotate(' + rotation + 'rad)'); rotation = 0; $('.resser').css('transform','rotate(' + rotation + 'rad)'); $('.resser').css('-moz-transform','rotate(' + rotation + 'rad)'); $('.resser').css('-webkit-transform','rotate(' + rotation + 'rad)'); $('.resser').css('-o-transform','rotate(' + rotation + 'rad)'); } $('.svgc').remove(); }, start: function (event, ui) { $('.svgc').remove(); if (!$(event.target).hasClass('active')) { $.activateMotive(event.target); } var target, circle, width, height, radius, svg, diameter, x, y; target = $(event.target); width = $(event.target).width(); height = $(event.target).height(); radius = 0.5 * Math.sqrt(width * width + height * height) + 2; diameter = radius * 2 + 4; x = width/2 - radius; y = height/2 - radius; $(this).tooltipster('show'); target.prepend(' '); }, rotate: function (event, ui) { // -ms-transform var target, rad, icos; target = $('.jsMsThumbs div[data-id="' + $(event.target).attr('data-id') + '"]'); rad = ui.angle.current; $(this).tooltipster('show'); $(this).tooltipster('content', $.bizRound(ui.angle.current * 180 / Math.PI) +'°'); target.css('transform','rotate(' + rad + 'rad)'); target.css('-moz-transform','rotate(' + rad + 'rad)'); target.css('-webkit-transform','rotate(' + rad + 'rad)'); target.css('-o-transform','rotate(' + rad + 'rad)'); icos = $(event.target).find('.ui-rotatable-handle, .resizer, .outerhelper'); rad = rad * -1; icos.css('transform','rotate(' + rad + 'rad)'); icos.css('-moz-transform','rotate(' + rad + 'rad)'); icos.css('-webkit-transform','rotate(' + rad + 'rad)'); icos.css('-o-transform','rotate(' + rad + 'rad)'); rad = 0; $('.resser').css('transform','rotate(' + rad + 'rad)'); $('.resser').css('-moz-transform','rotate(' + rad + 'rad)'); $('.resser').css('-webkit-transform','rotate(' + rad + 'rad)'); $('.resser').css('-o-transform','rotate(' + rad + 'rad)'); }, stop: function (event, ui) { var rotation = $.bizRound(ui.angle.current * 180 / Math.PI), icos, top, left; dataposIndex = $(event.target).attr('data-posIndex'); pmo[dataacP][dataposIndex].rotation = rotation; $(event.target).attr('data-rotation', rotation); top = $(event.target).position().top; left = $(event.target).position().left; pmo[dataacP][dataposIndex].aktLeft_px = left * mainImgFactor; pmo[dataacP][dataposIndex].aktTop_px = top * mainImgFactor; $(this).attr('data-initLeft', pmo[dataacP][dataposIndex].aktLeft_px); $(this).attr('data-initTop', pmo[dataacP][dataposIndex].aktTop_px); pmo[dataacP][dataposIndex].fixPointLeft = (left + $(this).width() / 2) * mainImgFactor; pmo[dataacP][dataposIndex].fixPointTop = (top + $(this).height() / 2) * mainImgFactor; pmo[dataacP][dataposIndex].fixPointAlign = 'c'; pmo[dataacP][dataposIndex].left_mm = parseFloat(pmo[dataacP][dataposIndex].aktLeft_px * pmo[dataacP][dataposIndex].mm2pxFactor * mainImgFactor); pmo[dataacP][dataposIndex].top_mm = parseFloat(pmo[dataacP][dataposIndex].aktTop_px * pmo[dataacP][dataposIndex].mm2pxFactor * mainImgFactor); $.checkPosition(false, pmo[dataacP][dataposIndex].ajaxId); icos = $(event.target).find('.ui-rotatable-handle, .resizer, .outerhelper'); rotation = rotation * -1; icos.css('transform','rotate(' + rotation + 'deg)'); icos.css('-moz-transform','rotate(' + rotation + 'deg)'); icos.css('-webkit-transform','rotate(' + rotation + 'deg)'); icos.css('-o-transform','rotate(' + rotation + 'deg)'); rotation = 0; $('.resser').css('transform','rotate(' + rotation + 'rad)'); $('.resser').css('-moz-transform','rotate(' + rotation + 'rad)'); $('.resser').css('-webkit-transform','rotate(' + rotation + 'rad)'); $('.resser').css('-o-transform','rotate(' + rotation + 'rad)'); /*$('.ui-tooltip').hide();*/ $('.svgc').remove(); $(this).tooltipster('hide'); } }); $('.acceptdrop, .motivImage .drov').not('.selected').droppable({ accept: '.ovholder', drop: function (event, ui) { var ppind = [], newpos, oldpos, newindex = 1, newObject, aa = 0; if ($(this).hasClass('motselect')) { if (!$(this).hasClass('selected')) { doDrop = false; dataposIndex = $(ui.draggable).attr('data-posIndex'); oldpos = $(ui.draggable).attr('data-pos'); newpos = $(this).attr('data-positionsId'); $('.div[data-id="' + $(ui.draggable).attr('data-id') + '"]').remove(); $(this).trigger('click'); $('.mtainfo').hide(); newObject = pmo[oldpos][dataposIndex]; if (pmo[newpos]) { $.each(pmo[newpos], function (b) { ppind.push(pmo[newpos][b].posIndex); }); newindex = $.findNextNumber(ppind); } if (!pmo[newpos]) { pmo[newpos] = {}; } pmo[newpos][newindex] = newObject; pmo[newpos][newindex].acP = newpos; pmo[newpos][newindex].aPT = $(this).attr('data-pos'); pmo[newpos][newindex].oldid = pmo[oldpos][dataposIndex].imageid; delete pmo[oldpos][dataposIndex]; $.each(pmo[oldpos], function (a) { aa = aa + 1; }); if (aa < 1) { delete pmo[oldpos]; } $.loadOverlay(); $.setMotive(newpos, newindex, true, null, true); $('.motselect').removeClass('over'); } else { $('.motselect').removeClass('over'); } } else { if (!$(this).hasClass('drov') || $(this).hasClass('selected')) { doDrop = false; } else { doDrop = true; $(this).removeClass('over'); } } }, over: function (event, ui) { if ($(this).hasClass('motselect') && !$(this).hasClass('selected')) { doMotruler = false; $('.motselect').removeClass('over'); $('.motruler').hide(); $(this).addClass('over'); } else { if ($(this).closest('.motivImage').length) { doMotruler = true; $('.motselect').find('.drov').show(); $('.motselect').removeClass('over'); $('.jsMsThumbs div[data-id="' + $(ui.draggable).attr('data-id') + '"]').show(); $('.motruler').show(); } } }, out: function (event, ui) { $('.motselect').removeClass('over'); doMotruler = false; doDrop = false; $('.jsMsThumbs div[data-id="' + $(ui.draggable).attr('data-id') + '"]').hide(); $('.motruler').hide(); } }); $('.active').find('.ui-resizable-handle').show(); }; $.changeColorfilter = function (a) { var activeLine = $('#mproducts .fbutton.active').attr('data-line'); $('.colorfilter').show(); $('.colorfilter').each(function () { var colorgroup = $(this).attr('data-colorgroup'); if (!$('#' + activeLine).find('.otherColor[data-colorgroup="' + colorgroup + '"]').length) { $(this).hide(); } }); if ($('#mproductsScroller').data('sly')) { $('#mproductsScroller').sly('reload'); } else { //$.buildVerticalScroller('#mproductsScroller'); } }; $.checkAvailableArticlesForColor = function () { $('.ermsg').remove(); $('.otholder:visible').each(function () { if (!$(this).find('.fused:visible').length) { $(this).find('.frame').prepend('

Keine Artikel in dieser Farbe

'); $(this).find('.scrollbar').hide(); $(this).find('.pages').hide(); $(this).find('.btn').hide(); $('#' + $(this).attr('id')).sly('destroy'); } }); if ($('#mproductsScroller').data('sly')) { $('#mproductsScroller').sly('reload'); } else { $.buildVerticalScroller('#mproductsScroller'); } }; $(document).on('click touchstart', '.ui-rotatable-handle', function (e) { var icos, rotation; icos = $('.resizable.active'); rotation = icos.attr('data-rotation'); icos.css('transform','rotate(' + rotation + 'deg)'); icos.css('-moz-transform','rotate(' + rotation + 'deg)'); icos.css('-webkit-transform','rotate(' + rotation + 'deg)'); icos.css('-o-transform','rotate(' + rotation + 'deg)'); return false; }); $(document).on('click', '.colorfilter', function (e) { var colorgroup = $(this).attr('data-colorgroup'), li; $('.colorfilter').removeClass('active'); $(this).addClass('active'); $('.otlist').find('li').removeClass('fused').hide(); $('.otlist').find('li').find('span[data-colorgroup="' + colorgroup + '"]').each(function () { li = $(this).closest('li'); // mit sprite //li.find('span.otlists').removeClass().addClass('otlists').addClass($(this).attr('data-class')); // mit bild li.find('img').attr('src', $(this).attr('data-image')); li.find('.nproduct').attr('data-href', $(this).attr('data-link')); li.find('a').attr('href', $(this).attr('data-link')).attr('data-cr', $(this).attr('data-cr')); if ($('#qrcode').attr('data-uuid')) { li.find('a').attr('href', $(this).attr('data-cr') + $('#qrcode').attr('data-uuid')); } li.show().addClass('fused').show(); }); $.checkAvailableArticlesForColor(); }); $(document).on('click', '.moredetails', function (e) { $(this).closest('.detailprice').find('.hidee').slideDown(); }); $(document).on('click', '.resetcf', function (e) { $('.colorfilter').removeClass('active'); $('.otlist').find('li').find('span.otlists').each(function () { $(this).removeClass(); $(this).addClass($(this).attr('data-class')); $(this).closest('li').find('a').attr('href', $(this).attr('data-href')); $(this).closest('li').find('a').attr('data-cr', $(this).attr('data-cr')); if ($('#qrcode').attr('data-uuid')) { $(this).closest('li').find('a').attr('href', $(this).attr('data-cr') + $('#qrcode').attr('data-uuid')); } }); $('.otlist').find('li').show().addClass('fused').show(); $.checkAvailableArticlesForColor(); $.changeColorfilter(); }); $(document).on('click', 'a[data-cr]', function (e) { var div, title, link, printable = '', stickable = '', b1, b2, b3, origlink, hasMotives = false; if($('#seoString').attr('data-value') == 'admin'){ e.preventDefault(); var idata = {}; idata.farbe = $(this).attr('data-farbe'); idata.artNr = $(this).attr('data-artNr'); idata.katNr = $('.s_verwArt_katEditName').attr('data-kid'); idata.motiv = $('#dUuid').attr('data-uuid'); $.ajax({ data: idata, cache: false, type: 'POST', url: '/ajax/ajax.php?action=site_verw_artikel&subAction=getDesigner', success: function (data) { if (data && data.status) { var pmo = {}, pma = {}, aaa = 0, side; $('#contenthere').html(''); $('#contenthere').html(data.status); $.initDesigner(); //$.buildSlider(); } }, error: function (msg) { $.setInfo('geht nicht'); } }); return true; } if (!$.isEmptyObject(pmo)) { $.each(pmo, function (a) { $.each(pmo[a], function (b) { if (!pmo[a][b].aoData.defMot) { hasMotives = true; } }) }); if (hasMotives) { e.preventDefault(); title = 'Artikel wechseln'; if (sprache.ArtikelWechseln) { title = sprache.ArtikelWechseln; } link = this; origlink = $(this).attr('data-ll'); if ($(this).closest('li').hasClass('sel')) { return; } if ($(this).attr('data-fuer-stick')) { stickable = '
Stickmotive werden übernommen.'; if (sprache.StickmotiveWerdenUebernommen) { stickable = '
' + sprache.StickmotiveWerdenUebernommen; } } if ($(this).attr('data-fuer-druck')) { printable = '
Druckmotive werden übernommen.'; if (sprache.DruckmotiveWerdenUebernommen) { printable = '
' + sprache.DruckmotiveWerdenUebernommen; } } div = $('
'); div.addClass('changeArticle'); div.html('

' + $(this).attr('data-ptitle') + '

' + printable + stickable + '

'); b1 = 'Motive übernehmen'; if (sprache.MotiveUebernehmen) { b1 = sprache.MotiveUebernehmen; } b2 = 'Motive nicht übernehmen'; if (sprache.MotiveNichtUebernehmen) { b2 = sprache.MotiveNichtUebernehmen; } b3 = 'Abbrechen'; if (sprache.Abbrechen) { b3 = sprache.Abbrechen; } $(div).dialog({ autoOpen: true, modal: true, title: title, resizable: false, draggable: false, closeText: 'schließen', maxWidth: $('#designer').innerWidth(), position: {my: 'center top', at: 'center top', of: '.ctmain'}, width: $('#designer').innerWidth() - 6, show: {effect: 'puff', duration: 222}, hide: {effect: 'clip', duration: 222}, close: function () { $('.changeArticle').remove(); return true; }, buttons: [{ text: b1, click: function() { window.location = $(link).attr('href'); } },{ text: b2, click: function() { //window.location = $(link).find('.nproduct').attr('data-href'); window.location = origlink; } },{ text: b3, click: function() { $(this).dialog('close'); } }] }); } } }); $(document).on('click', '#fbsharer', function (e) { e.preventDefault(); var url, uuid = $(this).attr('data-id'); url = $(this).attr('href'); $.ajax({ data: 'u=' + uuid, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax_update_designer.php?action=uf&language=' + $('html').attr('lang') }); window.open(url); }); $(document).on('click', '#twsharer', function (e) { e.preventDefault(); var url, uuid = $(this).attr('data-id'); url = $(this).attr('href'); $.ajax({ data: 'u=' + uuid, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax_update_designer.php?action=ut&language=' + $('html').attr('lang') }); window.open(url); }); $(document).on('click', '#insharer', function (e) { e.preventDefault(); var url, uuid = $(this).attr('data-id'); url = $(this).attr('href'); $.ajax({ data: 'u=' + uuid, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax_update_designer.php?action=up&language=' + $('html').attr('lang') }); window.open(url); }); $(document).on('click', '#bthp', function (e) { e.preventDefault(); var uuid = $(this).attr('data-id'); if (!uuid) { $.setInfo('Ein nicht gestalteter Artikel kann nicht gespeichert werden', 'error'); return; } $.ajax({ data: 'u=' + uuid, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax_update_designer.php?action=hp&language=' + $('html').attr('lang'), success: function () { $.setInfo('Kreation wurde gespeichert'); } }); }); $(document).on('click', '#bthpp', function (e) { e.preventDefault(); var uuid = $(this).attr('data-id'); if (!uuid) { $.setInfo('Ein nicht gestalteter Artikel kann nicht gespeichert werden', 'error'); return; } $.ajax({ data: 'u=' + uuid, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax_update_designer.php?action=hpp&language=' + $('html').attr('lang'), success: function () { $.setInfo('Kreation wurde gespeichert'); } }); }); $(document).on('click', '.saco', function (e) { $('input[name="selcol[]"]').each(function() { $(this).prop('checked', true); }); }); $(document).on('click', '#sasa', function (e) { e.preventDefault(); var collisionHtml = '', hasCollision = false, uuid = $(this).attr('data-id'), am; am = ($('INPUT[name="settings_am"]').length > 0 && $('INPUT[name="settings_am"]').val() == 1) ? 1 : 0; if (pmo) { $.each(pmo, function (a) { $.each(pmo[a], function (b) { if (pmo[a][b].hasCollision === true) { hasCollision = true; } }); }); } if (hasCollision === true) { $.each(pmo, function (a) { $.each(pmo[a], function (b) { var posLabel = $('#pos_' + a).attr('data-label'), typLabel = pmo[a][b].label, templatelabel = pmo[a][b].templatelabel; if (pmo[a][b].hasCollision === true) { collisionHtml += '
' + typLabel + ' ' + templatelabel + ' ' + posLabel; } }); }); $.setInfo(sprache.motivDesigner_positioncheck + '' + collisionHtml + ''); return false; } $.loadOverlay(); $.ajax({ data: 'u=' + uuid + '&am=' + am + '&saId=' + $('INPUT[name="settings_said"]').val(), dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax.php?action=site_produkte&subAction=loadColors', success: function (data) { var div; if (data && data.status === true && data.html) { div = $('
'); div.addClass('sasacolors'); div.html(data.html); $(div).dialog({ autoOpen: true, modal: true, title: 'Farben auswählen', resizable: false, draggable: false, closeText: 'schließen', position: {my: 'center top', at: 'center top', of: '#mainwrapper'}, width: 1000, show: {effect: 'puff', duration: 222}, hide: {effect: 'clip', duration: 222}, close: function () { $('.sasacolors').remove(); return true; }, buttons: { 'Vorhandenen Artikel speichern': function () { var that = this, selected, pdata = {}, cdata = []; pdata.u = uuid; pdata.overwrite = true; $('input[name="selcol[]"]:checked').each(function() { cdata.push($(this).val()); }); pdata.colors = cdata; pdata.category = $('#turl').attr('data-kid'); if(!pdata.category && $('#contenthere').length > 0){ pdata.category = $('#contenthere').attr('data-katId'); } pdata.saId = $('INPUT[name="settings_said"]').val(); pdata.defaultColor = $('input[name="defaultColor"]:checked').val(); $.ajax({ data: pdata, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax.php?action=site_produkte&subAction=saveItem', success: function (data) { if (data && data.status === true) { $.setInfo('Shop-Artikel wurde aktualisiert'); } else if (data && data.status === false && data.error) { $.setInfo(data.error, 'error'); } $.loadOverlay(true); $(that).dialog('close'); } }); }, 'Als neuen Artikel speichern': function () { var that = this, selected, pdata = {}, cdata = []; pdata.u = uuid; $('input[name="selcol[]"]:checked').each(function() { cdata.push($(this).val()); }); pdata.colors = cdata; pdata.category = $('#turl').attr('data-kid'); if(!pdata.category && $('#contenthere').length > 0){ pdata.category = $('#contenthere').attr('data-katId'); } pdata.saId = $('INPUT[name="settings_said"]').val(); pdata.defaultColor = $('input[name="defaultColor"]:checked').val(); $.ajax({ data: pdata, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax.php?action=site_produkte&subAction=saveItem', success: function (data) { if (data && data.status === true) { $.setInfo('Shop-Artikel wurde angelegt'); } else if (data && data.status === false && data.error) { $.setInfo(data.error, 'error'); } $.loadOverlay(true); $(that).dialog('close'); } }); }, 'Schließen': function () { $(this).dialog('close'); } } }); } else if (data && data.status === false && data.error) { $.setInfo(data.error, 'error'); } $.loadOverlay(true); } }); }); $(document).on('click', '.imgsharer a', function (e) { e.preventDefault(); var imgurl, div; imgurl = $(this).attr('href'); div = $('
'); div.addClass('zoomify'); div.html('

'); $(div).dialog({ autoOpen: true, modal: true, title: $('.artbasetit').text(), resizable: false, draggable: false, closeText: 'schließen', position: {my: 'center top', at: 'center top', of: '#mainwrapper'}, width: 1000, show: {effect: 'puff', duration: 222}, hide: {effect: 'clip', duration: 222}, close: function () { $('.zoomify').remove(); return true; }, buttons: { 'Schließen': function () { $(this).dialog('close'); } } }); }); $(document).on('mouseenter', '.detailprice li', function () { var id = $(this).find('.delmotive').attr('data-m'); $('.motov[data-id="' + id + '"]').addClass('hover'); $(this).addClass('hover'); }).on('mouseleave', '.detailprice li', function () { $('.motov').removeClass('hover'); $(this).removeClass('hover'); }); $(document).on('dblclick', '.ovholder', function () { $('input.desinput.textinput').first().focus(); $('input.desinput.textinput').each(function () { if ($(this).val() && $(this).val().trim !== '') { $(this).focus(); return false; } }); }); $(document).on('click', '.hcenterize', function () { var widget, distance, center; widget = $(this).closest('.ovholder'); center = $('.motivImage').find('.drov').width() / 2; distance = center - widget.position().left - widget.width() / 2; distance = Math.ceil(distance); if (distance > 0 || distance < 0) { widget.simulate('drag', { dx: distance, moves: 1 }); } }); $(document).on('focus', '.vsma input', function () { $(this).select(); }); $(document).on('click', '.activateruler', function () { if ($('.motruler').length) { $('.motruler').hide().remove(); } else { $.motRuler(); $('.ovholder').not('.active').each(function () { $.motRuler($(this)); }); } }); $.filterTemplates = function () { var print, stick, data = {}, sa, tw, text; print = $('#motfilter').find('.tfilter[data-type="2"]').hasClass('active') ? 1 : 0; stick = $('#motfilter').find('.tfilter[data-type="1"]').hasClass('active') ? 1 : 0; text = $('#motfilter').find('input[name="ftesxt"]').val(); sa = parseInt($('#stammartikelId').attr('data-id'), 10); data.print = print; data.stick = stick; data.sa = sa; data.text = text; data.artFarbe = $('.jsMsColor li a.selected').attr('data-color'); data.katId = $('#katId').attr('data-value'); data.seoString = $('#seoString').attr('data-value'); tw = $('select[name="thworld"]').val(); data.tw = tw; $.ajax({ dataType: 'json', type: 'POST', url: '/ajax/ajax_update_designer.php?action=filterTemplate&language=' + $('html').attr('lang'), data: data, success: function (ddd) { $('#designinner').find('.slidee').html(ddd.html); $('#designinner').imagesLoaded().done(function (a) { if ($('#designinner').data('sly')) { $('#designinner').sly('reload'); } else { $.buildVerticalScroller('#designinner'); } $.doStuff(); }); if (!$('.jsMsPlace').find('.gebiet[data-fuer-druck="1"]').length) { $('.temselect[data-type="druck"]').closest('.fuseda').hide(); } if (!$('.jsMsPlace').find('.gebiet[data-fuer-stick="1"]').length) { $('.temselect[data-type="stick"]').closest('.fuseda').hide(); } } }); }; $(document).on('click', '#motfilter .tfilter', function () { if ($(this).hasClass('noposs') || $('.noposs').length) { return; } $(this).toggleClass('active'); $('#motfilter .tfilter').not(this).removeClass('active'); $.filterTemplates(); }); $(document).on('change', 'select[name="thworld"]', function () { $.filterTemplates(); }); $(document).on('keyup', 'input[name="ftesxt"]', function () { var tt = 800; clearTimeout(ttTimer); ttTimer = setTimeout(function () { $.filterTemplates(); }, tt); }); $(document).on('click', '.tagc', function () { var val; val = $(this).text(); $('input[name="ftesxt"]').val(val).attr('value', val); $.filterTemplates(); }); $(document).on('click touchstart', '.ovholder', function (e) { if ($(e.target).hasClass('outerhelper') || $(e.target).closest('.outerhelper').length) { return false; } $.activateMotive(this, true, true); }); $(document).on('click', '.overlayload', function (e) { if (e.pageX < 50) { $.loadOverlay(true); } }); $.getProducts = function (limit, scroll) { var productKatId, data = {}, loadimg, ti, gridIn, countInGrid, div, innerdiv; data.offset = $('#productList').find('.fuseda').length; data.limit = limit; //data.kat = $('.hastabs').find('a.active').attr('data-id'); data.kat = $('#slideMenu').find('a.active').attr('data-id'); productKatId = data.kat; data.ssId = 0; data.seoString = $('#seoString').attr('data-value'); if (data.seoString == 'admin') { data.katId = $('#katId').attr('data-value'); if(!data.katId && $('#contenthere').length > 0){ data.katId = $('#contenthere').attr('data-katId'); } } if ($('#ssId').length && $('#ssId').attr('data-value') > 0) { data.ssId = 1; } $('.toBeRemoved').remove(); $('.emptygrid').remove(); if (xhrp) { xhrp.abort(); } gridIn = $('#productList').find('.ym-grid').last(); if (!gridIn.length) { gridIn = $('
'); gridIn.addClass('ym-grid ym-equalize prodlist'); $('#productList').append(gridIn); } countInGrid = gridIn.find('.fuseda').length; gridIn.find('.ym-g33').not('.used').remove(); for (ti = 0; ti < limit; ti = ti + 1) { //checken wie viele im grid drin sind, wenn < 4, dann row adden, wenn nicht, dann neues grid erstellen div = $('
'); innerdiv = $('
'); div.addClass('relative'); div.addClass('ym-g33'); div.addClass('ym-gl'); innerdiv.addClass('ym-gbox-left'); //innerdiv.html('
'); innerdiv.html('
'); div.append(innerdiv); if (countInGrid < 3) { gridIn.append(div); countInGrid = countInGrid + 1; if (countInGrid == 3) { div.removeClass('ym-gl'); div.addClass('ym-gr'); innerdiv.removeClass('ym-gbox-left'); innerdiv.addClass('ym-gbox-right'); } else if (countInGrid == 2) { innerdiv.removeClass('ym-gbox-left'); innerdiv.addClass('ym-gbox'); } } else { gridIn = $('
'); gridIn.addClass('ym-grid ym-equalize prodlist'); $('#productList').append(gridIn); gridIn.append(div); countInGrid = 1; } } if (countInGrid == 2) { gridIn.append('
'); } else if (countInGrid == 1) { gridIn.append('
'); gridIn.append('
'); } if ($('#mproductsScroller').data('sly')) { $('#mproductsScroller').sly('reload'); } else { $.buildVerticalScroller('#mproductsScroller'); } xhrp = $.ajax({ dataType: 'json', type: 'POST', url: '/ajax/ajax_update_designer.php?action=getProducts&language=' + $('html').attr('lang'), data: data, success: function (d) { if (d && d.rows) { $.each(d.rows, function (e) { //checken wie viele im grid drin sind, wenn < 4, dann row adden, wenn nicht, dann neues grid erstellen var content, temporary, img; img = d.rows[e]['img']; temporary = $('.temporary:first'); content = d.rows[e]['linkOpen'] + img + '' + d.rows[e]['stammartikelName'] + ''; temporary.html(temporary.html() + content); if ($('#dUuid').attr('data-uuid')) { temporary.find('a').attr('href', temporary.find('a').attr('data-cr') + $('#dUuid').attr('data-uuid')); } temporary.removeClass('temporary'); temporary.closest('.ym-g33').addClass('used'); temporary.closest('.ym-grid').addClass('used'); }); $('.otae').imagesLoaded().progress(function (a, imgd) { $(imgd.img).closest('div').find('.loadimg').remove(); }); $('#productList').imagesLoaded().done(function (a) { var height; $('.temporary').remove(); $('.prodlist').find('.ym-g33').not('.used').html(''); if ($('#mproductsScroller').data('sly')) { $('#mproductsScroller').sly('reload'); } else { $.buildVerticalScroller('#mproductsScroller'); } if (scroll) { $('#mproductsScroller').sly('toEnd'); } $('.emptygrid').html(''); }); $('#mproductsScroller').sly('on', 'moveEnd', function (ee, aa) { if( this.pos.dest > this.pos.end - 50 ){ $.getProducts(9, scroll); } }); } else { $('.temporary').remove(); $('.prodlist').find('.ym-g33').not('.used').html(''); if ($('#mproductsScroller').data('sly')) { $('#mproductsScroller').sly('reload'); } else { $.buildVerticalScroller('#mproductsScroller'); } } $('.prodlist').find('.ym-grid').not('.used').remove(); } }); }; $(document).on('click', '.mtab, .goToTab', function (e) { if ($(this).find('.notPossible').length) { return; } var contentDiv = $(this).attr('data-id'), active, dataposIndex, dataacP, stickText = [], text; if (contentDiv == 'mproducts'){ $(document).on('click', '.openmenu', function (e) { e.preventDefault(); $('#slideMenu').show(); //$('#katSelector').show(); }); if (!$('#productList').find('.fuseda').length) { $.getProducts(15, false); } } $('.mtab').removeClass('active'); $('.mtab[data-id="' + contentDiv + '"]').addClass('active'); $('.tabcontent').hide(); $('#' + contentDiv).show(); $('.hasScroller:visible').each(function () { var id = $(this).attr('id'); if ($('#' + id).data('sly')) { $('#' + id).sly('reload'); } else { $.buildVerticalScroller('#' + id); } }); if (contentDiv == 'mtextmodule'){ active = $('.motivImage').find('.ovholder.active'); //check if active is text if (active && active.attr('data-isText')) { dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); $.each(pmo[dataacP][dataposIndex].text, function (a) { stickText[a] = pmo[dataacP][dataposIndex].text[a].text; }); if (!$('#sticktext').val()) { $('#sticktext').val(stickText.join('\n')); } } else { $('#sticktext').val($('#sticktext').attr('placeholder')); $('.clonedtf').remove(); $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); $('.ovholder').find('.activewrapper').hide(); $('.ovholder').find('.outerhelper').hide(); $('.motruler').hide().remove(); $.initColorpicker(); if ($(window).width() >= 1280) { $('#sticktext').focus(); } text = $.trim($('#sticktext').val()); text = text.split('\n'); $.setMotive(null, null, null, null, null, null, text); $('#sticktext').val(''); } } //$.removeUnusedVElements($('#mfileuploadScroller')); }); $(document).on('click touchstart', '.duplicater', function () { var ppind = [], dataPosIndex, dataPos, newIndex = 1, newObject; dataPosIndex = $(this).closest('.ovholder').attr('data-posIndex'); dataPos = $(this).closest('.ovholder').attr('data-pos'); $.each(pmo[dataPos], function (b) { ppind.push(pmo[dataPos][b].posIndex); }); newIndex = $.findNextNumber(ppind); newObject = $.extend(true, {}, pmo[dataPos][dataPosIndex]); pmo[dataPos][newIndex] = newObject; pmo[dataPos][newIndex].imageid = newIndex + '-' + pmo[dataPos][dataPosIndex].acP + '-' + pmo[dataPos][dataPosIndex].sid; pmo[dataPos][newIndex].isClone = true; $.setMotive(dataPos, newIndex, true); }); $(document).on('click touchstart', '.deleter', function () { var id; id = $(this).closest('.ovholder').attr('data-id'); $('.delmotive[data-m="' + id + '"]').trigger('click'); $.buildTformat(); $('#sticktext').height(150); $('.txtlineadded').remove(); $('.mtab[data-id="motivselector"]').trigger('click'); $('.clone-type-configurator > ul > li').removeClass('active'); return false; }); $(document).on('click', '.stageHolder', function (e) { if (($(e.target).hasClass('stageHolder') || $(e.target).hasClass('drov'))) { //if ($.active == 0 && ($(e.target).hasClass('stageHolder') || $(e.target).hasClass('drov'))) { $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); $('.ovholder').find('.activewrapper').hide(); $('.ovholder').find('.outerhelper').hide(); $('.motruler').hide().remove(); $('.mtab[data-id="motivselector"]').trigger('click'); $.checkNeededDivs(); $('.hasScroller:visible').each(function () { var id = $(this).attr('id'); $('#' + id).imagesLoaded().done(function (a) { if ($('#' + id).data('sly')) { $('#' + id).sly('reload'); } else { $.buildVerticalScroller('#' + id); } }); }); } }); $(document).on('click', '.arthead', function (e) { $.doExistCheck(); }); $.checkTextFields = function () { /* var doSomething, textElemente, allHidden; $('.tplelselect').each(function () { if ($(this).attr('data-textElemente')){ doSomething = true; return false; } }); if (doSomething) { allHidden = true; $('.desinput.textinput').prop('disabled', true); $('.desinput.textinput').closest('.ym-grid').hide(); $('.tplelselect.selected').each(function () { if ($(this).attr('data-textElemente')){ textElemente = $(this).attr('data-textElemente'); textElemente = textElemente.split(';'); $.each(textElemente, function (a) { $('.desinput.textinput[name="text[Text_' + this + ']"]').prop('disabled', false); $('.desinput.textinput[name="text[Text_' + this + ']"]').closest('.ym-grid').show(); allHidden = false; }); } }); if (allHidden) { $('.mtatext').hide(); } else { $('.mtatext').show(); if ($('.desinput.textinput:visible').length > 1) { $('.alltexts').show(); } else { $('.alltexts').hide(); } } } */ }; $.checkNeededDivs = function () { var propLabel, div, templateLabel, templateTyp, label, thereIsSomething = false, dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'); //$.doStuff(); $('.noMotSel').hide(); $('.mtab').find('.mtabinner').removeClass('notPossible'); if (!$('.motivImage').find('.ovholder.active').length || ($('.motivImage').find('.ovholder.active').attr('data-ptyp') == 'upload')) { $('.meditorFuncs').hide(); $('.noMotSel').show(); return; } if ($('.motivImage').find('.ovholder.active').attr('data-ptyp') == 'motive') { $('.mtab[data-id="motivselector"]').trigger('click'); $('.meditorFuncs').hide(); return; } if ($('.motivImage').find('.ovholder.active').attr('data-editable') == '0') { $('.mtab[data-id="motivselector"]').trigger('click'); $('.meditorFuncs').hide(); return; } $('.mtab[data-id="meditor"]').trigger('click'); $('.meditorFuncs').show(); $('.mtadetails').show(); $('.mtacolors').show(); $('.mtatext').show(); if (!$('#motivColors').html()) { $('.mtacolors').hide(); } else { $('.mtacolors').show(); thereIsSomething = true; } if (!$('#motivElements').html()) { $('.mtadetails').hide(); } else { $('.mtadetails').show(); thereIsSomething = true; } if (!$('#templateTextElements').find('.textinput').length) { $('.mtatext').hide(); } else { $('.mtatext').show(); thereIsSomething = true; } if (thereIsSomething === false) { $('.mtafunc').hide(); } else { $('.mtafunc').show(); $('.meditorFuncs').show(); } if (!isVisible($('.mtatext')) && !isVisible($('.mtacolors')) && !isVisible($('.mtadetails')) && !isVisible($('.mtafunc'))) { $('.meditorFuncs').hide(); } if (thereIsSomething === false) { $('.mtab[data-id="motivselector"]').trigger('click'); $('.mtab[data-id="meditor"]').find('.mtabinner').addClass('notPossible'); return; } $('#meditorScroller').imagesLoaded().done(function (a) { if ($('#meditorScroller').data('sly')) { $('#meditorScroller').sly('reload'); } else { $.buildVerticalScroller('#meditorScroller'); } }); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); if (pmo && pmo[dataacP] && pmo[dataacP][dataposIndex]) { templateTyp = capitalizeFirstLetter(pmo[dataacP][dataposIndex].templateTyp); if (sprache[templateTyp]) { templateTyp = sprache[templateTyp]; } $('.motmotiv .mottype').find('.mte').text(templateTyp); $('.clone-type-configurator > ul > li').removeClass('active'); if (pmo[dataacP][dataposIndex].templateTyp == 'stick') { $('.motmotiv .mottype').find('.smico').text('M'); $('.clone-type-configurator li.stick').addClass('active'); } else { $('.motmotiv .mottype').find('.smico').text('L'); $('.clone-type-configurator li.print').addClass('active'); } templateLabel = pmo[dataacP][dataposIndex].templatelabel; $('.motmotiv .motname').text(templateLabel); } $.removeUnusedVElements($('#meditorScroller')); label = 'Details bearbeiten'; if (sprache.details_tauschen) { label = sprache.details_tauschen; } $('.detselect[data-value="0"]').show(); $('.mtadetails').find('.uploadTrim').hide(); $('#qbview').hide(); if ($('.motivImage').find('.ovholder.active').attr('data-uploaduuid')) { $('#qbview').show(); if (sprache.foto_bearbeiten) { label = sprache.foto_bearbeiten; } else { label = 'Foto-Rahmen wählen'; div = $('
'); div.addClass('uploadTrim'); propLabel = sprache.BildProportionenBehalten ? sprache.BildProportionenBehalten : 'Bild-Proportionen behalten'; if (!$('.mtadetails').find('.uploadTrim').length) { div.html(''); $('.mtadetails').append(div); } else { $('.mtadetails').find('.uploadTrim').show(); } } $('.detselect[data-value="0"]').hide(); } $('.mtadetails').find('.ym-label.detlable').html(label); $('.fusedb').each(function () { var selected, base64, base64holder, width, height, changit = true; base64holder = $('.tempPreview[data-posIndex="' + dataposIndex + '"][data-acP="' + dataacP + '"][data-element="' + $(this).find('.tplelselect').first().attr('data-motiv-id') + '"][data-template="' + active.attr('data-template') + '"]'); selected = $('.allelementsholder[data-motiv-id="' + $(this).find('.tplelselect').first().attr('data-motiv-id') + '"][data-id="' + active.attr('data-template') + '"]').find('.selected'); if (selected.attr('data-value') == '0') { $(this).find('.tplelselect').find('img.ise').not('.forcePreview').attr('src', selected.find('img.ise').attr('src')).css('background', 'none'); } else { if (selected.find('.forcePreview').length) { changit = false; $(this).find('.tplelselect').find('img.ise').attr('src', selected.find('.forcePreview').attr('src')); } } if (changit && base64holder) { base64 = base64holder.attr('data-base64'); if (base64) { $(this).find('.tplelselect').find('img.ise').not('.forcePreview').attr('src', 'data:image/png;base64,' + base64).css('background', 'none'); selected = $('.allelementsholder[data-motiv-id="' + $(this).find('.tplelselect').first().attr('data-motiv-id') + '"][data-id="' + active.attr('data-template') + '"]').find('.selected'); if (selected.length) { width = selected.find('img.ise').width; height = selected.find('img.ise').height; selected.find('img.ise').not('.forcePreview').attr('src', 'data:image/png;base64,' + base64).css('background', 'none').width(width).height(height); } } } }); $.checkTextFields(); }; $(document).on('click', '.arthead', function (e) { $.doExistCheck(); }); $.activateMotive = function (that, checkPosition, click) { var focusPosition, dataId, dataPosIndex, dataPos, datajson, zIndex, mottext = []; //if ($.active == 0) { realActive = $(that).attr('data-auid'); tmpPos = null; dataPosIndex = $(that).attr('data-posIndex'); if(!dataPosIndex){ return true; } dataPos = $(that).attr('data-pos'); dataId = $(that).attr('data-id'); if ($(that).attr('data-ptyp') == 'upload') { $('.mtab[data-id="mfileupload"]').trigger('click'); } else if ($(that).attr('data-ptyp') == 'text') { } else { if (dataPosIndex && (pmo[dataPos][dataPosIndex].editable === undefined || pmo[dataPos][dataPosIndex].editable === '1')) { $('.mtab[data-id="meditor"]').trigger('click'); $(that).attr('data-editable', '1'); } else { $(that).attr('data-editable', '0'); } } if ($(that).hasClass('active') ) { checkPosition = false; } $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); $('.ovholder').find('.outerhelper').hide(); $('.ovholder').find('.activewrapper').hide(); $(that).addClass('active'); $(that).find('.activewrapper').show(); $(that).find('.outerhelper').show(); $('.temselect').removeClass('selected'); $('.uploadselect').removeClass('selected'); if(dataPosIndex){ if (pmo[dataPos][dataPosIndex].template && (!$(that).attr('data-ptyp') || ($(that).attr('data-ptyp') !== 'upload') && $(that).attr('data-ptyp') !== 'text')) { $('.temselect[data-value="' + pmo[dataPos][dataPosIndex].template + '"]').addClass('selected'); $.activateThemelist($('#thwlist').find('a[data-theme="' + $('.temselect[data-value="' + pmo[dataPos][dataPosIndex].template + '"]').closest('.thelist').attr('data-theme') + '"]')); } else if ($(that).attr('data-ptyp') == 'upload') { $('.uploadselect').find('img[data-uuid="' + pmo[dataPos][dataPosIndex].sid + '"]').closest('.uploadselect').addClass('selected'); } } $.each(pmo[dataPos], function (a) { var ttt, uuu; ttt = pmo[dataPos][dataPosIndex].templateTyp; if (ttt == 'upload') { ttt = 'druck'; } uuu = pmo[dataPos][a].templateTyp; if (uuu == 'upload') { uuu = 'druck'; } if (pmo[dataPos][a] && ttt == uuu) { if (!zIndex) { zIndex = pmo[dataPos][a].zIndex; } else if (zIndex < pmo[dataPos][a].zIndex) { zIndex = pmo[dataPos][a].zIndex; } } }); zIndex = zIndex + 10; if(dataPosIndex){ pmo[dataPos][dataPosIndex].zIndex = zIndex; $('.motselect').find('.motov[data-id="' + $(that).attr('data-id') + '"]').css('zIndex', zIndex); $(that).css('zIndex', zIndex); if (dataPosIndex && (pmo[dataPos][dataPosIndex].template && !defaultMotives[pmo[dataPos][dataPosIndex].template])) { $.loadTemplateForm(pmo[dataPos][dataPosIndex].template, dataId); } else { if (dataPosIndex && pmo[dataPos][dataPosIndex].template) { $('#meditor').html(defaultMotives[pmo[dataPos][dataPosIndex].template]); datajson = $('.activeTemplate').find('span[data-id="' + dataId + '"]').attr('data-json'); if (datajson) { $.updateDesignerElements(datajson); $.initColorpicker(); } } } if (checkPosition) { $.checkPosition(true); } $('.allelementsholder').hide(); $('#motivElements').show(); $('.detailprice').find('li').removeClass('selected'); $('.delmotive[data-m="' + pmo[dataPos][dataPosIndex].imageid + '"]').closest('li').addClass('selected'); if ($(that).attr('data-ptyp') == 'text' && $('#sticktext').length) { if ($('#sticktext').is(':visible')) { $.each(pmo[dataPos][dataPosIndex].text, function(r) { mottext[r] = this.text; }); var textrows = $.trim($('#sticktext').val()); textrows = textrows.split('\n'); if (JSON.stringify(mottext) != JSON.stringify(textrows)) { $('#sticktext').val(mottext.join('\n')); } $.buildTformat(pmo[dataPos][dataPosIndex]); $.adjustTextField(); $('.textmottype').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); if (pmo[dataPos][dataPosIndex].templateTyp == 'stick') { $('.textmottype[data-type="stick"]').addClass('active'); $('.clone-type-configurator li.stick').addClass('active'); } else { $('.textmottype[data-type="druck"]').addClass('active'); $('.clone-type-configurator li.print').addClass('active'); } return; } //if (!$('#sticktext').is(':visible') || checkPosition === true) { if (click) { $('#sticktext').val(''); } $('.mtab[data-id="mtextmodule"]').trigger('click'); $.initColorpicker(); $('.textmottype').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); if (pmo[dataPos][dataPosIndex].templateTyp == 'stick') { $('.textmottype[data-type="stick"]').addClass('active'); $('.clone-type-configurator li.stick').addClass('active'); } else { $('.textmottype[data-type="druck"]').addClass('active'); $('.clone-type-configurator li.print').addClass('active'); } $.buildTformat(pmo[dataPos][dataPosIndex]); $.adjustTextField(); $('#sticktext').val($('#sticktext').val()); if ($(window).width() >= 1280) { $('#sticktext').focus(); } $('.slideholder, .fontpop').hide(); } } $.loadMotiveDragger(); if ($(that).attr('data-ptyp') !== 'text') { $.checkNeededDivs(); } if(dataPosIndex){ if (pmo[dataPos][dataPosIndex].editable === undefined || pmo[dataPos][dataPosIndex].editable === '1') { $('.hasScroller:visible').each(function () { var id = $(this).attr('id'); $('#' + id).imagesLoaded().done(function (a) { if ($('#' + id).data('sly')) { $('#' + id).sly('reload'); } else { $.buildVerticalScroller('#' + id); } }); }); } } //} return false; }; $.getParameterByName = function (name, string) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(string); return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); }; $.goToMotivePosition = function (updateDesign) { if (updateDesign && updateDesign === true) { $.updateDesign(); } else { $.updateOverlays(); } }; $.initToggles = function () { $(document).on('click', '.atoggles', function () { //$('.atoggles').on('click', function () { var that = this, dowhat; $('.toggles').each(function () { if ($(that).data('toggles').active === true) { if ($(this).data('toggles').active === true) { $(this).trigger('click'); dowhat = true; } $(that).removeClass('dataon'); $(that).addClass('dataoff'); } else { if ($(this).data('toggles').active === false) { $(this).trigger('click'); dowhat = false; } $(that).removeClass('dataoff'); $(that).addClass('dataon'); } }); $(that).data('toggles').toggle(dowhat); }); $(document).on('click', '.toggles', function () { //$('.toggles').on('click', function () { var input, status, status2, myToggle = $(this).data('toggles'); input = $(this).closest('.ym-grid').find('input.desinput'); if (myToggle.active === true) { status = false; input.attr('data-pl', input.val()).attr('placeholder', input.val()); input.val(''); input.attr('value', ''); $(this).removeClass('dataon'); $(this).addClass('dataoff'); } else { input.val(input.attr('data-pl')); input.attr('value', input.attr('data-pl')); $(this).removeClass('dataoff'); $(this).addClass('dataon'); } $('.toggles').not($(this)).each(function () { status2 = $(this).data('toggles').active; }); if (status === true && status2 === true) { $('.atoggles').data('toggles').toggle(true); } else if (status === false && status2 === false) { $('.atoggles').data('toggles').toggle(false); } clearTimeout(ttTimer); ttTimer = setTimeout(function () { var dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); $.setMotive(dataacP, dataposIndex, true); }, 0); }); $('.toggles, .atoggles').toggles({ text: { on: sprache.an, off: sprache.aus }, animate: 0, on: true, drag: false, height: 18, width: 45 }); $('.toggles').each(function () { if (!$(this).hasClass('dataoff')) { $(this).addClass('dataon'); } }); }; $.initColorpicker = function (eee) { var colHolder, textrow; $('.colorPicker').find('a, input[type=text]').remove(); $('.colorPicker').find('select').attr('name', 'color'); $('.mcpick').find('select[name="color"]').colourPicker({ico: '/images/transparent.gif', title: '', openTxt: ''}); $('.txtColorPicker').find('select[name="color"]').colourPicker({ico: '/images/transparent.gif', title: '', openTxt: ''}); $('.alltexts').remove(); if ($('#templateTextElements').find('.ym-grid').length > 1) { textrow = $('#templateTextElements').find('.ym-grid').first().clone(); textrow.addClass('alltexts').find('.ym-fbox-text').addClass('txtright').html('' + sprache.Alle_Texte + ''); textrow.find('input[name="color"]').remove(); textrow.find('.toggles').addClass('atoggles').removeClass('toggles'); textrow.find('select[name="color"]').attr('name', 'alltexts').colourPicker({ico: '/images/transparent.gif', title: '', openTxt: ''}); $('#templateTextElements').append(textrow); } $('.elholder').find('.ise').each(function () { var color; color = $(this).closest('.elholder').find('input[name="color"]').val(); }); $('input[name="color"]').each(function () { var color; color = $(this).val(); if (color == 'ffffff') { $(this).css('borderColor', '#000000'); } else if (color == '000000') { $(this).css('borderColor', '#FFFFFF'); } }); $('#templateTextElements').find('select[name="color"]').colourPicker({ico: '/images/transparent.gif', title: '', openTxt: ''}); $('.elholder').find('select[name="color"]').colourPicker({ico: '/images/transparent.gif', title: '', openTxt: ''}); //$(document).on('click', '#templateTextElements input[name="color"], .mcpick input[name="color"], .elholder input[name="color"], .txtColorPicker input[name="color"]', function (e) { $('#templateTextElements, .mcpick, .elholder, .txtColorPicker').find('input[name="color"]').on('click', function (e) { if ($(e.target).closest('.txtColorPicker').length && $.trim($('#sticktext').val()) == '') { return false; } $(this).closest('div').find('a').trigger('click'); $('#jquery-colour-picker').find('a[rel="' + $(this).val() + '"]').addClass('selected'); clearTimeout(ttTimer); return false; }); $('input[name="color"]').on('change', function () { clearTimeout(ttTimer); var elementActId, colorId, color, dataacP, dataposIndex, elId, ell, active = $('.motivImage').find('.ovholder.active'); color = $(this).val(); colorId = $(this).closest('.colorPicker').attr('data-colorId'); $(this).closest('.colorPicker').find('.colorico').css('backgroundColor', '#' + color); //$(this).closest('.colorPicker').find('.colorico').css('borderColor', '#' + color); if (color == 'ffffff') { $(this).closest('.colorPicker').find('.colorico').css('borderColor', '#000000'); } else if (color == '000000') { $(this).closest('.colorPicker').find('.colorico').css('borderColor', '#FFFFFF'); } $(this).closest('.colorPicker').find('select').find('option').prop('selected', null); $(this).closest('.colorPicker').find('select').find('option[value="' + $(this).val() + '"]').prop('selected', true); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); elId = $(this).closest('.detholder').find('.tplelselect').attr('data-motiv-id'); ell = $('.elholder[data-motiv-id="' + elId + '"]'); elementActId = ell.find('.fusedb').find('.detselected').attr('data-value'); if (pmo && pmo[dataacP] && pmo[dataacP][dataposIndex]) { if (pmo[dataacP][dataposIndex].templateTyp == 'stick') { ell = $('.elholder'); } } $('.colorPicker[data-colorId="' + colorId + '"][data-element="' + elementActId + '"]').each(function () { var elementId = $(this).attr('data-element'); $(this).find('input[name="color"]').css('backgroundColor', '#' + color); $(this).find('input[name="color"]').closest('.colorPicker').find('.colorico').css('backgroundColor', '#' + color); //$(this).find('input[name="color"]').closest('.colorPicker').find('.colorico').css('borderColor', '#' + color); $(this).find('.colorico').css('backgroundColor', '#' + color); $(this).find('.colorico').css('borderColor', '#' + color); if (color == 'ffffff') { $(this).find('input[name="color"]').closest('.colorPicker').find('.colorico').css('borderColor', '#000000'); $(this).find('.colorico').css('borderColor', '#000000'); } else if (color == '000000') { $(this).find('input[name="color"]').closest('.colorPicker').find('.colorico').css('borderColor', '#FFFFFF'); $(this).find('.colorico').css('borderColor', '#FFFFFF'); } }); clearTimeout(ttTimer); ttTimer = setTimeout(function () { $.setMotive(dataacP, dataposIndex, true); if(pmo[dataacP][dataposIndex].rotation && pmo[dataacP][dataposIndex].rotation !== 0){ needsMovement = true; } }, 300); }); $('input[name="alltexts"]').on('click', function () { $(this).closest('div').find('a').trigger('click'); $('.slideholder, .fontpop').hide(); return false; }); $('input[name="alltexts"]').on('change', function () { var cval = $(this).val(); $('#templateTextElements').find('input[name="color"]').each(function () { $(this).val(cval).attr('value', cval).css('backgroundColor', '#' + cval).css('color', '#' + cval); $(this).closest('.colorPicker').find('.colorico').css('backgroundColor', '#' + cval); //$(this).closest('.colorPicker').find('.colorico').css('borderColor', '#' + cval); if (cval == 'ffffff') { $(this).closest('.colorPicker').find('.colorico').css('borderColor', '#000000'); } else if (cval == '000000') { $(this).closest('.colorPicker').find('.colorico').css('borderColor', '#FFFFFF'); } }); clearTimeout(ttTimer); ttTimer = setTimeout(function () { var dcp, dpi, active = $('.motivImage').find('.ovholder.active'); dpi = active.attr('data-posIndex'); dcp = active.attr('data-pos'); $.setMotive(dcp, dpi, true); }, 0); }); $('.colorPicker a').each(function (index) { $(this).prop('tabindex', index + 9999); }); $('#jquery-colour-picker').css('zIndex', 5000); $('.desinput').focus(function () { $(this).select(); }); $(document).on('click', '.colorico', function () { $(this).closest('.colorPicker').find('input').first().trigger('click'); $('.slideholder, .fontpop').hide(); }); $(document).on('click', '.colorPicker a', function () { var color, el; el = $(this).closest('.colorPicker').find('input').first(); color = el.css('backgroundColor'); color = $.rgb2hex(color); if(!color){ color = el.css('backgroundColor'); } color = color.replace('#', ''); $('#jquery-colour-picker').find('a[rel=' + color + ']').addClass('selected'); colHolder = $(this).closest('div').find('input[name="color"]'); colHolder.attr('data-id', $('#jquery-colour-picker').find('a[rel=' + color + ']').attr('data-id')); $('.slideholder, .fontpop').hide(); }); if (!$('.toggle-slide').length) { $.initToggles(); } return true; }; $.updateDesignerElements = function (json) { var data, val; if (!json) { return; } data = json; if ($.type(json) === 'string') { data = $.parseJSON(json); } if (data.text) { $.each(data.text, function (a) { val = $.trim(data.text[a]); $('.desinput[name="text[' + a + ']"]').val(val).attr('value', val); if (val == '') { $('.desinput[name="text[' + a + ']"]').closest('.ym-grid').find('.toggles').addClass('dataoff').attr('data-toggle-on', false); //$('.desinput[name="text[' + a + ']"]').closest('.ym-grid').find('.cpia').removeClass('colorico').addClass('coloricoInact'); } else { $('.desinput[name="text[' + a + ']"]').closest('.ym-grid').find('.toggles').addClass('dataon'); //$('.desinput[name="text[' + a + ']"]').closest('.ym-grid').find('.cpia').removeClass('coloricoInact').addClass('colorico'); } }); } if (data.color) { $.each(data.color, function (a) { var colorinfo, colorpicker; val = data.color[a].split(',').join(', ').toString(); colorpicker = $('.desinput[name="text[' + a + ']"]').closest('.ym-grid').find('.colorPicker'); colorpicker.find('option').prop('selected', null); colorinfo = colorpicker.find('option[data-rgb="' + val + '"]'); colorinfo.prop('selected', true); //colorpicker.find('.colorico').css('backgroundColor', '#' + colorinfo.attr('value')); //colorpicker.find('.colorico').css('borderColor', '#' + colorinfo.attr('value')); colorpicker.find('.colorico').css('backgroundColor', val); //colorpicker.find('.colorico').css('borderColor', val); if (val == 'ffffff') { colorpicker.find('.colorico').css('borderColor', '#000000'); } else if (val == '000000') { colorpicker.find('.colorico').css('borderColor', '#FFFFFF'); } }); } if (data.motivColor) { $.each(data.motivColor, function (a) { var colorinfo, colorpicker; val = data.motivColor[a]; colorpicker = $('.mcpick').find('.colorPicker[data-colorId="' + a + '"]'); colorpicker.find('option').prop('selected', null); colorinfo = colorpicker.find('option[data-rgb="' + val + '"]'); colorinfo.prop('selected', true); colorpicker.find('.colorico').css('backgroundColor', '#' + colorinfo.attr('value')); //colorpicker.find('.colorico').css('borderColor', '#' + colorinfo.attr('value')); if (colorinfo.attr('value') == 'ffffff') { colorpicker.find('.colorico').css('borderColor', '#000000'); } else if (colorinfo.attr('value') == '000000') { colorpicker.find('.colorico').css('borderColor', '#FFFFFF'); } }); } if (data.motiv) { $.each(data.motiv, function (a) { var colorinfo, val = data.motiv[a], el = $('.detselect[data-motiv-id="' + a + '"]'); el.removeClass('selected'); colorinfo = el.find('option[data-rgb="' + val + '"]'); /* data-value */ $('.allelementsholder[data-motiv-id="' + a + '"][data-id="' + data.templateId + '"]').find('.detselect[data-value="' + val + '"]').addClass('selected'); el.find('.colorico').css('backgroundColor', '#' + colorinfo.attr('value')); //el.find('.colorico').css('borderColor', '#' + colorinfo.attr('value')); if (colorinfo.attr('value') == 'ffffff') { el.find('.colorico').css('borderColor', '#000000'); } else if (colorinfo.attr('value') == '000000') { el.find('.colorico').css('borderColor', '#FFFFFF'); } }); } if (data.elementColor) { $.each(data.elementColor, function (a) { var colorinfo, colorpicker, colorHolder, motivId; val = data.elementColor[a]; motivId = $('.colorHolder[data-element-colors="' + a + '"]').closest('.allelementsholder').attr('data-motiv-id'); colorHolder = $('.colorHolder[data-element-colors="' + a + '"]').html(); //colorHolder = $(this).closest('.detholder').find('.colorHolder').html(); $('.detselector[data-motiv-id="' + motivId + '"]').closest('.detholder').find('.elcolorholder').html(colorHolder); $('.detselector[data-motiv-id="' + motivId + '"]').closest('.detholder').find('.elcolorholder').find('.mcpicka').addClass('mcpick'); $('.detselector[data-motiv-id="' + motivId + '"]').closest('.detholder').find('.detselector').attr('data-value', a); $.each(val, function (b) { var el; el = $('.colorPicker[data-element="' + a + '"][data-colorId="' + b + '"]'); colorinfo = el.find('option[data-rgb="' + data.elementColor[a][b] + '"]'); $('.colorPicker[data-element="' + a + '"][data-colorId="' + b + '"]').find('.colorico').css('backgroundColor', '#' + colorinfo.attr('value')); //$('.colorPicker[data-element="' + a + '"][data-colorId="' + b + '"]').find('.colorico').css('borderColor', '#' + colorinfo.attr('value')); if (colorinfo.attr('value') == 'ffffff') { $('.colorPicker[data-element="' + a + '"][data-colorId="' + b + '"]').find('.colorico').css('borderColor', '#000000'); } else if (colorinfo.attr('value') == '000000') { $('.colorPicker[data-element="' + a + '"][data-colorId="' + b + '"]').find('.colorico').css('borderColor', '#FFFFFF'); } }); }); } }; $.replaceUrlParam = function (url, name, value) { var pattern, newUrl; if (url === undefined) { return false; } pattern = new RegExp('(' + name + '=).*?(&|$)'); newUrl = url.replace(pattern, '$1' + value + '$2'); return newUrl; }; $.removeUnusedVElements = function ($wrap) { if ($wrap.find('.slidee').height() < $wrap.height() || $wrap.find('.slidee').height() == 0) { $wrap.find('.prev, .prevPage, .next, .nextPage, .pages li, .vscrollbar .handle, .vscrollbar').hide(); } else { $wrap.find('.prev, .prevPage, .next, .nextPage, .pages li, .vscrollbar .handle, .vscrollbar').show(); } }; $.buildVerticalScroller = function (element) { var id; $(element).each(function () { id = $(this).attr('id'); var $frame = $('#' + id), $wrap; //if ($('.mtab[data-id="' + $frame.closest('.tabcontent').attr('id') + '"]').hasClass('active')) { $wrap = $frame.parent(); $.removeUnusedVElements($wrap); $(this).imagesLoaded().done(function (a) { $frame.sly({ horizontal: false, scrollBar: $wrap.find('.vscrollbar'), mouseDragging: 1, touchDragging: 1, speed: 300, releaseSwing: 1, activatePageOn: 'click', scrollBy: 100, smart: 1, dragHandle: 1, dynamicHandle: 1, clickBar: 1, elasticBounds: false }); $.removeUnusedVElements($wrap); $frame.sly('on', 'load', function (e) { $.removeUnusedVElements($wrap); }); }); //} }); }; function motivDesigner_setZoomElemente() { var tmpLeft = parseInt(($('.motivImage').width() - $('.motivImage').children('.flexible').width()) / 2, 10) + zoomLeftDiff; $('.motivZoom_img').find('.motivZoom_overlay').remove(); $('.motivImage').find('.overlayImage').each(function (index) { var tmpOverlay = $('').addClass('motivZoom_overlay') .attr('src', $(this).attr('src')) .css('top', parseInt($(this).position().top * zoomFac, 10)) .css('left', parseInt(($(this).position().left) * zoomFac, 10) - parseInt(tmpLeft * 1.85, 10)) .width($(this).width() * zoomFac) .height($(this).height() * zoomFac); $(this).closest('.motivImage').find('.motivZoom_img').append(tmpOverlay); }); $('.motivZoom_overlay').each(function () { var tmpSrc = $.replaceUrlParam($(this).attr('src'), 'width', parseInt($(this).width(), 10)); tmpSrc = $.replaceUrlParam(tmpSrc, 'height', parseInt($(this).height(), 10)); $(this).attr('src', tmpSrc); }); } function motivDesigner_setZoomEvent() { $('.motivImage').children('.flexible').on('mouseenter', function () { if ($(this).parent().find('.motivZoom').length == 0) { var tmpLeft, prodImg, tmpImgObj, tmpZoom; tmpLeft = parseInt(($('.motivImage').width() - $('.motivImage').children('.flexible').width()) / 2, 10) + zoomLeftDiff; prodImg = $('').addClass('motivZoom_article') .attr('src', $(this).attr('src')) .width($(this).width() * zoomFac) .height($(this).height() * zoomFac); tmpImgObj = $('
').addClass('motivZoom_img') .width($(this).width() * zoomFac) .height($(this).height() * zoomFac) .append(prodImg); tmpZoom = $('
').addClass('motivZoom') .css('left', tmpLeft) .width($('.motivImage').children('.flexible').width()) .height($('.motivImage').children('.flexible').height()) .append(tmpImgObj) .on('mouseleave', function () { $('.motivZoom').remove(); }).mousemove(function (e) { var parentOffset = $(this).offset(), relX, relY; relX = parseInt(e.pageX - parentOffset.left, 10); relY = parseInt(e.pageY - parentOffset.top, 10); $(this).find('.motivZoom_img').css('left', parseInt(relX, 10) * -1).css('top', parseInt(relY, 10) * -1); }); $(this).parent().append(tmpZoom); motivDesigner_setZoomElemente(); $('.motivZoom_article').each(function () { var tmpSrc = $.replaceUrlParam($(this).attr('src'), 'width', parseInt($(this).width(), 10)); tmpSrc = $.replaceUrlParam(tmpSrc, 'height', parseInt($(this).height(), 10)); $(this).attr('src', tmpSrc); }); } }); } $(function () { motivDesigner_setZoomEvent(); }); $(document).on('click', '.resetmotiv', function () { var dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'), datajson; dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); $('#meditor').html(defaultMotives[pmo[dataacP][dataposIndex].template]); datajson = $('.activeTemplate').find('span[data-defaulttemplate="' + pmo[dataacP][dataposIndex].template + '"]').attr('data-json'); if (datajson) { $.updateDesignerElements(datajson); $.initColorpicker(); $.setMotive(dataacP, dataposIndex, true); $.loadMotiveDragger(); $('#meditorScroller').sly('reload'); } else { $.setMotive(dataacP, dataposIndex, true); $.loadMotiveDragger(); $('#meditorScroller').sly('reload'); } }); $(document).on('click', '.notext', function () { var input = $(this).closest('.ym-fbox-text').find('input.desinput'), dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'); if (input.val() === ' ') { return; } input.val(' ').attr('value', ' '); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); $.setMotive(dataacP, dataposIndex, true); }); $(document).on('click', '.delmotive', function () { var trash, type; trash = $(this).attr('data-m'); $.each(pmo, function (a) { $.each(pmo[a], function (b) { if (pmo[a][b].imageid == trash) { if (pmo[a][b].defMot == 1 && parseFloat($('.baseprice').first().attr('data-price')) > parseFloat($('.basepriceProduct').first().attr('data-price'))) { $('.basepriceDefaultMotives').first().attr('data-price', (parseFloat($('.baseprice').first().attr('data-price')) - parseFloat($('.basepriceProduct').first().attr('data-price')))); } type = $('.motivImage').find('.motov[data-id="' + trash + '"]').attr('data-ptyp'); $('.motov[data-id="' + trash + '"]').remove(); delete pmo[a][b]; } }); if ($.isEmptyObject(pmo[a])) { delete pmo[a]; } }); $(this).closest('li').remove(); if (type == 'upload') { $('.mtab[data-id="mfileupload"]').trigger('click'); } else if (type == 'text') { //$('.mtab[data-id="mtextmodule"]').trigger('click'); } else { $('.mtab[data-id="motivselector"]').trigger('click'); } //$.updatePriceDiv(); $.updateCreation(); $('.ccHolder').hide(); $('.errorpoint').remove(); }); $(document).on('click', '.mottotrash', function () { var uuid, datad = {}; uuid = $(this).closest('.imglist').find('.motupload').attr('data-uuid'); datad.uuid = uuid; $.ajax({ data: datad, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax_update_designer.php?action=delupload&language=' + $('html').attr('lang'), success: function (data) { var ic = $('.motupload[data-uuid="' + uuid + '"]').closest('.imglist'); if (data.success) { $.setInfo(data.success); ic.remove(); $('#mfileuploadScroller').sly('reload'); } } }); }); $(document).on('click', '.favtotrash', function () { var crid, datad = {}; crid = $(this).closest('li').find('a').attr('data-crid'); datad.crid = crid; $.ajax({ data: datad, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax_update_designer.php?action=delfav&language=' + $('html').attr('lang'), success: function (data) { var ic = $('.ovholder[data-crid="' + crid + '"]').find('.addtofav'); if (data.success) { $.setInfo(data.success); ic.removeClass('isFavorite'); ic.removeClass('ui-state-highlight'); $('.favorites').trigger('click'); } } }); }); $(document).on('click', '.addtofav', function () { var crid, that, div, ddata = {}, title, templateId; that = this; crid = $(this).closest('.ovholder').attr('data-crid'); templateId = $(this).closest('.ovholder').attr('data-template'); title = $('.temselect[data-value="' + templateId + '"]').attr('data-title'); if ($(that).hasClass('isFavorite')) { return false; } if (crid) { ddata.crid = crid; div = $('
'); div.html(''); div.addClass('add2fav'); $(div).dialog({ autoOpen: true, modal: true, title: 'Zu Favoriten hinzufügen', resizable: false, draggable: false, closeText: 'schließen', show: {effect: 'puff', duration: 222}, hide: {effect: 'clip', duration: 222}, close: function () { $('.add2fav').remove(); return true; }, buttons: { 'Speichern': function () { ddata.title = $('input[name="favname"]').val(); $.ajax({ data: ddata, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax_update_designer.php?action=fav&language=' + $('html').attr('lang'), success: function (data) { if (data.success) { $.setInfo(data.success); $(that).addClass('ui-state-highlight'); $(that).addClass('isFavorite'); } } }); $(this).dialog('close'); }, 'Abbrechen': function () { $(this).dialog('close'); } } }); } else { $.setInfo('nicht möglich'); } }); $(document).on('click', '.showhelp', function () { var div, ccontent, title; div = $('
'); title = $('#mothelp').attr('data-title'); ccontent = $('#mothelp').html(); div.html(ccontent); div.css('border', '1px solid #ccc'); div.css('borderTop', 'none'); div.css('background', '#eee'); $('.ui-dialog-content').dialog("close"); $(div).dialog({ autoOpen: true, modal: false, title: title, resizable: true, draggable: true, closeText: 'schließen', position: {my: 'center-20 top+20', at: 'center-20 top+20', of: '#designer'}, width: $('#designer').innerWidth() - 6, show: {effect: 'puff', duration: 222}, hide: {effect: 'clip', duration: 222}, close: function () { return true; } }); }); $.checkPossibility = function (clicker) { var iy = 0, mots = 0, ix = 0, conflictHtml, div, title, ret = true, desiredTheme, conflict = false, msg, i = 0, conflictMotivs = {}; desiredTheme = $('select[name="thworld"]').find('option[value="' + $(clicker).attr('data-tw') + '"]').val(); mots = $('.jsMsThumbs').find('.ovimga').length; if ($('select[name="thworld"]').find('option[data-nomix]').length === 0 || mots === 0) { return true; } $.each(pmo, function (a) { iy = iy + 1; $.each(pmo[a], function (b) { if (pmo[a][b].soapId) { i = i + 1; } ix = ix + 1; }); }); $.each(pmo, function (a) { $.each(pmo[a], function (b) { if (!pmo[a][b].defMot && pmo[a][b].soapId && desiredTheme !== pmo[a][b].theme) { if ($('select[name="thworld"]').find('option[value="' + pmo[a][b].theme + '"]').attr('data-nomix')) { conflict = true; msg = 'Dieses Motiv ist mit einem bereits gewählten Motiv nicht kombinierbar.'; if (conflictMotivs[a] == undefined) { conflictMotivs[a] = {}; } conflictMotivs[a][b] = pmo[a][b]; } if ($('select[name="thworld"]').find(':selected').attr('data-nomix')) { conflict = true; msg = 'Das gewählte Motiv ist mit einem Motiv nicht kombinierbar.'; if (conflictMotivs[a] == undefined) { conflictMotivs[a] = {}; } conflictMotivs[a][b] = pmo[a][b]; } ret = false; } }); }); if (ret === false && conflict === true) { $.loadOverlay(true); conflictHtml = ''; $.each(conflictMotivs, function (a) { $.each(conflictMotivs[a], function (b) { var posLabel = $('#pos_' + a).attr('data-label'), typLabel = conflictMotivs[a][b].label; conflictHtml += '

  • ' + typLabel + ' ' + conflictMotivs[a][b].templatelabel + ' ' + posLabel + ' löschen

    • '; }); }); msg = '

    ' + msg + '

      ' + conflictHtml + '
    '; div = $('
    '); title = 'Achtung'; div.html(msg); $(div).dialog({ autoOpen: true, modal: true, title: title, resizable: false, draggable: false, closeText: 'schließen', maxWidth: $('#designer').innerWidth(), position: {my: 'center top', at: 'center top', of: '#designer .ym-grid'}, width: $('#designer').innerWidth() - 6, show: {effect: 'puff', duration: 222}, hide: {effect: 'clip', duration: 222}, close: function () { if ($('.conflict').length == 0) { $(clicker).trigger('click'); $.loadOverlay(true); } $('.conflict').remove(); $.loadOverlay(true); return true; } }); ret = false; $.loadOverlay(true); } else { return true; } }; $(document).on('click', '.delconflict', function () { var trash, conflicts; trash = $(this).attr('data-m'); $('.delmotive[data-m="' + trash + '"]').trigger('click'); $(this).closest('li').remove(); conflicts = $('.conflict').length; if (conflicts == 0) { $('.ui-dialog-content').dialog('close'); } }); $.changePosition = function () { var selPrint, selStick, selNewPrint, selNewStick, imageHolder, dataPos, verso, dataPositionsId, origPos, origholder, wrapper, activePosTypOrig, stage, orig, origPositionsId; if ($(this).hasClass('selected')) { return false; } if ($('.motselect.ui-droppable').length) { $('.motselect.ui-droppable').droppable('destroy'); } $('.motruler').hide().remove(); //check gebiet for printable/stickable selPrint = $('#motfilter').find('.tfilter[data-type="2"]').hasClass('active') ? 1 : 0; selStick = $('#motfilter').find('.tfilter[data-type="1"]').hasClass('active') ? 1 : 0; wrapper = $(this).closest('.hastheaction'); if (!wrapper.length) { wrapper = $(this).closest('.listItem'); } wrapper.find('.jsMsThumbs').find('a').removeClass('selected'); $(this).addClass('selected'); dataPos = $(this).attr('data-pos'); dataPositionsId = $(this).attr('data-positionsId'); $('.tfilter[data-type="2"]').removeClass('noposs').removeClass('active'); $('.tfilter[data-type="1"]').removeClass('noposs').removeClass('active'); $('.mtadruck').show(); $('.mtastick').show(); if (!$('#motpos' + dataPos).closest('li').find('.gebiet[data-fuer-druck=1]').length) { $('.mtadruck').hide(); //$('.tfilter[data-type="1"]').trigger('click'); $('.tfilter[data-type="1"]').addClass('active'); $('.tfilter[data-type="2"]').addClass('noposs'); selNewPrint = 0; selNewStick = 1; $.filterTemplates(); } if (!$('#motpos' + dataPos).closest('li').find('.gebiet[data-fuer-stick=1]').length) { $('.mtastick').hide(); //$('.tfilter[data-type="2"]').trigger('click'); $('.tfilter[data-type="1"]').addClass('active'); $('.tfilter[data-type="1"]').addClass('noposs'); selNewPrint = 1; selNewStick = 0; $.filterTemplates(); } if((selNewPrint || selNewStick) && (selNewPrint != selPrint && selNewStick != selStick)){ } else { if(selPrint){ $('#motfilter').find('.tfilter[data-type="2"]').addClass('active') } if(selStick){ $('#motfilter').find('.tfilter[data-type="1"]').addClass('active') } } activePosTypOrig = $('#motivDesignerForm').attr('data-activePositionsTyp'); $('.topbox').find('.overlayimg' + dataPos).show(); $('.topbox').find('.overlayimg' + activePosTypOrig).hide(); $('#motivDesignerForm').attr('data-activePos', dataPositionsId); $('#motivDesignerForm').attr('data-activePositionsTyp', dataPos); $('.temselect').removeClass('selected'); $('.uploadselect').removeClass('selected'); imageHolder = wrapper.find('.motivImage'); imageHolder.remove('.tmpimg').css('height', imageHolder.outerHeight()); verso = wrapper.find('.orig' + dataPos).html(); origPos = imageHolder.attr('data-pos'); $('.ndimg').each(function () { var src, img, newSrc, bildId; img = $(this).find('img').first(); src = img.attr('src'); bildId = $(this).closest('.fleinner').find('.tapinfo[data-pos="' + dataPos + '"]').attr('data-bildId'); newSrc = $.replaceUrlParam(src, 'id', bildId); if (bildId !== undefined && !imgs[newSrc]) { imgs[newSrc] = true; } if (bildId !== undefined) { img.attr('src', newSrc); $(this).removeClass('hasMotiv' + origPos).addClass('hasMotiv').addClass('hasMotiv' + dataPos); } }); origholder = wrapper.find('.origholder'); stage = wrapper.find('.motivImage'); origPos = stage.attr('data-pos'); origPositionsId = stage.attr('data-positionsId'); stage.removeClass('hasMotiv' + origPos).addClass('hasMotiv').addClass('hasMotiv' + dataPos); wrapper.find('.orig' + origPos).remove(); orig = $('
    ') .addClass('orig' + origPos) .attr('data-positionsId', origPositionsId) .addClass('hideed hasMotiv medf') .addClass('hasMotiv' + origPos) .width(stage.width()) .css('textAlign', stage.css('textAlign')) .html(stage.html()); orig.find('.stageHolder').width(stage.width()); origholder.append(orig); wrapper.find('.motivImage').attr('data-pos', dataPos).attr('data-positionsId', dataPositionsId); wrapper.find('.motivImage').html(verso); $('.motivImage').imagesLoaded().done(function (a) { motivDesigner_setZoomEvent(); $.loadOverlay(true); $.loadMotiveDragger(); //$.initColorpicker(); $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); $('.ovholder').find('.activewrapper').hide(); $('.ovholder').find('.outerhelper').hide(); }); $('.mtab[data-id="motivselector"]').trigger('click'); }; $(document).on('click', '.motselect', $.changePosition); //$('.motselect').on('click', $.changePosition); $(document).on('click', 'input[name="uploadTrim"]', function (e) { var dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); $.setMotive(dataacP, dataposIndex, true); }); $(document).on('click', '.detselector', function () { var holder, width, height, active; $('.allelementsholder').hide(); $('.fusedb').removeClass('selected'); $(this).closest('.fusedb').addClass('selected'); width = $('#motivElements').width(); height = $('.fusedb').first().height(); active = $('.motivImage').find('.ovholder.active'); holder = $('.allelementsholder[data-motiv-id="' + $(this).attr('data-motiv-id') + '"][data-id="' + active.attr('data-template') + '"]').css('minHeight', height); if (!holder.hasClass('added')) { holder.addClass('added'); holder.appendTo($('.mtadetails')); } $('#motivElements').hide(); holder.show(); if ($('#meditorScroller').data('sly')) { $('#meditorScroller').sly('reload'); $('#meditorScroller').sly('toStart', $('.mtadetails').eq(0), true); } else { $.buildVerticalScroller('#meditorScroller'); $('#meditorScroller').sly('toStart', $('.mtadetails').eq(0), true); } }); $(document).on('click', '.elcloser', function () { $('.allelementsholder').hide(); if ($('#meditorScroller').data('sly')) { $('#meditorScroller').sly('toStart', true); } $('#motivElements').show(); $('.fusedb').removeClass('selected'); }); $(document).on('click', '.detselect', function () { if ($(this).hasClass('selected')) { return false; } clearTimeout(ttTimer); var dataacP, newImage, motivId, dataposIndex, active = $('.motivImage').find('.ovholder.active'), colorHolder; $(this).closest('.allelementsholder').find('.detselect').removeClass('selected'); $(this).addClass('selected'); newImage = $(this).find('.ise').attr('src'); motivId = $(this).attr('data-motiv-id'); if ($('.colorPicker[data-element="' + $(this).closest('.detholder').find('.colorHolder').attr('data-element-colors') + '"]').attr('data-colorId')) { colorHolder = $(this).closest('.detholder').find('.colorHolder').html(); $('.detselector[data-motiv-id="' + motivId + '"]').closest('.detholder').find('.elcolorholder').html(colorHolder); } else { $('.detselector[data-motiv-id="' + motivId + '"]').closest('.detholder').find('.elcolorholder').html(''); } $('.detselector[data-motiv-id="' + motivId + '"]').closest('.detholder').find('.detselector').attr('data-value', $(this).attr('data-value')); $('.detselector[data-motiv-id="' + motivId + '"]').closest('.detholder').find('.elcolorholder').find('.mcpicka').addClass('mcpick'); $.initColorpicker(); $('.detselector[data-motiv-id="' + motivId + '"]').find('.ise').attr('src', newImage); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); if ($('#meditorScroller').data('sly')) { $('#meditorScroller').sly('toStart', true); } $('.allelementsholder').hide(); $('#motivElements').show(); $.checkTextFields(); $.setMotive(dataacP, dataposIndex, true); }); $(document).on('click', '.uploadselect .holder', function (e) { e.preventDefault(); var acp; acp = $('#motivDesignerForm').attr('data-activePositionsTyp'); if (!$('#motpos' + acp).closest('li').find('.gebiet[data-fuer-druck=1]').length) { $.setInfo('Bei diesem Artikel ist leider kein Druck möglich'); return false; } $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); $('.outerhelper').hide(); $('.activewrapper').hide(); $('.temselect').removeClass('selected'); $('.uploadselect').removeClass('selected'); $(this).closest('.uploadselect').addClass('selected'); $.setMotive(); return; }); $(document).on('click', '.favselect', function (e) { e.preventDefault(); var template = $(this).attr('data-template'), crid = $(this).attr('data-crid'), ddata = {}; ddata.crid = crid; $.ajax({ data: ddata, dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax_update_designer.php?action=getfav&language=' + $('html').attr('lang'), success: function (res) { if (res) { var motivp, motivi, renew, isReload, isMover; $('.temselect').removeClass('selected'); $('.temselect[data-value="' + template + '"]').addClass('selected'); $.activateThemelist($('#thwlist').find('a[data-theme="' + $('.temselect[data-value="' + template + '"]').closest('.thelist').attr('data-theme') + '"]')); $.setMotive(motivp, motivi, renew, isReload, isMover, res); $.activateMotive($('.motivImage').find('.ovholder.active')); $('.ovholder[data-crid="' + crid + '"]').find('.addtofav').addClass('ui-state-highlight isFavorite'); } } }); }); $(document).on('click', '.thelist div.relative', function (e) { if (!$(e.target).hasClass('temselect')) { $('.allelementsholder').hide(); $('#motivElements').show(); $(this).find('.temselect').trigger('click'); } }); $(document).on('click', '.temselect', function (e) { e.preventDefault(); $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); $('.ovholder').find('.outerhelper').hide(); $('.ovholder').find('.activewrapper').hide(); $.loadOverlay(); clearTimeout(ttTimer); var allow = false; allow = $.checkPossibility(this); if (allow === true) { $('.temselect').removeClass('selected'); $('.uploadselect').removeClass('selected'); $(this).addClass('selected'); ttTimer = setTimeout(function () { $.loadTemplate(); }, 200); } }); $(document).on('click', '.updatetext', function (e) { var dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); $.loadOverlay(false, pmo[dataacP][dataposIndex].ajaxId); if (xhr && pmo && pmo[dataacP][dataposIndex].ajaxId && xhr[pmo[dataacP][dataposIndex].ajaxId]) { xhr[pmo[dataacP][dataposIndex].ajaxId].abort(); //tempdisabled } else if (xhr && ajaxId && xhr[ajaxId]) { xhr[ajaxId].abort(); //tempdisabled } $.setMotive(dataacP, dataposIndex, true); }); $(document).on('keypress', '#motivDesignerForm input:text.textinput', function (e) { var code; code = e.keyCode || e.which; if (code == 9) { $('#motivDesignerForm input:text.textinput:eq(' + ($('#motivDesignerForm input:text.textinput').index(this) + 1) + ')').focus(); } }); /* NOTIZ, muss hier der if block sein? DT 150815 */ //if ($('#sticktext').length) { $.buildSlider = function () { $('.tradius').each(function(){ var that = this; if(!$(this).data('slider')){ $(this).slider({ min: -1000, max: 1000, step: 50, value: 0, orientation: 'vertical', slide: function (event, ui) { if (ui.value == 0){ $(that).find('.ui-slider-handle').addClass('bgcol1'); $(that).find('.ui-slider-handle').removeClass('ui-state-active'); $(that).find('.ui-slider-handle').removeClass('ui-state-focus'); $(that).find('.ui-slider-handle').removeClass('ui-state-hover'); $(that).find('.ui-slider-handle').removeClass('ui-state-default'); } else { $(that).find('.ui-slider-handle').removeClass('bgcol1'); $(that).find('.ui-slider-handle').addClass('ui-state-active'); $(that).find('.ui-slider-handle').addClass('ui-state-focus'); $(that).find('.ui-slider-handle').addClass('ui-state-hover'); $(that).find('.ui-slider-handle').addClass('ui-state-default'); } }, stop: function (event, ui) { var tt = 500; clearTimeout(ttTimer); $('.slideholder').hide(); ttTimer = setTimeout(function () { var that, dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'); that = $('#sticktext'); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); // motivp, motivi, renew, isReload, isMover, res if ($(that).val() && $.trim($(that).val())) { $.setMotive(dataacP, dataposIndex); needsMovement = true; } }, tt); } }); } }); $('.lineheight').each(function(){ var that = this; if(!$(this).data('slider')){ $(this).slider({ min: 0, max: 20, step: 1, value: 4, orientation: 'vertical', slide: function (event, ui) { if (ui.value == 4){ $(that).find('.ui-slider-handle').addClass('bgcol1'); $(that).find('.ui-slider-handle').removeClass('ui-state-active'); $(that).find('.ui-slider-handle').removeClass('ui-state-focus'); $(that).find('.ui-slider-handle').removeClass('ui-state-hover'); $(that).find('.ui-slider-handle').removeClass('ui-state-default'); } else { $(that).find('.ui-slider-handle').removeClass('bgcol1'); $(that).find('.ui-slider-handle').addClass('ui-state-active'); $(that).find('.ui-slider-handle').addClass('ui-state-focus'); $(that).find('.ui-slider-handle').addClass('ui-state-hover'); $(that).find('.ui-slider-handle').addClass('ui-state-default'); } }, stop: function (event, ui) { var tt = 500; clearTimeout(ttTimer); $('.slideholder').hide(); ttTimer = setTimeout(function () { var text, that, dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'); that = $('#sticktext'); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); // motivp, motivi, renew, isReload, isMover, res if ($(that).val() && $.trim($(that).val())) { text = $.trim($(that).val()); text = text.split('\n'); //text = $.grep(text,function(n){ return(n) }); if (text.length > 1) { $.setMotive(dataacP, dataposIndex); needsMovement = true; } } }, tt); } }); } }); /* widget = $('.ovholder.active'); center = $('.motivImage').find('.drov').width() / 2; distance = center - widget.position().left - widget.width() / 2; distance = Math.ceil(distance); if (distance > 0 || distance < 0) { widget.simulate('drag', { dx: distance, moves: 1 }); } */ $('.fontsize').each(function(){ var that = this; if(!$(this).data('slider')){ $(this).slider({ min: 8, max: 100, step: 1, value: 15, orientation: 'vertical', slide: function (event, ui) { if (ui.value == 10){ $(that).find('.ui-slider-handle').addClass('bgcol1'); $(that).find('.ui-slider-handle').removeClass('ui-state-active'); $(that).find('.ui-slider-handle').removeClass('ui-state-focus'); $(that).find('.ui-slider-handle').removeClass('ui-state-hover'); $(that).find('.ui-slider-handle').removeClass('ui-state-default'); } else { $(that).find('.ui-slider-handle').removeClass('bgcol1'); $(that).find('.ui-slider-handle').addClass('ui-state-active'); $(that).find('.ui-slider-handle').addClass('ui-state-focus'); $(that).find('.ui-slider-handle').addClass('ui-state-hover'); $(that).find('.ui-slider-handle').addClass('ui-state-default'); } }, stop: function (event, ui) { var tt = 800; clearTimeout(ttTimer); $('.slideholder').hide(); ttTimer = setTimeout(function () { var text, that, dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'); that = $('#sticktext'); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); // motivp, motivi, renew, isReload, isMover, res if ($(that).val() && $.trim($(that).val())) { $.setMotive(dataacP, dataposIndex); needsMovement = true; } }, tt); } }); } }); }; $.buildTformat = function (active) { var text, that = $('#sticktext'), i = 1, src, isrc, rowId, row, rgb, font, lineheight, fontsize, tradius, rgb, ausrichtung, activeType; text = $.trim($(that).val()); text = text.split('\n'); //text = $.grep(text,function(n){ return(n) }); activeType = $('.textmottype.active').attr('data-type'); if ($('.tformat').length !== text.length) { src = that.closest('.ym-grid').find('.tformat').eq(0).clone(); $('.clonedtf').remove(); src.addClass('clonedtf'); row = that.closest('.ym-grid').find('.tformat').eq(0); font = row.find('.sfont[data-type="' + $('.textmottype.active').attr('data-type') + '"]').find('.cfont.selected').attr('data-value'); ausrichtung = row.find('.causrichtung.selected').attr('data-value'); lineheight = row.find('.lineheight').slider('value'); fontsize = row.find('.fontsize').slider('value'); //tradius = row.find('.tradius').slider('value'); rgb = row.find('.txtColorPicker').find('input[name="color"]').val(); $.each(text, function (a) { if (a > 0) { rowId = parseInt(a, 10) + 1; isrc = src.clone(); isrc.attr('data-row', rowId); $('.tformatholder').append(isrc); $.buildSlider(); isrc.find('.causrichtung').removeClass('selected'); isrc.find('.causrichtung[data-value="' + ausrichtung + '"]').addClass('selected'); isrc.find('.sfont[data-type="' + $('.textmottype.active').attr('data-type') + '"]').find('.cfont').removeClass('selected'); isrc.find('.sfont[data-type="' + $('.textmottype.active').attr('data-type') + '"]').find('.cfont[data-value="' + font + '"]').addClass('selected'); isrc.find('.lineheight').slider('value', lineheight); isrc.find('.tradius').slider('value', 0); isrc.find('.fontsize').slider('value', fontsize); $.initColorpicker(); isrc.find('.txtColorPicker').find('input[name="color"]').attr('value', rgb).val(rgb).css('backgroundColor', '#' + rgb);; isrc.find('.txtColorPicker').find('.colorico').css('backgroundColor', '#' + rgb); if (rgb == 'fff') { isrc.find('.txtColorPicker').find('.colorico').css('borderColor', '#000000'); } else if (rgb == '000') { isrc.find('.txtColorPicker').find('.colorico').css('borderColor', '#FFFFFF'); } } }); } if (active && active.text) { $.each(active.text, function(e) { rowId = parseInt(e, 10) + 1; row = $('.tformat[data-row="' + rowId + '"]'); if (row.length) { row.find('.sfont[data-type="' + $('.textmottype.active').attr('data-type') + '"]').find('.cfont').removeClass('selected'); row.find('.sfont[data-type="' + $('.textmottype.active').attr('data-type') + '"]').find('.cfont[data-value="' + active.text[e].schriftartId + '"]').addClass('selected'); row.find('.causrichtung').removeClass('selected'); row.find('.causrichtung[data-value="' + active.text[e].ausrichtung + '"]').addClass('selected'); row.find('.causrichtung[data-value="' + active.text[e].ausrichtung + '"]').closest('.selsom').find('.selfont').text(row.find('.causrichtung[data-value="' + active.text[e].ausrichtung + '"]').find('.smico').text()); row.find('.lineheight').slider('value', active.text[e].zeilenabstand); row.find('.tradius').slider('value', active.text[e].tradius); row.find('.fontsize').slider('value', active.text[e].schrifthoehe); rgb = row.find('.txtColorPicker').find('option[data-mad="' + active.text[e].farbe + '"]').val(); row.find('.txtColorPicker').find('input[name="color"]').attr('value', rgb).val(rgb).css('background', '#' + rgb); row.find('.txtColorPicker').find('.colorico').css('backgroundColor', '#' + rgb); if (rgb == 'fff') { row.find('.txtColorPicker').find('.colorico').css('borderColor', '#000000'); } else if (rgb == '000') { row.find('.txtColorPicker').find('.colorico').css('borderColor', '#FFFFFF'); } //$(this).attr('value', rgb).val(rgb);.find('option[value="' + $.rgb2hex(colorRgb).replace('#', '') + '"]').first().attr('data-mad') if (text[e] == '') { row.find('.selsom').addClass('ym-hideme'); } else { row.find('.selsom').removeClass('ym-hideme'); } } }); } if ($('#mtextmoduleScroller').data('sly')) { $('#mtextmoduleScroller').sly('reload'); } else { $.buildVerticalScroller('#mtextmoduleScroller'); } if (activeType == 'druck') { $('.selfontrad, .nobiegung').addClass('hide'); } else { $('.selfontrad, .nobiegung').removeClass('hide'); } }; $.buildSlider(); $.adjustTextField = function () { var newLines = $('#sticktext').val().split('\n'), texts = [], i = 1, elines = 1, extra = 0, height, origheight, lineheight, div; origheight = 150; $('#sticktext').height(origheight); $('.txtlineadded').remove(); lineheight = origheight / 5; $.each(newLines, function (a) { var val = newLines[a], top; if (i >= 5) { extra = extra + lineheight; div = $('
    '); div.addClass('txtline'); div.addClass('txtlineadded'); top = parseInt($('.txtline1').css('top'), 10); top = top + (30 * (i - 1)); div.css('top', top); $('#sticktext').closest('.stholder').find('.txtline').closest('div').append(div); elines = elines + 1; } i = i + 1; }); $('#sticktext').height(extra + origheight); }; $(document).on('click', '.moreText', function (e) { var text; $('#sticktext').val($('#sticktext').attr('placeholder')); $('.clonedtf').remove(); $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); $('.ovholder').find('.activewrapper').hide(); $('.ovholder').find('.outerhelper').hide(); $('.motruler').hide().remove(); $.initColorpicker(); if ($(window).width() >= 1280) { $('#sticktext').focus(); } text = $.trim($('#sticktext').val()); text = text.split('\n'); $.setMotive(null, null, null, null, null, null, text); $('#sticktext').val(''); }); $(document).on('click', '.slinc', function (e) { var slider = $(this).closest('.slideholder').find('.fontslider'), step, current; step = slider.slider('option', 'step'); current = slider.slider('option', 'value'); slider.slider('value', current + step); slider.slider('option', 'stop').call(slider); }); $(document).on('click', '.sldec', function (e) { var slider = $(this).closest('.slideholder').find('.fontslider'), step, current; step = slider.slider('option', 'step'); current = slider.slider('option', 'value'); slider.slider('value', current - step); slider.slider('option', 'stop').call(slider); }); $(document).on('click', '.openslider', function (e) { $('.slideholder, .fontpop').hide(); $(this).find('.slideholder').show(); }); $(document).on('click', '.selfont', function (e) { $('.slideholder, .fontpop').hide(); var type = $('.textmottype.active').attr('data-type'); $(this).closest('.selsom').find('.fontpop[data-type="' + type + '"]').show(); if ($('#mtextmoduleScroller').data('sly')) { $('#mtextmoduleScroller').sly('reload'); } else { $.buildVerticalScroller('#mtextmoduleScroller'); } }); $(document).on('click', '.selaus', function (e) { $('.slideholder, .fontpop').hide(); $(this).closest('.selsom').find('.fontpop').show(); if ($('#mtextmoduleScroller').data('sly')) { $('#mtextmoduleScroller').sly('reload'); } else { $.buildVerticalScroller('#mtextmoduleScroller'); } }); $(document).on('focus', '#sticktext', function (e) { //$('#sticktext').on('focus', function () { var active = $('.motivImage').find('.ovholder.active'); $('.fontpop').hide(); if (active && active.attr('data-ptyp') == 'text') { return; } $('.ovholder').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); $('.ovholder').find('.activewrapper').hide(); $('.ovholder').find('.outerhelper').hide(); $('.motruler').hide().remove(); $.buildTformat(); $('.fontpop').hide(); }); $(document).on('click', '.sfont .cfont', function () { var that, dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'), type, alternate, alttype; that = $('#sticktext'); $(this).closest('.sfont').find('.cfont').removeClass('selected'); $(this).addClass('selected'); type = $(this).closest('.sfont').attr('data-type'); if (type == 'druck') { alternate = $(this).attr('data-stick'); alttype = 'stick'; } else { alternate = $(this).attr('data-druck'); alttype = 'druck'; } if ($(this).closest('.selsom').find('.sfont[data-type="' + alttype + '"]').find('.cfont[data-value="' + alternate + '"]').length) { $(this).closest('.selsom').find('.sfont[data-type="' + alttype + '"]').find('.cfont').removeClass('selected'); $(this).closest('.selsom').find('.sfont[data-type="' + alttype + '"]').find('.cfont[data-value="' + alternate + '"]').addClass('selected fuck'); } dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); // motivp, motivi, renew, isReload, isMover, res if ($(that).val() && $.trim($(that).val())) { $.setMotive(dataacP, dataposIndex, null, null, null, null); needsMovement = true; } $('.fontpop').hide(); }); $(document).on('click', '.textmottype', function () { if ($(this).attr('data-type') == 'druck') { $('.selfontrad, .nobiegung').addClass('hide'); } else { $('.selfontrad, .nobiegung').removeClass('hide'); } if ($(this).hasClass('active')) { return; } $('.textmottype').removeClass('active'); $('.clone-type-configurator > ul > li').removeClass('active'); if ($(this).attr('data-type') == 'druck') { $('.clone-type-configurator li.print').addClass('active'); } else { $('.clone-type-configurator li.stick').addClass('active'); } $(this).addClass('active'); var that, dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'); that = $('#sticktext'); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); // motivp, motivi, renew, isReload, isMover, res if ($(that).val() && $.trim($(that).val())) { $.setMotive(dataacP, dataposIndex, null, null, null, null); needsMovement = true; } $('.fontpop').hide(); }); $(document).on('click', '.sausrichtung .causrichtung', function () { var that, dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'); that = $('#sticktext'); $(this).closest('.sausrichtung').find('.causrichtung').removeClass('selected'); $(this).closest('.selsom').find('.selfont').text($(this).find('.smico').text()); $(this).addClass('selected'); dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); // motivp, motivi, renew, isReload, isMover, res if ($(that).val() && $.trim($(that).val())) { $.setMotive(dataacP, dataposIndex, null, null, null, null); needsMovement = true; } $('.fontpop').hide(); }); $(document).on('click', '#sticktext', function (e) { //$('#sticktext').on('click', function (e) { if ($('#sticktext').val() && $('#sticktext').attr('placeholder') == $('#sticktext').val()) { $('#sticktext').val(''); } $.adjustTextField(); if ($(this).val() && $.trim($(this).val())) { //var focusPosition = $(this).getCursorPosition(); //macht im is stress, cursor geht immer nach vorne //$(this).val($(this).val()); //$(this).selectRange(focusPosition); } }); $(document).on('keypress', '#sticktext', function (e) { //$('#sticktext').on('keypress', function (e) { var active = $('.motivImage').find('.ovholder.active'); if (xhr[active.attr('data-auid')]) { xhr[active.attr('data-auid')].abort(); if (typeof xhrcc != 'undefined'){ xhrcc.abort(); } if (typeof xhruc != 'undefined'){ xhruc.abort(); } } $.adjustTextField(); $('.fontpop').hide(); }); $(document).on('keyup', '#sticktext', function (e) { //$('#sticktext').on('keyup', function (e) { var isiPhone, isiPad, isiPod, tt = 500, that, lines = 5, newLines, code, dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'), val, text; clearTimeout(ttTimer); that = this; code = e.keyCode || e.which; dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); text = $.trim($(this).val()); text = text.split('\n'); if (pmo && pmo[dataacP] && pmo[dataacP][dataposIndex]) { $.each(text, function(r) { if(pmo[dataacP][dataposIndex].text[r]){ pmo[dataacP][dataposIndex].text[r].text = text[r]; } }); $.buildTformat(pmo[dataacP][dataposIndex]); } else { return false; $.buildTformat(); } if (code == 13) { //tt = 4000; } isiPhone = /iphone/i.test(navigator.userAgent.toLowerCase()); isiPad = navigator.userAgent.toLowerCase().indexOf("ipad"); isiPod = navigator.userAgent.toLowerCase().indexOf("ipod"); if(isiPhone){ return; } if (e.keyCode == 37 || e.keyCode == 38 || e.keyCode == 39 || e.keyCode == 40) { return; } if (xhr[active.attr('data-auid')]) { xhr[active.attr('data-auid')].abort(); if (typeof xhrcc != 'undefined'){ xhrcc.abort(); } if (typeof xhruc != 'undefined'){ xhruc.abort(); } } //ttTimer = setTimeout(function () { //if ($(that).val() && $(that).val().trim()) { //text = $.grep(text,function(n){ return(n) }); // motivp, motivi, renew, isReload, isMover, res $.setMotive(dataacP, dataposIndex, null, null, null, null, text); needsMovement = true; //} //}, tt); }); $(document).on('blur', '#sticktext', function (e) { //$('#sticktext').on('blur', function (e) { var isiPhone, isiPad, isiPod, tt = 10, that, lines = 5, newLines, code, dataacP, dataposIndex, active = $('.motivImage').find('.ovholder.active'), val; isiPhone = /iphone/i.test(navigator.userAgent.toLowerCase()); if(isiPhone){ that = this; code = e.keyCode || e.which; dataposIndex = active.attr('data-posIndex'); dataacP = active.attr('data-pos'); if (pmo && pmo[dataacP] && pmo[dataacP][dataposIndex]) { $.buildTformat(pmo[dataacP][dataposIndex]); } else { $.buildTformat(); } clearTimeout(ttTimer); ttTimer = setTimeout(function () { var text; //if ($(that).val() && $(that).val().trim()) { text = $.trim($(that).val()); text = text.split('\n'); //text = $.grep(text,function(n){ return(n) }); // motivp, motivi, renew, isReload, isMover, res $.setMotive(dataacP, dataposIndex, null, null, null, null, text); needsMovement = true; //} }, tt); } }); //} $(document).on('keyup', '#motivDesignerForm input:text.textinput', function (e) { var tt = 500, code, toggler, start = this.selectionStart, end = this.selectionEnd, active = $('.motivImage').find('.ovholder.active'); code = e.keyCode || e.which; if (code == 16 || code == 17 || code == 18 || e.keyCode == 37 || e.keyCode == 38 || e.keyCode == 39 || e.keyCode == 40) { return; } if (code == 13) { tt = 1; } if (xhr) { $.loadOverlay(true); } clearTimeout(ttTimer); if ($(this).hasClass('caseu')) { this.value = this.value.toUpperCase(); } else if ($(this).hasClass('casel')) { this.value = this.value.toLowerCase(); } this.setSelectionRange(start, end); toggler = $(this).closest('.ym-grid').find('.toggles').data('toggles'); if ($.trim($(this).val())) { toggler.toggle(true); $(this).closest('.ym-grid').find('.toggles').addClass('dataon').removeClass('dataoff'); //$(this).closest('.ym-grid').find('.cpia').removeClass('coloricoInact').addClass('colorico'); } else { toggler.toggle(false); $(this).closest('.ym-grid').find('.toggles').addClass('dataoff').removeClass('dataon'); //$(this).closest('.ym-grid').find('.cpia').removeClass('colorico').addClass('coloricoInact'); } if (xhr[active.attr('data-auid')]) { xhr[active.attr('data-auid')].abort(); if (typeof xhrcc != 'undefined'){ xhrcc.abort(); } if (typeof xhruc != 'undefined'){ xhruc.abort(); } } ttTimer = setTimeout(function () { var dataacP, dataposIndex; dataposIndex = active.attr('data-posIndex'); if (typeof dataposIndex != 'undefined'){ dataacP = active.attr('data-pos'); $.loadOverlay(false, pmo[dataacP][dataposIndex].ajaxId); if (xhr && pmo && pmo[dataacP][dataposIndex].ajaxId && xhr[pmo[dataacP][dataposIndex].ajaxId]) { xhr[pmo[dataacP][dataposIndex].ajaxId].abort(); //tempdisabled } else if (xhr && ajaxId && xhr[ajaxId]) { xhr[ajaxId].abort(); //tempdisabled } $.setMotive(dataacP, dataposIndex, true); } }, tt); }); $(document).on('click', '.motivDs .sizeSelect li label', function () { var input, val; input = $(this).closest('li').find('input:first'); val = parseInt(input.val(), 10); if (!val) { val = 0; } }); $(document).on('click', '.hasNumeric label', function () { var input, val; input = $(this).closest('div').find('input:first'); val = parseInt(input.val(), 10); if (!val) { val = 0; } input.val(val + 1); }); $('.motivDs .sizeSelect li').find('input').keyup(function (e) { if (/\D/g.test(this.value)) { this.value = this.value.replace(/\D/g, ''); } }); $('.input:text.numeric').keyup(function (e) { if (/\D/g.test(this.value)) { this.value = this.value.replace(/\D/g, ''); } }); $(function () { $(document).on('click', '.jsMsPlace input[type="radio"]', function () { //$('.jsMsPlace').find('input[type="radio"]').on('click', function () { $.goToMotivePosition(true); }); $(function () { $('img.rpcol').each(function () { var src; src = $(this).attr('src'); $('').attr('src', src).removeClass('tmpimg').hide().appendTo('body'); imgs[src] = true; }); $(document).on('hover click', '.jsMsColor a', function (e) { //$('.jsMsColor').find('a').on('hover, click', function (e) { if ($(this).hasClass('selected')) { return false; } var newColor, newId, newSrc, posid, origColor, newColorNamed, uri, rep, selected; selected = $('.motselect.selected'); newColor = $(this).attr('data-farbId'); newColorNamed = $(this).attr('data-color'); origColor = $('.jsMsColor li a.selected').attr('data-color'); if (e.type == 'click') { uri = window.location.pathname.replace('/' + origColor, '/' + newColorNamed); $('.langswitch').find('a').each(function () { $(this).attr('href', $(this).attr('data-prefix') + $(this).attr('data-burl').replace('/' + origColor, '/' + newColorNamed)); $(this).attr('data-burl', $(this).attr('data-burl').replace('/' + origColor, '/' + newColorNamed)); }); if ($('#fbsharer').length) { $('#fbsharer').attr('href', $('#fbsharer').attr('href').replace('/' + origColor + '/', '/' + newColorNamed + '/')); } if ($('#turl').length) { $('#turl').attr('data-url', $('#turl').attr('data-url').replace('/' + origColor, '/' + newColorNamed)); } if ($('#twsharer').length) { $('#twsharer').attr('href', $('#twsharer').attr('href').replace('/' + origColor + '/', '/' + newColorNamed + '/')); } if ($('#insharer').length) { $('#twsharer').attr('href', $('#twsharer').attr('href').replace('/' + origColor + '/', '/' + newColorNamed + '/')); } if ($('.body_motivDesigner').length && typeof (window.history.pushState) === 'function') { history.pushState({id: location.pathname}, document.title, location.pathname); history.pushState({id: uri}, '', uri); } $('.jsMsColor').find('a').removeClass('selected'); $(this).addClass('selected'); $('.artcolor').html(newColorNamed); rep = $(this).attr('data-rep'); $('span.rpcol').each(function () { $(this).removeClass().addClass('dtimg previewImg rpcol').addClass('x' + $(this).closest('a').attr('data-positionsId') + '-' + rep); }); if ($('.motcolinfo').length) { $.each(pmo, function (a) { $.each(pmo[a], function (b) { var group, acP, oldColor, oldMotive, newMotive, span, newPreview; group = pmo[a][b].gruppe; acP = pmo[a][b].acP; span = $('.motcolinfo[data-pos="' + acP + '"][data-group="' + group + '"]'); if (acP && group && span.length) { if (!$('.motcolinfo[data-pos="' + acP + '"][data-group="' + group + '"][data-color="' + newColor + '"]').length) { span = $('.motcolinfo[data-pos="' + acP + '"][data-group="' + group + '"][data-color="0"]'); } else { span = $('.motcolinfo[data-pos="' + acP + '"][data-group="' + group + '"][data-color="' + newColor + '"]'); } newMotive = span.attr('data-motivId'); newPreview = span.attr('data-preview'); if (pmo[a][b].aoData.motivId != newMotive) { pmo[a][b].designId = newPreview; pmo[a][b].stickMotiv = newMotive; pmo[a][b].aoData.designId = newPreview; pmo[a][b].aoData.motivId = newMotive; //$('.motselect[data-pos="' + pmo[a][b].aPT + '"]').trigger('click'); $.setMotive(a, b, true, true); //selected.trigger('click'); } } }); }); } //$.updatePriceDiv(); $.updateCreation(); } $('img.rpcol').each(function () { posid = $(this).closest('.medf').attr('data-positionsId'); if (posid) { newId = $('.ppf_' + newColor + '_' + posid).html(); newSrc = $.replaceUrlParam($(this).attr('src'), 'pCol', newColor); newSrc = $.replaceUrlParam(newSrc, 'id', newId); if (!imgs[newSrc]) { $('').hide().attr('src', newSrc).addClass('preloaded').removeClass('tmpimg').appendTo('body'); imgs[newSrc] = true; } if (e.type == 'click') { $(this).attr('src', newSrc).addClass('preloaded'); } } }); if (e.type == 'click') { $('#farbId').text(newColor); } return false; }); }); }); $.changeProductLine = function (a) { var newLine; //$('.hastabs').find('a').removeClass('active'); $('#slideMenu').find('a').removeClass('active'); $(a).addClass('active'); $('#productList').html(''); $.getProducts(15, false); }; $.getFavorites = function () { if ($('#favoritelist').length) { $.ajax({ dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax_update_designer.php?action=getfavs&language=' + $('html').attr('lang'), success: function (data) { if (data.success) { $('#favoritelist').html(data.html); $('.mtamy').show(); } else if (data.html) { $('#favoritelist').html(data.html); } } }); } $('#favorites').show(); }; $.activateThemelist = function (a, update, forceTemplate) { return; if (!a || !$(a).attr('href')) { return; } $('.thwllist').find('li').removeClass('active'); $(a).closest('li').addClass('active'); var newTheme, template, acp; newTheme = 'theme_' + $(a).attr('data-theme'); $('#thwlist').attr('data-active-theme', $(a).attr('data-theme')); $('.thelist').hide(); $('#favorites').hide(); if ($(a).hasClass('favorites')) { $.getFavorites(); } $('.' + newTheme).show(); if ($('.activeThemeTemplate').length) { template = $('.activeThemeTemplate').attr('data-value'); $('.temselect').removeClass('selected'); $('.uploadselect').removeClass('selected'); $('.frame' + newTheme).find('.temselect[data-value="' + template + '"]').addClass('selected'); $('.activeThemeTemplate').remove(); } if (template && forceTemplate) { if (update === true) { $.loadTemplate(); } } $('.mtalist').each(function () { if (!$(this).find('.' + newTheme).length) { $(this).hide(); } else { $(this).slideDown(); } }); $('.frame' + newTheme).each(function () { var id = $(this).attr('id'); $('#' + id).sly('reload'); //$('#' + id).sly('toStart', $('.temselect.selected').closest('li').index()); }); acp = $('#motivDesignerForm').attr('data-activePositionsTyp'); if (!$('#motpos' + acp).closest('li').find('.gebiet[data-fuer-druck=1]').length) { $('.mtadruck').hide(); } if (!$('#motpos' + acp).closest('li').find('.gebiet[data-fuer-stick=1]').length) { $('.mtastick').hide(); } if ($('.' + newTheme).find('.temselect:visible').length === 0) { $('.motivedit').hide(); } if (!$('.temselect.selected').length && (pmo[$('#motivDesignerForm').attr('data-activePos')] === undefined || $.isEmptyObject(pmo[$('#motivDesignerForm').attr('data-activePos')][1]))) { $('#motiveedit').hide(); $('.mtainfo').show(); } else { $('#motiveedit').show(); } }; $(document).on('focusin', 'input.datepicker', function () { $(this).datepicker({ regional: 'de', showWeek: false, changeMonth: true, changeYear: true, minDate: '-99y', yearRange: "-100:+0" }); }); $.changeColorfilter(); //}); $(function () { var pma = {}, aaa = 0, side; if ($('#motivDesignerForm').length) { $.initDesigner(); } }); $('#slideMenu').sMultiMenu({ }); $(document).on('click', '#slideMenu a.nosub', function (e) { e.preventDefault(); $.changeProductLine(this, true); $('#slideMenu').hide(); }); if($('#contenthere').length){ $(function () { var ssId = '', farbId, mode = 'createnew', farbe = $('#contenthere').attr('data-farbe'); $('#nav, #breadcrumbs, #mfooter, footer, header').hide(); //$(document).on('click', '#clicktest', function () { $('#contenthere').html(''); $('#nav, #breadcrumbs, #mfooter, footer, header').hide(); if($('#contenthere').attr('data-ssId')){ ssId = '&ssId=' + $('#contenthere').attr('data-ssId'); mode = 'edit'; $('#sasa').attr('data-edit', 1).text('speichern'); } if($('#contenthere').attr('data-farbId')){ farbe = $('#contenthere').attr('data-farbId'); } $.ajax({ dataType: 'json', cache: false, type: 'POST', url: '/ajax/ajax.php?action=site_verw_artikel&subAction=getDesigner&kId=' + $('#contenthere').attr('data-katId') + '&artNr=' + $('#contenthere').attr('data-artNr') + '&farbe=' + farbe + ssId + '&' + mode + '=1&_=1438856176639', success: function (data) { if (data && data.status) { var pmo = {}, pma = {}, aaa = 0, side; $('#contenthere').html(data.status); //irgendwo admin-edit option setzen $.initDesigner(); $.initFileuploader(); $('#slideMenu').sMultiMenu({ }); if (mode == 'edit') { $('#mproducts, div[data-id="mproducts"]').hide().remove(); } //$.buildSlider(); } }, error: function (msg) { $.setInfo('geht nicht'); } }); }); } $.initFileuploader = function () { if ($('#fileupload').length) { 'use strict'; $(document).bind('drop dragover', function (e) { e.preventDefault(); }); // Change this to the location of your server-side upload handler: var url = '/ajax/ajax_update_designer.php?action=upload&language=' + $('html').attr('lang'), uploadButton = $('