[FIX] fixes ugly hack for selected candidate

Author: Francois-Xavier Gentilhomme

myscript-text-web.html

@@ -72,7 +72,7 @@
     <template>
         <div class="resultField" hidden="[[ displayResultZone(hideresult, unloaded) ]]">
             <template is="dom-repeat" id="candidateList" items="[[ candidates ]]" as="candidate">
-                <span id="candidate" class="candidate" index="[[ index ]]" selected$="[[ candidate.selected ]]"
+                <span id="candidate" class="candidate" selected$="[[ _isSelected(index, result.textSegmentResult.selectedCandidateIdx) ]]"
                       inner-h-t-m-l="[[ candidate.customlabel ]]" on-tap="_select"></span>
             </template>
         </div>
@@ -164,7 +164,6 @@
             myscriptTextWebElement.result = eventDetail.rawResult.result;
             myscriptTextWebElement.resultlabel = eventDetail.rawResult.result.textSegmentResult.candidates[eventDetail.rawResult.result.textSegmentResult.selectedCandidateIdx].label;
             myscriptTextWebElement.candidates = eventDetail.rawResult.result.textSegmentResult.candidates;
-            myscriptTextWebElement.candidates[eventDetail.rawResult.result.textSegmentResult.selectedCandidateIdx].selected = true; // FIXME: ugly hack to mark selected candidate
             textUpdateCandidatesCustomLabel(myscriptTextWebElement);
         }
     }
@@ -761,18 +760,8 @@
                     this.result = {};
                     this.result = result;
                 },
-                /**
-                 * Determine if the candidate is selected
-                 * @param candidate
-                 * @param result
-                 * @returns {boolean}
-                 * @private
-                 */
-                _isSelected: function (candidate, result) {
-                    if (result && result.textSegmentResult) {
-                        return (candidate === result.textSegmentResult.candidates[result.textSegmentResult.selectedCandidateIdx]);
-                    }
-                    return false;
+                _isSelected: function (index, selectedIndex) {
+                    return index === selectedIndex;
                 },
                 _getChildSegments: function (candidate, result, type) {
                     var segments = [];