Download as
Browse Code »

Commit 35e767cdceefbf836226d615d9c840ba6ef92862

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

Adicionado o movimento retilíneo.

Showing 35 changed files with 1015 additions and 775 deletions   Show diff stats
view/assets/css/articulation.css
  Diff comments   View file @35e767c
@@ -62,7 +62,7 @@ @@ -62,7 +62,7 @@
62 margin-right: 0 62 margin-right: 0
63 } 63 }
64 64
65 -.grid .grid-selectors .grid-row .ball-selector .point-a-selector { 65 +.grid .grid-selectors .grid-row .ball-selector .point-selector {
66 margin-left: -.5px; 66 margin-left: -.5px;
67 margin-top: -7.5px 67 margin-top: -7.5px
68 } 68 }
view/assets/css/main.css
  Diff comments   View file @35e767c
@@ -410,8 +410,9 @@ ul.rig.columns-4 li { @@ -410,8 +410,9 @@ ul.rig.columns-4 li {
410 } 410 }
411 411
412 /* Hand Configuration */ 412 /* Hand Configuration */
413 -#moviment-type {  
414 - display: none; 413 +.rectilinear-point-label {
  414 + font-weight: bold;
  415 + color: #000000;
415 } 416 }
416 417
417 /* Render Screen */ 418 /* Render Screen */
@@ -463,4 +464,7 @@ ul.rig.columns-4 li { @@ -463,4 +464,7 @@ ul.rig.columns-4 li {
463 464
464 #completed-all-task-msg { 465 #completed-all-task-msg {
465 display: none; 466 display: none;
466 -}  
467 \ No newline at end of file 467 \ No newline at end of file
  468 +}
  469 +
  470 +
  471 +
view/assets/js/articulation.js
  Diff comments   View file @35e767c
1 (function(articulation, $, undefined) { 1 (function(articulation, $, undefined) {
2 2
3 var server_host = ''; 3 var server_host = '';
4 - var selectedY = '';  
5 4
6 - function _updateASelector(container, ballSelector) { 5 + function _updateASelector(container, ballSelector, step) {
  6 + var pointSelector = parseInt(step) == 2 ? "A" : "B";
7 $(container + ' .ball-selector.active').each(function() { 7 $(container + ' .ball-selector.active').each(function() {
8 - $(this).removeClass('active'), $(this).find('.point-a-selector').remove();  
9 - }), ballSelector.addClass('active'), ballSelector.append('<div class="point-a-selector"><img src="' + server_host +  
10 - '/img/pa/A-Seletor.png" class="point-a-selector" alt=""></div>'); 8 + $(this).removeClass('active'), $(this).find('.point-selector').remove();
  9 + }), ballSelector.addClass('active'), ballSelector.append('<div class="point-selector"><img src="' + server_host +
  10 + '/img/pa/' + pointSelector + '-Seletor.png" class="point-selector" alt=""></div>');
  11 + }
  12 +
  13 + function _getSelectedY(hand, subConfig, step) {
  14 + step = parseInt(step) - 1;
  15 + var previousStepId = '.selection-panel-body[mainConfig=' + hand + '][subConfig=' +
  16 + subConfig + '][step=' + step + '] .module-x-y';
  17 + return $(previousStepId).attr("data-y");
11 } 18 }
12 19
13 - function _setupModuleZ(hand) { 20 + function _setupModuleZ(hand, subConfig, step, selectedY) {
14 if (typeof selectedY == 'undefined' || selectedY == '') return; 21 if (typeof selectedY == 'undefined' || selectedY == '') return;
15 22
16 - var base_id = '.selection-panel-body[mainConfig=' + hand + '][subConfig=articulacao][step=2]'; 23 + var base_id = '.selection-panel-body[mainConfig=' + hand + '][subConfig=' +
  24 + subConfig + '][step=' + step + ']';
17 var articulation_z = base_id + ' .module-z'; 25 var articulation_z = base_id + ' .module-z';
18 $(articulation_z + ' .ball-selector').hide(); 26 $(articulation_z + ' .ball-selector').hide();
19 $(articulation_z + ' .row-number-' + selectedY + ' .ball-selector').show(); 27 $(articulation_z + ' .row-number-' + selectedY + ' .ball-selector').show();
@@ -21,12 +29,13 @@ @@ -21,12 +29,13 @@
21 var z = $(articulation_z).attr('data-z'); 29 var z = $(articulation_z).attr('data-z');
22 if (typeof z != 'undefined') { 30 if (typeof z != 'undefined') {
23 var ball_selector = $(articulation_z + ' .row-number-' + selectedY + ' .ball-' + z); 31 var ball_selector = $(articulation_z + ' .row-number-' + selectedY + ' .ball-' + z);
24 - _updateASelector(articulation_z, ball_selector); 32 + _updateASelector(articulation_z, ball_selector, step);
25 } 33 }
26 } 34 }
27 35
28 - function _setupBallSelectorXY(hand) {  
29 - var base_id = '.selection-panel-body[mainConfig=' + hand + '][subConfig=articulacao][step=1]'; 36 + function _setupBallSelectorXY(hand, subConfig, step) {
  37 + var base_id = '.selection-panel-body[mainConfig=' + hand +
  38 + '][subConfig=' + subConfig + '][step=' + step + ']';
30 var articulation_x_y = base_id + ' .module-x-y'; 39 var articulation_x_y = base_id + ' .module-x-y';
31 $(articulation_x_y + ' .ball-selector').off('click').on('click', function(a) { 40 $(articulation_x_y + ' .ball-selector').off('click').on('click', function(a) {
32 var b = $(a.target); 41 var b = $(a.target);
@@ -38,17 +47,20 @@ @@ -38,17 +47,20 @@
38 d = $(articulation_x_y), 47 d = $(articulation_x_y),
39 f = b.attr('data-x'), 48 f = b.attr('data-x'),
40 g = c.attr('data-y'); 49 g = c.attr('data-y');
41 - d.attr('data-x', f), d.attr('data-y', g), _updateASelector(articulation_x_y, b);  
42 - selectedY = g;  
43 - _setupModuleZ(hand); 50 + d.attr('data-x', f), d.attr('data-y', g);
  51 +
  52 + var nextStep = parseInt(step) + 1;
  53 + _updateASelector(articulation_x_y, b, nextStep);
  54 + _setupModuleZ(hand, subConfig, nextStep, g);
44 55
45 - wikilibras.updateTempParameterJSON(hand, 'articulacao', '1', f + ';' + g); 56 + wikilibras.updateTempParameterJSON(hand, subConfig, step, f + ';' + g);
46 dynworkflow.userSelectedAnOption(); 57 dynworkflow.userSelectedAnOption();
47 }); 58 });
48 } 59 }
49 60
50 - function _setupBallSelectorZ(hand) {  
51 - var base_id = '.selection-panel-body[mainConfig=' + hand + '][subConfig=articulacao][step=2]'; 61 + function _setupBallSelectorZ(hand, subConfig, step) {
  62 + var base_id = '.selection-panel-body[mainConfig=' + hand +
  63 + '][subConfig=' + subConfig + '][step=' + step + ']';
52 var articulation_z = base_id + ' .module-z'; 64 var articulation_z = base_id + ' .module-z';
53 $(articulation_z + ' .ball-selector').off('click').on('click', function(a) { 65 $(articulation_z + ' .ball-selector').off('click').on('click', function(a) {
54 var b = $(a.target); 66 var b = $(a.target);
@@ -59,18 +71,13 @@ @@ -59,18 +71,13 @@
59 var c = b.parent('.grid-row'), 71 var c = b.parent('.grid-row'),
60 e = $(articulation_z), 72 e = $(articulation_z),
61 h = b.attr('data-z'); 73 h = b.attr('data-z');
62 - b.attr('data-z') && e.attr('data-z', h), _updateASelector(articulation_z, b); 74 + b.attr('data-z') && e.attr('data-z', h), _updateASelector(articulation_z, b, step);
63 75
64 - wikilibras.updateTempParameterJSON(hand, 'articulacao', '2', h); 76 + wikilibras.updateTempParameterJSON(hand, subConfig, step, h);
65 dynworkflow.userSelectedAnOption(); 77 dynworkflow.userSelectedAnOption();
66 }); 78 });
67 } 79 }
68 80
69 - function _updateParameterJSON(hand) {  
70 - var value = _readValue(hand);  
71 - wikilibras.updateParameterJSON('articulacao', value);  
72 - }  
73 -  
74 function _calculateArticulationPointIndex(hand, xValue, yValue, zValue) { 81 function _calculateArticulationPointIndex(hand, xValue, yValue, zValue) {
75 var x = xValue; 82 var x = xValue;
76 var y = yValue; 83 var y = yValue;
@@ -91,15 +98,17 @@ @@ -91,15 +98,17 @@
91 return _calculateArticulationPointIndex(hand, xValue, yValue, zValue); 98 return _calculateArticulationPointIndex(hand, xValue, yValue, zValue);
92 }; 99 };
93 100
94 - articulation.setupModuleXY = function(serverhost, hand) { 101 + articulation.setupModuleXY = function(serverhost, hand, subConfig, step) {
95 server_host = serverhost; 102 server_host = serverhost;
96 - _setupBallSelectorXY(hand); 103 + _setupBallSelectorXY(hand, subConfig, step);
97 }; 104 };
98 105
99 - articulation.setupModuleZ = function(serverhost, hand) { 106 + articulation.setupModuleZ = function(serverhost, hand, subConfig, step) {
100 server_host = serverhost; 107 server_host = serverhost;
101 - _setupBallSelectorZ(hand);  
102 - _setupModuleZ(hand); 108 + _setupBallSelectorZ(hand, subConfig, step);
  109 +
  110 + var selectedY = _getSelectedY(hand, subConfig, step);
  111 + _setupModuleZ(hand, subConfig, step, selectedY);
103 }; 112 };
104 113
105 }(window.articulation = window.articulation || {}, jQuery)); 114 }(window.articulation = window.articulation || {}, jQuery));
view/assets/js/configuration.js
  Diff comments   View file @35e767c
1 (function(configuration, $, undefined) { 1 (function(configuration, $, undefined) {
2 2
3 - configuration.setupFingersGroup = function(hand) {  
4 - var baseId = '.selection-panel-body[mainConfig=' + hand + '][subConfig=configuracao][step=1]'; 3 + configuration.setupFingersGroup = function(hand, subConfig, step) {
  4 + var baseId = '.selection-panel-body[mainConfig=' + hand + '][subConfig=' +
  5 + subConfig + '][step=' + step + ']';
5 $(baseId + ' .selection-panel-option' 6 $(baseId + ' .selection-panel-option'
6 ).off('click').on('click', function() { 7 ).off('click').on('click', function() {
7 wikilibras.selectAnOption(baseId, this); 8 wikilibras.selectAnOption(baseId, this);
  9 + _setupFingersToShow(hand, subConfig, step);
  10 +
8 dynworkflow.userSelectedAnOption(); 11 dynworkflow.userSelectedAnOption();
9 }); 12 });
10 }; 13 };
  14 +
  15 + function _setupFingersToShow(hand, subConfig, step) {
  16 + var stepOneBaseId = '.selection-panel-body[mainConfig=' + hand + '][subConfig=' +
  17 + subConfig + '][step=' + step + ']';
  18 + var nextStep = parseInt(step) + 1;
  19 + var stepTwoBaseId = '.selection-panel-body[mainConfig=' + hand + '][subConfig=' +
  20 + subConfig + '][step=' + nextStep + ']';
  21 +
  22 + var finger_group = $(stepOneBaseId + ' .selection-panel-option[select=true]').attr('value');
  23 + finger_group = typeof finger_group == 'undefined' ? '0' : finger_group;
  24 + $(stepTwoBaseId + ' .finger-group').hide();
  25 + $(stepTwoBaseId + ' .finger-group[group=' + finger_group + ']').show();
  26 + }
11 27
12 - configuration.setupFingersPosition = function(hand) {  
13 - var stepTwoBaseId = '.selection-panel-body[mainConfig=' + hand + '][subConfig=configuracao][step=2]'; 28 + configuration.setupFingersPosition = function(hand, subConfig, step) {
  29 + var stepTwoBaseId = '.selection-panel-body[mainConfig=' + hand + '][subConfig=' +
  30 + subConfig + '][step=' + step + ']';
14 $(stepTwoBaseId + ' .selection-panel-option').off('click').on( 31 $(stepTwoBaseId + ' .selection-panel-option').off('click').on(
15 'click', function() { 32 'click', function() {
16 wikilibras.selectAnOption(stepTwoBaseId, this); 33 wikilibras.selectAnOption(stepTwoBaseId, this);
17 dynworkflow.userSelectedAnOption(); 34 dynworkflow.userSelectedAnOption();
18 - });  
19 -  
20 - var stepOneBaseId = '.selection-panel-body[mainConfig=' + hand + '][subConfig=configuracao][step=1]';  
21 - var finger_group = $(stepOneBaseId + ' .selection-panel-option[select=true]').attr('value');  
22 - finger_group = typeof finger_group == 'undefined' ? '0' : finger_group;  
23 - $(stepTwoBaseId + ' .finger-group').hide();  
24 - $(stepTwoBaseId + ' .finger-group[group=' + finger_group + ']').show(); 35 + });
  36 + var previousStep = parseInt(step) - 1;
  37 + _setupFingersToShow(hand, subConfig, previousStep);
25 }; 38 };
26 39
27 }(window.configuration = window.configuration || {}, jQuery)); 40 }(window.configuration = window.configuration || {}, jQuery));
view/assets/js/dynamic-loading-engine.js
  Diff comments   View file @35e767c
@@ -10,6 +10,22 @@ @@ -10,6 +10,22 @@
10 return hand === 'right-hand'; 10 return hand === 'right-hand';
11 }; 11 };
12 12
  13 + var replaceConfigurationTag = function(data, mainConfig) {
  14 + if (isRightHand(mainConfig)) {
  15 + return data.replace(/{{ configuracao }}/g, 'cmd');
  16 + } else {
  17 + return data.replace(/{{ configuracao }}/g, 'cme');
  18 + }
  19 + }
  20 +
  21 + var replaceOrientationTag = function(data, mainConfig) {
  22 + if (isRightHand(mainConfig)) {
  23 + return data.replace(/{{ orientacao }}/g, 'ord');
  24 + } else {
  25 + return data.replace(/{{ orientacao }}/g, 'ore');
  26 + }
  27 + }
  28 +
13 if (matchSubConfig) { // case defined 29 if (matchSubConfig) { // case defined
14 // There is no specific(right or left hand dependent) assets for: articulacao, duracao, expressao, movimento, transicao 30 // There is no specific(right or left hand dependent) assets for: articulacao, duracao, expressao, movimento, transicao
15 // Specific configurations: configuracao, orientacao 31 // Specific configurations: configuracao, orientacao
@@ -19,19 +35,17 @@ @@ -19,19 +35,17 @@
19 // possible subconfigs that need changing 35 // possible subconfigs that need changing
20 switch (subConfig) { 36 switch (subConfig) {
21 case 'configuracao': 37 case 'configuracao':
22 - if (isRightHand(currentMainConfig)) {  
23 - goodData = data.replace(/{{ configuracao }}/g, 'cmd');  
24 - } else {  
25 - goodData = data.replace(/{{ configuracao }}/g, 'cme');  
26 - } 38 + goodData = replaceConfigurationTag(data, currentMainConfig);
  39 + break;
  40 + case 'configuracao-retilineo':
  41 + goodData = replaceConfigurationTag(data, currentMainConfig);
27 break; 42 break;
28 case 'orientacao': 43 case 'orientacao':
29 - if (isRightHand(currentMainConfig)) {  
30 - goodData = data.replace(/{{ orientacao }}/g, 'ord');  
31 - } else {  
32 - goodData = data.replace(/{{ orientacao }}/g, 'ore');  
33 - } 44 + goodData = replaceOrientationTag(data, currentMainConfig);
34 break; 45 break;
  46 + case 'orientacao-retilineo':
  47 + goodData = replaceOrientationTag(data, currentMainConfig);
  48 + break;
35 default: 49 default:
36 console.log('No subConfig found'); 50 console.log('No subConfig found');
37 } 51 }
view/assets/js/dynamic-selection-workflow.js
  Diff comments   View file @35e767c
@@ -201,8 +201,7 @@ @@ -201,8 +201,7 @@
201 $(timelineBaseId + ' .icon_container[json_name]').attr("active", "false"); 201 $(timelineBaseId + ' .icon_container[json_name]').attr("active", "false");
202 202
203 for (var name in currentSubconfigParent) { 203 for (var name in currentSubconfigParent) {
204 - //$(timelineBaseId + ' .icon_container[json_name=' + name + ']').show();  
205 - $(timelineBaseId + ' .icon_container[json_name]').attr("active", "true"); 204 + $(timelineBaseId + ' .icon_container[json_name=' + name + ']').attr("active", "true");
206 } 205 }
207 206
208 if (preprocessedMainConfig == 'hand') { 207 if (preprocessedMainConfig == 'hand') {
view/assets/js/orientation.js
  Diff comments   View file @35e767c
1 (function(orientation, $, undefined) { 1 (function(orientation, $, undefined) {
2 2
3 - orientation.setup = function(hand) {  
4 - var baseId = '.selection-panel-body[mainConfig=' + hand + '][subConfig=orientacao][step=1]'; 3 + orientation.setup = function(hand, subConfig, step) {
  4 + var baseId = '.selection-panel-body[mainConfig=' + hand + '][subConfig=' +
  5 + subConfig + '][step=' + step + ']';
5 $(baseId + ' .selection-panel-option').off('click').on( 6 $(baseId + ' .selection-panel-option').off('click').on(
6 'click', function() { 7 'click', function() {
7 wikilibras.selectAnOption(baseId, this); 8 wikilibras.selectAnOption(baseId, this);
view/assets/js/tmpJSONParser.js
  Diff comments   View file @35e767c
@@ -35,30 +35,76 @@ @@ -35,30 +35,76 @@
35 movement_parameter_json['facial'][attr] = _parseParameterValue(parameterValue); 35 movement_parameter_json['facial'][attr] = _parseParameterValue(parameterValue);
36 } 36 }
37 } 37 }
  38 +
  39 + function _parseHand(hand) {
  40 + var parsedHand = hand == 'right-hand' ? 'mao_direita' : hand;
  41 + parsedHand = hand == 'left-hand' ? 'mao_esquerda' : parsedHand;
  42 + return parsedHand;
  43 + }
  44 +
  45 + // Default parser
  46 + function _defaultMovementParser(tmpJSON, movementName, hand) {
  47 + var attrs = dynworkflow.getMovementParameters(movementName);
  48 + var parsedHand = _parseHand(hand);
  49 +
  50 + for (var i in attrs) {
  51 + var attr = attrs[i];
  52 + var parameterValue = '';
  53 + if (attr == 'configuracao') {
  54 + parameterValue = tmpJSON[hand][attr][1];
  55 + } else if (attr == 'articulacao') {
  56 + parameterValue = articulation.processValue(hand,
  57 + tmpJSON[hand][attr]);
  58 + } else {
  59 + parameterValue = tmpJSON[hand][attr][0];
  60 + }
  61 + movement_parameter_json[parsedHand][movementName][attr] =
  62 + _parseParameterValue(parameterValue);
  63 + }
  64 + }
  65 +
  66 + function _retilinearMovementParser(tmpJSON, movementName, hand) {
  67 + var attrs = dynworkflow.getMovementParameters(movementName);
  68 + var parsedHand = _parseHand(hand);
  69 +
  70 + for (var i in attrs) {
  71 + var attr = attrs[i];
  72 + var initParameterValue = '';
  73 + var endParameterValue = '';
  74 + if (attr == 'configuracao-retilineo') {
  75 + initParameterValue = tmpJSON[hand][attr][1];
  76 + endParameterValue = tmpJSON[hand][attr][3];
  77 + } else if (attr == 'articulacao-retilineo') {
  78 + initSlice = tmpJSON[hand][attr].slice(0, 2);
  79 + endSlice = tmpJSON[hand][attr].slice(2, 4);
  80 + initParameterValue = articulation.processValue(hand, initSlice);
  81 + endParameterValue = articulation.processValue(hand, endSlice);
  82 + } else {
  83 + initParameterValue = tmpJSON[hand][attr][0];
  84 + endParameterValue = tmpJSON[hand][attr][1];
  85 + }
  86 + attr = attr.replace("-retilineo", "");
  87 + var initAttr = attr + "_inicial";
  88 + var endAttr = attr + "_final";
  89 + movement_parameter_json[parsedHand][movementName][initAttr] =
  90 + _parseParameterValue(initParameterValue);
  91 + movement_parameter_json[parsedHand][movementName][endAttr] =
  92 + _parseParameterValue(endParameterValue);
  93 + }
  94 + }
38 95
39 function _parseTempMovementParameterJSON(tmpJSON, hand) { 96 function _parseTempMovementParameterJSON(tmpJSON, hand) {
40 var movimentConfig = tmpJSON[hand]['movimento']; 97 var movimentConfig = tmpJSON[hand]['movimento'];
41 if (typeof movimentConfig == 'undefined') return; 98 if (typeof movimentConfig == 'undefined') return;
42 99
43 var movementName = movimentConfig[0]; 100 var movementName = movimentConfig[0];
44 - var attrs = dynworkflow.getMovementParameters(movementName);  
45 - var parsedHand = hand == 'right-hand' ? 'mao_direita' : hand;  
46 - parsedHand = hand == 'left-hand' ? 'mao_esquerda' : parsedHand; 101 + var parsedHand = _parseHand(hand);
47 movement_parameter_json[parsedHand][movementName] = {}; 102 movement_parameter_json[parsedHand][movementName] = {};
48 -  
49 - for (var i in attrs) {  
50 - var attr = attrs[i];  
51 - var parameterValue = '';  
52 - if (attr == 'configuracao') {  
53 - parameterValue = tmpJSON[hand][attr][1];  
54 - } else if (attr == 'articulacao') {  
55 - parameterValue = articulation.processValue(hand,  
56 - tmpJSON[hand][attr]);  
57 - } else {  
58 - parameterValue = tmpJSON[hand][attr][0];  
59 - }  
60 - movement_parameter_json[parsedHand][movementName][attr] =  
61 - _parseParameterValue(parameterValue); 103 +
  104 + if (movementName == 'retilineo') {
  105 + _retilinearMovementParser(tmpJSON, movementName, hand);
  106 + } else {
  107 + _defaultMovementParser(tmpJSON, movementName, hand);
62 } 108 }
63 } 109 }
64 110
view/conf/selection-workflow-json
  Diff comments   View file @35e767c
@@ -19,6 +19,11 @@ @@ -19,6 +19,11 @@
19 "velocidade" : ["passo-1"], 19 "velocidade" : ["passo-1"],
20 "lado_oposto" : ["passo-1"], 20 "lado_oposto" : ["passo-1"],
21 "sentido_inverso" : ["passo-1"] 21 "sentido_inverso" : ["passo-1"]
  22 + },
  23 + "retilineo" : {
  24 + "articulacao-retilineo": ["passo-1", "passo-2", "passo-3", "passo-4"],
  25 + "configuracao-retilineo": ["passo-1", "passo-2", "passo-3", "passo-4"],
  26 + "orientacao-retilineo": ["passo-1", "passo-2"]
22 } 27 }
23 } 28 }
24 } 29 }
view/hand/articulacao-retilineo/passo-1.html 0 → 100644
  Diff comments   View file @35e767c
@@ -0,0 +1,76 @@ @@ -0,0 +1,76 @@
  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>
  72 +</div>
  73 +<script type="text/javascript">
  74 + articulation.setupModuleXY("{{ server }}", "{{ hand }}",
  75 + "articulacao-retilineo", "1");
  76 +</script>
view/hand/articulacao-retilineo/passo-2.html 0 → 100644
  Diff comments   View file @35e767c
@@ -0,0 +1,38 @@ @@ -0,0 +1,38 @@
  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>
  34 +</div>
  35 +<script type="text/javascript">
  36 + articulation.setupModuleZ("{{ server }}", "{{ hand }}",
  37 + "articulacao-retilineo", "2");
  38 +</script>
view/hand/articulacao-retilineo/passo-3.html 0 → 100644
  Diff comments   View file @35e767c
@@ -0,0 +1,76 @@ @@ -0,0 +1,76 @@
  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>
  72 +</div>
  73 +<script type="text/javascript">
  74 + articulation.setupModuleXY("{{ server }}", "{{ hand }}",
  75 + "articulacao-retilineo", "3");
  76 +</script>
view/hand/articulacao-retilineo/passo-4.html 0 → 100644
  Diff comments   View file @35e767c
@@ -0,0 +1,38 @@ @@ -0,0 +1,38 @@
  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>
  34 +</div>
  35 +<script type="text/javascript">
  36 + articulation.setupModuleZ("{{ server }}", "{{ hand }}",
  37 + "articulacao-retilineo", "4");
  38 +</script>
view/hand/articulacao/passo-1.html
  Diff comments   View file @35e767c
@@ -71,5 +71,5 @@ @@ -71,5 +71,5 @@
71 </div> 71 </div>
72 </div> 72 </div>
73 <script type="text/javascript"> 73 <script type="text/javascript">
74 - articulation.setupModuleXY("{{ server }}", "{{ hand }}"); 74 + articulation.setupModuleXY("{{ server }}", "{{ hand }}", "articulacao", "1");
75 </script> 75 </script>
view/hand/articulacao/passo-2.html
  Diff comments   View file @35e767c
@@ -33,5 +33,5 @@ @@ -33,5 +33,5 @@
33 </div> 33 </div>
34 </div> 34 </div>
35 <script type="text/javascript"> 35 <script type="text/javascript">
36 - articulation.setupModuleZ("{{ server }}", "{{ hand }}"); 36 + articulation.setupModuleZ("{{ server }}", "{{ hand }}", "articulacao", "2");
37 </script> 37 </script>
view/hand/configuracao-retilineo/passo-1.html 0 → 100644
  Diff comments   View file @35e767c
@@ -0,0 +1,30 @@ @@ -0,0 +1,30 @@
  1 +<div class="selection-panel-body" mainconfig="{{ hand }}" subconfig="configuracao-retilineo" step="1">
  2 + <div class="panel-header">
  3 + <h8><span class="rectilinear-point-label">Ponto inicial (A):</span> escolha a posição inicial mais parecida dos dedos</h8>
  4 + </div>
  5 + <div class="selection-panel-inner-body">
  6 + <ul class="rig columns-3">
  7 + <li><img class="box-panel-option selection-panel-option"
  8 + src="{{ server }}/img/{{ configuracao }}/0007.png" value="0" />
  9 + 0.</li>
  10 + <li><img class="box-panel-option selection-panel-option"
  11 + src="{{ server }}/img/{{ configuracao }}/0014.png" value="1" />
  12 + 1.</li>
  13 + <li><img class="box-panel-option selection-panel-option"
  14 + src="{{ server }}/img/{{ configuracao }}/0045.png" value="2" />
  15 + 2.</li>
  16 + <li><img class="box-panel-option selection-panel-option"
  17 + src="{{ server }}/img/{{ configuracao }}/0048.png" value="3" />
  18 + 3.</li>
  19 + <li><img class="box-panel-option selection-panel-option"
  20 + src="{{ server }}/img/{{ configuracao }}/0040.png" value="4" />
  21 + 4.</li>
  22 + <li><img class="box-panel-option selection-panel-option"
  23 + src="{{ server }}/img/{{ configuracao }}/0000.png" value="5" />
  24 + 5.</li>
  25 + </ul>
  26 + </div>
  27 +</div>
  28 +<script type="text/javascript">
  29 + configuration.setupFingersGroup("{{ hand }}", "configuracao-retilineo", "1");
  30 +</script>
view/hand/configuracao-retilineo/passo-2.html 0 → 100644
  Diff comments   View file @35e767c
@@ -0,0 +1,214 @@ @@ -0,0 +1,214 @@
  1 +<div class="selection-panel-body" mainConfig="{{ hand }}" subConfig="configuracao-retilineo" step="2">
  2 + <div class="panel-header">
  3 + <h8><span class="rectilinear-point-label">Ponto inicial (A):</span> escolha a posição inicial dos dedos</h8>
  4 + </div>
  5 + <div class="selection-panel-inner-body">
  6 + <div class="finger-group" group="0">
  7 + <ul class="rig columns-4">
  8 + <li><img class="box-panel-option selection-panel-option"
  9 + src="{{ server }}/img/{{ configuracao }}/0001.png"
  10 + value="1" /> 1.</li>
  11 + <li><img class="box-panel-option selection-panel-option"
  12 + src="{{ server }}/img/{{ configuracao }}/0002.png"
  13 + value="2" /> 2.</li>
  14 + <li><img class="box-panel-option selection-panel-option"
  15 + src="{{ server }}/img/{{ configuracao }}/0007.png"
  16 + value="7" /> 3.</li>
  17 + <li><img class="box-panel-option selection-panel-option"
  18 + src="{{ server }}/img/{{ configuracao }}/0008.png"
  19 + value="8" /> 4.</li>
  20 + <li><img class="box-panel-option selection-panel-option"
  21 + src="{{ server }}/img/{{ configuracao }}/0009.png"
  22 + value="9" /> 5.</li>
  23 + <li><img class="box-panel-option selection-panel-option"
  24 + src="{{ server }}/img/{{ configuracao }}/0010.png"
  25 + value="10" /> 6.</li>
  26 + <li><img class="box-panel-option selection-panel-option"
  27 + src="{{ server }}/img/{{ configuracao }}/0011.png"
  28 + value="11" /> 7.</li>
  29 + <li><img class="box-panel-option selection-panel-option"
  30 + src="{{ server }}/img/{{ configuracao }}/0016.png"
  31 + value="16" /> 8.</li>
  32 + <li><img class="box-panel-option selection-panel-option"
  33 + src="{{ server }}/img/{{ configuracao }}/0017.png"
  34 + value="17" /> 9.</li>
  35 + <li><img class="box-panel-option selection-panel-option"
  36 + src="{{ server }}/img/{{ configuracao }}/0018.png"
  37 + value="18" /> 10.</li>
  38 + <li><img class="box-panel-option selection-panel-option"
  39 + src="{{ server }}/img/{{ configuracao }}/0019.png"
  40 + value="19" /> 11.</li>
  41 + <li><img class="box-panel-option selection-panel-option"
  42 + src="{{ server }}/img/{{ configuracao }}/0020.png"
  43 + value="20" /> 12.</li>
  44 + <li><img class="box-panel-option selection-panel-option"
  45 + src="{{ server }}/img/{{ configuracao }}/0021.png"
  46 + value="21" /> 13.</li>
  47 + <li><img class="box-panel-option selection-panel-option"
  48 + src="{{ server }}/img/{{ configuracao }}/0022.png"
  49 + value="22" /> 14.</li>
  50 + <li><img class="box-panel-option selection-panel-option"
  51 + src="{{ server }}/img/{{ configuracao }}/0023.png"
  52 + value="23" /> 15.</li>
  53 + <li><img class="box-panel-option selection-panel-option"
  54 + src="{{ server }}/img/{{ configuracao }}/0024.png"
  55 + value="24" /> 16.</li>
  56 + <li><img class="box-panel-option selection-panel-option"
  57 + src="{{ server }}/img/{{ configuracao }}/0058.png"
  58 + value="58" /> 17.</li>
  59 + <li><img class="box-panel-option selection-panel-option"
  60 + src="{{ server }}/img/{{ configuracao }}/0059.png"
  61 + value="59" /> 18.</li>
  62 + <li><img class="box-panel-option selection-panel-option"
  63 + src="{{ server }}/img/{{ configuracao }}/0060.png"
  64 + value="60" /> 19.</li>
  65 + </ul>
  66 + </div>
  67 + <div class="finger-group" group="1">
  68 + <ul class="rig columns-4">
  69 + <li><img class="box-panel-option selection-panel-option"
  70 + src="{{ server }}/img/{{ configuracao }}/0003.png"
  71 + value="3" /> 1.</li>
  72 + <li><img class="box-panel-option selection-panel-option"
  73 + src="{{ server }}/img/{{ configuracao }}/0005.png"
  74 + value="5" /> 2.</li>
  75 + <li><img class="box-panel-option selection-panel-option"
  76 + src="{{ server }}/img/{{ configuracao }}/0006.png"
  77 + value="6" /> 3.</li>
  78 + <li><img class="box-panel-option selection-panel-option"
  79 + src="{{ server }}/img/{{ configuracao }}/0012.png"
  80 + value="12" /> 4.</li>
  81 + <li><img class="box-panel-option selection-panel-option"
  82 + src="{{ server }}/img/{{ configuracao }}/0013.png"
  83 + value="13" /> 5.</li>
  84 + <li><img class="box-panel-option selection-panel-option"
  85 + src="{{ server }}/img/{{ configuracao }}/0014.png"
  86 + value="14" /> 6.</li>
  87 + <li><img class="box-panel-option selection-panel-option"
  88 + src="{{ server }}/img/{{ configuracao }}/0030.png"
  89 + value="30" /> 7.</li>
  90 + <li><img class="box-panel-option selection-panel-option"
  91 + src="{{ server }}/img/{{ configuracao }}/0052.png"
  92 + value="52" /> 8.</li>
  93 + </ul>
  94 + </div>
  95 + <div class="finger-group" group="2">
  96 + <ul class="rig columns-4">
  97 + <li><img class="box-panel-option selection-panel-option"
  98 + src="{{ server }}/img/{{ configuracao }}/0004.png"
  99 + value="4" /> 1.</li>
  100 + <li><img class="box-panel-option selection-panel-option"
  101 + src="{{ server }}/img/{{ configuracao }}/0015.png"
  102 + value="15" /> 2.</li>
  103 + <li><img class="box-panel-option selection-panel-option"
  104 + src="{{ server }}/img/{{ configuracao }}/0029.png"
  105 + value="29" /> 3.</li>
  106 + <li><img class="box-panel-option selection-panel-option"
  107 + src="{{ server }}/img/{{ configuracao }}/0031.png"
  108 + value="31" /> 4.</li>
  109 + <li><img class="box-panel-option selection-panel-option"
  110 + src="{{ server }}/img/{{ configuracao }}/0032.png"
  111 + value="32" /> 5.</li>
  112 + <li><img class="box-panel-option selection-panel-option"
  113 + src="{{ server }}/img/{{ configuracao }}/0035.png"
  114 + value="35" /> 6.</li>
  115 + <li><img class="box-panel-option selection-panel-option"
  116 + src="{{ server }}/img/{{ configuracao }}/0036.png"
  117 + value="36" /> 7.</li>
  118 + <li><img class="box-panel-option selection-panel-option"
  119 + src="{{ server }}/img/{{ configuracao }}/0045.png"
  120 + value="45" /> 8.</li>
  121 + <li><img class="box-panel-option selection-panel-option"
  122 + src="{{ server }}/img/{{ configuracao }}/0051.png"
  123 + value="51" /> 9.</li>
  124 + </ul>
  125 + </div>
  126 + <div class="finger-group" group="3">
  127 + <ul class="rig columns-4">
  128 + <li><img class="box-panel-option selection-panel-option"
  129 + src="{{ server }}/img/{{ configuracao }}/0033.png"
  130 + value="33" /> 1.</li>
  131 + <li><img class="box-panel-option selection-panel-option"
  132 + src="{{ server }}/img/{{ configuracao }}/0034.png"
  133 + value="34" /> 2.</li>
  134 + <li><img class="box-panel-option selection-panel-option"
  135 + src="{{ server }}/img/{{ configuracao }}/0037.png"
  136 + value="37" /> 3.</li>
  137 + <li><img class="box-panel-option selection-panel-option"
  138 + src="{{ server }}/img/{{ configuracao }}/0039.png"
  139 + value="39" /> 4.</li>
  140 + <li><img class="box-panel-option selection-panel-option"
  141 + src="{{ server }}/img/{{ configuracao }}/0043.png"
  142 + value="43" /> 5.</li>
  143 + <li><img class="box-panel-option selection-panel-option"
  144 + src="{{ server }}/img/{{ configuracao }}/0044.png"
  145 + value="44" /> 6.</li>
  146 + <li><img class="box-panel-option selection-panel-option"
  147 + src="{{ server }}/img/{{ configuracao }}/0046.png"
  148 + value="46" /> 7.</li>
  149 + <li><img class="box-panel-option selection-panel-option"
  150 + src="{{ server }}/img/{{ configuracao }}/0047.png"
  151 + value="47" /> 8.</li>
  152 + <li><img class="box-panel-option selection-panel-option"
  153 + src="{{ server }}/img/{{ configuracao }}/0048.png"
  154 + value="48" /> 9.</li>
  155 + <li><img class="box-panel-option selection-panel-option"
  156 + src="{{ server }}/img/{{ configuracao }}/0049.png"
  157 + value="49" /> 10.</li>
  158 + <li><img class="box-panel-option selection-panel-option"
  159 + src="{{ server }}/img/{{ configuracao }}/0050.png"
  160 + value="50" /> 11.</li>
  161 + </ul>
  162 + </div>
  163 + <div class="finger-group" group="4">
  164 + <ul class="rig columns-4">
  165 + <li><img class="box-panel-option selection-panel-option"
  166 + src="{{ server }}/img/{{ configuracao }}/0038.png"
  167 + value="38" /> 1.</li>
  168 + <li><img class="box-panel-option selection-panel-option"
  169 + src="{{ server }}/img/{{ configuracao }}/0040.png"
  170 + value="40" /> 2.</li>
  171 + <li><img class="box-panel-option selection-panel-option"
  172 + src="{{ server }}/img/{{ configuracao }}/0041.png"
  173 + value="41" /> 3.</li>
  174 + <li><img class="box-panel-option selection-panel-option"
  175 + src="{{ server }}/img/{{ configuracao }}/0042.png"
  176 + value="42" /> 4.</li>
  177 + </ul>
  178 + </div>
  179 + <div class="finger-group" group="5">
  180 + <ul class="rig columns-4">
  181 + <li><img class="box-panel-option selection-panel-option"
  182 + src="{{ server }}/img/{{ configuracao }}/0025.png"
  183 + value="25" /> 1.</li>
  184 + <li><img class="box-panel-option selection-panel-option"
  185 + src="{{ server }}/img/{{ configuracao }}/0026.png"
  186 + value="26" /> 2.</li>
  187 + <li><img class="box-panel-option selection-panel-option"
  188 + src="{{ server }}/img/{{ configuracao }}/0027.png"
  189 + value="27" /> 3.</li>
  190 + <li><img class="box-panel-option selection-panel-option"
  191 + src="{{ server }}/img/{{ configuracao }}/0028.png"
  192 + value="28" /> 4.</li>
  193 + <li><img class="box-panel-option selection-panel-option"
  194 + src="{{ server }}/img/{{ configuracao }}/0053.png"
  195 + value="53" /> 5.</li>
  196 + <li><img class="box-panel-option selection-panel-option"
  197 + src="{{ server }}/img/{{ configuracao }}/0054.png"
  198 + value="54" /> 6.</li>
  199 + <li><img class="box-panel-option selection-panel-option"
  200 + src="{{ server }}/img/{{ configuracao }}/0055.png"
  201 + value="55" /> 7.</li>
  202 + <li><img class="box-panel-option selection-panel-option"
  203 + src="{{ server }}/img/{{ configuracao }}/0056.png"
  204 + value="56" /> 8.</li>
  205 + <li><img class="box-panel-option selection-panel-option"
  206 + src="{{ server }}/img/{{ configuracao }}/0057.png"
  207 + value="57" /> 9.</li>
  208 + </ul>
  209 + </div>
  210 + </div>
  211 +</div>
  212 +<script type="text/javascript">
  213 + configuration.setupFingersPosition("{{ hand }}", "configuracao-retilineo", "2");
  214 +</script>
view/hand/configuracao-retilineo/passo-3.html 0 → 100644
  Diff comments   View file @35e767c
@@ -0,0 +1,30 @@ @@ -0,0 +1,30 @@
  1 +<div class="selection-panel-body" mainconfig="{{ hand }}" subconfig="configuracao-retilineo" step="3">
  2 + <div class="panel-header">
  3 + <h8><span class="rectilinear-point-label">Ponto final (B):</span> escolha a posição final mais parecida dos dedos</h8>
  4 + </div>
  5 + <div class="selection-panel-inner-body">
  6 + <ul class="rig columns-3">
  7 + <li><img class="box-panel-option selection-panel-option"
  8 + src="{{ server }}/img/{{ configuracao }}/0007.png" value="0" />
  9 + 0.</li>
  10 + <li><img class="box-panel-option selection-panel-option"
  11 + src="{{ server }}/img/{{ configuracao }}/0014.png" value="1" />
  12 + 1.</li>
  13 + <li><img class="box-panel-option selection-panel-option"
  14 + src="{{ server }}/img/{{ configuracao }}/0045.png" value="2" />
  15 + 2.</li>
  16 + <li><img class="box-panel-option selection-panel-option"
  17 + src="{{ server }}/img/{{ configuracao }}/0048.png" value="3" />
  18 + 3.</li>
  19 + <li><img class="box-panel-option selection-panel-option"
  20 + src="{{ server }}/img/{{ configuracao }}/0040.png" value="4" />
  21 + 4.</li>
  22 + <li><img class="box-panel-option selection-panel-option"
  23 + src="{{ server }}/img/{{ configuracao }}/0000.png" value="5" />
  24 + 5.</li>
  25 + </ul>
  26 + </div>
  27 +</div>
  28 +<script type="text/javascript">
  29 + configuration.setupFingersGroup("{{ hand }}", "configuracao-retilineo", "3");
  30 +</script>
view/hand/configuracao-retilineo/passo-4.html 0 → 100644
  Diff comments   View file @35e767c
@@ -0,0 +1,214 @@ @@ -0,0 +1,214 @@
  1 +<div class="selection-panel-body" mainConfig="{{ hand }}" subConfig="configuracao-retilineo" step="4">
  2 + <div class="panel-header">
  3 + <h8><span class="rectilinear-point-label">Ponto inicial (B):</span> escolha a posição final dos dedos</h8>
  4 + </div>
  5 + <div class="selection-panel-inner-body">
  6 + <div class="finger-group" group="0">
  7 + <ul class="rig columns-4">
  8 + <li><img class="box-panel-option selection-panel-option"
  9 + src="{{ server }}/img/{{ configuracao }}/0001.png"
  10 + value="1" /> 1.</li>
  11 + <li><img class="box-panel-option selection-panel-option"
  12 + src="{{ server }}/img/{{ configuracao }}/0002.png"
  13 + value="2" /> 2.</li>
  14 + <li><img class="box-panel-option selection-panel-option"
  15 + src="{{ server }}/img/{{ configuracao }}/0007.png"
  16 + value="7" /> 3.</li>
  17 + <li><img class="box-panel-option selection-panel-option"
  18 + src="{{ server }}/img/{{ configuracao }}/0008.png"
  19 + value="8" /> 4.</li>
  20 + <li><img class="box-panel-option selection-panel-option"
  21 + src="{{ server }}/img/{{ configuracao }}/0009.png"
  22 + value="9" /> 5.</li>
  23 + <li><img class="box-panel-option selection-panel-option"
  24 + src="{{ server }}/img/{{ configuracao }}/0010.png"
  25 + value="10" /> 6.</li>
  26 + <li><img class="box-panel-option selection-panel-option"
  27 + src="{{ server }}/img/{{ configuracao }}/0011.png"
  28 + value="11" /> 7.</li>
  29 + <li><img class="box-panel-option selection-panel-option"
  30 + src="{{ server }}/img/{{ configuracao }}/0016.png"
  31 + value="16" /> 8.</li>
  32 + <li><img class="box-panel-option selection-panel-option"
  33 + src="{{ server }}/img/{{ configuracao }}/0017.png"
  34 + value="17" /> 9.</li>
  35 + <li><img class="box-panel-option selection-panel-option"
  36 + src="{{ server }}/img/{{ configuracao }}/0018.png"
  37 + value="18" /> 10.</li>
  38 + <li><img class="box-panel-option selection-panel-option"
  39 + src="{{ server }}/img/{{ configuracao }}/0019.png"
  40 + value="19" /> 11.</li>
  41 + <li><img class="box-panel-option selection-panel-option"
  42 + src="{{ server }}/img/{{ configuracao }}/0020.png"
  43 + value="20" /> 12.</li>
  44 + <li><img class="box-panel-option selection-panel-option"
  45 + src="{{ server }}/img/{{ configuracao }}/0021.png"
  46 + value="21" /> 13.</li>
  47 + <li><img class="box-panel-option selection-panel-option"
  48 + src="{{ server }}/img/{{ configuracao }}/0022.png"
  49 + value="22" /> 14.</li>
  50 + <li><img class="box-panel-option selection-panel-option"
  51 + src="{{ server }}/img/{{ configuracao }}/0023.png"
  52 + value="23" /> 15.</li>
  53 + <li><img class="box-panel-option selection-panel-option"
  54 + src="{{ server }}/img/{{ configuracao }}/0024.png"
  55 + value="24" /> 16.</li>
  56 + <li><img class="box-panel-option selection-panel-option"
  57 + src="{{ server }}/img/{{ configuracao }}/0058.png"
  58 + value="58" /> 17.</li>
  59 + <li><img class="box-panel-option selection-panel-option"
  60 + src="{{ server }}/img/{{ configuracao }}/0059.png"
  61 + value="59" /> 18.</li>
  62 + <li><img class="box-panel-option selection-panel-option"
  63 + src="{{ server }}/img/{{ configuracao }}/0060.png"
  64 + value="60" /> 19.</li>
  65 + </ul>
  66 + </div>
  67 + <div class="finger-group" group="1">
  68 + <ul class="rig columns-4">
  69 + <li><img class="box-panel-option selection-panel-option"
  70 + src="{{ server }}/img/{{ configuracao }}/0003.png"
  71 + value="3" /> 1.</li>
  72 + <li><img class="box-panel-option selection-panel-option"
  73 + src="{{ server }}/img/{{ configuracao }}/0005.png"
  74 + value="5" /> 2.</li>
  75 + <li><img class="box-panel-option selection-panel-option"
  76 + src="{{ server }}/img/{{ configuracao }}/0006.png"
  77 + value="6" /> 3.</li>
  78 + <li><img class="box-panel-option selection-panel-option"
  79 + src="{{ server }}/img/{{ configuracao }}/0012.png"
  80 + value="12" /> 4.</li>
  81 + <li><img class="box-panel-option selection-panel-option"
  82 + src="{{ server }}/img/{{ configuracao }}/0013.png"
  83 + value="13" /> 5.</li>
  84 + <li><img class="box-panel-option selection-panel-option"
  85 + src="{{ server }}/img/{{ configuracao }}/0014.png"
  86 + value="14" /> 6.</li>
  87 + <li><img class="box-panel-option selection-panel-option"
  88 + src="{{ server }}/img/{{ configuracao }}/0030.png"
  89 + value="30" /> 7.</li>
  90 + <li><img class="box-panel-option selection-panel-option"
  91 + src="{{ server }}/img/{{ configuracao }}/0052.png"
  92 + value="52" /> 8.</li>
  93 + </ul>
  94 + </div>
  95 + <div class="finger-group" group="2">
  96 + <ul class="rig columns-4">
  97 + <li><img class="box-panel-option selection-panel-option"
  98 + src="{{ server }}/img/{{ configuracao }}/0004.png"
  99 + value="4" /> 1.</li>
  100 + <li><img class="box-panel-option selection-panel-option"
  101 + src="{{ server }}/img/{{ configuracao }}/0015.png"
  102 + value="15" /> 2.</li>
  103 + <li><img class="box-panel-option selection-panel-option"
  104 + src="{{ server }}/img/{{ configuracao }}/0029.png"
  105 + value="29" /> 3.</li>
  106 + <li><img class="box-panel-option selection-panel-option"
  107 + src="{{ server }}/img/{{ configuracao }}/0031.png"
  108 + value="31" /> 4.</li>
  109 + <li><img class="box-panel-option selection-panel-option"
  110 + src="{{ server }}/img/{{ configuracao }}/0032.png"
  111 + value="32" /> 5.</li>
  112 + <li><img class="box-panel-option selection-panel-option"
  113 + src="{{ server }}/img/{{ configuracao }}/0035.png"
  114 + value="35" /> 6.</li>
  115 + <li><img class="box-panel-option selection-panel-option"
  116 + src="{{ server }}/img/{{ configuracao }}/0036.png"
  117 + value="36" /> 7.</li>
  118 + <li><img class="box-panel-option selection-panel-option"
  119 + src="{{ server }}/img/{{ configuracao }}/0045.png"
  120 + value="45" /> 8.</li>
  121 + <li><img class="box-panel-option selection-panel-option"
  122 + src="{{ server }}/img/{{ configuracao }}/0051.png"
  123 + value="51" /> 9.</li>
  124 + </ul>
  125 + </div>
  126 + <div class="finger-group" group="3">
  127 + <ul class="rig columns-4">
  128 + <li><img class="box-panel-option selection-panel-option"
  129 + src="{{ server }}/img/{{ configuracao }}/0033.png"
  130 + value="33" /> 1.</li>
  131 + <li><img class="box-panel-option selection-panel-option"
  132 + src="{{ server }}/img/{{ configuracao }}/0034.png"
  133 + value="34" /> 2.</li>
  134 + <li><img class="box-panel-option selection-panel-option"
  135 + src="{{ server }}/img/{{ configuracao }}/0037.png"
  136 + value="37" /> 3.</li>
  137 + <li><img class="box-panel-option selection-panel-option"
  138 + src="{{ server }}/img/{{ configuracao }}/0039.png"
  139 + value="39" /> 4.</li>
  140 + <li><img class="box-panel-option selection-panel-option"
  141 + src="{{ server }}/img/{{ configuracao }}/0043.png"
  142 + value="43" /> 5.</li>
  143 + <li><img class="box-panel-option selection-panel-option"
  144 + src="{{ server }}/img/{{ configuracao }}/0044.png"
  145 + value="44" /> 6.</li>
  146 + <li><img class="box-panel-option selection-panel-option"
  147 + src="{{ server }}/img/{{ configuracao }}/0046.png"
  148 + value="46" /> 7.</li>
  149 + <li><img class="box-panel-option selection-panel-option"
  150 + src="{{ server }}/img/{{ configuracao }}/0047.png"
  151 + value="47" /> 8.</li>
  152 + <li><img class="box-panel-option selection-panel-option"
  153 + src="{{ server }}/img/{{ configuracao }}/0048.png"
  154 + value="48" /> 9.</li>
  155 + <li><img class="box-panel-option selection-panel-option"
  156 + src="{{ server }}/img/{{ configuracao }}/0049.png"
  157 + value="49" /> 10.</li>
  158 + <li><img class="box-panel-option selection-panel-option"
  159 + src="{{ server }}/img/{{ configuracao }}/0050.png"
  160 + value="50" /> 11.</li>
  161 + </ul>
  162 + </div>
  163 + <div class="finger-group" group="4">
  164 + <ul class="rig columns-4">
  165 + <li><img class="box-panel-option selection-panel-option"
  166 + src="{{ server }}/img/{{ configuracao }}/0038.png"
  167 + value="38" /> 1.</li>
  168 + <li><img class="box-panel-option selection-panel-option"
  169 + src="{{ server }}/img/{{ configuracao }}/0040.png"
  170 + value="40" /> 2.</li>
  171 + <li><img class="box-panel-option selection-panel-option"
  172 + src="{{ server }}/img/{{ configuracao }}/0041.png"
  173 + value="41" /> 3.</li>
  174 + <li><img class="box-panel-option selection-panel-option"
  175 + src="{{ server }}/img/{{ configuracao }}/0042.png"
  176 + value="42" /> 4.</li>
  177 + </ul>
  178 + </div>
  179 + <div class="finger-group" group="5">
  180 + <ul class="rig columns-4">
  181 + <li><img class="box-panel-option selection-panel-option"
  182 + src="{{ server }}/img/{{ configuracao }}/0025.png"
  183 + value="25" /> 1.</li>
  184 + <li><img class="box-panel-option selection-panel-option"
  185 + src="{{ server }}/img/{{ configuracao }}/0026.png"
  186 + value="26" /> 2.</li>
  187 + <li><img class="box-panel-option selection-panel-option"
  188 + src="{{ server }}/img/{{ configuracao }}/0027.png"
  189 + value="27" /> 3.</li>
  190 + <li><img class="box-panel-option selection-panel-option"
  191 + src="{{ server }}/img/{{ configuracao }}/0028.png"
  192 + value="28" /> 4.</li>
  193 + <li><img class="box-panel-option selection-panel-option"
  194 + src="{{ server }}/img/{{ configuracao }}/0053.png"
  195 + value="53" /> 5.</li>
  196 + <li><img class="box-panel-option selection-panel-option"
  197 + src="{{ server }}/img/{{ configuracao }}/0054.png"
  198 + value="54" /> 6.</li>
  199 + <li><img class="box-panel-option selection-panel-option"
  200 + src="{{ server }}/img/{{ configuracao }}/0055.png"
  201 + value="55" /> 7.</li>
  202 + <li><img class="box-panel-option selection-panel-option"
  203 + src="{{ server }}/img/{{ configuracao }}/0056.png"
  204 + value="56" /> 8.</li>
  205 + <li><img class="box-panel-option selection-panel-option"
  206 + src="{{ server }}/img/{{ configuracao }}/0057.png"
  207 + value="57" /> 9.</li>
  208 + </ul>
  209 + </div>
  210 + </div>
  211 +</div>
  212 +<script type="text/javascript">
  213 + configuration.setupFingersPosition("{{ hand }}", "configuracao-retilineo", "4");
  214 +</script>
view/hand/configuracao/passo-1.html
  Diff comments   View file @35e767c
@@ -26,5 +26,5 @@ @@ -26,5 +26,5 @@
26 </div> 26 </div>
27 </div> 27 </div>
28 <script type="text/javascript"> 28 <script type="text/javascript">
29 - configuration.setupFingersGroup("{{ hand }}"); 29 + configuration.setupFingersGroup("{{ hand }}", "configuracao", "1");
30 </script> 30 </script>
view/hand/configuracao/passo-2.html
  Diff comments   View file @35e767c
@@ -210,5 +210,5 @@ @@ -210,5 +210,5 @@
210 </div> 210 </div>
211 </div> 211 </div>
212 <script type="text/javascript"> 212 <script type="text/javascript">
213 - configuration.setupFingersPosition("{{ hand }}"); 213 + configuration.setupFingersPosition("{{ hand }}", "configuracao", "2");
214 </script> 214 </script>
view/hand/movimento/passo-1.html
  Diff comments   View file @35e767c
1 -<div class="selection-panel-body" mainConfig="{{ hand }}" subConfig="movimento" step="1">  
2 - <div class="panel-header">  
3 - <h8>Escolha o movimento mais parecido</h8>  
4 - </div>  
5 - <div class="selection-panel-inner-body">  
6 - <ul class="rig columns-2">  
7 - <li class="movimento-pontual"><img  
8 - class="box-panel-option selection-panel-option"  
9 - src="{{ server }}/img/mov/CALAR.gif" value="pontual" />Pontual</li>  
10 - <!-- 1 +<div class="selection-panel-body" mainConfig="{{ hand }}"
  2 + subConfig="movimento" step="1">
  3 + <div class="panel-header">
  4 + <h8>Escolha o movimento mais parecido</h8>
  5 + </div>
  6 + <div class="selection-panel-inner-body">
  7 + <ul class="rig columns-2">
  8 + <li><img
  9 + class="box-panel-option selection-panel-option"
  10 + src="{{ server }}/img/mov/CALAR.gif" value="pontual" />Pontual</li>
  11 +
  12 + <li><img
  13 + class="box-panel-option selection-panel-option"
  14 + src="{{ server }}/img/mov/CALAR.gif" value="retilineo" />Retilíneo</li>
  15 + <!--
11 <li><video src="{{ server }}/img/mov/PONTUAL.webm" 16 <li><video src="{{ server }}/img/mov/PONTUAL.webm"
12 preload="metadata" value="pontual" 17 preload="metadata" value="pontual"
13 class="box-panel-option selection-panel-option" autoplay loop> 18 class="box-panel-option selection-panel-option" autoplay loop>
@@ -26,8 +31,8 @@ @@ -26,8 +31,8 @@
26 <li><img class="box-panel-option selection-panel-option" 31 <li><img class="box-panel-option selection-panel-option"
27 src="{{ server }}/img/exf/0000.png" value="contato"/>Contato</li> 32 src="{{ server }}/img/exf/0000.png" value="contato"/>Contato</li>
28 --> 33 -->
29 - </ul>  
30 - </div> 34 + </ul>
  35 + </div>
31 </div> 36 </div>
32 <script type="text/javascript"> 37 <script type="text/javascript">
33 movement.setup("{{ server }}", "{{ hand }}"); 38 movement.setup("{{ server }}", "{{ hand }}");
view/hand/orientacao-retilineo/passo-1.html 0 → 100644
  Diff comments   View file @35e767c
@@ -0,0 +1,36 @@ @@ -0,0 +1,36 @@
  1 +<div class="selection-panel-body" mainConfig="{{ hand }}" subConfig="orientacao-retilineo" step="1">
  2 + <div class="panel-header">
  3 + <h8><span class="rectilinear-point-label">Ponto inicial (A):</span> palma da mão</h8>
  4 + </div>
  5 + <div class="selection-panel-inner-body">
  6 + <ul class="rig columns-3">
  7 + <li><img class="box-panel-option selection-panel-option"
  8 + src="{{ server }}/img/{{ orientacao }}/01.png" value="68" />1.</li>
  9 + <li><img class="box-panel-option selection-panel-option"
  10 + src="{{ server }}/img/{{ orientacao }}/02.png" value="66" />2.</li>
  11 + <li><img class="box-panel-option selection-panel-option"
  12 + src="{{ server }}/img/{{ orientacao }}/03.png" value="64" />3.</li>
  13 + <li><img class="box-panel-option selection-panel-option"
  14 + src="{{ server }}/img/{{ orientacao }}/04.png" value="2" />4.</li>
  15 + <li><img class="box-panel-option selection-panel-option"
  16 + src="{{ server }}/img/{{ orientacao }}/05.png" value="9" />5.</li>
  17 + <li><img class="box-panel-option selection-panel-option"
  18 + src="{{ server }}/img/{{ orientacao }}/06.png" value="16" />6.</li>
  19 + <li><img class="box-panel-option selection-panel-option"
  20 + src="{{ server }}/img/{{ orientacao }}/07.png" value="92" />7.</li>
  21 + <li><img class="box-panel-option selection-panel-option"
  22 + src="{{ server }}/img/{{ orientacao }}/08.png" value="90" />8.</li>
  23 + <li><img class="box-panel-option selection-panel-option"
  24 + src="{{ server }}/img/{{ orientacao }}/09.png" value="88" />9.</li>
  25 + <li><img class="box-panel-option selection-panel-option"
  26 + src="{{ server }}/img/{{ orientacao }}/10.png" value="4" />10.</li>
  27 + <li><img class="box-panel-option selection-panel-option"
  28 + src="{{ server }}/img/{{ orientacao }}/11.png" value="11" />11.</li>
  29 + <li><img class="box-panel-option selection-panel-option"
  30 + src="{{ server }}/img/{{ orientacao }}/12.png" value="18" />12.</li>
  31 + </ul>
  32 + </div>
  33 +</div>
  34 +<script type="text/javascript">
  35 + orientation.setup("{{ hand }}", "orientacao-retilineo", "1");
  36 +</script>
view/hand/orientacao-retilineo/passo-2.html 0 → 100644
  Diff comments   View file @35e767c
@@ -0,0 +1,36 @@ @@ -0,0 +1,36 @@
  1 +<div class="selection-panel-body" mainConfig="{{ hand }}" subConfig="orientacao-retilineo" step="2">
  2 + <div class="panel-header">
  3 + <h8><span class="rectilinear-point-label">Ponto Final (B):</span> palma da mão</h8>
  4 + </div>
  5 + <div class="selection-panel-inner-body">
  6 + <ul class="rig columns-3">
  7 + <li><img class="box-panel-option selection-panel-option"
  8 + src="{{ server }}/img/{{ orientacao }}/01.png" value="68" />1.</li>
  9 + <li><img class="box-panel-option selection-panel-option"
  10 + src="{{ server }}/img/{{ orientacao }}/02.png" value="66" />2.</li>
  11 + <li><img class="box-panel-option selection-panel-option"
  12 + src="{{ server }}/img/{{ orientacao }}/03.png" value="64" />3.</li>
  13 + <li><img class="box-panel-option selection-panel-option"
  14 + src="{{ server }}/img/{{ orientacao }}/04.png" value="2" />4.</li>
  15 + <li><img class="box-panel-option selection-panel-option"
  16 + src="{{ server }}/img/{{ orientacao }}/05.png" value="9" />5.</li>
  17 + <li><img class="box-panel-option selection-panel-option"
  18 + src="{{ server }}/img/{{ orientacao }}/06.png" value="16" />6.</li>
  19 + <li><img class="box-panel-option selection-panel-option"
  20 + src="{{ server }}/img/{{ orientacao }}/07.png" value="92" />7.</li>
  21 + <li><img class="box-panel-option selection-panel-option"
  22 + src="{{ server }}/img/{{ orientacao }}/08.png" value="90" />8.</li>
  23 + <li><img class="box-panel-option selection-panel-option"
  24 + src="{{ server }}/img/{{ orientacao }}/09.png" value="88" />9.</li>
  25 + <li><img class="box-panel-option selection-panel-option"
  26 + src="{{ server }}/img/{{ orientacao }}/10.png" value="4" />10.</li>
  27 + <li><img class="box-panel-option selection-panel-option"
  28 + src="{{ server }}/img/{{ orientacao }}/11.png" value="11" />11.</li>
  29 + <li><img class="box-panel-option selection-panel-option"
  30 + src="{{ server }}/img/{{ orientacao }}/12.png" value="18" />12.</li>
  31 + </ul>
  32 + </div>
  33 +</div>
  34 +<script type="text/javascript">
  35 + orientation.setup("{{ hand }}", "orientacao-retilineo", "2");
  36 +</script>
view/hand/orientacao/passo-1.html
  Diff comments   View file @35e767c
@@ -32,5 +32,5 @@ @@ -32,5 +32,5 @@
32 </div> 32 </div>
33 </div> 33 </div>
34 <script type="text/javascript"> 34 <script type="text/javascript">
35 - orientation.setup("{{ hand }}"); 35 + orientation.setup("{{ hand }}", "orientacao", "1");
36 </script> 36 </script>
view/hand/timeline.html
  Diff comments   View file @35e767c
1 <div class="subconfiguration-panel col-sm-12" mainConfig="{{ hand }}"> 1 <div class="subconfiguration-panel col-sm-12" mainConfig="{{ hand }}">
2 - <div class="arrow icon_container col-sm-1" name="left-arrow">  
3 - <img src="{{ server }}/img/left-arrow-icon.png" />  
4 - </div>  
5 -  
6 - <div class="subconfiguration-options col-sm-10">  
7 - <div class="icon_container" name="hand-moviment" json_name="movimento">  
8 - <img src="{{ server }}/img/hand-moviment-icon.png" />  
9 - </div>  
10 - <div class="icon_container" name="hand-articulation"  
11 - json_name="articulacao">  
12 - <img src="{{ server }}/img/hand-articulation-icon.png" />  
13 - </div>  
14 - <div class="icon_container" name="hand-fingers-position"  
15 - json_name="configuracao">  
16 - <img src="{{ server }}/img/hand-fingers-position-icon.png" />  
17 - </div>  
18 - <div class="icon_container" name="hand-orientation"  
19 - json_name="orientacao">  
20 - <img src="{{ server }}/img/hand-orientation-icon.png" />  
21 - </div>  
22 - </div>  
23 -  
24 - <div class="arrow icon_container col-sm-1" name="right-arrow">  
25 - <img src="{{ server }}/img/right-arrow-icon.png" />  
26 - </div> 2 + <div class="arrow icon_container col-sm-1" name="left-arrow">
  3 + <img src="{{ server }}/img/left-arrow-icon.png" />
  4 + </div>
  5 + <div class="subconfiguration-options col-sm-10">
  6 + <div class="icon_container" name="hand-moviment" json_name="movimento">
  7 + <img src="{{ server }}/img/hand-moviment-icon.png" />
  8 + </div>
  9 + <!-- articulacao -->
  10 + <div class="icon_container" name="hand-articulation"
  11 + json_name="articulacao">
  12 + <img src="{{ server }}/img/hand-articulation-icon.png" />
  13 + </div>
  14 + <div class="icon_container" name="hand-articulation"
  15 + json_name="articulacao-retilineo">
  16 + <img src="{{ server }}/img/hand-articulation-icon.png" />
  17 + </div>
  18 + <!-- configuracao -->
  19 + <div class="icon_container" name="hand-fingers-position"
  20 + json_name="configuracao">
  21 + <img src="{{ server }}/img/hand-fingers-position-icon.png" />
  22 + </div>
  23 + <div class="icon_container" name="hand-fingers-position"
  24 + json_name="configuracao-retilineo">
  25 + <img src="{{ server }}/img/hand-fingers-position-icon.png" />
  26 + </div>
  27 + <!-- orientacao -->
  28 + <div class="icon_container" name="hand-orientation"
  29 + json_name="orientacao">
  30 + <img src="{{ server }}/img/hand-orientation-icon.png" />
  31 + </div>
  32 + <div class="icon_container" name="hand-orientation"
  33 + json_name="orientacao-retilineo">
  34 + <img src="{{ server }}/img/hand-orientation-icon.png" />
  35 + </div>
  36 + </div>
  37 + <div class="arrow icon_container col-sm-1" name="right-arrow">
  38 + <img src="{{ server }}/img/right-arrow-icon.png" />
  39 + </div>
27 </div> 40 </div>
view/img/pa/B-Seletor.png 0 → 100644
View file @35e767c

301 Bytes
view/right-hand-pontual-template.html
View file @cc72ee8
No preview for this file type
view/right-hand/movements.html
View file @cc72ee8
@@ -1,31 +0,0 @@ @@ -1,31 +0,0 @@
1 -<div id="right-hand-moviment" class="selection-panel-body"  
2 - name="movimento">  
3 - <div class="panel-header">  
4 - <h8>Escolha o movimento mais parecido</h8>  
5 - </div>  
6 - <div class="selection-panel-inner-body">  
7 - <ul class="rig columns-2">  
8 - <li class="movimento-pontual"><img class="box-panel-option selection-panel-option"  
9 - src="{{ server }}/img/mov/CALAR.gif" value="pontual" />Pontual</li>  
10 - <!--  
11 - <li><video src="{{ server }}/img/mov/PONTUAL.webm"  
12 - preload="metadata" value="pontual"  
13 - class="box-panel-option selection-panel-option" autoplay loop>  
14 - <source type="video/webm">  
15 - </video> Pontual</li>  
16 - <li><img class="box-panel-option selection-panel-option"  
17 - src="{{ server }}/img/exf/0000.png" value="retilineo"/>Retilíneo</li>  
18 - <li><img class="box-panel-option selection-panel-option"  
19 - src="{{ server }}/img/exf/0000.png" value="circular"/>Circular</li>  
20 - <li><img class="box-panel-option selection-panel-option"  
21 - src="{{ server }}/img/exf/0000.png" value="semicircular"/>Semi-Circular</li>  
22 - <li><img class="box-panel-option selection-panel-option"  
23 - src="{{ server }}/img/exf/0000.png" value="helicoidal"/>Espiral</li>  
24 - <li><img class="box-panel-option selection-panel-option"  
25 - src="{{ server }}/img/exf/0000.png" value="senoidal"/>Curvas</li>  
26 - <li><img class="box-panel-option selection-panel-option"  
27 - src="{{ server }}/img/exf/0000.png" value="contato"/>Contato</li>  
28 - -->  
29 - </ul>  
30 - </div>  
31 -</div>  
view/right-hand/pontual/passo-1.html
View file @cc72ee8
@@ -1,115 +0,0 @@ @@ -1,115 +0,0 @@
1 -<div id="right-hand-articulation" multiple-config>  
2 - <div id="right-hand-articulation-1" class="selection-panel-body"  
3 - style="display: none;" next="right-hand-articulation-2" sub-config>  
4 - <div class="panel-header">  
5 - <h8>Onde é feito 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 right-hand-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"  
22 - data-x=10></div>  
23 - </div>  
24 - <div class="grid-row row-number-2" data-y=2>  
25 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
26 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
27 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
28 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
29 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
30 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
31 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
32 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
33 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
34 - <div class="ball-selector selection-panel-option ball-10"  
35 - data-x=10></div>  
36 - </div>  
37 - <div class="grid-row row-number-3" data-y=3>  
38 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
39 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
40 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
41 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
42 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
43 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
44 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
45 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
46 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
47 - <div class="ball-selector selection-panel-option ball-10"  
48 - data-x=10></div>  
49 - </div>  
50 - <div class="grid-row row-number-4" data-y=4>  
51 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
52 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
53 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
54 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
55 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
56 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
57 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
58 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
59 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
60 - <div class="ball-selector selection-panel-option ball-10"  
61 - data-x=10></div>  
62 - </div>  
63 - <div class="grid-row row-number-5" data-y=5>  
64 - <div class="ball-selector selection-panel-option ball-1" data-x=1></div>  
65 - <div class="ball-selector selection-panel-option ball-2" data-x=2></div>  
66 - <div class="ball-selector selection-panel-option ball-3" data-x=3></div>  
67 - <div class="ball-selector selection-panel-option ball-4" data-x=4></div>  
68 - <div class="ball-selector selection-panel-option ball-5" data-x=5></div>  
69 - <div class="ball-selector selection-panel-option ball-6" data-x=6></div>  
70 - <div class="ball-selector selection-panel-option ball-7" data-x=7></div>  
71 - <div class="ball-selector selection-panel-option ball-8" data-x=8></div>  
72 - <div class="ball-selector selection-panel-option ball-9" data-x=9></div>  
73 - <div class="ball-selector selection-panel-option ball-10"  
74 - data-x=10></div>  
75 - </div>  
76 - </div>  
77 - </div>  
78 - </div>  
79 - </div>  
80 - <div id="right-hand-articulation-2" class="selection-panel-body"  
81 - style="display: none;" next="end" sub-config name="articulacao">  
82 - <div class="panel-header">  
83 - <h8>Escolha a distância entre a mão e o corpo</h8>  
84 - </div>  
85 - <div class="selection-panel-inner-body">  
86 - <div data-z="" class="module-z grid gray-background gray-side-avatar">  
87 - <div class="grid-selectors pull-right">  
88 - <div class="grid-row row-number-1">  
89 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
90 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
91 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
92 - </div>  
93 - <div class="grid-row row-number-2">  
94 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
95 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
96 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
97 - </div>  
98 - <div class="grid-row row-number-3">  
99 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
100 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
101 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
102 - </div>  
103 - <div class="grid-row row-number-4">  
104 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
105 - <div class="ball-selector selection-panel-option ball-2" data-z=2></div>  
106 - <div class="ball-selector selection-panel-option ball-3" data-z=3></div>  
107 - </div>  
108 - <div class="grid-row row-number-5">  
109 - <div class="ball-selector selection-panel-option ball-1" data-z=1></div>  
110 - </div>  
111 - </div>  
112 - </div>  
113 - </div>  
114 - </div>  
115 -</div>  
view/right-hand/pontual/passo-2.html
View file @cc72ee8
@@ -1,242 +0,0 @@ @@ -1,242 +0,0 @@
1 -<div id="right-hand-fingers-position" multiple-config>  
2 - <div id="right-hand-fingers-position-1" class="selection-panel-body"  
3 - style="display: none;" next="right-hand-fingers-position-2" sub-config>  
4 - <div class="panel-header">  
5 - <h8>Escolha a posição mais parecida dos dedos</h8>  
6 - </div>  
7 - <div class="selection-panel-inner-body">  
8 - <ul class="rig columns-3">  
9 - <li><img class="box-panel-option selection-panel-option"  
10 - src="{{ server }}/img/cmd/0007.png"  
11 - group="0" /> 0.</li>  
12 - <li><img class="box-panel-option selection-panel-option"  
13 - src="{{ server }}/img/cmd/0014.png"  
14 - group="1" /> 1.</li>  
15 - <li><img class="box-panel-option selection-panel-option"  
16 - src="{{ server }}/img/cmd/0045.png"  
17 - group="2" /> 2.</li>  
18 - <li><img class="box-panel-option selection-panel-option"  
19 - src="{{ server }}/img/cmd/0048.png"  
20 - group="3" /> 3.</li>  
21 - <li><img class="box-panel-option selection-panel-option"  
22 - src="{{ server }}/img/cmd/0040.png"  
23 - group="4" /> 4.</li>  
24 - <li><img class="box-panel-option selection-panel-option"  
25 - src="{{ server }}/img/cmd/0000.png"  
26 - group="5" /> 5.</li>  
27 - </ul>  
28 - </div>  
29 - </div>  
30 - <div id="right-hand-fingers-position-2" class="selection-panel-body"  
31 - style="display: none;" next="end" sub-config name="configuracao">  
32 - <div class="panel-header">  
33 - <h8>Escolha a posição dos dedos</h8>  
34 - </div>  
35 - <div class="selection-panel-inner-body">  
36 - <div class="finger-group" group="0">  
37 - <ul class="rig columns-4">  
38 - <li><img class="box-panel-option selection-panel-option"  
39 - src="{{ server }}/img/cmd/0001.png"  
40 - value="1" /> 1.</li>  
41 - <li><img class="box-panel-option selection-panel-option"  
42 - src="{{ server }}/img/cmd/0002.png"  
43 - value="2" /> 2.</li>  
44 - <li><img class="box-panel-option selection-panel-option"  
45 - src="{{ server }}/img/cmd/0007.png"  
46 - value="7" /> 3.</li>  
47 - <li><img class="box-panel-option selection-panel-option"  
48 - src="{{ server }}/img/cmd/0008.png"  
49 - value="8" /> 4.</li>  
50 - <li><img class="box-panel-option selection-panel-option"  
51 - src="{{ server }}/img/cmd/0009.png"  
52 - value="9" /> 5.</li>  
53 - <li><img class="box-panel-option selection-panel-option"  
54 - src="{{ server }}/img/cmd/0010.png"  
55 - value="10" /> 6.</li>  
56 - <li><img class="box-panel-option selection-panel-option"  
57 - src="{{ server }}/img/cmd/0011.png"  
58 - value="11" /> 7.</li>  
59 - <li><img class="box-panel-option selection-panel-option"  
60 - src="{{ server }}/img/cmd/0016.png"  
61 - value="16" /> 8.</li>  
62 - <li><img class="box-panel-option selection-panel-option"  
63 - src="{{ server }}/img/cmd/0017.png"  
64 - value="17" /> 9.</li>  
65 - <li><img class="box-panel-option selection-panel-option"  
66 - src="{{ server }}/img/cmd/0018.png"  
67 - value="18" /> 10.</li>  
68 - <li><img class="box-panel-option selection-panel-option"  
69 - src="{{ server }}/img/cmd/0019.png"  
70 - value="19" /> 11.</li>  
71 - <li><img class="box-panel-option selection-panel-option"  
72 - src="{{ server }}/img/cmd/0020.png"  
73 - value="20" /> 12.</li>  
74 - <li><img class="box-panel-option selection-panel-option"  
75 - src="{{ server }}/img/cmd/0021.png"  
76 - value="21" /> 13.</li>  
77 - <li><img class="box-panel-option selection-panel-option"  
78 - src="{{ server }}/img/cmd/0022.png"  
79 - value="22" /> 14.</li>  
80 - <li><img class="box-panel-option selection-panel-option"  
81 - src="{{ server }}/img/cmd/0023.png"  
82 - value="23" /> 15.</li>  
83 - <li><img class="box-panel-option selection-panel-option"  
84 - src="{{ server }}/img/cmd/0024.png"  
85 - value="24" /> 16.</li>  
86 - <li><img class="box-panel-option selection-panel-option"  
87 - src="{{ server }}/img/cmd/0058.png"  
88 - value="58" /> 17.</li>  
89 - <li><img class="box-panel-option selection-panel-option"  
90 - src="{{ server }}/img/cmd/0059.png"  
91 - value="59" /> 18.</li>  
92 - <li><img class="box-panel-option selection-panel-option"  
93 - src="{{ server }}/img/cmd/0060.png"  
94 - value="60" /> 19.</li>  
95 - </ul>  
96 - </div>  
97 - <div class="finger-group" group="1">  
98 - <ul class="rig columns-4">  
99 - <li><img class="box-panel-option selection-panel-option"  
100 - src="{{ server }}/img/cmd/0003.png"  
101 - value="3" /> 1.</li>  
102 - <li><img class="box-panel-option selection-panel-option"  
103 - src="{{ server }}/img/cmd/0005.png"  
104 - value="5" /> 2.</li>  
105 - <li><img class="box-panel-option selection-panel-option"  
106 - src="{{ server }}/img/cmd/0006.png"  
107 - value="6" /> 3.</li>  
108 - <li><img class="box-panel-option selection-panel-option"  
109 - src="{{ server }}/img/cmd/0012.png"  
110 - value="12" /> 4.</li>  
111 - <li><img class="box-panel-option selection-panel-option"  
112 - src="{{ server }}/img/cmd/0013.png"  
113 - value="13" /> 5.</li>  
114 - <li><img class="box-panel-option selection-panel-option"  
115 - src="{{ server }}/img/cmd/0014.png"  
116 - value="14" /> 6.</li>  
117 - <li><img class="box-panel-option selection-panel-option"  
118 - src="{{ server }}/img/cmd/0030.png"  
119 - value="30" /> 7.</li>  
120 - <li><img class="box-panel-option selection-panel-option"  
121 - src="{{ server }}/img/cmd/0052.png"  
122 - value="52" /> 8.</li>  
123 - </ul>  
124 - </div>  
125 - <div class="finger-group" group="2">  
126 - <ul class="rig columns-4">  
127 - <li><img class="box-panel-option selection-panel-option"  
128 - src="{{ server }}/img/cmd/0004.png"  
129 - value="4" /> 1.</li>  
130 - <li><img class="box-panel-option selection-panel-option"  
131 - src="{{ server }}/img/cmd/0015.png"  
132 - value="15" /> 2.</li>  
133 - <li><img class="box-panel-option selection-panel-option"  
134 - src="{{ server }}/img/cmd/0029.png"  
135 - value="29" /> 3.</li>  
136 - <li><img class="box-panel-option selection-panel-option"  
137 - src="{{ server }}/img/cmd/0031.png"  
138 - value="31" /> 4.</li>  
139 - <li><img class="box-panel-option selection-panel-option"  
140 - src="{{ server }}/img/cmd/0032.png"  
141 - value="32" /> 5.</li>  
142 - <li><img class="box-panel-option selection-panel-option"  
143 - src="{{ server }}/img/cmd/0035.png"  
144 - value="35" /> 6.</li>  
145 - <li><img class="box-panel-option selection-panel-option"  
146 - src="{{ server }}/img/cmd/0036.png"  
147 - value="36" /> 7.</li>  
148 - <li><img class="box-panel-option selection-panel-option"  
149 - src="{{ server }}/img/cmd/0045.png"  
150 - value="45" /> 8.</li>  
151 - <li><img class="box-panel-option selection-panel-option"  
152 - src="{{ server }}/img/cmd/0051.png"  
153 - value="51" /> 9.</li>  
154 - </ul>  
155 - </div>  
156 - <div class="finger-group" group="3">  
157 - <ul class="rig columns-4">  
158 - <li><img class="box-panel-option selection-panel-option"  
159 - src="{{ server }}/img/cmd/0033.png"  
160 - value="33" /> 1.</li>  
161 - <li><img class="box-panel-option selection-panel-option"  
162 - src="{{ server }}/img/cmd/0034.png"  
163 - value="34" /> 2.</li>  
164 - <li><img class="box-panel-option selection-panel-option"  
165 - src="{{ server }}/img/cmd/0037.png"  
166 - value="37" /> 3.</li>  
167 - <li><img class="box-panel-option selection-panel-option"  
168 - src="{{ server }}/img/cmd/0039.png"  
169 - value="39" /> 4.</li>  
170 - <li><img class="box-panel-option selection-panel-option"  
171 - src="{{ server }}/img/cmd/0043.png"  
172 - value="43" /> 5.</li>  
173 - <li><img class="box-panel-option selection-panel-option"  
174 - src="{{ server }}/img/cmd/0044.png"  
175 - value="44" /> 6.</li>  
176 - <li><img class="box-panel-option selection-panel-option"  
177 - src="{{ server }}/img/cmd/0046.png"  
178 - value="46" /> 7.</li>  
179 - <li><img class="box-panel-option selection-panel-option"  
180 - src="{{ server }}/img/cmd/0047.png"  
181 - value="47" /> 8.</li>  
182 - <li><img class="box-panel-option selection-panel-option"  
183 - src="{{ server }}/img/cmd/0048.png"  
184 - value="48" /> 9.</li>  
185 - <li><img class="box-panel-option selection-panel-option"  
186 - src="{{ server }}/img/cmd/0049.png"  
187 - value="49" /> 10.</li>  
188 - <li><img class="box-panel-option selection-panel-option"  
189 - src="{{ server }}/img/cmd/0050.png"  
190 - value="50" /> 11.</li>  
191 - </ul>  
192 - </div>  
193 - <div class="finger-group" group="4">  
194 - <ul class="rig columns-4">  
195 - <li><img class="box-panel-option selection-panel-option"  
196 - src="{{ server }}/img/cmd/0038.png"  
197 - value="38" /> 1.</li>  
198 - <li><img class="box-panel-option selection-panel-option"  
199 - src="{{ server }}/img/cmd/0040.png"  
200 - value="40" /> 2.</li>  
201 - <li><img class="box-panel-option selection-panel-option"  
202 - src="{{ server }}/img/cmd/0041.png"  
203 - value="41" /> 3.</li>  
204 - <li><img class="box-panel-option selection-panel-option"  
205 - src="{{ server }}/img/cmd/0042.png"  
206 - value="42" /> 4.</li>  
207 - </ul>  
208 - </div>  
209 - <div class="finger-group" group="5">  
210 - <ul class="rig columns-4">  
211 - <li><img class="box-panel-option selection-panel-option"  
212 - src="{{ server }}/img/cmd/0025.png"  
213 - value="25" /> 1.</li>  
214 - <li><img class="box-panel-option selection-panel-option"  
215 - src="{{ server }}/img/cmd/0026.png"  
216 - value="26" /> 2.</li>  
217 - <li><img class="box-panel-option selection-panel-option"  
218 - src="{{ server }}/img/cmd/0027.png"  
219 - value="27" /> 3.</li>  
220 - <li><img class="box-panel-option selection-panel-option"  
221 - src="{{ server }}/img/cmd/0028.png"  
222 - value="28" /> 4.</li>  
223 - <li><img class="box-panel-option selection-panel-option"  
224 - src="{{ server }}/img/cmd/0053.png"  
225 - value="53" /> 5.</li>  
226 - <li><img class="box-panel-option selection-panel-option"  
227 - src="{{ server }}/img/cmd/0054.png"  
228 - value="54" /> 6.</li>  
229 - <li><img class="box-panel-option selection-panel-option"  
230 - src="{{ server }}/img/cmd/0055.png"  
231 - value="55" /> 7.</li>  
232 - <li><img class="box-panel-option selection-panel-option"  
233 - src="{{ server }}/img/cmd/0056.png"  
234 - value="56" /> 8.</li>  
235 - <li><img class="box-panel-option selection-panel-option"  
236 - src="{{ server }}/img/cmd/0057.png"  
237 - value="57" /> 9.</li>  
238 - </ul>  
239 - </div>  
240 - </div>  
241 - </div>  
242 -</div>  
view/right-hand/pontual/passo-3.html
View file @cc72ee8
@@ -1,34 +0,0 @@ @@ -1,34 +0,0 @@
1 -<div id="right-hand-orientation" class="selection-panel-body"  
2 - name="orientacao">  
3 - <div class="panel-header">  
4 - <h8>Palma da mão</h8>  
5 - </div>  
6 - <div class="selection-panel-inner-body">  
7 - <ul class="rig columns-3">  
8 - <li><img class="box-panel-option selection-panel-option"  
9 - src="{{ server }}/img/ord/01.png" value="68" />1.</li>  
10 - <li><img class="box-panel-option selection-panel-option"  
11 - src="{{ server }}/img/ord/02.png" value="66" />2.</li>  
12 - <li><img class="box-panel-option selection-panel-option"  
13 - src="{{ server }}/img/ord/03.png" value="64" />3.</li>  
14 - <li><img class="box-panel-option selection-panel-option"  
15 - src="{{ server }}/img/ord/04.png" value="2" />4.</li>  
16 - <li><img class="box-panel-option selection-panel-option"  
17 - src="{{ server }}/img/ord/05.png" value="9" />5.</li>  
18 - <li><img class="box-panel-option selection-panel-option"  
19 - src="{{ server }}/img/ord/06.png" value="16" />6.</li>  
20 - <li><img class="box-panel-option selection-panel-option"  
21 - src="{{ server }}/img/ord/07.png" value="92" />7.</li>  
22 - <li><img class="box-panel-option selection-panel-option"  
23 - src="{{ server }}/img/ord/08.png" value="90" />8.</li>  
24 - <li><img class="box-panel-option selection-panel-option"  
25 - src="{{ server }}/img/ord/09.png" value="88" />9.</li>  
26 - <li><img class="box-panel-option selection-panel-option"  
27 - src="{{ server }}/img/ord/10.png" value="4" />10.</li>  
28 - <li><img class="box-panel-option selection-panel-option"  
29 - src="{{ server }}/img/ord/11.png" value="11" />11.</li>  
30 - <li><img class="box-panel-option selection-panel-option"  
31 - src="{{ server }}/img/ord/12.png" value="18" />12.</li>  
32 - </ul>  
33 - </div>  
34 -</div>  
view/right-hand/pontual/timeline.html
View file @cc72ee8
@@ -1,33 +0,0 @@ @@ -1,33 +0,0 @@
1 -<div class="subconfiguration-panel col-sm-12">  
2 - <div class="arrow icon_container col-sm-1" name="left-arrow">  
3 - <img src="{{ server }}/img/left-arrow-icon.png" />  
4 - </div>  
5 -  
6 - <div id="right-hand-subconfiguration-options"  
7 - class="subconfiguration-options col-sm-10">  
8 - <div class="icon_container" name="hand-moviment"  
9 - panel="right-hand-moviment" previous="right-hand-moviment"  
10 - next="right-hand-articulation">  
11 - <img src="{{ server }}/img/hand-moviment-icon.png" />  
12 - </div>  
13 - <div class="icon_container" name="hand-articulation"  
14 - panel="right-hand-articulation" previous="right-hand-moviment"  
15 - next="right-hand-fingers-position">  
16 - <img src="{{ server }}/img/hand-articulation-icon.png" />  
17 - </div>  
18 - <div class="icon_container" name="hand-fingers-position"  
19 - panel="right-hand-fingers-position" previous="right-hand-articulation"  
20 - next="right-hand-orientation">  
21 - <img src="{{ server }}/img/hand-fingers-position-icon.png" />  
22 - </div>  
23 - <div class="icon_container" name="hand-orientation"  
24 - panel="right-hand-orientation" previous="right-hand-fingers-position"  
25 - next="end">  
26 - <img src="{{ server }}/img/hand-orientation-icon.png" />  
27 - </div>  
28 - </div>  
29 -  
30 - <div class="arrow icon_container col-sm-1" name="right-arrow">  
31 - <img src="{{ server }}/img/right-arrow-icon.png" />  
32 - </div>  
33 -</div>  
view/template-backup.html
View file @cc72ee8
@@ -1,202 +0,0 @@ @@ -1,202 +0,0 @@
1 -<link rel="stylesheet" href="{{ server }}/assets/css/main.css">  
2 -  
3 -{% import 'hand-configuration.html' as handConfig with context %} {%  
4 -import 'facial-configuration.html' as facialConfig with context %}  
5 -  
6 -<div id="main-container" class="container">  
7 - <div id="initial-screen">  
8 - <div class="col-sm-6 col-centered">  
9 - <div class="col-sm-8 col-centered">  
10 - <video src="" preload="metadata"  
11 - class="ref-video video-body-main video-border" autoplay loop  
12 - controls>  
13 - <source type="video/webm">  
14 - </video>  
15 - </div>  
16 - <h6 class="text-center">  
17 - Ajude a criar o sinal <span class="sign-label"></span>.  
18 - </h6>  
19 - <div class="col-sm-4 col-centered">  
20 - <div id="start-button" class="col-sm-12 btn btn-default">OK</div>  
21 - </div>  
22 - </div>  
23 - </div>  
24 - <div id="configuration-screen">  
25 - <div class="row">  
26 - <div class="col-sm-3">  
27 - <h8>Vídeo de referência "<span class="sign-label"></span>"</h8>  
28 - <div id="ref-video-panel" class="col-sm-12">  
29 - <div id="ref-video-container" class="col-sm-10">  
30 - <video src="" preload="metadata"  
31 - class="ref-video video-body-main video-border" autoplay loop  
32 - controls>  
33 - <source type="video/webm">  
34 - </video>  
35 - </div>  
36 - <div id="minimize-icon-container" class="col-sm-2 icon_container"  
37 - name="minimize">  
38 - <img src="{{ server }}/img/minimize-icon.png"></img>  
39 - </div>  
40 - <div id="maximize-icon-container" class="col-sm-2 icon_container"  
41 - name="maximize">  
42 - <img id="maximize-icon" src="{{ server }}/img/maximize-icon.png"></img>  
43 - </div>  
44 - </div>  
45 - <div id="configuration-panel" class="col-sm-8">  
46 - <div class="icon_container config-panel-option" name="facial"  
47 - panel="facial">  
48 - <img src="{{ server }}/img/facial-icon.png"</img> <span  
49 - class="configuration-panel-label">Expressão</span>  
50 - </div>  
51 - <div class="icon_container config-panel-option" name="right-hand"  
52 - panel="right-hand">  
53 - <img src="{{ server }}/img/right-hand-icon.png"></img> <span  
54 - class="configuration-panel-label">Mão direita</span>  
55 - </div>  
56 - <div class="icon_container config-panel-option" name="left-hand"  
57 - panel="left-hand">  
58 - <img src="{{ server }}/img/left-hand-icon.png"></img> <span  
59 - class="configuration-panel-label">Mão esquerda</span>  
60 - </div>  
61 - </div>  
62 - </div>  
63 - <div id="avatar-container" class="col-sm-7 avatar-container-zoom-out">  
64 - <div id="facial-edit" class="edit-container">  
65 - <img class="check-icon" src="{{ server }}/img/check-icon.png"></img>  
66 - <div class="icon_container config-panel-option" name="edit"  
67 - panel="facial">  
68 - <img src="{{ server }}/img/edit-icon.png"></img>  
69 - </div>  
70 - </div>  
71 - <div id="right-hand-edit" class="edit-container">  
72 - <img class="check-icon" src="{{ server }}/img/check-icon.png"></img>  
73 - <div class="icon_container config-panel-option" name="edit"  
74 - panel="right-hand">  
75 - <img src="{{ server }}/img/edit-icon.png"></img>  
76 - </div>  
77 - </div>  
78 - <div id="left-hand-edit" class="edit-container">  
79 - <img class="check-icon" src="{{ server }}/img/check-icon.png"></img>  
80 - <div class="icon_container config-panel-option" name="edit"  
81 - panel="left-hand">  
82 - <img src="{{ server }}/img/edit-icon.png"></img>  
83 - </div>  
84 - </div>  
85 - <div id="avatar-default" class="avatar-img">  
86 - <div id="avatar-body-face"  
87 - class="icon_container config-panel-option" name="avatar-facial"  
88 - panel="facial">  
89 - <img src="{{ server }}/img/avatar-facial-icon.png"></img>  
90 - </div>  
91 - <div id="avatar-body-right-hand"  
92 - class="icon_container config-panel-option"  
93 - name="avatar-right-hand" panel="right-hand">  
94 - <img src="{{ server }}/img/avatar-right-hand-icon.png"></img>  
95 - </div>  
96 - <div id="avatar-body-left-hand"  
97 - class="icon_container config-panel-option" name="avatar-left-hand"  
98 - panel="left-hand">  
99 - <img src="{{ server }}/img/avatar-left-hand-icon.png"></img>  
100 - </div>  
101 - <img class="avatar-img-zoom-out" src="{{ server }}/img/avatar.png"></img>  
102 - </div>  
103 - <img id="avatar-facial" class="avatar-img avatar-img-zoom-out"  
104 - src="{{ server }}/img/avatar-facial.png"></img> <img  
105 - id="avatar-right-hand" class="avatar-img avatar-img-zoom-out"  
106 - src="{{ server }}/img/avatar-right-hand.png"></img> <img  
107 - id="avatar-left-hand" class="avatar-img avatar-img-zoom-out"  
108 - src="{{ server }}/img/avatar-left-hand.png"></img>  
109 - </div>  
110 - <div id="selection-container" class="col-sm-2">  
111 - <div id="selection-panel">  
112 - <div class="x btn-default"></div>  
113 -  
114 - {{ facialConfig.selectionPanel() }} {{  
115 - handConfig.selectionPanel('right-hand') }} {{  
116 - handConfig.selectionPanel('left-hand') }}  
117 -  
118 - <div class="subconfiguration-panel col-sm-12">  
119 - <div class="arrow icon_container col-sm-1" name="left-arrow">  
120 - <img src="{{ server }}/img/left-arrow-icon.png" />  
121 - </div>  
122 -  
123 - {{ facialConfig.subconfigPanel() }} {{  
124 - handConfig.subconfigPanel('right-hand') }} {{  
125 - handConfig.subconfigPanel('left-hand') }}  
126 -  
127 - <div class="arrow icon_container col-sm-1" name="right-arrow">  
128 - <img src="{{ server }}/img/right-arrow-icon.png" />  
129 - </div>  
130 - </div>  
131 - </div>  
132 - </div>  
133 - </div>  
134 - <div class="row">  
135 - <div id="ready-button" class="btn btn-default pull-right disabled">GERAR  
136 - SINAL</div>  
137 - </div>  
138 - </div>  
139 - <div id="render-screen">  
140 - <div id="render-main" class="row">  
141 - <div id="render-ref" class="col-sm-6">  
142 - <h6>Vídeo de referência</h6>  
143 - <div class="col-sm-12">  
144 - <video src="" preload="metadata"  
145 - class="ref-video video-body-main video-border" loop controls>  
146 - <source type="video/webm">  
147 - </video>  
148 - </div>  
149 - </div>  
150 - <div class="col-sm-6">  
151 - <div id="render-avatar" class="col-sm-12">  
152 - <h6>  
153 - Sinal "<span class="sign-label"></span>" construído  
154 - </h6>  
155 - <video src="" preload="metadata"  
156 - class="video-body-main video-border" autoplay loop controls>  
157 - <source type="video/webm">  
158 - </video>  
159 - <div id="render-edit" class="icon_container" name="big-edit">  
160 - <img class="col-centered" src="{{ server }}/img/big-edit-icon.png"></img>  
161 - </div>  
162 - </div>  
163 - <div id="render-loading">  
164 - <h6>  
165 - Gerando o sinal "<span class="sign-label"></span>"  
166 - </h6>  
167 - <div id="loading-container" class="video-border">  
168 - <img src="{{ server }}/img/loading.gif">  
169 - </div>  
170 - </div>  
171 - </div>  
172 - </div>  
173 - <div class="row">  
174 - <div id="finish-button" class="btn btn-default pull-right disabled">ENVIAR  
175 - SINAL</div>  
176 - </div>  
177 - </div>  
178 - <div id="thanks-screen">  
179 - <div class="col-sm-6 col-centered">  
180 - <div id="completed-task-msg">  
181 - <h3 class="text-center">Obrigado,</h3>  
182 - <h6 class="text-center">você configurou o sinal com sucesso!</h6>  
183 - </div>  
184 - <div id="completed-all-task-msg">  
185 - <h3 class="text-center">Parabéns,</h3>  
186 - <h6 class="text-center">você configurou todos os sinais  
187 - disponíveis!</h6>  
188 - </div>  
189 - <div class="col-sm-11 col-centered">  
190 - <img src="{{ server }}/img/avatar-thanks.png"></img>  
191 - </div>  
192 - </div>  
193 - </div>  
194 -</div>  
195 -  
196 -<script src="{{ server }}/assets/js/js.cookie.js"></script>  
197 -<script src="{{ server }}/assets/js/articulation.js"></script>  
198 -<script src="{{ server }}/assets/js/wikilibras.js"></script>  
199 -  
200 -<script type="text/javascript">  
201 - wikilibras.run("{{ server }}", "{{ server_backend }}", "{{ app_shortname }}", "{{ api_host }}");  
202 -</script>  
@@ -31,12 +31,13 @@ class Wikilibras: @@ -31,12 +31,13 @@ class Wikilibras:
31 task = dict(sign_name=sign, submission_date=pyutil.get_date_now()) 31 task = dict(sign_name=sign, submission_date=pyutil.get_date_now())
32 pbclient.create_task(project.id, task) 32 pbclient.create_task(project.id, task)
33 33
34 - def __update_project_info(self, project): 34 + def __update_project_info(self, project):
35 template = self.env.get_template('template.html') 35 template = self.env.get_template('template.html')
36 project.info['task_presenter'] = template.render(server=self.config['HOST_STATIC_FILES_ENDPOINT'], server_backend=self.config['HOST_ENDPOINT'], app_shortname=self.config['PYBOSSA_APP_SHORT_NAME'], api_host=self.config['API_HOST']) 36 project.info['task_presenter'] = template.render(server=self.config['HOST_STATIC_FILES_ENDPOINT'], server_backend=self.config['HOST_ENDPOINT'], app_shortname=self.config['PYBOSSA_APP_SHORT_NAME'], api_host=self.config['API_HOST'])
37 project.info['thumbnail'] = self.config['HOST_ENDPOINT'] + "/img/thumbnail.png" 37 project.info['thumbnail'] = self.config['HOST_ENDPOINT'] + "/img/thumbnail.png"
38 project.info['sched'] = "incremental" 38 project.info['sched'] = "incremental"
39 project.allow_anonymous_contributors = False 39 project.allow_anonymous_contributors = False
  40 + #project.published = True
40 pbclient.update_project(project) 41 pbclient.update_project(project)
41 42
42 def create_project(self): 43 def create_project(self):