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 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 66 margin-left: -.5px;
67 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 410 }
411 411  
412 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 418 /* Render Screen */
... ... @@ -463,4 +464,7 @@ ul.rig.columns-4 li {
463 464  
464 465 #completed-all-task-msg {
465 466 display: none;
466   -}
467 467 \ No newline at end of file
  468 +}
  469 +
  470 +
  471 +
... ...
view/assets/js/articulation.js
  Diff comments   View file @35e767c
1 1 (function(articulation, $, undefined) {
2 2  
3 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 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 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 25 var articulation_z = base_id + ' .module-z';
18 26 $(articulation_z + ' .ball-selector').hide();
19 27 $(articulation_z + ' .row-number-' + selectedY + ' .ball-selector').show();
... ... @@ -21,12 +29,13 @@
21 29 var z = $(articulation_z).attr('data-z');
22 30 if (typeof z != 'undefined') {
23 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 39 var articulation_x_y = base_id + ' .module-x-y';
31 40 $(articulation_x_y + ' .ball-selector').off('click').on('click', function(a) {
32 41 var b = $(a.target);
... ... @@ -38,17 +47,20 @@
38 47 d = $(articulation_x_y),
39 48 f = b.attr('data-x'),
40 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 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 64 var articulation_z = base_id + ' .module-z';
53 65 $(articulation_z + ' .ball-selector').off('click').on('click', function(a) {
54 66 var b = $(a.target);
... ... @@ -59,18 +71,13 @@
59 71 var c = b.parent('.grid-row'),
60 72 e = $(articulation_z),
61 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 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 81 function _calculateArticulationPointIndex(hand, xValue, yValue, zValue) {
75 82 var x = xValue;
76 83 var y = yValue;
... ... @@ -91,15 +98,17 @@
91 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 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 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 114 }(window.articulation = window.articulation || {}, jQuery));
... ...
view/assets/js/configuration.js
  Diff comments   View file @35e767c
1 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 6 $(baseId + ' .selection-panel-option'
6 7 ).off('click').on('click', function() {
7 8 wikilibras.selectAnOption(baseId, this);
  9 + _setupFingersToShow(hand, subConfig, step);
  10 +
8 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 31 $(stepTwoBaseId + ' .selection-panel-option').off('click').on(
15 32 'click', function() {
16 33 wikilibras.selectAnOption(stepTwoBaseId, this);
17 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 40 }(window.configuration = window.configuration || {}, jQuery));
... ...
view/assets/js/dynamic-loading-engine.js
  Diff comments   View file @35e767c
... ... @@ -10,6 +10,22 @@
10 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 29 if (matchSubConfig) { // case defined
14 30 // There is no specific(right or left hand dependent) assets for: articulacao, duracao, expressao, movimento, transicao
15 31 // Specific configurations: configuracao, orientacao
... ... @@ -19,19 +35,17 @@
19 35 // possible subconfigs that need changing
20 36 switch (subConfig) {
21 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 42 break;
28 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 45 break;
  46 + case 'orientacao-retilineo':
  47 + goodData = replaceOrientationTag(data, currentMainConfig);
  48 + break;
35 49 default:
36 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 201 $(timelineBaseId + ' .icon_container[json_name]').attr("active", "false");
202 202  
203 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 207 if (preprocessedMainConfig == 'hand') {
... ...
view/assets/js/orientation.js
  Diff comments   View file @35e767c
1 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 6 $(baseId + ' .selection-panel-option').off('click').on(
6 7 'click', function() {
7 8 wikilibras.selectAnOption(baseId, this);
... ...
view/assets/js/tmpJSONParser.js
  Diff comments   View file @35e767c
... ... @@ -35,30 +35,76 @@
35 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 96 function _parseTempMovementParameterJSON(tmpJSON, hand) {
40 97 var movimentConfig = tmpJSON[hand]['movimento'];
41 98 if (typeof movimentConfig == 'undefined') return;
42 99  
43 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 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 19 "velocidade" : ["passo-1"],
20 20 "lado_oposto" : ["passo-1"],
21 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 @@
  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 @@
  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 @@
  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 @@
  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 71 </div>
72 72 </div>
73 73 <script type="text/javascript">
74   - articulation.setupModuleXY("{{ server }}", "{{ hand }}");
  74 + articulation.setupModuleXY("{{ server }}", "{{ hand }}", "articulacao", "1");
75 75 </script>
... ...
view/hand/articulacao/passo-2.html
  Diff comments   View file @35e767c
... ... @@ -33,5 +33,5 @@
33 33 </div>
34 34 </div>
35 35 <script type="text/javascript">
36   - articulation.setupModuleZ("{{ server }}", "{{ hand }}");
  36 + articulation.setupModuleZ("{{ server }}", "{{ hand }}", "articulacao", "2");
37 37 </script>
... ...
view/hand/configuracao-retilineo/passo-1.html 0 → 100644
  Diff comments   View file @35e767c
... ... @@ -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 @@
  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 @@
  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 @@
  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 26 </div>
27 27 </div>
28 28 <script type="text/javascript">
29   - configuration.setupFingersGroup("{{ hand }}");
  29 + configuration.setupFingersGroup("{{ hand }}", "configuracao", "1");
30 30 </script>
... ...
view/hand/configuracao/passo-2.html
  Diff comments   View file @35e767c
... ... @@ -210,5 +210,5 @@
210 210 </div>
211 211 </div>
212 212 <script type="text/javascript">
213   - configuration.setupFingersPosition("{{ hand }}");
  213 + configuration.setupFingersPosition("{{ hand }}", "configuracao", "2");
214 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 16 <li><video src="{{ server }}/img/mov/PONTUAL.webm"
12 17 preload="metadata" value="pontual"
13 18 class="box-panel-option selection-panel-option" autoplay loop>
... ... @@ -26,8 +31,8 @@
26 31 <li><img class="box-panel-option selection-panel-option"
27 32 src="{{ server }}/img/exf/0000.png" value="contato"/>Contato</li>
28 33 -->
29   - </ul>
30   - </div>
  34 + </ul>
  35 + </div>
31 36 </div>
32 37 <script type="text/javascript">
33 38 movement.setup("{{ server }}", "{{ hand }}");
... ...
view/hand/orientacao-retilineo/passo-1.html 0 → 100644
  Diff comments   View file @35e767c
... ... @@ -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 @@
  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 32 </div>
33 33 </div>
34 34 <script type="text/javascript">
35   - orientation.setup("{{ hand }}");
  35 + orientation.setup("{{ hand }}", "orientacao", "1");
36 36 </script>
... ...
view/hand/timeline.html
  Diff comments   View file @35e767c
1 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 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   -<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   -<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   -<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   -<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   -<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   -<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>
wikilibras.py
  Diff comments   View file @35e767c
... ... @@ -31,12 +31,13 @@ class Wikilibras:
31 31 task = dict(sign_name=sign, submission_date=pyutil.get_date_now())
32 32 pbclient.create_task(project.id, task)
33 33  
34   - def __update_project_info(self, project):
  34 + def __update_project_info(self, project):
35 35 template = self.env.get_template('template.html')
36 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 37 project.info['thumbnail'] = self.config['HOST_ENDPOINT'] + "/img/thumbnail.png"
38 38 project.info['sched'] = "incremental"
39 39 project.allow_anonymous_contributors = False
  40 + #project.published = True
40 41 pbclient.update_project(project)
41 42  
42 43 def create_project(self):
... ...