/*

  This Source Code Form is subject to the terms of the Mozilla Public

  License, v. 2.0. If a copy of the MPL was not distributed with this

  file, You can obtain one at http://mozilla.org/MPL/2.0/.

	Copyright (C) 2012 Prince Samuel <prince.samuel@gmail.com>

*/

ko.bindingHandlers.treeTable = {

  update: function(element, valueAccessor, allBindingsAccessor) {

    var dependency = ko.utils.unwrapObservable(valueAccessor()),

    options = ko.toJS(allBindingsAccessor().treeOptions || {});

    setTimeout(function() { $(element).treeTable(options); }, 0);

  } 

};

var node = function(config, parent) {

  this.parent = parent;

  var _this = this;

  var mappingOptions = {

    Children : {

      create: function(args) {

        return new node(args.data, _this);

      }

      ,

      key: function(data) {

        return ko.utils.unwrapObservable(data.id);

      }

    }

  };

  ko.mapping.fromJS(config, mappingOptions, this);

}

$(function(){

  $.getJSON('data.json', function(data) {

    viewModel = new node(data, undefined);

    (function() {

      function flattenChildren(children, result) {

        ko.utils.arrayForEach(children(), function(child) {

          result.push(child);

          if (child.Children) {

            flattenChildren(child.Children, result);

          }

        });

      }

      viewModel.flattened = ko.dependentObservable(function() {

        var result = []; //root node

        if (viewModel.Children) {

          flattenChildren(viewModel.Children, result);   

        }

        return result;

      });

      viewModel.update = function() {

        $.getJSON('data.json', function(data) {

          ko.mapping.fromJS(data, {}, viewModel);

        });

      }

      viewModel.rate = 3000; //milliseconds

      viewModel.timer = {};

      viewModel.startAuto = function (){

        viewModel.timer = setInterval(viewModel.update, viewModel.rate);

      }

      viewModel.stopAuto = function (){

        clearInterval(viewModel.timer);

      }

      viewModel.auto_refresh = ko.observable(false);

      viewModel.toggleAuto = ko.dependentObservable(function() {

        if (viewModel.auto_refresh())

          viewModel.startAuto();

        else

          viewModel.stopAuto();

      }, viewModel);

    })();

    ko.applyBindings(viewModel);

    $("#tree").treeTable({

      initialState: "expanded",

      clickableNodeNames: true

    });

  });

  $( "#refresh" ).button();

  $( "#auto_refresh" ).button();

  $( "#slider" ).slider({

    value:3,

    min: 1,

    max: 10,

    slide: function( event, ui ) {

      viewModel.rate = ui.value * 1000;

      if (viewModel.auto_refresh()) {

        //reset the timer

        viewModel.stopAuto();

        viewModel.startAuto();

      }

      $( "#lbl" ).text( ui.value + "s");

    }

  });

  $( "#lbl" ).text( $( "#slider" ).slider( "value" ) + "s");

});