Files
phpmyadmin/pmd/scripts/move.js

627 lines
20 KiB
JavaScript

/*
$Id$
@author Ivan A Kirillov (develop.php@gmail.com)
www.phpMyDesigner.net
*/
var dx, dy, dy2;
var cur_click;
var sm_x = 2, sm_y = 2; // update in Main()
var sm_s = 0;
var sm_add = 10;
var s_left = 0;
var s_right = 0;
var ON_relation = 0;
var click_field = 0;
var link_relation = "";
var id_hint;
var canvas_width = 0;
var canvas_height = 0;
var osn_tab_width = 0;
var osn_tab_height = 0;
var height_field = 7;
var Glob_X, Glob_Y;
var relation_style = 0;
var timeoutID;
var layer_menu_cur_click = 0;
window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
window.onmousedown = MouseDown;
window.onmouseup = MouseUp;
window.onmousemove = MouseMove;
window.onscroll = function(){General_scroll();}
//document.onmouseup = function(){General_scroll_end();}
function ToInt(s)
{
return s.substring(0,s.length-2)*1; //re = /(\d+)\w*/; newstr = str.replace(re, "$1");
}
function Canvas_pos()
{
canvas_width = document.getElementById('canvas').width = osn_tab_width - 3;
canvas_height = document.getElementById('canvas').height = osn_tab_height - 3;
}
function Osn_tab_pos()
{
osn_tab_width = ToInt(document.getElementById('osn_tab').style.width);
osn_tab_height = ToInt(document.getElementById('osn_tab').style.height);
}
function Main()
{ //alert( document.getElementById('osn_tab').offsetTop);
document.getElementById("layer_menu").style.top = -1000;
sm_x += document.getElementById('osn_tab').offsetLeft;
sm_y += document.getElementById('osn_tab').offsetTop;
Osn_tab_pos();
Canvas_pos();
Small_tab_refresh();
Re_load();
id_hint = document.getElementById('hint');
General_scroll();
}
function MouseDown(e)
{
if (cur_click != null)
{
document.getElementById("canvas").style.visibility = 'hidden';
var left = ToInt(cur_click.style.left);
var top = ToInt(cur_click.style.top);
dx = e.pageX - left;
dy = e.pageY - top;
cur_click.style.zIndex = 2;
}
if(layer_menu_cur_click)
{
dx = e.pageX - ToInt(document.getElementById("layer_menu").style.width);
//dy = e.pageY - ToInt(document.getElementById("layer_menu").style.height);
//dy2 = e.pageY - ToInt(document.getElementById("id_scroll_tab").style.height);
}
}
function MouseMove(e)
{
Glob_X = e.pageX;
Glob_Y = e.pageY;
if (cur_click != null)
{
if((e.pageX - dx)>0)
cur_click.style.left = e.pageX - dx;
if((e.pageY - dy)>0)
cur_click.style.top = e.pageY - dy;
}
if (ON_relation)
{
hint.style.left = e.pageX + 20;
hint.style.top = e.pageY + 20;
}
if(layer_menu_cur_click)
{
document.getElementById("layer_menu").style.width = Glob_X - dx>=150?Glob_X - dx:150;
//document.getElementById("layer_menu").style.height = Glob_Y - dy>=200?Glob_Y - dy:200;
//document.getElementById("id_scroll_tab").style.height = Glob_Y - dy2;
}
}
function MouseUp(e)
{
if (cur_click != null)
{
document.getElementById("canvas").style.visibility = 'visible';
Re_load();
cur_click.style.zIndex = 1;
cur_click = null;
}
layer_menu_cur_click=0;
window.releaseEvents(Event.MOUSEMOVE);
}
//---------------------------------------- new -----------------------------------------
function Rezize_osn_tab()
{
var max_X = max_Y = 0;
for (key in j_tabs)
{
k_x = ToInt(document.getElementById(key).style.left) + document.getElementById(key).offsetWidth;
k_y = ToInt(document.getElementById(key).style.top) + document.getElementById(key).offsetHeight;
max_X = max_X < k_x ? k_x : max_X;
max_Y = max_Y < k_y ? k_y : max_Y;
}
osn_tab_width = max_X + 50;
osn_tab_height = max_Y + 50;
Canvas_pos();
document.getElementById('osn_tab').style.width = osn_tab_width;
document.getElementById('osn_tab').style.height = osn_tab_height;
}
//--------------------------------------------------------------------------------------
function Re_load()
{
Rezize_osn_tab();
var n;
var a = new Array();
Clear();
for (K in contr)
for (key in contr[K]) // contr name
for (key2 in contr[K][key]) // table name
for (key3 in contr[K][key][key2]) // field name
{
if(!document.getElementById("check_vis_"+key2).checked ||
!document.getElementById("check_vis_"+contr[K][key][key2][key3][0]).checked) continue; // if hide
var x1_left = document.getElementById(key2).offsetLeft+1;
var x1_right = x1_left + document.getElementById(key2).offsetWidth;
var x2_left = document.getElementById(contr[K][key][key2][key3][0]).offsetLeft;
var x2_right = x2_left + document.getElementById(contr[K][key][key2][key3][0]).offsetWidth;
a[0] = Math.abs( x1_left - x2_left ); a[1] = Math.abs(x1_left - x2_right);
a[2] = Math.abs( x1_right - x2_left ); a[3] = Math.abs(x1_right - x2_right);
n = s_left = s_right = 0;
for(var i=1;i<4;i++)
if(a[n]>a[i])n=i;
if(n==1){ x1 = x1_left-sm_s; x2 = x2_right+sm_s; if(x1<x2)n=0;}
if(n==2){ x1 = x1_right+sm_s; x2 = x2_left-sm_s; if(x1>x2)n=0;}
if(n==3){ x1 = x1_right+sm_s; x2 = x2_right+sm_s; s_right = 1; }
if(n==0){ x1 = x1_left-sm_s; x2 = x2_left-sm_s; s_left = 1; }
var y1 = document.getElementById(key2).offsetTop + document.getElementById(key2+"."+key3).offsetTop + height_field;
var y2 = document.getElementById(contr[K][key][key2][key3][0]).offsetTop +
document.getElementById(contr[K][key][key2][key3][0]+"."+contr[K][key][key2][key3][1]).offsetTop + height_field;
Line0(x1-sm_x,y1-sm_y,x2-sm_x,y2-sm_y,"rgba(0,100,150,1)");
}
}
function Line(x1,y1,x2,y2,color_line)
{
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.strokeStyle = color_line;
ctx.lineWidth = 1;
ctx.beginPath();
ctx.moveTo(x1, y1);
ctx.lineTo(x2, y2);
ctx.stroke();
}
function Line0(x1,y1,x2,y2,color_line)
{
if(relation_style*1)
Line2(x1,y1,x2,y2,color_line);
else
Line3(x1,y1,x2,y2,color_line);
}
function Line2(x1,y1,x2,y2,color_line)
{
var x1_ = x1;
var x2_ = x2;
Circle(x1,y1,3,3,"rgba(0,0,255,1)");
Rect(x2-1,y2-2,4,4,"rgba(0,0,255,1)");
if(s_right)
{
x1_ += sm_add; x2_ += sm_add;
}
else if(s_left)
{
x1_ -= sm_add; x2_ -= sm_add;
}
else
if(x1 < x2) { x1_ += sm_add; x2_ -= sm_add; }
else { x1_ -= sm_add; x2_ += sm_add; }
Line(x1,y1,x1_,y1,color_line);
Line(x2,y2,x2_,y2,color_line);
Line(x1_,y1,x2_,y2,color_line);
}
function Line3(x1,y1,x2,y2,color_line)
{
var x1_ = x1;
var x2_ = x2;
Circle(x1,y1,3,3,"rgba(0,0,255,1)");
Rect(x2-1,y2-2,4,4,"rgba(0,0,255,1)");
var x_s = (x1+x2)/2;
if(s_right)
{
if(x1 < x2) { x1_ += x2 - x1 + sm_add; x2_ += sm_add; }
else { x2_ += x1 - x2 + sm_add; x1_ += sm_add; }
Line(x1,y1,x1_,y1,color_line);
Line(x2,y2,x2_,y2,color_line);
Line(x1_,y1,x2_,y2,color_line);
return 0;
}
if(s_left)
{
if(x1 < x2) { x2_ -= x2 - x1 + sm_add; x1_ -= sm_add; }
else { x1_ -= x1 - x2 + sm_add; x2_ -= sm_add; }
Line(x1,y1,x1_,y1,color_line);
Line(x2,y2,x2_,y2,color_line);
Line(x1_,y1,x2_,y2,color_line);
return 0;
}
Line(x1,y1,x_s,y1,color_line);
Line(x_s,y2,x2,y2,color_line);
Line(x_s,y1,x_s,y2,color_line);
}
function Circle(x,y,r,w,color)
{
var ctx = document.getElementById('canvas').getContext('2d');
ctx.beginPath();
ctx.lineWidth = w;
ctx.strokeStyle = color;
ctx.arc(x, y, r, 0, 2*Math.PI, true);
ctx.stroke();
}
function Clear()
{
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.clearRect(0, 0, canvas_width, canvas_height);
}
function Rect(x1,y1,w,h,color)
{
var ctx = document.getElementById('canvas').getContext('2d');
ctx.fillStyle = color;
ctx.fillRect(x1,y1,w,h);
}
//---------------------------------------------- SAVE ---------------------------------------------------
function Save(url) // (del?) no for pdf
{
for (key in j_tabs)
{
document.getElementById('t_x['+key+']').value=ToInt(document.getElementById(key).style.left);
document.getElementById('t_y['+key+']').value=ToInt(document.getElementById(key).style.top);
document.getElementById('t_v['+key+']').value=document.getElementById('_|_tbody_'+key).style.display=='none'?0:1;
document.getElementById('t_h['+key+']').value=document.getElementById('check_vis_'+key).checked?1:0;
}
document.form1.action = url;
document.form1.submit();
}
function Get_url_pos()
{
var poststr = '';
for (key in j_tabs)
{
poststr += '&t_x['+key+']=' + ToInt(document.getElementById(key).style.left);
poststr += '&t_y['+key+']=' + ToInt(document.getElementById(key).style.top);
poststr += '&t_v['+key+']=' + (document.getElementById('_|_tbody_'+key).style.display == 'none' ? 0 : 1);
poststr += '&t_h['+key+']=' + (document.getElementById('check_vis_'+key).checked ? 1 : 0);
}
return poststr;
}
function Save2()
{
var poststr = 'IS_AJAX=1&db='+db+'&token='+token+'&die_save_pos=1';
poststr += Get_url_pos();
makeRequest('pmd_save_pos.php', poststr);
}
//+++++++++++++++++++++++++++++++++++++++++++++++++++++ RELATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
function Start_relation()
{
if(!ON_relation )
{
document.getElementById('InnoDB_relation').style.display = '';
ON_relation = 1;
hint.innerHTML = LangSelectReferencedKey;
hint.style.visibility = "visible";
document.getElementById('rel_button').className = 'M_butt_Selected_down';//'#FFEE99';gray #AAAAAA
}
else
{
hint.innerHTML = "";
hint.style.visibility = "hidden";
document.getElementById('rel_button').className = 'M_butt_Selected';
click_field = 0;
ON_relation = 0;
}
}
function Click_field(T,f,PK) // table field
{
if (ON_relation)
{
if(!click_field)
{//.style.display=='none' .style.visibility = "hidden"
if(!PK) { alert(LangPleaseSelectPrimaryOrUniqueKey); return 0; }//PK
if(j_tabs[db+'.'+T]!='INNODB') document.getElementById('InnoDB_relation').style.display='none';
click_field = 1;
link_relation = "T1=" + T + "&F1=" + f;
hint.innerHTML = LangSelectForeignKey;
}
else
{
Start_relation(); // hidden hint...
if(j_tabs[db+'.'+T]!='INNODB' || !PK ) document.getElementById('InnoDB_relation').style.display='none';
document.getElementById('layer_new_relation').style.left = Glob_X - (document.getElementById('layer_new_relation').offsetWidth>>1);
document.getElementById('layer_new_relation').style.top = Glob_Y - document.getElementById('layer_new_relation').offsetHeight - 10;
document.getElementById('layer_new_relation').style.visibility = "visible";
link_relation += '&T2=' + T + '&F2=' + f;
}
}
}
function New_relation()
{
document.getElementById('layer_new_relation').style.visibility = 'hidden';
link_relation += '&db=' + db + '&token=' + token + '&die_save_pos=0';
link_relation += '&on_delete=' + document.getElementById('on_delete').value + '&on_update=' + document.getElementById('on_update').value;
link_relation += Get_url_pos();
makeRequest('pmd_relation_new.php', link_relation);
}
//----------------------------------------------------- create tables -----------------------------------------------------
function Start_table_new()
{
window.location.href='db_operations.php?db='+db+'&token='+token;
}
function Start_tab_upd(table)
{
window.location.href='tbl_structure.php?db='+db+'&token='+token+'&table='+table;
}
//----------------------------------------------------- hide tables -----------------------------------------------------
function Small_tab_all(id_this) // max/min all tables
{
if(id_this.alt=="v")
{
for (key in j_tabs)
if(document.getElementById('_|_hide_tbody_'+key).innerHTML=="v")
Small_tab(key,0);
id_this.alt = ">";
id_this.src="pmd/images/rightarrow1.png";
}
else
{
for (key in j_tabs)
if(document.getElementById('_|_hide_tbody_'+key).innerHTML!="v")
Small_tab(key,0);
id_this.alt = "v";
id_this.src="pmd/images/downarrow1.png";
}
Re_load();
}
function Small_tab_invert() // invert max/min all tables
{
for (key in j_tabs)
Small_tab(key,0);
Re_load();
}
function Small_tab_refresh()
{
for (key in j_tabs)
if(document.getElementById('_|_hide_tbody_'+key).innerHTML!="v")
{
Small_tab(key,0);
Small_tab(key,0);
}
}
function Small_tab(t,re_load)
{
var id = document.getElementById('_|_tbody_'+t);
var id_this = document.getElementById('_|_hide_tbody_'+t);
var id_t = document.getElementById(t);
id_t.style.width = id_t.offsetWidth;
if(id_this.innerHTML=="v")
{
id.style.display = 'none';
id_this.innerHTML = '>';
}
else
{
id.style.display = '';
id_this.innerHTML = 'v';
}
if(re_load) Re_load();
}
//-----------------------------------------------------------------------------------------------------------------
function Select_tab(t)
{
var id_zag = document.getElementById('_|_zag_'+t);
if(id_zag.className != 'tab_zag_3')
document.getElementById('_|_zag_'+t).className = 'tab_zag_3';
else
document.getElementById('_|_zag_'+t).className = 'tab_zag';
}
//-----------------------------------------------------------------------------------------------------------------
function Canvas_click(id)
{
var n,relation_name,selected = 0;
var a = new Array();
var Key0,Key1,Key2,Key3,Key;
Clear();
for (K in contr)
for (key in contr[K])
for (key2 in contr[K][key])
for (key3 in contr[K][key][key2])
{
if(!document.getElementById("check_vis_"+key2).checked ||
!document.getElementById("check_vis_"+contr[K][key][key2][key3][0]).checked) continue; // if hide
var x1_left = document.getElementById(key2).offsetLeft + 1;//document.getElementById(key2+"."+key3).offsetLeft;
var x1_right = x1_left + document.getElementById(key2).offsetWidth;
var x2_left = document.getElementById(contr[K][key][key2][key3][0]).offsetLeft;//+document.getElementById(contr[K][key2][key3][0]+"."+contr[K][key2][key3][1]).offsetLeft
var x2_right = x2_left + document.getElementById(contr[K][key][key2][key3][0]).offsetWidth;
a[0] = Math.abs( x1_left - x2_left ); a[1] = Math.abs(x1_left - x2_right);
a[2] = Math.abs( x1_right - x2_left ); a[3] = Math.abs(x1_right - x2_right);
n = s_left = s_right = 0;
for(var i=1;i<4;i++)
if(a[n]>a[i])n=i;
if(n==1){ x1 = x1_left-sm_s; x2 = x2_right+sm_s; if(x1<x2)n=0;}
if(n==2){ x1 = x1_right+sm_s; x2 = x2_left-sm_s; if(x1>x2)n=0;}
if(n==3){ x1 = x1_right+sm_s; x2 = x2_right+sm_s; s_right = 1; }
if(n==0){ x1 = x1_left-sm_s; x2 = x2_left-sm_s; s_left = 1; }
var y1 = document.getElementById(key2).offsetTop + document.getElementById(key2+"."+key3).offsetTop + height_field;
var y2 = document.getElementById(contr[K][key][key2][key3][0]).offsetTop +
document.getElementById(contr[K][key][key2][key3][0]+"."+contr[K][key][key2][key3][1]).offsetTop + height_field;
if( !selected && Glob_X > x1-10 && Glob_X < x1+10 && Glob_Y > y1-7 && Glob_Y < y1+7)
{
Line0(x1-sm_x,y1-sm_y,x2-sm_x,y2-sm_y,"rgba(255,0,0,1)");
selected = 1; // Rect(x1-sm_x,y1-sm_y,10,10,"rgba(0,255,0,1)");
relation_name = key; //
Key0=contr[K][key][key2][key3][0]; Key1=contr[K][key][key2][key3][1];
Key2 = key2; Key3 = key3;
Key = K;
}
else
Line0(x1-sm_x,y1-sm_y,x2-sm_x,y2-sm_y,"rgba(0,100,150,1)");
}
if( selected ) // select relations
{ //alert(Key0+' - '+Key1+' - '+Key2+' - '+Key3);
document.getElementById('layer_upd_relation').style.left = Glob_X - (document.getElementById('layer_upd_relation').offsetWidth>>1);
document.getElementById('layer_upd_relation').style.top = Glob_Y - document.getElementById('layer_upd_relation').offsetHeight-10;
document.getElementById('layer_upd_relation').style.visibility = 'visible';
link_relation = 'T1='+Key0+'&F1='+Key1+'&T2='+Key2+'&F2='+Key3+'&K='+Key;
}
}
function Upd_relation()
{
document.getElementById('layer_upd_relation').style.visibility = 'hidden';
link_relation += '&db=' + db + '&token=' + token + '&die_save_pos=0';
link_relation += Get_url_pos();
makeRequest('pmd_relation_upd.php', link_relation);
}
function VisibleTab(id,t_n)
{
if(id.checked)document.getElementById(t_n).style.visibility = 'visible';
else document.getElementById(t_n).style.visibility = 'hidden';
Re_load();
}
function Hide_tab_all(id_this) // max/min all tables
{
if(id_this.alt == 'v') { id_this.alt='>';id_this.src="pmd/images/rightarrow1.png"; }
else { id_this.alt='v';id_this.src="pmd/images/downarrow1.png"; }
var E = document.form1;
for (i=0;i<E.elements.length;i++)
if(E.elements[i].type=="checkbox" && E.elements[i].id.substring( 0 , 10) == 'check_vis_')
{
if(id_this.alt == 'v') { E.elements[i].checked = true; document.getElementById(E.elements[i].value).style.visibility = 'visible';}
else { E.elements[i].checked = false; document.getElementById(E.elements[i].value).style.visibility = 'hidden';}
}
Re_load();
}
function in_array_k(x,m)
{
var b=0;
for (u in m)
if(x == u){ b=1; break; }
return b;
}
function No_have_constr(id_this)
{
var a = new Array();
for (K in contr)
for (key in contr[K]) // contr name
for (key2 in contr[K][key]) // table name
for (key3 in contr[K][key][key2]) // field name
a[key2]=a[contr[K][key][key2][key3][0]]=1; // exist constr
if(id_this.alt == 'v') { id_this.alt='>';id_this.src="pmd/images/rightarrow2.png"; }
else { id_this.alt='v';id_this.src="pmd/images/downarrow2.png"; }
var E = document.form1;
for (i=0;i<E.elements.length;i++)
if(E.elements[i].type=="checkbox" && E.elements[i].id.substring(0, 10) == 'check_vis_')
{
if(!in_array_k(E.elements[i].value,a))
if(id_this.alt == 'v')
{ E.elements[i].checked = true; document.getElementById(E.elements[i].value).style.visibility = 'visible';}
else { E.elements[i].checked = false; document.getElementById(E.elements[i].value).style.visibility = 'hidden';}
}
}
function Help()
{
var WinHelp =
window.open("pmd_help.php","wind1", "top=200,left=400,width=300,height=200,resizable=yes,scrollbars=yes,menubar=no");
}
function PDF_save()
{
// var WinPDF =
// window.open("pmd_pdf.php?token="+token+"&db="+db,"wind1", "top=200,left=200,width=200,height=100,resizable=yes,scrollbars=yes,menubar=no");
Save('pmd_pdf.php?token='+token+'&db='+db);
}
function General_scroll()
{
if(!document.getElementById('show_relation_olways').checked)
{
document.getElementById("canvas").style.visibility = 'hidden';
clearTimeout(timeoutID);
timeoutID = setTimeout(General_scroll_end,500);
}
}
function General_scroll_end()
{
//document.getElementById('layer_menu').style.left = document.body.scrollLeft;
//document.getElementById('layer_menu').style.top = document.body.scrollTop + document.getElementById('top_menu').offsetHeight;
document.getElementById("canvas").style.visibility = 'visible';
}
function Show_left_menu(id_this) // max/min all tables
{
if(id_this.alt=="v")
{
document.getElementById("layer_menu").style.top = document.getElementById('top_menu').offsetHeight;
document.getElementById("layer_menu").style.visibility = 'visible';
id_this.alt = ">";
id_this.src="pmd/images/uparrow2_m.png";
}
else
{
document.getElementById("layer_menu").style.top = -1000;
document.getElementById("layer_menu").style.visibility = 'hidden';
id_this.alt = "v";
id_this.src="pmd/images/downarrow2_m.png";
}
}
//----------------------------------------------------------------------------------------
function Top_menu_right(id_this)
{
if(id_this.alt==">")
{
document.getElementById('top_menu').style.marginLeft = 300;
id_this.alt = "<";
id_this.src="pmd/images/2leftarrow_m.png";
}
else
{
document.getElementById('top_menu').style.marginLeft = 0;
id_this.alt = ">";
id_this.src="pmd/images/2rightarrow_m.png";
}
}