viewModel.js

(function(global){
  global.robotDictee.createViewModel=createViewModel;

  function createViewModel(textToSpeechEngine){
    var _predefinedDictations = ko.observable(global.robotDictee.predefinedDictations)
    var _groupedDictations = ko.computed(function() {
      var groups = {};
      var order = [];
      (_predefinedDictations() || []).forEach(function(d) {
        var match = d.title.match(/^(Thème \d+)/);
        var theme = match ? match[1] : 'Autres';
        if (!groups[theme]) {
          groups[theme] = { theme: theme, dictations: [] };
          order.push(theme);
        }
        groups[theme].dictations.push(d);
      });
      return order.map(function(t) { return groups[t]; });
    })
    var _newDictationText = ko.observable("");
    var _dictation = ko.observable();
    var _currentWordText = ko.observable("");
    var _segmentSaidSubscription=null;
    var _currentPage =  ko.observable('newDictation');

    _currentWordText.subscribe(onCurrentWordTextChanged);

    return {
      dictation:_dictation,
      currentWordText:_currentWordText,
      predefinedDictations: _predefinedDictations,
      groupedDictations: _groupedDictations,
      usePredefinedDictation,
      newDictationText:_newDictationText,
      createDictation,
      sayCurrentSegment,
      showAboutPage,
      showMobileHowToPage,
      currentPage:_currentPage
    }

    function onCurrentWordTextChanged(newValue){
      if(getLastChar(_currentWordText())==' '){
        commitWord();
      }
    }

    function getLastChar(value){
      return value.substr(value.length - 1);
    }

    function commitWord(){
      var valueToCommit = _currentWordText().rtrim();
      _currentWordText("");
      _dictation().commitCurrentWord(valueToCommit);
    }

    function sayCurrentSegment(event){
      _dictation().sayCurrentSegment();
      document.getElementById("currentWordText").focus();
    }


    function onSegmentSaid(value){
      textToSpeechEngine.textToSpeech(value);
    }


    //read-only
    var _dictation = ko.computed(function() {
        return _dictation();
    });

    function usePredefinedDictation(predefinedDictation){
      if(predefinedDictation.audioMap){
        textToSpeechEngine = global.robotDictee.createStaticAudioTextToSpeechEngine(predefinedDictation.audioMap);
      } else {
        textToSpeechEngine = global.robotDictee.createSpeechSynthesisTextToSpeechEngine();
      }
      startDictation(predefinedDictation.text);
    }

    function createDictation(){
      textToSpeechEngine = global.robotDictee.createSpeechSynthesisTextToSpeechEngine();
      startDictation(_newDictationText());
    }

    function startDictation(text){
      var newDictation = global.robotDictee.createDictation(text);

      _dictation(newDictation);
      _currentPage("dictation");

      subscribeToSegmentSaid();
      sayCurrentSegment();
    }

    function subscribeToSegmentSaid(){
      if(_segmentSaidSubscription){
        _segmentSaidSubscription.dispose();
      }
      _segmentSaidSubscription=_dictation().segmentSaid.subscribe(onSegmentSaid);
    }

    function showAboutPage(){
      _currentPage("about");
    }

    function showMobileHowToPage(){
      _currentPage("mobileHowTo");
    }
  }
})(this)