QTree

Может быть тут будет описание. Проект разработан в рамках Web Challenge 2015.

Подключение

<script type="text/javascript" src="qtree.js"></script>
<script type="text/javascript">

  var data = { };
  var qtree = new QTree(data);

</script>

Данные

Объект data

Содержит в себе вопросы, выводы и точку входа. Объект data передается в конструктор.

Простой пример:

var data = {
  'entry': 'Do you like red colour?',
  
  'questions': {
    'Do you like red colour?': {
      'answers': {
        'Yep, I like it!': '=={{You like red colour}}',
        'Hm, I\'m not sure..': '=>{{Do you like green colour?}}'
      }
    },
    'Do you like green colour?': {
      'answers': { 
        'Yay, of course!': '=={{You like green colour}}',
        'Nope :(': '=={{You bore me}}'
      }
    }
  },
  
  'conclusions': {
    'You like red colour': {},
    'You like green colour': {},
    'You bore me': {}
  }
};

Более сложный пример:

var data = {
  'entry': 'red',
  
  'questions': {
    'red': {
      'representation': '<h1>Do you like red colour?</h1>',
      'answers': {
        'Yep, I like it!': '=={{c-red}}',
        'Hm, I\'m not sure..': '=>{{q-green}}'
      }
    },
    'q-green': {
      'representation': '<h1>Do you like green colour?</h1>',
      'answers': { 
        'Yay, of course!': '=={{green-c}}',
        'Nope :(': '=={{bore-me}}'
      }
    }
  },
  
  'conclusions': {
    'c-red': {
      'representation': '<h1>You like red colour</h1><h4>It\'s a good choice!</h4>'
    },
    'green-c': {
      'representation': '<h1>You like green colour</h1><h4>It\'s a really good choice!</h4>'
    },
    'bore-me': {
      'representation': '<h1>You bore me</h1><h4>...to tears</h4>'
    }
  }
};

Шаблоны-указатели

Позволяют ссылаться на другие вопросы или выводы.

=>{{item-in-questions}} - указывает на объект в questions c именем item-in-questions
=={{item-in-conclusions}} - указывает на объект в conclusions c именем item-in-conclusions

API

Cвойства:

#####current.id {String} Идентификатор ноды в объекте questions или conclusions.

#####current.answers {Array} Массив вариантов ответов. Доступно только если current.isQuestion === true.

#####current.isQuestion {Boolean} Тип ноды: равно true, если нода является вопросом и false, если выводом.

#####current.representation {String} UI-представление вопроса. Идеально подходит для интеграции с UI. Доступно только если было явно указано для ноды в объекте data при создании экземпляра класса.

### Методы:

#####next(answer) Перемещает current к следующей ноде, основываясь на переданном аргументом ответе.

Аргументы:
answer {String} - один из вариантов ответов на вопрос. Список доступных ответов можно получить с помощью свойства current.answers