// Cadre "debouchés" sur fiche etudiant
// affichage et saisie des informations sur l'avenir de l'étudiant.

// console.log('etud_debouche.js loaded');

$(function() {
    display_itemsuivis(false);
});


function display_itemsuivis(active) {
    var etudid = $('div#fichedebouche').data("etudid");
    var readonly = $('div#fichedebouche').data('readonly'); // present ro interface
    
    if (!readonly) {
	$('#adddebouchelink').off("click").click(function(e){
	    e.preventDefault();
	    $.post( "itemsuivi_create", { etudid: etudid, format:'json' } ).done( item_insert_new );
	
	    return false;
	});
    }
    // add existing items
    $.get( 'itemsuivi_list_etud', { etudid: etudid, format: 'json' }, function(L) {
	for (var i in L) {
	    item_insert( L[i]['itemsuivi_id'], L[i]['item_date'], L[i]['situation'], L[i]['tags'], readonly );
	}
    });

    $( "div#fichedebouche" ).accordion( {
	heightStyle: "content",
	collapsible: true,
	active: active,
    });
}

function item_insert_new( it ) {
    item_insert( it.itemsuivi_id, it.item_date, it.situation, '', false );
}

function item_insert( itemsuivi_id, item_date, situation, tags, readonly ) {
    if ( item_date === undefined )
	item_date = Date2DMY(new Date());
    if ( situation === undefined )
	situation = '';
    if ( tags === undefined )
	tags = '';

    var nodes = item_nodes(itemsuivi_id, item_date, situation, tags, readonly);
    // insert just before last li:
    if ($('ul.listdebouches li.adddebouche').length > 0) {
	$('ul.listdebouches').children(':last').before(nodes);
    } else {
	// mode readonly, pas de li "ajouter"
	$('ul.listdebouches').append(nodes);
    }
};

function item_nodes(itemsuivi_id, item_date, situation, tags, readonly) {
    // console.log('item_nodes: itemsuivi_id=' + itemsuivi_id);
    var sel_mois = 'Situation à la date du <input type="text" class="itemsuividatepicker" size="10" value="' + item_date + '"/><span class="itemsuivi_suppress" onclick="itemsuivi_suppress(\''+itemsuivi_id+'\')"><img width="10" height="9" border="0" title="" alt="supprimer cet item" src="/ScoDoc/static/icons/delete_small_img.png"/></span>';
    
    var h = sel_mois;
    // situation
    h += '<div class="itemsituation editable" data-type="textarea" data-url="itemsuivi_set_situation" data-placeholder="<em>décrire situation...</em>" data-object="' + itemsuivi_id + '">' + situation + '</div>';
    // tags:
    h += '<div class="itemsuivi_tag_edit"><textarea class="itemsuivi_tag_editor">' + tags + '</textarea></div>';
    
    var nodes = $($.parseHTML( '<li class="itemsuivi">' + h + '</li>' ));
    var dp = nodes.find('.itemsuividatepicker');
    dp.blur( function(e) {
	var date = this.value;
	// console.log('selected text: ' + date);
	$.post( "itemsuivi_set_date", { item_date: date, itemsuivi_id: itemsuivi_id  } );
    });
    dp.datepicker({
	onSelect: function(date, instance) {
	    // console.log('selected: ' + date + 'for itemsuivi_id ' + itemsuivi_id);
	    $.post( "itemsuivi_set_date", { item_date: date, itemsuivi_id: itemsuivi_id  } );
	},
	showOn: 'button', 
        buttonImage: '/ScoDoc/static/icons/calendar_img.png', 
        buttonImageOnly: true,
        dateFormat: 'dd/mm/yy',   
        duration : 'fast',
	disabled: readonly
    });
    dp.datepicker('option', $.extend({showMonthAfterYear: false},
                                     $.datepicker.regional['fr']));
    
    if (readonly) {
	// show tags read-only
	readOnlyTags(nodes.find('.itemsuivi_tag_editor'));
    }
    else {
	// bind tag editor
	nodes.find('.itemsuivi_tag_editor').tagEditor({
            initialTags: '',	
            placeholder: 'Tags...',
            onChange: function(field, editor, tags) {
		$.post('itemsuivi_tag_set', 
                       {
			   itemsuivi_id: itemsuivi_id,
			   taglist: tags.join()
                       });
            },
            autocomplete: {
		delay: 200, // ms before suggest
		position: { collision: 'flip' }, // automatic menu position up/down
		source: "itemsuivi_tag_search"
            },
	});

	// bind inplace editor
	nodes.find('div.itemsituation').jinplace();
    }
    
    return nodes;
};

function Date2DMY(date) {
  var year = date.getFullYear();

  var month = (1 + date.getMonth()).toString();
  month = month.length > 1 ? month : '0' + month;

  var day = date.getDate().toString();
  day = day.length > 1 ? day : '0' + day;
  
  return day + '/' + month + '/' + year;
}

function itemsuivi_suppress(itemsuivi_id) {
    $.post( "itemsuivi_suppress", { itemsuivi_id: itemsuivi_id } );
    // Clear items and rebuild:
    $("ul.listdebouches li.itemsuivi").remove();
    display_itemsuivis(0);
}