'use strict';

define([
	'underscore', 'react', 'socketio', 'dataio', 'jquery'
], function(
	_, React, socketio, dataio, $
) {
	var connect = dataio(socketio.connect());

	var projects = connect.resource('projects');
	var builds = connect.resource('builds');

	var projectsTemplate = _($('#projects-template').html()).template();
	$('#content').on('click', '.js-projects .js-run', function() {
		var projectName = $(this).parent('.js-project').data('name');
		projects.sync('run', {projectName: projectName}, function(err, result) {
			$('#content').append(
				(err && err.message)
			);
		});
	});

	projects.sync('read', function(err, projects) {
		$('#content').html(
			(err && err.message) ||
			projectsTemplate({projects: projects})
		);
	});

	builds.subscribe(function(data, action) {
		$('#content').append(
			action.action + ': ' + JSON.stringify(data) + '<br>'
		);
		if (action.action === 'create') {
			var name = 'build' + data.id;
			connect.resource(name).subscribe(function(data, action) {
				$('#content').append(
					'<br>' + name + ': ' + data + '<br>'
				);
			});
		}
	});
});