mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-10 17:33:24 +01:00
Format test files.
This commit is contained in:
parent
38ec9931d7
commit
24b3f828e3
@ -1,7 +1,15 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
peer: {}
|
||||
@ -41,7 +49,7 @@
|
||||
|
||||
<h1>PolyLines Render Tests </h1>
|
||||
|
||||
<table border="1">
|
||||
<table>
|
||||
<colgroup style="width:80%;">
|
||||
<col style="width:30%" />
|
||||
<col style="width:60%" />
|
||||
@ -66,4 +74,5 @@
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -1,7 +1,14 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
peer: {}
|
||||
@ -46,7 +53,7 @@
|
||||
|
||||
<h1>PolyLines Render Tests </h1>
|
||||
|
||||
<table border="1">
|
||||
<table>
|
||||
<colgroup style="width:80%;">
|
||||
<col style="width:30%" />
|
||||
<col style="width:60%" />
|
||||
@ -71,4 +78,5 @@
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -3,6 +3,13 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
peer: {}
|
||||
@ -131,14 +138,9 @@
|
||||
</head>
|
||||
|
||||
<body onload="initialize();">
|
||||
|
||||
<script type="text/javascript">
|
||||
// Logger.setEnabled(true);
|
||||
</script>
|
||||
|
||||
<h1>Elements Event Handling</h1>
|
||||
|
||||
<table border="1">
|
||||
<table>
|
||||
<colgroup style="width:80%;">
|
||||
<col style="width:30%" />
|
||||
<col style="width:60%" />
|
||||
|
@ -1,7 +1,14 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
peer: {}
|
||||
@ -74,7 +81,7 @@
|
||||
|
||||
<h1>Web2d Fonts Tests</h1>
|
||||
|
||||
<table border="1">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:30%" />
|
||||
<col style="width:60%" />
|
||||
@ -127,4 +134,5 @@
|
||||
</table>
|
||||
<input type="button" value="Zoom In" onclick="zoomIn()">
|
||||
</body>
|
||||
|
||||
</html>
|
@ -1,7 +1,14 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
peer: {}
|
||||
@ -19,8 +26,7 @@
|
||||
function initialize() {
|
||||
web2d.Toolkit.init();
|
||||
|
||||
var basicTest = function()
|
||||
{
|
||||
var basicTest = function () {
|
||||
var workspace = new web2d.Workspace();
|
||||
workspace.setSize("150px", "150px");
|
||||
workspace.setCoordSize(100, 100);
|
||||
@ -54,24 +60,19 @@
|
||||
|
||||
var xDir = 1;
|
||||
var yDir = 1;
|
||||
var executer = function()
|
||||
{
|
||||
var executer = function () {
|
||||
var y = group.getPosition().y + yDir;
|
||||
var x = group.getPosition().x + xDir;
|
||||
|
||||
if (x < 0)
|
||||
{
|
||||
if (x < 0) {
|
||||
xDir = 1;
|
||||
} else if (x > 50)
|
||||
{
|
||||
} else if (x > 50) {
|
||||
xDir = -1;
|
||||
}
|
||||
|
||||
if (y < 0)
|
||||
{
|
||||
if (y < 0) {
|
||||
yDir = 1;
|
||||
} else if (y > 50)
|
||||
{
|
||||
} else if (y > 50) {
|
||||
yDir = -1;
|
||||
}
|
||||
|
||||
@ -83,8 +84,7 @@
|
||||
basicTest();
|
||||
|
||||
|
||||
var eventTest = function()
|
||||
{
|
||||
var eventTest = function () {
|
||||
var workspace = new web2d.Workspace();
|
||||
workspace.setSize("150px", "150px");
|
||||
workspace.setCoordSize(100, 100);
|
||||
@ -115,8 +115,7 @@
|
||||
eventTest();
|
||||
|
||||
|
||||
var eventTest = function()
|
||||
{
|
||||
var eventTest = function () {
|
||||
var workspace = new web2d.Workspace();
|
||||
workspace.setSize("150px", "150px");
|
||||
workspace.setCoordSize(200, 200);
|
||||
@ -175,11 +174,9 @@
|
||||
eventTest();
|
||||
|
||||
|
||||
var workspaceCoordSizeSample = function()
|
||||
{
|
||||
var workspaceCoordSizeSample = function () {
|
||||
|
||||
function groupSampleBuilder(width, height)
|
||||
{
|
||||
function groupSampleBuilder(width, height) {
|
||||
// Group with CoordSize(50,50);
|
||||
var workspace = new web2d.Workspace();
|
||||
workspace.setSize("100px", "100px");
|
||||
@ -217,11 +214,9 @@
|
||||
workspaceCoordSizeSample();
|
||||
|
||||
|
||||
var workspaceCoordOriginSample = function()
|
||||
{
|
||||
var workspaceCoordOriginSample = function () {
|
||||
|
||||
function groupSampleBuilder(x, y)
|
||||
{
|
||||
function groupSampleBuilder(x, y) {
|
||||
var workspace = new web2d.Workspace();
|
||||
workspace.setSize("100px", "100px");
|
||||
workspace.setCoordSize(100, 100);
|
||||
@ -261,8 +256,7 @@
|
||||
|
||||
|
||||
|
||||
var groupVisibilitySample = function()
|
||||
{
|
||||
var groupVisibilitySample = function () {
|
||||
|
||||
var workspace = new web2d.Workspace();
|
||||
workspace.setSize("100px", "100px");
|
||||
@ -292,8 +286,7 @@
|
||||
group.append(elipseInner);
|
||||
|
||||
var isVisible = true;
|
||||
var executer = function()
|
||||
{
|
||||
var executer = function () {
|
||||
isVisible = !isVisible;
|
||||
group.setVisibility(isVisible);
|
||||
};
|
||||
@ -304,8 +297,7 @@
|
||||
}
|
||||
groupVisibilitySample();
|
||||
|
||||
var groupVisibilitySample = function()
|
||||
{
|
||||
var groupVisibilitySample = function () {
|
||||
|
||||
var workspace = new web2d.Workspace();
|
||||
workspace.setSize("100px", "100px");
|
||||
@ -330,8 +322,7 @@
|
||||
|
||||
var width = 10;
|
||||
var height = 10;
|
||||
var executer = function()
|
||||
{
|
||||
var executer = function () {
|
||||
width = (width + 10) % 100;
|
||||
height = (height + 10) % 100;
|
||||
group.setCoordSize(width, height);
|
||||
@ -350,7 +341,7 @@
|
||||
<body onload="initialize();">
|
||||
|
||||
<h1>Group Render Tests.</h1>
|
||||
<table border="1">
|
||||
<table>
|
||||
<colgroup style="width:80%;">
|
||||
<col style="width:50%" />
|
||||
<col style="width:50%" />
|
||||
@ -413,7 +404,8 @@
|
||||
<tr>
|
||||
<td>
|
||||
Group coordsize defines how many units there are along the width of the containing block.
|
||||
In all the examples, the coordsize of the workspaces have been set to (100,100) and the circles have been
|
||||
In all the examples, the coordsize of the workspaces have been set to (100,100) and the circles have
|
||||
been
|
||||
positioned
|
||||
at (0,0),(0,100),(100,0),(100,100)(50,50).<br />
|
||||
<br />
|
||||
@ -442,7 +434,8 @@
|
||||
<tr>
|
||||
<td>
|
||||
Group coordorigin defines the coordinate at the top left corner of the containing block.
|
||||
In all the examples,the coordsize of the groups have been set to (100,100) and the circles have been positioned
|
||||
In all the examples,the coordsize of the groups have been set to (100,100) and the circles have been
|
||||
positioned
|
||||
at (0,0),(0,100),(100,0),(100,100)(50,50). <br />
|
||||
<br />
|
||||
1) Group with CoordOrigin(0,0)<br />
|
||||
@ -493,4 +486,5 @@
|
||||
|
||||
</table>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -1,10 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Testing</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<h1>Testing</h1>
|
||||
@ -24,4 +26,5 @@
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -1,7 +1,14 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
peer: {}
|
||||
@ -83,7 +90,7 @@
|
||||
|
||||
<h1>Lines Render Tests </h1>
|
||||
|
||||
<table border="1">
|
||||
<table>
|
||||
<colgroup style="width:80%;">
|
||||
<col style="width:30%" />
|
||||
<col style="width:60%" />
|
||||
@ -130,4 +137,5 @@
|
||||
|
||||
</table>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -1,7 +1,15 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
peer: {}
|
||||
@ -156,7 +164,7 @@
|
||||
|
||||
<h1>PolyLines Render Tests </h1>
|
||||
|
||||
<table border="1">
|
||||
<table>
|
||||
<colgroup style="width:80%;">
|
||||
<col style="width:30%" />
|
||||
<col style="width:60%" />
|
||||
@ -181,4 +189,5 @@
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -2,6 +2,12 @@
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
peer: {}
|
||||
@ -159,10 +165,11 @@
|
||||
<div id="divWorkspace" style="overflow:scroll;width:1020px;height:620px;position:relative;">
|
||||
</div>
|
||||
|
||||
Notas:
|
||||
Notes:
|
||||
<li>El evento de mousemove se debe agregar al workspace.
|
||||
<li>Cuando se esta drageando un elemento se deberia deshabilitar los eventos del resto de los elementos.
|
||||
<li>Definir comportamiento del area.
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
@ -1,8 +1,14 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
peer: {}
|
||||
@ -70,7 +76,7 @@
|
||||
|
||||
<h1>Rect Render Tests </h1>
|
||||
|
||||
<table border="1">
|
||||
<table>
|
||||
<colgroup style="width:80%;">
|
||||
<col style="width:10%" />
|
||||
<col style="width:90%" />
|
||||
@ -99,4 +105,5 @@
|
||||
|
||||
</table>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -1,7 +1,15 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
peer: {}
|
||||
@ -99,8 +107,10 @@ function initialize() {
|
||||
workspace.setCoordSize(500, 100);
|
||||
workspace.setCoordOrigin(0, 0);
|
||||
|
||||
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
||||
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 1});
|
||||
var rect = new web2d.Rect(0, {
|
||||
x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
||||
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 1
|
||||
});
|
||||
workspace.append(rect);
|
||||
|
||||
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
|
||||
@ -135,8 +145,10 @@ function initialize() {
|
||||
workspace.setCoordSize(500, 100);
|
||||
workspace.setCoordOrigin(0, 0);
|
||||
|
||||
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
||||
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4});
|
||||
var rect = new web2d.Rect(0, {
|
||||
x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
||||
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4
|
||||
});
|
||||
workspace.append(rect);
|
||||
|
||||
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
|
||||
@ -171,8 +183,10 @@ function initialize() {
|
||||
workspace.setCoordSize(500, 100);
|
||||
workspace.setCoordOrigin(0, 0);
|
||||
|
||||
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
||||
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4});
|
||||
var rect = new web2d.Rect(0, {
|
||||
x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
|
||||
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4
|
||||
});
|
||||
workspace.append(rect);
|
||||
|
||||
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
|
||||
@ -233,7 +247,7 @@ function initialize() {
|
||||
|
||||
<h1>Element properties Tests </h1>
|
||||
|
||||
<table border="1">
|
||||
<table>
|
||||
<colgroup style="width:80%;">
|
||||
<col style="width:10%" />
|
||||
<col style="width:90%" />
|
||||
@ -302,4 +316,5 @@ function initialize() {
|
||||
|
||||
</table>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -1,7 +1,15 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
peer: {}
|
||||
@ -74,7 +82,7 @@
|
||||
|
||||
<h1>Text Render Tests </h1>
|
||||
|
||||
<table border="1">
|
||||
<table>
|
||||
<colgroup style="width:80%;">
|
||||
<col style="width:30%" />
|
||||
<col style="width:60%" />
|
||||
@ -102,4 +110,5 @@
|
||||
onclick="alert(document.getElementById('textoHTML'+document.id('iesimo').value).offsetWidth);">
|
||||
<input type="button" value="Zoom In" onclick="zoomIn()">
|
||||
</body>
|
||||
|
||||
</html>
|
@ -1,7 +1,14 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
web2d = {
|
||||
@ -203,16 +210,18 @@
|
||||
|
||||
<h1>Workspace Render Tests </h1>
|
||||
|
||||
<table border="1">
|
||||
<table>
|
||||
<colgroup style="width:80%;">
|
||||
<col style="width:30%">
|
||||
<col style="width:60%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td>
|
||||
The Workspace's size defines the visible work area. If an element is outside the workspace, it must not be
|
||||
The Workspace's size defines the visible work area. If an element is outside the workspace, it must not
|
||||
be
|
||||
visible.
|
||||
In this example, The back circle is bigger than the workspace area. A big portion of the circle will not be
|
||||
In this example, The back circle is bigger than the workspace area. A big portion of the circle will not
|
||||
be
|
||||
displayed.
|
||||
</td>
|
||||
<td>
|
||||
@ -315,4 +324,5 @@
|
||||
|
||||
</table>
|
||||
</body>
|
||||
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user