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

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.editorimg").hide();
        $("#texteditor.editortxt").hide();
        $(".pcien").hide();
    });
}

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


                if (obj = canvas.getActiveObject()){
                canvas.getActiveObject().hasControls = canvas.getActiveObject().hasBorders = false; }
                canvas.renderAll();       
                
                
          var rect = new fabric.Rect({ width: 900, height: 650, fill:'#fff'});
          rect.globalCompositeOperation = 'destination-over';
          canvas.add(rect);
          canvas.item(0).selectable = false;  
                     
                          var dataURL = canvas.toDataURL({
                              format: 'jpeg',
                              quality: 1,
                          }); 
                          
    $.ajax({
        async: false,
        type: 'POST',
        data: {
            imgBase64: dataURL,
            json: json_data,
            dodatkowo: $('form.generuj').attr("action"),
            funct: url
        },
        url: '/js/saveJson.php',
        success: function(data) {
            alert(data);
            alert('Zapisano pozycje.');
            window.location.href = "/admin/upload_wzory.php";
        },
        error: function(error) {
            alert("Błąd: " + error);
        }
    });
}

function updateControls2() {
    alert('event');
}

function updateControls() {
    if (obj = canvas.getActiveObject()) {
        if (getStyle(obj, 'fontFamily') != null) {
            $('.plineheight').val((getStyle(obj, 'lineHeight') / 0.001));
            if (obj.getShadow() != null) {
                $(".pcien").show();
            }
            $("#texteditor.editorimg").hide();
            $("#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 - 260)) / 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);
            if (obj.fontSize < 30) {}
        } else if (obj.id == 'zdjecie') {
            var sc = canvas.getWidth() / $('#myCanvas').width();
            $("#texteditor.editortxt").hide();
            $("#texteditor.editor").hide();
            $("#texteditor.editorimg").show();
            if (obj.getAngle() != 0) {
                $("#texteditor.editorimg").css('top', obj.getTop() / sc);
                $("#texteditor.editorimg").css('left', obj.getLeft() / sc);
            } else {
                $("#texteditor.editorimg").css('top', (obj.getTop() + obj.getHeight() + 10) / sc);
                $("#texteditor.editorimg").css('left', (obj.getLeft()) / sc);
            }
        } else {
            var sc = canvas.getWidth() / $('#myCanvas').width();
            $("#texteditor.editortxt").hide();
            $("#texteditor.editorimg").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.editorimg").hide();
        $("#texteditor.editortxt").hide();
        $("#texteditor.editor").hide();
    }
}

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') {
            $(".overwhite").show();
            $('.uploadzdjecie').show();
        }
        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()) {
        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];
}

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) {
zciemnij(500);
    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: 'naklejka'
        });
        canvas.add(img).setActiveObject(img);
        if (scale == 1) canvas.sendToBack(img);
    });
}

function dodajNaklejke2(urlik, scale, x, y) {
zciemnij(500);
    var imge = $('<img src="' + urlik + '"/>').load(function() {
        var ww = this.width;
        fabric.Object.prototype.transparentCorners = false;
        $('#target').attr('src', urlik);
        fabric.Image.fromURL(urlik, function(img) {
            img.scale(500 / ww).set({
                left: x,
                top: y,
                globalCompositeOperation: 'destination-over',
                id: 'zdjecie'
            });
            canvas.add(img).setActiveObject(img);
            if (scale == 1) {
                canvas.sendToBack(img);
            }
            if (scale == '0.5') {
                canvas.sendToBack(img);
                canvas.bringForward(img);
            }
        });
    });
}


function zciemnij(val){
                //alert('tak');
                $('.overwhite').fadeTo(val, 0.9);
                $('.overwhite').delay(val+50).hide(0);
                //alert('tak');
}

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();
}