Download as
Browse Code »

Commit 3bab6ad9bc81e5ba01dbf83cf1645f0640cdf5e9

Authored by Adabriand Furtado
1 parent e99cffae
Exists in master and in 1 other branch dynamic

Grade de pontos de articulação atualizada e vídeos do movimento Circular.

Showing 43 changed files with 788 additions and 392 deletions   Show diff stats
view/assets/css/articulation.css
  Diff comments   View file @3bab6ad
@@ -5,14 +5,14 @@ @@ -5,14 +5,14 @@
5 min-height: 361px 5 min-height: 361px
6 } 6 }
7 7
8 -.right-hand-gray-front-avatar { 8 +.selection-panel-body[mainConfig=right-hand] .gray-front-avatar {
9 background-image: url(../../img/pa/gray-front-avatar.png), url(../../img/pa/default-base.png); 9 background-image: url(../../img/pa/gray-front-avatar.png), url(../../img/pa/default-base.png);
10 - background-position: 100px 15px, 0 0; 10 + background-position: 105px 15px, 0 0;
11 } 11 }
12 12
13 -.left-hand-gray-front-avatar { 13 +.selection-panel-body[mainConfig=left-hand] .gray-front-avatar {
14 background-image: url(../../img/pa/gray-front-avatar.png), url(../../img/pa/default-base.png); 14 background-image: url(../../img/pa/gray-front-avatar.png), url(../../img/pa/default-base.png);
15 - background-position: 5px 15px, 0 0; 15 + background-position: 2px 15px, 0 0;
16 } 16 }
17 17
18 .gray-side-avatar { 18 .gray-side-avatar {
@@ -36,12 +36,21 @@ @@ -36,12 +36,21 @@
36 width: 315px; 36 width: 315px;
37 height: 361px; 37 height: 361px;
38 margin: 5%; 38 margin: 5%;
  39 + margin-left: 3%;
39 z-index: 10 40 z-index: 10
40 } 41 }
41 42
42 -.grid .grid-selectors .grid-row {  
43 - height: 20%;  
44 - padding-top: 10%; 43 +.selection-panel-body[mainConfig=right-hand] .grid .grid-selectors .grid-row {
  44 + height: 10%;
  45 + padding-top: 4%;
  46 + text-align: justify;
  47 + z-index: 20
  48 +}
  49 +
  50 +.selection-panel-body[mainConfig=left-hand] .grid .grid-selectors .grid-row {
  51 + height: 10%;
  52 + padding-top: 4%;
  53 + margin-left: 13%;
45 text-align: justify; 54 text-align: justify;
46 z-index: 20 55 z-index: 20
47 } 56 }
@@ -50,16 +59,11 @@ @@ -50,16 +59,11 @@
50 background-color: #A0D0E8; 59 background-color: #A0D0E8;
51 border-radius: 50%; 60 border-radius: 50%;
52 z-index: 100; 61 z-index: 100;
53 - width: 13px;  
54 - height: 13px; 62 + width: 10px;
  63 + height: 10px;
55 display: inline-block; 64 display: inline-block;
56 - margin-right: 6%;  
57 - margin-bottom: 13%;  
58 - float: left  
59 -}  
60 -  
61 -.grid .grid-selectors .grid-row .ball-selector:nth-last-of-type(1) {  
62 - margin-right: 0 65 + margin-right: 3.3%;
  66 + float: left;
63 } 67 }
64 68
65 .grid .grid-selectors .grid-row .ball-selector .point-selector { 69 .grid .grid-selectors .grid-row .ball-selector .point-selector {
@@ -89,9 +93,11 @@ @@ -89,9 +93,11 @@
89 margin-top: 15px 93 margin-top: 15px
90 } 94 }
91 95
92 -.module-z .grid-selectors .grid-row { 96 +.selection-panel-body[mainConfig=right-hand] .module-z .grid-selectors .grid-row,
  97 +.selection-panel-body[mainConfig=left-hand] .module-z .grid-selectors .grid-row {
93 margin-right: 58%; 98 margin-right: 58%;
94 - padding-top: 3%; 99 + padding-top: 0%;
  100 + height: 8%
95 } 101 }
96 102
97 .module-z .grid-selectors .grid-row .ball-selector { 103 .module-z .grid-selectors .grid-row .ball-selector {
view/assets/js/articulation.js
  Diff comments   View file @3bab6ad
1 (function(articulation, $, undefined) { 1 (function(articulation, $, undefined) {
2 2
3 var server_host = ''; 3 var server_host = '';
  4 + var MAX_COLUMNS = 14;
4 5
5 function _updateASelector(container, ballSelector, step) { 6 function _updateASelector(container, ballSelector, step) {
6 var pointSelector = parseInt(step) == 2 ? "A" : "B"; 7 var pointSelector = parseInt(step) == 2 ? "A" : "B";
@@ -83,9 +84,10 @@ @@ -83,9 +84,10 @@
83 var y = yValue; 84 var y = yValue;
84 var z = zValue; 85 var z = zValue;
85 if (hand == 'left-hand') { 86 if (hand == 'left-hand') {
86 - x = 10 - x + 1; 87 + x = MAX_COLUMNS - x + 1;
87 } 88 }
88 - var value = (z - 1) * 10 + x + 30 * (y - 1); 89 +
  90 + var value = (z - 1) * MAX_COLUMNS + x + 3 * MAX_COLUMNS * (y - 1);
89 //console.log(value); 91 //console.log(value);
90 return value; 92 return value;
91 } 93 }
view/assets/js/dynamic-loading-engine.js
  Diff comments   View file @3bab6ad
@@ -26,6 +26,14 @@ @@ -26,6 +26,14 @@
26 } 26 }
27 } 27 }
28 28
  29 + var replaceHandFolderTag = function(data, mainConfig) {
  30 + if (isRightHand(mainConfig)) {
  31 + return data.replace(/{{ hand-folder }}/g, 'md');
  32 + } else {
  33 + return data.replace(/{{ hand-folder }}/g, 'me');
  34 + }
  35 + }
  36 +
29 if (matchSubConfig) { // case defined 37 if (matchSubConfig) { // case defined
30 // There is no specific(right or left hand dependent) assets for: articulacao, duracao, expressao, movimento, transicao 38 // There is no specific(right or left hand dependent) assets for: articulacao, duracao, expressao, movimento, transicao
31 // Specific configurations: configuracao, orientacao 39 // Specific configurations: configuracao, orientacao
@@ -50,7 +58,7 @@ @@ -50,7 +58,7 @@
50 console.log('No subConfig found'); 58 console.log('No subConfig found');
51 } 59 }
52 } 60 }
53 - // change {{ hand }} 61 + goodData = replaceHandFolderTag(goodData, currentMainConfig);
54 goodData = goodData.replace(/{{ hand }}/g, currentMainConfig); 62 goodData = goodData.replace(/{{ hand }}/g, currentMainConfig);
55 return goodData.replace(/{{ server }}/g, url); 63 return goodData.replace(/{{ server }}/g, url);
56 }; 64 };
view/assets/js/dynamic-selection-workflow.js
  Diff comments   View file @3bab6ad
@@ -101,10 +101,9 @@ @@ -101,10 +101,9 @@
101 } 101 }
102 102
103 function _selectSubConfig(subConfig) { 103 function _selectSubConfig(subConfig) {
104 - /*if (subConfig != 'movimento' &&  
105 - currentSubConfigName == 'movimento') {  
106 - _updateAndGetFirstMovementSubConfig();  
107 - }*/ 104 + if (subConfig == 'movimento') {
  105 + _updateAndGetMovementConfig();
  106 + }
108 currentSubConfigName = subConfig; 107 currentSubConfigName = subConfig;
109 currentSubconfig = currentSubconfigParent[currentSubConfigName]; 108 currentSubconfig = currentSubconfigParent[currentSubConfigName];
110 currentStep = 0; 109 currentStep = 0;
view/assets/js/tmpJSONParser.js
  Diff comments   View file @3bab6ad
@@ -89,15 +89,21 @@ @@ -89,15 +89,21 @@
89 initParameterValue = tmpJSON[hand][attr][0]; 89 initParameterValue = tmpJSON[hand][attr][0];
90 endParameterValue = tmpJSON[hand][attr][1]; 90 endParameterValue = tmpJSON[hand][attr][1];
91 } 91 }
92 - attr = attr.replace("-retilineo", "");  
93 - var initAttr = attr + "_inicial";  
94 - var endAttr = attr + "_final"; 92 + attr = attr.replace('-retilineo', '');
  93 + var initAttr = attr + '_inicial';
  94 + var endAttr = attr + '_final';
95 movement_parameter_json[parsedHand][movementName][initAttr] = 95 movement_parameter_json[parsedHand][movementName][initAttr] =
96 _parseParameterValue(initParameterValue); 96 _parseParameterValue(initParameterValue);
97 movement_parameter_json[parsedHand][movementName][endAttr] = 97 movement_parameter_json[parsedHand][movementName][endAttr] =
98 _parseParameterValue(endParameterValue); 98 _parseParameterValue(endParameterValue);
99 } 99 }
100 } 100 }
  101 +
  102 + function _circularMovementParser(tmpJSON, movementName, hand) {
  103 + var parsedHand = _parseHand(hand);
  104 + _defaultMovementParser(tmpJSON, movementName, hand);
  105 + movement_parameter_json[parsedHand][movementName]['lado_oposto'] = false;
  106 + }
101 107
102 function _parseTempMovementParameterJSON(tmpJSON, hand) { 108 function _parseTempMovementParameterJSON(tmpJSON, hand) {
103 var movimentConfig = tmpJSON[hand]['movimento']; 109 var movimentConfig = tmpJSON[hand]['movimento'];
@@ -109,6 +115,8 @@ @@ -109,6 +115,8 @@
109 115
110 if (movementName == 'retilineo') { 116 if (movementName == 'retilineo') {
111 _retilinearMovementParser(tmpJSON, movementName, hand); 117 _retilinearMovementParser(tmpJSON, movementName, hand);
  118 + } else if (movementName == 'circular') {
  119 + _circularMovementParser(tmpJSON, movementName, hand);
112 } else { 120 } else {
113 _defaultMovementParser(tmpJSON, movementName, hand); 121 _defaultMovementParser(tmpJSON, movementName, hand);
114 } 122 }
view/conf/selection-workflow-json
  Diff comments   View file @3bab6ad
@@ -18,8 +18,7 @@ @@ -18,8 +18,7 @@
18 "plano": ["passo-1"], 18 "plano": ["passo-1"],
19 "raio" : ["passo-1"], 19 "raio" : ["passo-1"],
20 "velocidade" : ["passo-1"], 20 "velocidade" : ["passo-1"],
21 - "sentido_inverso" : ["passo-1"],  
22 - "lado_oposto" : ["passo-1"] 21 + "sentido_inverso" : ["passo-1"]
23 }, 22 },
24 "retilineo" : { 23 "retilineo" : {
25 "articulacao-retilineo": ["passo-1", "passo-2", "passo-3", "passo-4"], 24 "articulacao-retilineo": ["passo-1", "passo-2", "passo-3", "passo-4"],
view/hand/articulacao-retilineo/passo-1.html
  Diff comments   View file @3bab6ad
1 -<div class="selection-panel-body" mainConfig="{{ hand }}" subConfig="articulacao-retilineo" step="1">  
2 - <div class="panel-header">  
3 - <h8><span class="rectilinear-point-label">Ponto inicial (A):</span> onde começa o sinal?</h8>  
4 - </div>  
5 - <div class="selection-panel-inner-body">  
6 - <div data-x="" data-y=""  
7 - class="module-x-y grid gray-background {{ hand }}-gray-front-avatar active">  
8 - <div class=grid-selectors>  
9 - <div class="grid-row row-number-1" data-y=1>  
10 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
11 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
12 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
13 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
14 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
15 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
16 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
17 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
18 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
19 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
20 - </div>  
21 - <div class="grid-row row-number-2" data-y=2>  
22 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
23 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
24 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
25 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
26 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
27 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
28 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
29 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
30 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
31 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
32 - </div>  
33 - <div class="grid-row row-number-3" data-y=3>  
34 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
35 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
36 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
37 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
38 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
39 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
40 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
41 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
42 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
43 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
44 - </div>  
45 - <div class="grid-row row-number-4" data-y=4>  
46 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
47 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
48 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
49 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
50 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
51 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
52 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
53 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
54 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
55 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
56 - </div>  
57 - <div class="grid-row row-number-5" data-y=5>  
58 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
59 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
60 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
61 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
62 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
63 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
64 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
65 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
66 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
67 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
68 - </div>  
69 - </div>  
70 - </div>  
71 - </div> 1 +<div class="selection-panel-body" mainConfig="{{ hand }}"
  2 + subConfig="articulacao-retilineo" step="1">
  3 + <div class="panel-header">
  4 + <h8> <span class="rectilinear-point-label">Ponto inicial
  5 + (A):</span> onde começa o sinal?</h8>
  6 + </div>
  7 + <div class="selection-panel-inner-body">
  8 + <div data-x="" data-y=""
  9 + class="module-x-y grid gray-background gray-front-avatar active">
  10 + <div class=grid-selectors>
  11 + <div class="grid-row row-number-1" data-y=1>
  12 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  13 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  14 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  15 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  16 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  17 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  18 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  19 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  20 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  21 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  22 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  23 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  24 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  25 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  26 + </div>
  27 + <div class="grid-row row-number-2" data-y=2>
  28 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  29 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  30 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  31 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  32 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  33 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  34 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  35 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  36 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  37 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  38 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  39 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  40 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  41 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  42 + </div>
  43 + <div class="grid-row row-number-3" data-y=3>
  44 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  45 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  46 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  47 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  48 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  49 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  50 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  51 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  52 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  53 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  54 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  55 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  56 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  57 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  58 + </div>
  59 + <div class="grid-row row-number-4" data-y=4>
  60 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  61 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  62 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  63 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  64 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  65 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  66 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  67 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  68 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  69 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  70 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  71 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  72 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  73 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  74 + </div>
  75 + <div class="grid-row row-number-5" data-y=5>
  76 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  77 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  78 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  79 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  80 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  81 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  82 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  83 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  84 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  85 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  86 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  87 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  88 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  89 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  90 + </div>
  91 + <div class="grid-row row-number-6" data-y=6>
  92 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  93 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  94 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  95 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  96 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  97 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  98 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  99 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  100 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  101 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  102 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  103 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  104 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  105 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  106 + </div>
  107 +
  108 + <div class="grid-row row-number-7" data-y=7>
  109 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  110 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  111 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  112 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  113 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  114 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  115 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  116 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  117 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  118 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  119 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  120 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  121 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  122 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  123 + </div>
  124 +
  125 + <div class="grid-row row-number-8" data-y=8>
  126 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  127 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  128 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  129 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  130 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  131 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  132 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  133 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  134 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  135 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  136 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  137 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  138 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  139 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  140 + </div>
  141 +
  142 + <div class="grid-row row-number-9" data-y=9>
  143 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  144 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  145 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  146 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  147 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  148 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  149 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  150 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  151 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  152 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  153 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  154 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  155 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  156 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  157 + </div>
  158 + <div class="grid-row row-number-10" data-y=10>
  159 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  160 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  161 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  162 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  163 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  164 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  165 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  166 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  167 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  168 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  169 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  170 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  171 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  172 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  173 + </div>
  174 + </div>
  175 + </div>
  176 + </div>
72 </div> 177 </div>
73 <script type="text/javascript"> 178 <script type="text/javascript">
74 articulation.setupModuleXY("{{ server }}", "{{ hand }}", 179 articulation.setupModuleXY("{{ server }}", "{{ hand }}",
view/hand/articulacao-retilineo/passo-2.html
  Diff comments   View file @3bab6ad
1 -<div class="selection-panel-body" mainConfig="{{ hand }}" subConfig="articulacao-retilineo" step="2">  
2 - <div class="panel-header">  
3 - <h8><span class="rectilinear-point-label">Ponto inicial (A):</span> escolha a distância entre a mão e o corpo</h8>  
4 - </div>  
5 - <div class="selection-panel-inner-body">  
6 - <div data-z="" class="module-z grid gray-background gray-side-avatar">  
7 - <div class="grid-selectors pull-right">  
8 - <div class="grid-row row-number-1">  
9 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
10 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
11 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
12 - </div>  
13 - <div class="grid-row row-number-2">  
14 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
15 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
16 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
17 - </div>  
18 - <div class="grid-row row-number-3">  
19 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
20 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
21 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
22 - </div>  
23 - <div class="grid-row row-number-4">  
24 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
25 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
26 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
27 - </div>  
28 - <div class="grid-row row-number-5">  
29 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
30 - </div>  
31 - </div>  
32 - </div>  
33 - </div> 1 +<div class="selection-panel-body" mainConfig="{{ hand }}"
  2 + subConfig="articulacao-retilineo" step="2">
  3 + <div class="panel-header">
  4 + <h8> <span class="rectilinear-point-label">Ponto inicial
  5 + (A):</span> escolha a distância entre a mão e o corpo</h8>
  6 + </div>
  7 + <div class="selection-panel-inner-body">
  8 + <div data-z="" class="module-z grid gray-background gray-side-avatar">
  9 + <d
  10 + <div class="grid-selectors pull-right">
  11 + <div class="grid-row row-number-1">
  12 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  13 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  14 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  15 + </div>
  16 + <div class="grid-row row-number-2">
  17 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  18 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  19 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  20 + </div>
  21 + <div class="grid-row row-number-3">
  22 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  23 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  24 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  25 + </div>
  26 + <div class="grid-row row-number-4">
  27 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  28 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  29 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  30 + </div>
  31 + <div class="grid-row row-number-5">
  32 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  33 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  34 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  35 + </div>
  36 + <div class="grid-row row-number-6">
  37 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  38 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  39 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  40 + </div>
  41 + <div class="grid-row row-number-7">
  42 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  43 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  44 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  45 + </div>
  46 + <div class="grid-row row-number-8">
  47 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  48 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  49 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  50 + </div>
  51 + <div class="grid-row row-number-9">
  52 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  53 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  54 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  55 + </div>
  56 + <div class="grid-row row-number-10">
  57 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  58 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  59 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  60 + </div>
  61 + </div>
  62 + </div>
  63 + </div>
34 </div> 64 </div>
35 <script type="text/javascript"> 65 <script type="text/javascript">
36 articulation.setupModuleZ("{{ server }}", "{{ hand }}", 66 articulation.setupModuleZ("{{ server }}", "{{ hand }}",
view/hand/articulacao-retilineo/passo-3.html
  Diff comments   View file @3bab6ad
1 -<div class="selection-panel-body" mainConfig="{{ hand }}" subConfig="articulacao-retilineo" step="3">  
2 - <div class="panel-header">  
3 - <h8><span class="rectilinear-point-label">Ponto final (B):</span> onde termina o sinal?</h8>  
4 - </div>  
5 - <div class="selection-panel-inner-body">  
6 - <div data-x="" data-y=""  
7 - class="module-x-y grid gray-background {{ hand }}-gray-front-avatar active">  
8 - <div class=grid-selectors>  
9 - <div class="grid-row row-number-1" data-y=1>  
10 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
11 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
12 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
13 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
14 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
15 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
16 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
17 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
18 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
19 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
20 - </div>  
21 - <div class="grid-row row-number-2" data-y=2>  
22 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
23 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
24 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
25 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
26 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
27 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
28 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
29 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
30 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
31 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
32 - </div>  
33 - <div class="grid-row row-number-3" data-y=3>  
34 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
35 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
36 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
37 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
38 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
39 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
40 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
41 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
42 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
43 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
44 - </div>  
45 - <div class="grid-row row-number-4" data-y=4>  
46 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
47 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
48 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
49 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
50 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
51 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
52 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
53 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
54 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
55 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
56 - </div>  
57 - <div class="grid-row row-number-5" data-y=5>  
58 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
59 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
60 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
61 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
62 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
63 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
64 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
65 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
66 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
67 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
68 - </div>  
69 - </div>  
70 - </div>  
71 - </div> 1 +<div class="selection-panel-body" mainConfig="{{ hand }}"
  2 + subConfig="articulacao-retilineo" step="3">
  3 + <div class="panel-header">
  4 + <h8>
  5 + <span class="rectilinear-point-label">Ponto final (B):</span> onde
  6 + termina o sinal?</h8>
  7 + </div>
  8 + <div class="selection-panel-inner-body">
  9 + <div data-x="" data-y=""
  10 + class="module-x-y grid gray-background gray-front-avatar active">
  11 + <div class=grid-selectors>
  12 + <div class="grid-row row-number-1" data-y=1>
  13 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  14 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  15 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  16 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  17 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  18 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  19 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  20 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  21 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  22 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  23 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  24 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  25 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  26 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  27 + </div>
  28 + <div class="grid-row row-number-2" data-y=2>
  29 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  30 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  31 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  32 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  33 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  34 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  35 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  36 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  37 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  38 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  39 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  40 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  41 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  42 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  43 + </div>
  44 + <div class="grid-row row-number-3" data-y=3>
  45 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  46 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  47 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  48 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  49 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  50 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  51 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  52 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  53 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  54 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  55 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  56 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  57 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  58 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  59 + </div>
  60 + <div class="grid-row row-number-4" data-y=4>
  61 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  62 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  63 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  64 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  65 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  66 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  67 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  68 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  69 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  70 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  71 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  72 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  73 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  74 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  75 + </div>
  76 + <div class="grid-row row-number-5" data-y=5>
  77 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  78 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  79 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  80 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  81 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  82 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  83 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  84 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  85 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  86 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  87 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  88 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  89 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  90 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  91 + </div>
  92 + <div class="grid-row row-number-6" data-y=6>
  93 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  94 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  95 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  96 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  97 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  98 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  99 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  100 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  101 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  102 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  103 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  104 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  105 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  106 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  107 + </div>
  108 +
  109 + <div class="grid-row row-number-7" data-y=7>
  110 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  111 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  112 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  113 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  114 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  115 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  116 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  117 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  118 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  119 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  120 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  121 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  122 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  123 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  124 + </div>
  125 +
  126 + <div class="grid-row row-number-8" data-y=8>
  127 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  128 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  129 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  130 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  131 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  132 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  133 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  134 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  135 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  136 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  137 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  138 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  139 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  140 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  141 + </div>
  142 +
  143 + <div class="grid-row row-number-9" data-y=9>
  144 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  145 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  146 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  147 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  148 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  149 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  150 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  151 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  152 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  153 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  154 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  155 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  156 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  157 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  158 + </div>
  159 + <div class="grid-row row-number-10" data-y=10>
  160 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  161 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  162 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  163 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  164 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  165 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  166 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  167 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  168 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  169 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  170 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  171 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  172 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  173 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  174 + </div>
  175 + </div>
  176 + </div>
  177 + </div>
72 </div> 178 </div>
73 <script type="text/javascript"> 179 <script type="text/javascript">
74 articulation.setupModuleXY("{{ server }}", "{{ hand }}", 180 articulation.setupModuleXY("{{ server }}", "{{ hand }}",
view/hand/articulacao-retilineo/passo-4.html
  Diff comments   View file @3bab6ad
1 -<div class="selection-panel-body" mainConfig="{{ hand }}" subConfig="articulacao-retilineo" step="4">  
2 - <div class="panel-header">  
3 - <h8><span class="rectilinear-point-label">Ponto final (B):</span> escolha a distância entre a mão e o corpo</h8>  
4 - </div>  
5 - <div class="selection-panel-inner-body">  
6 - <div data-z="" class="module-z grid gray-background gray-side-avatar">  
7 - <div class="grid-selectors pull-right">  
8 - <div class="grid-row row-number-1">  
9 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
10 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
11 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
12 - </div>  
13 - <div class="grid-row row-number-2">  
14 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
15 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
16 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
17 - </div>  
18 - <div class="grid-row row-number-3">  
19 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
20 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
21 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
22 - </div>  
23 - <div class="grid-row row-number-4">  
24 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
25 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
26 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
27 - </div>  
28 - <div class="grid-row row-number-5">  
29 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
30 - </div>  
31 - </div>  
32 - </div>  
33 - </div> 1 +<div class="selection-panel-body" mainConfig="{{ hand }}"
  2 + subConfig="articulacao-retilineo" step="4">
  3 + <div class="panel-header">
  4 + <h8> <span class="rectilinear-point-label">Ponto final
  5 + (B):</span> escolha a distância entre a mão e o corpo</h8>
  6 + </div>
  7 + <div class="selection-panel-inner-body">
  8 + <div data-z="" class="module-z grid gray-background gray-side-avatar">
  9 + <div class="grid-selectors pull-right">
  10 + <div class="grid-row row-number-1">
  11 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  12 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  13 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  14 + </div>
  15 + <div class="grid-row row-number-2">
  16 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  17 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  18 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  19 + </div>
  20 + <div class="grid-row row-number-3">
  21 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  22 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  23 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  24 + </div>
  25 + <div class="grid-row row-number-4">
  26 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  27 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  28 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  29 + </div>
  30 + <div class="grid-row row-number-5">
  31 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  32 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  33 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  34 + </div>
  35 + <div class="grid-row row-number-6">
  36 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  37 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  38 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  39 + </div>
  40 + <div class="grid-row row-number-7">
  41 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  42 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  43 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  44 + </div>
  45 + <div class="grid-row row-number-8">
  46 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  47 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  48 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  49 + </div>
  50 + <div class="grid-row row-number-9">
  51 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  52 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  53 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  54 + </div>
  55 + <div class="grid-row row-number-10">
  56 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  57 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  58 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  59 + </div>
  60 + </div>
  61 + </div>
  62 + </div>
34 </div> 63 </div>
35 <script type="text/javascript"> 64 <script type="text/javascript">
36 - articulation.setupModuleZ("{{ server }}", "{{ hand }}",  
37 - "articulacao-retilineo", "4"); 65 + articulation.setupModuleZ("{{ server }}", "{{ hand }}",
  66 + "articulacao-retilineo", "4");
38 </script> 67 </script>
view/hand/articulacao/passo-1.html
  Diff comments   View file @3bab6ad
1 -<div class="selection-panel-body" mainConfig="{{ hand }}" subConfig="articulacao" step="1">  
2 - <div class="panel-header">  
3 - <h8>Onde é feito o sinal?</h8>  
4 - </div>  
5 - <div class="selection-panel-inner-body">  
6 - <div data-x="" data-y=""  
7 - class="module-x-y grid gray-background {{ hand }}-gray-front-avatar active">  
8 - <div class=grid-selectors>  
9 - <div class="grid-row row-number-1" data-y=1>  
10 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
11 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
12 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
13 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
14 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
15 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
16 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
17 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
18 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
19 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
20 - </div>  
21 - <div class="grid-row row-number-2" data-y=2>  
22 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
23 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
24 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
25 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
26 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
27 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
28 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
29 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
30 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
31 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
32 - </div>  
33 - <div class="grid-row row-number-3" data-y=3>  
34 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
35 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
36 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
37 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
38 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
39 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
40 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
41 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
42 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
43 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
44 - </div>  
45 - <div class="grid-row row-number-4" data-y=4>  
46 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
47 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
48 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
49 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
50 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
51 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
52 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
53 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
54 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
55 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
56 - </div>  
57 - <div class="grid-row row-number-5" data-y=5>  
58 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
59 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
60 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
61 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
62 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
63 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
64 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
65 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
66 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
67 - <div class="ball-selector selection-panel-option ball-10" data-x=10></div>  
68 - </div>  
69 - </div>  
70 - </div>  
71 - </div> 1 +<div class="selection-panel-body" mainConfig="{{ hand }}"
  2 + subConfig="articulacao" step="1">
  3 + <div class="panel-header">
  4 + <h8>Onde é feito o sinal?</h8>
  5 + </div>
  6 + <div class="selection-panel-inner-body">
  7 + <div data-x="" data-y=""
  8 + class="module-x-y grid gray-background gray-front-avatar active">
  9 + <div class=grid-selectors>
  10 + <div class="grid-row row-number-1" data-y=1>
  11 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  12 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  13 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  14 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  15 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  16 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  17 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  18 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  19 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  20 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  21 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  22 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  23 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  24 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  25 + </div>
  26 + <div class="grid-row row-number-2" data-y=2>
  27 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  28 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  29 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  30 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  31 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  32 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  33 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  34 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  35 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  36 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  37 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  38 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  39 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  40 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  41 + </div>
  42 + <div class="grid-row row-number-3" data-y=3>
  43 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  44 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  45 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  46 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  47 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  48 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  49 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  50 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  51 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  52 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  53 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  54 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  55 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  56 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  57 + </div>
  58 + <div class="grid-row row-number-4" data-y=4>
  59 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  60 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  61 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  62 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  63 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  64 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  65 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  66 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  67 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  68 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  69 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  70 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  71 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  72 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  73 + </div>
  74 + <div class="grid-row row-number-5" data-y=5>
  75 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  76 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  77 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  78 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  79 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  80 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  81 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  82 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  83 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  84 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  85 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  86 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  87 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  88 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  89 + </div>
  90 + <div class="grid-row row-number-6" data-y=6>
  91 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  92 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  93 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  94 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  95 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  96 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  97 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  98 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  99 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  100 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  101 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  102 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  103 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  104 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  105 + </div>
  106 +
  107 + <div class="grid-row row-number-7" data-y=7>
  108 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  109 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  110 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  111 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  112 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  113 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  114 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  115 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  116 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  117 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  118 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  119 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  120 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  121 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  122 + </div>
  123 +
  124 + <div class="grid-row row-number-8" data-y=8>
  125 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  126 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  127 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  128 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  129 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  130 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  131 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  132 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  133 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  134 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  135 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  136 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  137 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  138 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  139 + </div>
  140 +
  141 + <div class="grid-row row-number-9" data-y=9>
  142 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  143 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  144 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  145 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  146 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  147 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  148 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  149 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  150 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  151 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  152 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  153 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  154 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  155 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  156 + </div>
  157 + <div class="grid-row row-number-10" data-y=10>
  158 + <div class="ball-selector selection-panel-option ball-1" data-x=1></div>
  159 + <div class="ball-selector selection-panel-option ball-2" data-x=2></div>
  160 + <div class="ball-selector selection-panel-option ball-3" data-x=3></div>
  161 + <div class="ball-selector selection-panel-option ball-4" data-x=4></div>
  162 + <div class="ball-selector selection-panel-option ball-5" data-x=5></div>
  163 + <div class="ball-selector selection-panel-option ball-6" data-x=6></div>
  164 + <div class="ball-selector selection-panel-option ball-7" data-x=7></div>
  165 + <div class="ball-selector selection-panel-option ball-8" data-x=8></div>
  166 + <div class="ball-selector selection-panel-option ball-9" data-x=9></div>
  167 + <div class="ball-selector selection-panel-option ball-10" data-x=10></div>
  168 + <div class="ball-selector selection-panel-option ball-11" data-x=11></div>
  169 + <div class="ball-selector selection-panel-option ball-12" data-x=12></div>
  170 + <div class="ball-selector selection-panel-option ball-13" data-x=13></div>
  171 + <div class="ball-selector selection-panel-option ball-14" data-x=14></div>
  172 + </div>
  173 + </div>
  174 + </div>
  175 + </div>
72 </div> 176 </div>
73 <script type="text/javascript"> 177 <script type="text/javascript">
74 - articulation.setupModuleXY("{{ server }}", "{{ hand }}", "articulacao", "1"); 178 + articulation
  179 + .setupModuleXY("{{ server }}", "{{ hand }}", "articulacao", "1");
75 </script> 180 </script>
view/hand/articulacao/passo-2.html
  Diff comments   View file @3bab6ad
1 -<div class="selection-panel-body" mainConfig="{{ hand }}" subConfig="articulacao" step="2">  
2 - <div class="panel-header">  
3 - <h8>Escolha a distância entre a mão e o corpo</h8>  
4 - </div>  
5 - <div class="selection-panel-inner-body">  
6 - <div data-z="" class="module-z grid gray-background gray-side-avatar">  
7 - <div class="grid-selectors pull-right">  
8 - <div class="grid-row row-number-1">  
9 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
10 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
11 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
12 - </div>  
13 - <div class="grid-row row-number-2">  
14 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
15 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
16 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
17 - </div>  
18 - <div class="grid-row row-number-3">  
19 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
20 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
21 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
22 - </div>  
23 - <div class="grid-row row-number-4">  
24 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
25 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
26 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
27 - </div>  
28 - <div class="grid-row row-number-5">  
29 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
30 - </div>  
31 - </div>  
32 - </div>  
33 - </div> 1 +<div class="selection-panel-body" mainConfig="{{ hand }}"
  2 + subConfig="articulacao" step="2">
  3 + <div class="panel-header">
  4 + <h8>Escolha a distância entre a mão e o corpo</h8>
  5 + </div>
  6 + <div class="selection-panel-inner-body">
  7 + <div data-z="" class="module-z grid gray-background gray-side-avatar">
  8 + <div class="grid-selectors pull-right">
  9 + <div class="grid-row row-number-1">
  10 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  11 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  12 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  13 + </div>
  14 + <div class="grid-row row-number-2">
  15 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  16 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  17 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  18 + </div>
  19 + <div class="grid-row row-number-3">
  20 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  21 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  22 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  23 + </div>
  24 + <div class="grid-row row-number-4">
  25 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  26 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  27 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  28 + </div>
  29 + <div class="grid-row row-number-5">
  30 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  31 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  32 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  33 + </div>
  34 + <div class="grid-row row-number-6">
  35 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  36 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  37 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  38 + </div>
  39 + <div class="grid-row row-number-7">
  40 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  41 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  42 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  43 + </div>
  44 + <div class="grid-row row-number-8">
  45 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  46 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  47 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  48 + </div>
  49 + <div class="grid-row row-number-9">
  50 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  51 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  52 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  53 + </div>
  54 + <div class="grid-row row-number-10">
  55 + <div class="ball-selector selection-panel-option ball-1" data-z=1></div>
  56 + <div class="ball-selector selection-panel-option ball-2" data-z=2></div>
  57 + <div class="ball-selector selection-panel-option ball-3" data-z=3></div>
  58 + </div>
  59 + </div>
  60 + </div>
  61 + </div>
34 </div> 62 </div>
35 <script type="text/javascript"> 63 <script type="text/javascript">
36 - articulation.setupModuleZ("{{ server }}", "{{ hand }}", "articulacao", "2"); 64 + articulation.setupModuleZ("{{ server }}", "{{ hand }}", "articulacao", "2");
37 </script> 65 </script>
view/hand/lado_oposto/passo-1.html
View file @e99cffa
@@ -1,23 +0,0 @@ @@ -1,23 +0,0 @@
1 -<div class="selection-panel-body" mainConfig="{{ hand }}"  
2 - subConfig="lado_oposto" step="1">  
3 - <div class="panel-header">  
4 - <h8>O movimento começa pelo lado oposto?</h8>  
5 - </div>  
6 - <div class="selection-panel-inner-body">  
7 - <ul class="rig columns-2">  
8 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm"  
9 - preload="metadata" value="false"  
10 - class="box-panel-option selection-panel-option" autoplay loop>  
11 - <source type="video/webm">  
12 - </video>Não</li>  
13 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm"  
14 - preload="metadata" value="true"  
15 - class="box-panel-option selection-panel-option" autoplay loop>  
16 - <source type="video/webm">  
17 - </video>Sim</li>  
18 - </ul>  
19 - </div>  
20 -</div>  
21 -<script type="text/javascript">  
22 - defaultConfigurationHandler.setup("{{ hand }}", "lado_oposto", "1");  
23 -</script>  
view/hand/movimento/passo-1.html
  Diff comments   View file @3bab6ad
@@ -10,7 +10,7 @@ @@ -10,7 +10,7 @@
10 class="box-panel-option selection-panel-option" autoplay loop> 10 class="box-panel-option selection-panel-option" autoplay loop>
11 <source type="video/webm"> 11 <source type="video/webm">
12 </video> Pontual</li> 12 </video> Pontual</li>
13 - <li><video src="{{ server }}/img/mov/PONTUAL.webm" 13 + <li><video src="{{ server }}/img/mov/RETILINEO.webm"
14 preload="metadata" value="retilineo" 14 preload="metadata" value="retilineo"
15 class="box-panel-option selection-panel-option" autoplay loop> 15 class="box-panel-option selection-panel-option" autoplay loop>
16 <source type="video/webm"> 16 <source type="video/webm">
view/hand/plano/passo-1.html
  Diff comments   View file @3bab6ad
@@ -5,22 +5,21 @@ @@ -5,22 +5,21 @@
5 </div> 5 </div>
6 <div class="selection-panel-inner-body"> 6 <div class="selection-panel-inner-body">
7 <ul class="rig columns-2"> 7 <ul class="rig columns-2">
8 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm" 8 + <li><video src="{{ server }}/img/circular/{{ hand-folder }}/plano-esquerda-cima.webm"
  9 + preload="metadata" value="esquerda-cima"
  10 + class="box-panel-option selection-panel-option" autoplay loop>
  11 + <source type="video/webm">
  12 + </video>Esquerda - Cima</li>
  13 + <li><video src="{{ server }}/img/circular/{{ hand-folder }}/plano-frente-esquerda.webm"
9 preload="metadata" value="frente-esquerda" 14 preload="metadata" value="frente-esquerda"
10 class="box-panel-option selection-panel-option" autoplay loop> 15 class="box-panel-option selection-panel-option" autoplay loop>
11 <source type="video/webm"> 16 <source type="video/webm">
12 </video>Frente - Esquerda</li> 17 </video>Frente - Esquerda</li>
13 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm" 18 + <li><video src="{{ server }}/img/circular/{{ hand-folder }}/plano-frente-cima.webm"
14 preload="metadata" value="frente-cima" 19 preload="metadata" value="frente-cima"
15 class="box-panel-option selection-panel-option" autoplay loop> 20 class="box-panel-option selection-panel-option" autoplay loop>
16 <source type="video/webm"> 21 <source type="video/webm">
17 - </video>Frente - Cima  
18 - </li>  
19 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm"  
20 - preload="metadata" value="esquerda-cima"  
21 - class="box-panel-option selection-panel-option" autoplay loop>  
22 - <source type="video/webm">  
23 - </video>Esquerda - Cima</li> 22 + </video>Frente - Cima</li>
24 </ul> 23 </ul>
25 </div> 24 </div>
26 </div> 25 </div>
view/hand/raio/passo-1.html
  Diff comments   View file @3bab6ad
@@ -5,17 +5,17 @@ @@ -5,17 +5,17 @@
5 </div> 5 </div>
6 <div class="selection-panel-inner-body"> 6 <div class="selection-panel-inner-body">
7 <ul class="rig columns-2"> 7 <ul class="rig columns-2">
8 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm" 8 + <li><video src="{{ server }}/img/circular/{{ hand-folder }}/raio-pequeno.webm"
9 preload="metadata" value="pequeno" 9 preload="metadata" value="pequeno"
10 class="box-panel-option selection-panel-option" autoplay loop> 10 class="box-panel-option selection-panel-option" autoplay loop>
11 <source type="video/webm"> 11 <source type="video/webm">
12 </video>Pequeno</li> 12 </video>Pequeno</li>
13 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm" 13 + <li><video src="{{ server }}/img/circular/{{ hand-folder }}/raio-normal.webm"
14 preload="metadata" value="normal" 14 preload="metadata" value="normal"
15 class="box-panel-option selection-panel-option" autoplay loop> 15 class="box-panel-option selection-panel-option" autoplay loop>
16 <source type="video/webm"> 16 <source type="video/webm">
17 </video>Médio</li> 17 </video>Médio</li>
18 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm" 18 + <li><video src="{{ server }}/img/circular/{{ hand-folder }}/raio-grande.webm"
19 preload="metadata" value="grande" 19 preload="metadata" value="grande"
20 class="box-panel-option selection-panel-option" autoplay loop> 20 class="box-panel-option selection-panel-option" autoplay loop>
21 <source type="video/webm"> 21 <source type="video/webm">
view/hand/sentido_inverso/passo-1.html
  Diff comments   View file @3bab6ad
@@ -5,12 +5,12 @@ @@ -5,12 +5,12 @@
5 </div> 5 </div>
6 <div class="selection-panel-inner-body"> 6 <div class="selection-panel-inner-body">
7 <ul class="rig columns-2"> 7 <ul class="rig columns-2">
8 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm" 8 + <li><video src="{{ server }}/img/circular/{{ hand-folder }}/sentido-horario.webm"
9 preload="metadata" value="false" 9 preload="metadata" value="false"
10 class="box-panel-option selection-panel-option" autoplay loop> 10 class="box-panel-option selection-panel-option" autoplay loop>
11 <source type="video/webm"> 11 <source type="video/webm">
12 </video>Horário</li> 12 </video>Horário</li>
13 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm" 13 + <li><video src="{{ server }}/img/circular/{{ hand-folder }}/sentido-anti-horario.webm"
14 preload="metadata" value="true" 14 preload="metadata" value="true"
15 class="box-panel-option selection-panel-option" autoplay loop> 15 class="box-panel-option selection-panel-option" autoplay loop>
16 <source type="video/webm"> 16 <source type="video/webm">
view/hand/timeline.html
  Diff comments   View file @3bab6ad
@@ -55,11 +55,6 @@ @@ -55,11 +55,6 @@
55 json_name="sentido_inverso"> 55 json_name="sentido_inverso">
56 <img src="{{ server }}/img/hand-moviment-direction-icon.png" /> 56 <img src="{{ server }}/img/hand-moviment-direction-icon.png" />
57 </div> 57 </div>
58 - <!-- lado_oposto -->  
59 - <div class="icon_container" name="hand-moviment-direction"  
60 - json_name="lado_oposto">  
61 - <img src="{{ server }}/img/hand-moviment-direction-icon.png" />  
62 - </div>  
63 </div> 58 </div>
64 </div> 59 </div>
65 <div class="arrow icon_container col-sm-1" name="right-arrow"> 60 <div class="arrow icon_container col-sm-1" name="right-arrow">
view/hand/velocidade/passo-1.html
  Diff comments   View file @3bab6ad
@@ -5,17 +5,17 @@ @@ -5,17 +5,17 @@
5 </div> 5 </div>
6 <div class="selection-panel-inner-body"> 6 <div class="selection-panel-inner-body">
7 <ul class="rig columns-2"> 7 <ul class="rig columns-2">
8 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm" 8 + <li><video src="{{ server }}/img/circular/{{ hand-folder }}/velocidade-lento.webm"
9 preload="metadata" value="lento" 9 preload="metadata" value="lento"
10 class="box-panel-option selection-panel-option" autoplay loop> 10 class="box-panel-option selection-panel-option" autoplay loop>
11 <source type="video/webm"> 11 <source type="video/webm">
12 </video>Lento</li> 12 </video>Lento</li>
13 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm" 13 + <li><video src="{{ server }}/img/circular/{{ hand-folder }}/velocidade-normal.webm"
14 preload="metadata" value="normal" 14 preload="metadata" value="normal"
15 class="box-panel-option selection-panel-option" autoplay loop> 15 class="box-panel-option selection-panel-option" autoplay loop>
16 <source type="video/webm"> 16 <source type="video/webm">
17 </video>Normal</li> 17 </video>Normal</li>
18 - <li><video src="{{ server }}/img/mov/CIRCULAR.webm" 18 + <li><video src="{{ server }}/img/circular/{{ hand-folder }}/velocidade-rapido.webm"
19 preload="metadata" value="rapido" 19 preload="metadata" value="rapido"
20 class="box-panel-option selection-panel-option" autoplay loop> 20 class="box-panel-option selection-panel-option" autoplay loop>
21 <source type="video/webm"> 21 <source type="video/webm">
view/img/circular/md/plano-esquerda-cima.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/md/plano-frente-cima.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/md/plano-frente-esquerda.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/md/raio-grande.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/md/raio-normal.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/md/raio-pequeno.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/md/sentido-anti-horario.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/md/sentido-horario.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/md/velocidade-lento.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/md/velocidade-normal.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/md/velocidade-rapido.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/me/plano-esquerda-cima.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/me/plano-frente-cima.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/me/plano-frente-esquerda.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/me/raio-grande.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/me/raio-normal.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/me/raio-pequeno.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/me/sentido-anti-horario.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/me/sentido-horario.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/me/velocidade-lento.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/me/velocidade-normal.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/circular/me/velocidade-rapido.webm 0 → 100644
View file @3bab6ad
No preview for this file type
view/img/mov/PONTUAL.webm
View file @3bab6ad
No preview for this file type
view/img/mov/RETILINEO.webm 0 → 100644
View file @3bab6ad
No preview for this file type