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 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 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 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 18 .gray-side-avatar {
... ... @@ -36,12 +36,21 @@
36 36 width: 315px;
37 37 height: 361px;
38 38 margin: 5%;
  39 + margin-left: 3%;
39 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 54 text-align: justify;
46 55 z-index: 20
47 56 }
... ... @@ -50,16 +59,11 @@
50 59 background-color: #A0D0E8;
51 60 border-radius: 50%;
52 61 z-index: 100;
53   - width: 13px;
54   - height: 13px;
  62 + width: 10px;
  63 + height: 10px;
55 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 69 .grid .grid-selectors .grid-row .ball-selector .point-selector {
... ... @@ -89,9 +93,11 @@
89 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 98 margin-right: 58%;
94   - padding-top: 3%;
  99 + padding-top: 0%;
  100 + height: 8%
95 101 }
96 102  
97 103 .module-z .grid-selectors .grid-row .ball-selector {
... ...
view/assets/js/articulation.js
  Diff comments   View file @3bab6ad
1 1 (function(articulation, $, undefined) {
2 2  
3 3 var server_host = '';
  4 + var MAX_COLUMNS = 14;
4 5  
5 6 function _updateASelector(container, ballSelector, step) {
6 7 var pointSelector = parseInt(step) == 2 ? "A" : "B";
... ... @@ -83,9 +84,10 @@
83 84 var y = yValue;
84 85 var z = zValue;
85 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 91 //console.log(value);
90 92 return value;
91 93 }
... ...
view/assets/js/dynamic-loading-engine.js
  Diff comments   View file @3bab6ad
... ... @@ -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 37 if (matchSubConfig) { // case defined
30 38 // There is no specific(right or left hand dependent) assets for: articulacao, duracao, expressao, movimento, transicao
31 39 // Specific configurations: configuracao, orientacao
... ... @@ -50,7 +58,7 @@
50 58 console.log('No subConfig found');
51 59 }
52 60 }
53   - // change {{ hand }}
  61 + goodData = replaceHandFolderTag(goodData, currentMainConfig);
54 62 goodData = goodData.replace(/{{ hand }}/g, currentMainConfig);
55 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 101 }
102 102  
103 103 function _selectSubConfig(subConfig) {
104   - /*if (subConfig != 'movimento' &&
105   - currentSubConfigName == 'movimento') {
106   - _updateAndGetFirstMovementSubConfig();
107   - }*/
  104 + if (subConfig == 'movimento') {
  105 + _updateAndGetMovementConfig();
  106 + }
108 107 currentSubConfigName = subConfig;
109 108 currentSubconfig = currentSubconfigParent[currentSubConfigName];
110 109 currentStep = 0;
... ...
view/assets/js/tmpJSONParser.js
  Diff comments   View file @3bab6ad
... ... @@ -89,15 +89,21 @@
89 89 initParameterValue = tmpJSON[hand][attr][0];
90 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 95 movement_parameter_json[parsedHand][movementName][initAttr] =
96 96 _parseParameterValue(initParameterValue);
97 97 movement_parameter_json[parsedHand][movementName][endAttr] =
98 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 108 function _parseTempMovementParameterJSON(tmpJSON, hand) {
103 109 var movimentConfig = tmpJSON[hand]['movimento'];
... ... @@ -109,6 +115,8 @@
109 115  
110 116 if (movementName == 'retilineo') {
111 117 _retilinearMovementParser(tmpJSON, movementName, hand);
  118 + } else if (movementName == 'circular') {
  119 + _circularMovementParser(tmpJSON, movementName, hand);
112 120 } else {
113 121 _defaultMovementParser(tmpJSON, movementName, hand);
114 122 }
... ...
view/conf/selection-workflow-json
  Diff comments   View file @3bab6ad
... ... @@ -18,8 +18,7 @@
18 18 "plano": ["passo-1"],
19 19 "raio" : ["passo-1"],
20 20 "velocidade" : ["passo-1"],
21   - "sentido_inverso" : ["passo-1"],
22   - "lado_oposto" : ["passo-1"]
  21 + "sentido_inverso" : ["passo-1"]
23 22 },
24 23 "retilineo" : {
25 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 177 </div>
73 178 <script type="text/javascript">
74 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 64 </div>
35 65 <script type="text/javascript">
36 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 178 </div>
73 179 <script type="text/javascript">
74 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 63 </div>
35 64 <script type="text/javascript">
36   - articulation.setupModuleZ("{{ server }}", "{{ hand }}",
37   - "articulacao-retilineo", "4");
  65 + articulation.setupModuleZ("{{ server }}", "{{ hand }}",
  66 + "articulacao-retilineo", "4");
38 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 176 </div>
73 177 <script type="text/javascript">
74   - articulation.setupModuleXY("{{ server }}", "{{ hand }}", "articulacao", "1");
  178 + articulation
  179 + .setupModuleXY("{{ server }}", "{{ hand }}", "articulacao", "1");
75 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 62 </div>
35 63 <script type="text/javascript">
36   - articulation.setupModuleZ("{{ server }}", "{{ hand }}", "articulacao", "2");
  64 + articulation.setupModuleZ("{{ server }}", "{{ hand }}", "articulacao", "2");
37 65 </script>
... ...
view/hand/lado_oposto/passo-1.html
View file @e99cffa
... ... @@ -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 10 class="box-panel-option selection-panel-option" autoplay loop>
11 11 <source type="video/webm">
12 12 </video> Pontual</li>
13   - <li><video src="{{ server }}/img/mov/PONTUAL.webm"
  13 + <li><video src="{{ server }}/img/mov/RETILINEO.webm"
14 14 preload="metadata" value="retilineo"
15 15 class="box-panel-option selection-panel-option" autoplay loop>
16 16 <source type="video/webm">
... ...
view/hand/plano/passo-1.html
  Diff comments   View file @3bab6ad
... ... @@ -5,22 +5,21 @@
5 5 </div>
6 6 <div class="selection-panel-inner-body">
7 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 14 preload="metadata" value="frente-esquerda"
10 15 class="box-panel-option selection-panel-option" autoplay loop>
11 16 <source type="video/webm">
12 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 19 preload="metadata" value="frente-cima"
15 20 class="box-panel-option selection-panel-option" autoplay loop>
16 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 23 </ul>
25 24 </div>
26 25 </div>
... ...
view/hand/raio/passo-1.html
  Diff comments   View file @3bab6ad
... ... @@ -5,17 +5,17 @@
5 5 </div>
6 6 <div class="selection-panel-inner-body">
7 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 9 preload="metadata" value="pequeno"
10 10 class="box-panel-option selection-panel-option" autoplay loop>
11 11 <source type="video/webm">
12 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 14 preload="metadata" value="normal"
15 15 class="box-panel-option selection-panel-option" autoplay loop>
16 16 <source type="video/webm">
17 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 19 preload="metadata" value="grande"
20 20 class="box-panel-option selection-panel-option" autoplay loop>
21 21 <source type="video/webm">
... ...
view/hand/sentido_inverso/passo-1.html
  Diff comments   View file @3bab6ad
... ... @@ -5,12 +5,12 @@
5 5 </div>
6 6 <div class="selection-panel-inner-body">
7 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 9 preload="metadata" value="false"
10 10 class="box-panel-option selection-panel-option" autoplay loop>
11 11 <source type="video/webm">
12 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 14 preload="metadata" value="true"
15 15 class="box-panel-option selection-panel-option" autoplay loop>
16 16 <source type="video/webm">
... ...
view/hand/timeline.html
  Diff comments   View file @3bab6ad
... ... @@ -55,11 +55,6 @@
55 55 json_name="sentido_inverso">
56 56 <img src="{{ server }}/img/hand-moviment-direction-icon.png" />
57 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 58 </div>
64 59 </div>
65 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 5 </div>
6 6 <div class="selection-panel-inner-body">
7 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 9 preload="metadata" value="lento"
10 10 class="box-panel-option selection-panel-option" autoplay loop>
11 11 <source type="video/webm">
12 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 14 preload="metadata" value="normal"
15 15 class="box-panel-option selection-panel-option" autoplay loop>
16 16 <source type="video/webm">
17 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 19 preload="metadata" value="rapido"
20 20 class="box-panel-option selection-panel-option" autoplay loop>
21 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