Current File : /home/users/barii/public_html/finansenl.com.pl/mmagnesy.fotomagnesy.pl/js/text.js

function SprawdzText() {
    canvas.forEachObject(function (o) { 
        if(getStyle(o,'__text') == 'tutaj wpisz swój tekst'){
            o.remove(0);
        }
    });
    return null;
}

function loadingimg(element_index){
$("#content1 div.tabs-"+(element_index)).find("div.zoom").each(function() {
                      var image = $(this).children("img");
                      $(this).children("img").attr('src',image.attr('data-src'));
                  });
}


function getObjectById(id) {
    canvas.forEachObject(function (o) {
        if (o.id === id) {      
            o.remove(0);
            return o;
        }     
    });
    return null;
}

function init(w,h,nazwa){
                    canvas = this.__canvas = new fabric.Canvas(nazwa);
                    canvas.setHeight(h);
                    canvas.setWidth(w);  
                       
                  
$('#texteditor .min.bold').click(boldit); 
$('#texteditor .min.italic').click(italicit);  
$('#texteditor .min.underline').click(underlineit);    
$('#texteditor .min.acenter').click(centerit);           
$('#texteditor .min.aright').click(rightit);           
$('#texteditor .min.aleft').click(leftit);           
$('#texteditor .min.ajustify').click(justifyit);             
$('#texteditor .minn #color').change(colorit);       
$('#texteditor .min.totop').click(bringForward);           
$('#texteditor .min.toback').click(sendBackwards);          
$('#texteditor .min.remove').click(removeit);
$('#texteditor .minn.shadowd').click(shadowitdark); 
$('#texteditor .minn.shadowl').click(shadowitlight);

  canvas.on({     
    'object:moving': updateControls,
    'object:scaling': updateControls,
    'object:modified': updateControls,
    'object:resizing': updateControls, 
    'object:rotating': updateControls,     
    'object:selected': updateControls,
    'text:changed': updateControls,      
    'text:entered': updateControls2,       
    'text:exited': updateControls2,      
  });                              

canvas.on("selection:cleared", function(e){
 $("#texteditor.editor").hide();
 $("#texteditor.editortxt").hide();    
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-4").addClass('active');
                $("#tabs ul li:nth-child(4)").addClass('active');
                $(".tabs-4").show();   
                loadingimg(4); 
 $(".pcien").hide();
});    
         
}

function updateControls2() {
    alert('event');
  }
  
  
function ZmienOrientacje(){
getObjectById('ramka');
      if(canvas.width == 1654){
          canvas.setWidth(1102);
          canvas.setHeight(1654);
      canvas.setOverlayImage('/img/p.png', canvas.renderAll.bind(canvas));                                                                                                
      canvas.renderAll();   
          
          $('.wrapper').removeClass('poziom');
          $('.wrapper').addClass('pion');
          $('.ramkii.poziom').hide();
          $('.ramkii.pion').show();
      }else{
          canvas.setWidth(1654);
          canvas.setHeight(1102);   
      canvas.setOverlayImage('/img/z.png', canvas.renderAll.bind(canvas));                                                                                                
      canvas.renderAll();   
          $('.wrapper').removeClass('pion');
          $('.wrapper').addClass('poziom');  
          $('.ramkii.poziom').show();         
          $('.ramkii.pion').hide();
      }
}
  
  function updateControls() { 
    if (obj = canvas.getActiveObject()) {     
    var src = obj.src;
    var idd = obj.id;
    var nak = "/naklejki/";
    var ozd = "/ozdobniki/"
    console.log(idd);
    try {    
        
         if(obj.type == 'i-text'){
         console.log('text'); 
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-1").addClass('active');
                $("#tabs ul li").first().addClass('active');
                $(".tabs-1").show();
              } 
              else if(obj.id == 'naklejki'){
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-2").addClass('active');
                $("#tabs ul li:nth-child(2)").addClass('active');
                $(".tabs-2").show();
                loadingimg(2);
              }   
              else if(obj.id == 'ozdobniki'){
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-3").addClass('active');
                $("#tabs ul li:nth-child(3)").addClass('active');
                $(".tabs-3").show();
                loadingimg(3);
              }  
              else if(src.search(nak) != '-1'){
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-2").addClass('active');
                $("#tabs ul li:nth-child(2)").addClass('active');
                $(".tabs-2").show();
                loadingimg(2);
              }
              else if(src.search(ozd) != '-1'){
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-3").addClass('active');
                $("#tabs ul li:nth-child(3)").addClass('active');
                $(".tabs-3").show();
                          $('select.ozdobnikikat').val('0');
                          $('.dirozdobniki').show();  
                loadingimg(3);        
              }                                
    }
    catch(err) {
        //alert(err);
    }
        obj.set({
            borderColor: 'red', 
            cornerColor: 'black',
            cornerSize: 20,
            transparentCorners: false
         });
         
         if(idd == 'ramka'){                                  
                  obj.set({
                      borderColor: 'white', 
                      cornerColor: 'black',
                      cornerSize: 0,
                      transparentCorners: false
                   });   
              }
         
             if(getStyle(obj,'fontFamily') != null){   
                $('.plineheight').val((getStyle(obj,'lineHeight')/0.001));
                
                            
                if(obj.getShadow() != null){
                $(".pcien").show();
                }
                
                $("#texteditor.editor").hide();
                $("#texteditor.editortxt").show();
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-1").addClass('active');
                $(".tabs-1").show();
                
                var sc = canvas.getWidth()/$('#myCanvas').width();
                
                /*  if(obj.getAngle()!=0){ 
                    $("#texteditor").css('top', (obj.getTop()/sc));   
                    $("#texteditor").css('left', (obj.getLeft()+obj.getWidth())/sc);
                  }
                  else{
                    $("#texteditor").css('top', (obj.getTop()+obj.getHeight()+30)/sc);   
                    $("#texteditor").css('left', (obj.getLeft()+(obj.getWidth()/2-140))/sc);
                  }
                  
                  */
                  var color = getStyle(obj,'fill');
                  var fontfam = getStyle(obj,'fontFamily');
                  $("input#color").css('background-color',color);  
                  $("input#color").val(color.replace('#',''));
                  $(".fontfamily span").html(fontfam);
                  
                  
                  /*LOGI
                  //dodaj('Pan\nMłody',110,45,'Great Vibes',75,'#ffffff','center');
                  
                  $('div.logs').prepend("dodaj('"+obj.getText()+"',"+(obj.getLeft()/sc).toFixed(0)+","+(obj.getTop()/sc).toFixed(0)+",'"+fontfam+"',"+(obj.fontSize/sc).toFixed(0)+",'"+color+"','center');<br>");*/
                
                if(obj.fontSize < 30){
                    //alert('tekst jest zbyt mały i nie zostanie poprawnie wydrukowany')
                }
              }
              else{  
                var sc = canvas.getWidth()/$('#myCanvas').width();
                        
                  $("#texteditor.editortxt").hide();
                  $("#texteditor.editor").show();
                  if(obj.getAngle()!=0){ 
                    $("#texteditor.editor").css('top', obj.getTop()/sc);   
                    $("#texteditor.editor").css('left', obj.getLeft()/sc);
                  }
                  else{
                    $("#texteditor.editor").css('top', (obj.getTop()+obj.getHeight()+10)/sc);
                    $("#texteditor.editor").css('left', (obj.getLeft())/sc);
                  }
  }  
    }
    else{   
      $("#texteditor.editortxt").hide();
      $("#texteditor.editor").hide();
    
    }
    
  }

function Logi(url){
var asdf = canvas.toDatalessJSON();
delete asdf.objects[0];
var json_data = JSON.stringify(asdf); 



        $.ajax({
            async : false,
            type : 'POST',
            data: {
                json: json_data,
                funct: url
                },
            url : '/js/saveJson.php',
            success : function(data) {
                alert('Zapisano pozycje.');  
                window.location.href = "http://www.etykietyweselne.pl/admin/edycja_wzory-podziekowania.php";
                
            },
            error : function(error) {
                alert("Błąd: " + error);
            }
        });




}
                                                       
////FUNKCJE DO EDYCJI TEKSTU   //////                  

                             
function fontfamilyit(r){
    if (obj = canvas.getActiveObject()) {
        setStyle(obj,'fontFamily', r);
        $(".fontfamily span").html(r);
        canvas.renderAll();
    }
}

function fontsizeit(r){
    if (obj = canvas.getActiveObject()) {
        setStyle(obj,'fontFamily', r);
        canvas.renderAll();
    }
}

function zmienLineHeight(r){
    if (obj = canvas.getActiveObject()) {
        setStyle(obj, 'lineHeight', (r*0.001));
        canvas.renderAll();
    }
}

function zmiencien(r){
    if (obj = canvas.getActiveObject()) {
        if(obj.getShadow() != null){
            obj.setShadow({offsetX:$(".rangetop").val(),offsetY:$(".rangetop").val(),blur:$(".rangeblur").val(),color:obj.getShadow().color});
        }
        canvas.renderAll();
    }
}

function zmiencienblur(r){
    if (obj = canvas.getActiveObject()) {
        if(obj.getShadow() != null){
            obj.setShadow({offsetX:$(".rangetop").val(),offsetY:$(".rangetop").val(),blur:r,color:obj.getShadow().color});
        }
        canvas.renderAll();
    }
}
                              
function shadowitdark(){
    if (obj = canvas.getActiveObject()) {
        if(obj.getShadow() != null){
            obj.setShadow(null);
            $(".pcien").hide();
        }else{
            obj.setShadow( $(".rangetop").val() + 'px ' + $(".rangetop").val() +'px '+ $(".rangeblur").val() +'px #555555');
            $(".pcien").show();
        }
        canvas.renderAll();
    }
}                                 
function shadowitlight(){
    if (obj = canvas.getActiveObject()) {
        if(obj.getShadow() != null){
            obj.setShadow(null);
            $(".pcien").hide();
        }else{
            obj.setShadow( $(".rangetop").val() + 'px ' + $(".rangetop").val() +'px '+ $(".rangeblur").val() +'px #ffffff');
            $(".pcien").show();
        }
        canvas.renderAll();
    }
}

            
function removeit(){
      if (obj = canvas.getActiveObject()) {
        if(obj.id == 'zdjecie'){
             $('.aaa').hide();
        }
        //alert(obj.id);
        obj.remove(0);
        $("#texteditor").hide();
        canvas.renderAll();
    }
} 
           
function boldit(){
    if (obj = canvas.getActiveObject()) {
        var isBold = getStyle(obj,'fontWeight') === 'bold';
        setStyle(obj,'fontWeight', isBold ? '' : 'bold');
        canvas.renderAll();
    }
}                     
function italicit(){
    if (obj = canvas.getActiveObject()) {
        var isItalic = getStyle(obj, 'fontStyle') === 'italic';
        setStyle(obj, 'fontStyle', isItalic ? '' : 'italic');
        canvas.renderAll();
    }
}                   
function underlineit(){
    if (obj = canvas.getActiveObject()) {
        var isUnderline = (getStyle(obj, 'textDecoration') || '').indexOf('underline') > -1;
        setStyle(obj, 'textDecoration', isUnderline ? '' : 'underline');
        canvas.renderAll();
    }
}                      
function centerit(){
    if (obj = canvas.getActiveObject()) {
        setStyle(obj, 'textAlign', 'center');
        canvas.renderAll();
    }
}                     
function leftit(){
    if (obj = canvas.getActiveObject()) {
        setStyle(obj, 'textAlign', 'left');
        canvas.renderAll();
    }
}                              
function rightit(){
    if (obj = canvas.getActiveObject()) {
        setStyle(obj, 'textAlign', 'right');
        canvas.renderAll();
    }
}                                
function justifyit(){
    if (obj = canvas.getActiveObject()) {
        setStyle(obj, 'textAlign', 'justify');
        canvas.renderAll();
    }
}                       
function colorit(){
    if (obj = canvas.getActiveObject()) {
        //alert(this.value);
        setStyle(obj, 'fill', '#'+this.value);
        canvas.renderAll();
    }
}

function bringForward() {
    var activeObject = canvas.getActiveObject();
    if (activeObject) {
      canvas.bringForward(activeObject);
    }
};

  function sendBackwards() {
    var activeObject = canvas.getActiveObject();
    if (activeObject) {
      canvas.sendBackwards(activeObject);
    }
  };

    
function setStyle(object, styleName, value) {
  if (object.setSelectionStyles && object.isEditing) {
    var style = { };
    style[styleName] = value;
    object.setSelectionStyles(style);
  }
  else {
    object[styleName] = value;
  }
}
function getStyle(object, styleName) {
  return (object.getSelectionStyles && object.isEditing)
    ? object.getSelectionStyles()[styleName]
    : object[styleName];
}


/////EDYTOR TEKSTY --  KONIEC /////
                    
function dodaj(text,l,t,font,f,color,align){                    
                    text =  new fabric.IText(text, {left: l*2, top: t*2, id: 'text1',fontSize: f*2, lineHeight:0.8,textAlign: align, fontFamily:font, lockUniScaling: true, rotatingPointOffset: 25});
                    text.setColor(color);
                    
                    canvas.add(text);                   
                    canvas.setActiveObject(canvas.item(0));                
}

                    
function dodaj2(text,l,t,font,f,color,align){                    
                    wierszyk =  new fabric.IText(text, {left: l*2, top: t*2, id: 'text1',fontSize: f*2, lineHeight:1,textAlign: align, fontFamily:font, lockUniScaling: true, rotatingPointOffset: 25});
                    wierszyk.setColor(color);
                    canvas.add(wierszyk);
                    canvas.setActiveObject(canvas.item(0));                
}    

function dodajNaklejke(urlik,scale,x,y,idd){
          var a =0;
            $('.overwhite').show();
            
            
              if(scale=='kal'){
              
            tmp = getObjectById('kalendarzykb');
            if(tmp){
            
            }
            else {
                tmp = getObjectById('kalendarzykc');
            }
                if(urlik.search("kalendariumb") != '-1'){
                      var kalendarzyk = 'kalendarzykb';
                }
                else{
                      var kalendarzyk = 'kalendarzykc';
                }                        
            tmp2 = getObjectBySrc("/kalendarium/");
            
            //alert(tmp2);
            if(tmp){
            var res = tmp.split("|");
                x = Math.round(res[0]);
                y = Math.round(res[1]);
                a = Math.round(res[2]);
            }
            if(tmp2){
            var res = tmp2.split("|");
                x = Math.round(res[0]);
                y = Math.round(res[1]);
                a = Math.round(res[2]);
            }
            
            
            
            //alert(x+"-"+y+"-"+a);
            
            
            fabric.Object.prototype.transparentCorners = false;
            var radius = 300; 
            fabric.Image.fromURL(urlik.replace("mini", redlof), function(img) {
              img.scale(0.7).set({
                left: x,
                top: y,
                angle: a,
                id: kalendarzyk,
                lockScalingX: true,
                lockScalingY: true
              });
              canvas.add(img).setActiveObject(img);         
                            
});     

              
              
              
              }
              else{
            
            fabric.Object.prototype.transparentCorners = false;
            var radius = 300;
                            
            fabric.Image.fromURL(urlik.replace("mini", redlof), function(img) {
              img.scale(scale).set({
                left: x,
                top: y,
                id: idd
              });
              canvas.add(img).setActiveObject(img);
              if(scale==1){
              canvas.clear();  
    
                    try {
                        var funkcja = urlik.replace("_", "").replace("img/mini/makiety/", "").replace(".jpg", "").replace(".png", "");
                        window[funkcja](1);
                    }
                    catch(err) {
                        // Handle error(s) here
                    }  
              
                  if (urlik.indexOf(".png") >= 0){
                      $('.uploadzdjecie').show(); 
                  }
                  else{
                      $('.uploadzdjecie').hide();
                  }
                  
                  $("#bottomcol").animate({
                    height: '0px'
                  },500);
                  $("#bottomcol .material-icons").html('keyboard_arrow_up');   
                  $("li.ddd").show();
                  canvas.sendToBack(img);
                  canvas.item(0).selectable = false;           
              }
                            
});     

              }
              canvas.renderAll();
              $('.overwhite').hide();         
}      


function dodajNaklejke3(urlik,scale,x,y){


        
              $("#bottomcol").animate({
                height: '150px'
              },500);
              $("#bottomcol .material-icons").html('keyboard_arrow_up');
//canvas.setOverlayImage(urlik.replace("mini", redlof), canvas.renderAll.bind(canvas));      
//canvas.renderAll(); 
            
            //canvas.fabric.getItemByAttr('id', 'ramka').remove();
            
            fabric.Object.prototype.transparentCorners = false;
            var radius = 300;
                                      
            zciemnij(100);
            fabric.Image.fromURL(urlik.replace("mini", redlof), function(img) {
              img.scale(scale).set({
                left: x,
                top: y,        
                globalCompositeOperation: 'source-over',
                id: 'ramka'
              });
              canvas.add(img).setActiveObject(img);       
              canvas.sendToBack(img);
              canvas.item(0).selectable = false;
                                                   
                            
}); 

        getObjectById('ramka');
        //obj.remove(0);      
        //canvas.renderAll(); 
                                                   
}   

function zciemnij(val){
                //alert('tak');
                $('.overwhite').fadeTo(val, 0.9);
                $('.overwhite').delay(val+50).hide(0);
                //alert('tak');
}                        
function dodajNaklejke2(urlik,scale,x,y){ 
var imge = $('<img src="'+urlik+'"/>').load(function(){
    var ww = this.width; 
          var hh = this.height;
          if(ww>hh) {a = 'z';
              
                      var p = (ww/hh);
                      var k = (canvas.width/canvas.height);
                      
                      if(k<p){                          
                          scale = canvas.height/hh;
                      } 
                      else{                        
                          scale = canvas.width/ww;
                      }    
      canvas.setOverlayImage('/img/'+a+'.png', canvas.renderAll.bind(canvas));                                                                                                
      canvas.renderAll();      
    
                fabric.Object.prototype.transparentCorners = false;
                
                       
            $('#target').attr('src',urlik);
            fabric.Image.fromURL(urlik, function(img) {
              img.scale(scale).set({
                left: x,
                top: y,
                globalCompositeOperation: 'destination-over',
                id: 'zdjecie'
              });
              canvas.add(img).setActiveObject(img);
              if(scale==1)canvas.sendToBack(img);
}); 
          
          }
          else {a = 'p';
                                     
          canvas.setWidth(1102);
          canvas.setHeight(1654);  
                      var p = (ww/hh);
                      var k = (canvas.width/canvas.height);
                      
                      if(k<p){                          
                          scale = canvas.height/hh;
                      } 
                      else{                        
                          scale = canvas.width/ww;
                      }     
          $('.wrapper').removeClass('poziom');
          $('.wrapper').addClass('pion');
          $('.ramkii.poziom').hide();
          $('.ramkii.pion').show();
          
      canvas.setOverlayImage('/img/'+a+'.png', canvas.renderAll.bind(canvas));                                                                                                
      canvas.renderAll();      
    
                fabric.Object.prototype.transparentCorners = false;
                
                       
            $('#target').attr('src',urlik);
            fabric.Image.fromURL(urlik, function(img) {
              img.scale(scale).set({
                left: x,
                top: y,
                globalCompositeOperation: 'destination-over',
                id: 'zdjecie'
              });
              canvas.add(img).setActiveObject(img);
              if(scale==1)canvas.sendToBack(img);
}); 
          }    
    
        
});
     
              canvas.renderAll();    
}

function dodajNaklejke4(urlik,scale,x,y){ 
var imge = $('<img src="'+urlik+'"/>').load(function(){
    var ww = this.width; 
    var hh = this.height;                         
    scale = canvas.height/hh;
                        
    fabric.Object.prototype.transparentCorners = false;
                
                       
            $('#target').attr('src',urlik);
            fabric.Image.fromURL(urlik, function(img) {
              img.scale(scale).set({
                left: x,
                top: y,
                globalCompositeOperation: 'destination-over',
                id: 'zdjecie'
              });
              canvas.add(img).setActiveObject(img);
              if(scale==1)canvas.sendToBack(img);
}); 
});    
    
              canvas.renderAll();    
}
     
function Tlo(url,w,c){          
              fabric.Image.fromURL(olt+url.replace("tloetykiety", ''), function(img) {
              img.scale(w/c);
              canvas.add(img);  
              canvas.sendToBack(img);
              canvas.item(0).selectable = false;   
                    
});                                  
              canvas.renderAll();   
    $("#texteditor.editor").hide(); 
  
}     
  
                        
function Zapisz() {
    SprawdzText();
    canvas.setOverlayImage('', canvas.renderAll.bind(canvas));                                                                                                
    canvas.renderAll();  
    //var asdf = canvas.toDatalessJSON();       
    //var json_data = JSON.stringify(asdf);
    //canvas.loadFromJSON(json_data,canvas.renderAll.bind(canvas));    
}