| Current File : /home/users/barii/public_html/finansenl.com.pl/system.fotomagnesy.pl/js/text2.js |
function getObjectById(id) { ///pobieranie elementów przez ID
var par;
canvas.forEachObject(function (o) {
if (o.id === id) {
l = o.getLeft();
t = o.getTop();
a = o.getAngle();
o.remove(0);
par = l+'|'+t+'|'+a;
}
});
return par;
}
function getObjectBySrc(id) { ///popieranie zaimportowanych danych poprzez src
var par;
canvas.forEachObject(function (o) {
try {
if ((o.src).search("kalendarium") != '-1') {
l = o.left;
t = o.top;
a = o.angle;
o.remove(0);
par = l+'|'+t+'|'+a;
}
}
catch(err){
}
});
return par;
}
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 SprawdzText() { /// jeżeli tekst jest standardowy to usuwamy
canvas.forEachObject(function (o) {
if(getStyle(o,'__text') == 'tutaj wpisz swój tekst'){
o.remove(0);
}
});
return null;
}
function init(w,h,nazwa){ /// inicjowanie CANVASU
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();
//alert('tak');
$("#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 UstawObraz(urlik){
$("#obraz.obraz").val(urlik);
var imge = $('<img src="'+urlik.replace("mini", redlof)+'"/>').load(function(){
//canvas.clear();
var ww = this.width;
var hh = this.height;
var p = (ww/hh);
var k = (canvas.width/canvas.height);
if(k<p){
scale = (canvas.height-20)/hh;
}
else{
scale = (canvas.width-20)/ww;
}
fabric.Image.fromURL(urlik.replace("mini", redlof), function(img) {
img.scale(scale).set({
left: 10,
top: 10,
id: 'naklejka',
globalCompositeOperation: 'destination-over',
});
canvas.add(img).setActiveObject(img);
canvas.sendToBack(img);
canvas.bringForward(img);
});
});
}
function updateControls2() {
alert('event');
}
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();
$('select.ozdobnikikat').val('0');
$('.dirozdobniki').show();
loadingimg(3);
}
else if(obj.id == 'kalendarzykb'){
console.log(obj);
$("#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('kalendariumb');
$('.dirozdobniki').hide();
$('.dirozdobniki.kalendariumb').show();
loadingimg(3);
}
else if(obj.id == 'kalendarzykc'){
console.log(obj);
$("#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('kalendariumc');
$('.dirozdobniki').hide();
$('.dirozdobniki.kalendariumc').show();
loadingimg(3);
}
else if(src.search("kalendariumc") != '-1'){
zmienKalendarz('img/mini/ozdobniki/kalendariumc--06.png')
$("#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('kalendariumc');
$('.dirozdobniki').hide();
$('.dirozdobniki.kalendariumc').show();
loadingimg(3);
}
else if(src.search("kalendariumb") != '-1'){
zmienKalendarz('img/mini/ozdobniki/kalendariumb--06.png')
$("#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('kalendariumb');
$('.dirozdobniki').hide();
$('.dirozdobniki.kalendariumb').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: 10,
transparentCorners: false
});
if(getStyle(obj,'fontFamily') != null){
$('.plineheight').val((getStyle(obj,'lineHeight')/0.001));
if(getStyle(obj, 'textDecoration') == 'underline') $('#texteditor div.underline').addClass('act'); //spradza czy jest podkrelenie
else $('#texteditor div.underline').removeClass('act');
if(getStyle(obj, 'fontStyle') == 'italic') $('#texteditor div.italic').addClass('act'); //sprawdza czy jest kursywa
else $('#texteditor div.italic').removeClass('act');
if(getStyle(obj, 'fontWeight') == 'bold') $('#texteditor div.bold').addClass('act'); //sprawdza czy jest pogrubienie
else $('#texteditor div.bold').removeClass('act');
if(getStyle(obj, 'textAlign') == 'left') $('#texteditor div.aleft').addClass('act'); //sprawdza czy jest wyrównanie do lewej
else $('#texteditor div.aleft').removeClass('act');
if(getStyle(obj, 'textAlign') == 'center') $('#texteditor div.acenter').addClass('act'); //sprawdza czy jest wyrównanie do srodka
else $('#texteditor div.acenter').removeClass('act');
if(getStyle(obj, 'textAlign') == 'right') $('#texteditor div.aright').addClass('act'); //sprawdza czy jest wyrównanie do prawej
else $('#texteditor div.aright').removeClass('act');
if(getStyle(obj, 'textAlign') == 'justify') $('#texteditor div.ajustify').addClass('act'); //sprawdza czy jest wyrównanie wyjustowanie
else $('#texteditor div.ajustify').removeClass('act');
if(obj.getShadow() != null){
$(".pcien").show();
if(obj.getShadow().color == '#555555'){$('#texteditor div.shadowd').addClass('act');
$('#texteditor div.shadowl').removeClass('act');}
else{$('#texteditor div.shadowl').addClass('act');
$('#texteditor div.shadowd').removeClass('act');}
}
//$("#texteditor.editor").hide();
//$("#texteditor.editortxt").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))/sc)-156);
}
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();
try {
$( "#target" ).attr("src",obj.getSrc());
}
catch(err) {
// Handle error(s) here
}
//$("#texteditor.editortxt").hide();
//$("#texteditor.editor").show();
if(obj.getAngle()!=0){
$("#texteditor.editor").css('top', (obj.getTop()+obj.getHeight()+10)/sc);
$("#texteditor.editor").css('left', (obj.getLeft()+obj.getWidth()+10)/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){
//Zapisz();
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-serca.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();
$('#texteditor div.minn').removeClass('act');
}else{
obj.setShadow( $(".rangetop").val() + 'px ' + $(".rangetop").val() +'px '+ $(".rangeblur").val() +'px #555555');
$(".pcien").show();
if($('#texteditor div.shadowd').hasClass('act')) $('#texteditor div.shadowd').removeClass('act');
else $('#texteditor div.shadowd').addClass('act');
}
canvas.renderAll();
}
}
function shadowitlight(){
if (obj = canvas.getActiveObject()) {
if(obj.getShadow() != null){
obj.setShadow(null);
$(".pcien").hide();
$('#texteditor div.minn').removeClass('act');
}else{
obj.setShadow( $(".rangetop").val() + 'px ' + $(".rangetop").val() +'px '+ $(".rangeblur").val() +'px #ffffff');
$(".pcien").show();
if($('#texteditor div.shadowl').hasClass('act')) $('#texteditor div.shadowl').removeClass('act');
else $('#texteditor div.shadowl').addClass('act');
}
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');
if($('#texteditor div.bold').hasClass('act')) $('#texteditor div.bold').removeClass('act');
else $('#texteditor div.bold').addClass('act');
canvas.renderAll();
}
}
function italicit(){
if (obj = canvas.getActiveObject()) {
var isItalic = getStyle(obj, 'fontStyle') === 'italic';
setStyle(obj, 'fontStyle', isItalic ? '' : 'italic');
if($('#texteditor div.italic').hasClass('act')) $('#texteditor div.italic').removeClass('act');
else $('#texteditor div.italic').addClass('act');
canvas.renderAll();
}
}
function underlineit(){
if (obj = canvas.getActiveObject()) {
var isUnderline = (getStyle(obj, 'textDecoration') || '').indexOf('underline') > -1;
setStyle(obj, 'textDecoration', isUnderline ? '' : 'underline');
if($('#texteditor div.underline').hasClass('act')) $('#texteditor div.underline').removeClass('act');
else $('#texteditor div.underline').addClass('act');
canvas.renderAll();
}
}
function centerit(){
if (obj = canvas.getActiveObject()) {
setStyle(obj, 'textAlign', 'center');
if($('#texteditor div.acenter').hasClass('act')) $('#texteditor div.acenter').removeClass('act');
else $('#texteditor div.acenter').addClass('act');
$('#texteditor div.aright').removeClass('act');
$('#texteditor div.aleft').removeClass('act');
$('#texteditor div.ajustify').removeClass('act');
canvas.renderAll();
}
}
function leftit(){
if (obj = canvas.getActiveObject()) {
setStyle(obj, 'textAlign', 'left');
if($('#texteditor div.aleft').hasClass('act')) $('#texteditor div.aleft').removeClass('act');
else $('#texteditor div.aleft').addClass('act');
$('#texteditor div.acenter').removeClass('act');
$('#texteditor div.aright').removeClass('act');
$('#texteditor div.ajustify').removeClass('act');
canvas.renderAll();
}
}
function rightit(){
if (obj = canvas.getActiveObject()) {
setStyle(obj, 'textAlign', 'right');
if($('#texteditor div.aright').hasClass('act')) $('#texteditor div.aright').removeClass('act');
else $('#texteditor div.aright').addClass('act');
$('#texteditor div.acenter').removeClass('act');
$('#texteditor div.aleft').removeClass('act');
$('#texteditor div.ajustify').removeClass('act');
canvas.renderAll();
}
}
function justifyit(){
if (obj = canvas.getActiveObject()) {
setStyle(obj, 'textAlign', 'justify');
if($('#texteditor div.ajustify').hasClass('act')) $('#texteditor div.ajustify').removeClass('act');
else $('#texteditor div.ajustify').addClass('act');
$('#texteditor div.acenter').removeClass('act');
$('#texteditor div.aleft').removeClass('act');
$('#texteditor div.aright').removeClass('act');
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).setActiveObject(text);
}
function zmienKalendarz(urlik){
var x;
var y;
var a;
tmp2 = getObjectBySrc("/kalendarium/");
if(tmp2){
var res = tmp2.split("|");
x = Math.round(res[0]);
y = Math.round(res[1]);
a = Math.round(res[2]);
}
if(urlik.search("kalendariumb") != '-1'){
var kalendarzyk = 'kalendarzykb';
}
else if(urlik.search("kalendariumc") != '-1'){
var kalendarzyk = 'kalendarzykc';
}
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);
});
}
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);
}
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){
var imge = $('<img src="'+urlik+'"/>').load(function(){
var ww = this.width;
var hh = this.height;
if(ww>hh) a = 'serce';
else a = 'serce';
var center = canvas.getCenter();
canvas.setOverlayImage('/img/'+a+'.png',
canvas.renderAll.bind(canvas), {
scaleX:1,
scaleY:1,
top: center.top,
left: center.left,
originX: 'center',
originY: 'center'
});
canvas.renderAll();
});
$("#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;
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;
fabric.Object.prototype.transparentCorners = false;
UstawObraz(urlik);
});
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();
}
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));
}