ScoDoc/static/js/etud_debouche.js

139 lines
4.6 KiB
JavaScript
Raw Permalink Normal View History

2020-09-26 16:19:37 +02:00
// 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);
}