Context Navigation

source: trunk/prototype/modules/mail/js/label.js @ 6013

Revision 6013, 18.5 KB checked in by marcieli, 12 years ago (diff)
Ticket #2633 - Ao atualizar marcador, não é necessário controlar limite de slot.
Property svn:executable set to ``*

Rev	Line
[6013]	1	function msgCallback(msg){
	2	switch(msg){
	3	case '#LabelNameError':
	4	alert('Já existe um marcador com esse nome.');
	5	break;
	6	case '#LabelSlotError':
	7	alert('Atingido limite de marcadores criados.');
	8	break;
	9	default:
	10	alert('Ocorreu um erro ao salvar o Marcador');
	11	}
	12	}
[5547]	13	function configureLabel(event, ui){
	14	var idmarkernow = $(this).find('[name="labelItemId"]').val();
	15	winElement.find('.edit-label').val(idmarkernow);
	16	winElement.find('.input-nome').val($(this).find("span").text());
	17
	18	var colorpicker = winElement.find('.lebals-colorpicker');
	19	colorpicker.find('input[name="backgroundColor"]').val(rgb2hex($(this).css("backgroundColor")))
	20	.css("background-color", $(this).css("backgroundColor")).focus().end()
	21	.find('input[name="fontColor"]').val(rgb2hex($(this).css("color"))).css("background-color", $(this).css("color")).focus().end()
	22	.find('input[name="borderColor"]').val(rgb2hex($(this).css("border-left-color"))).css("background-color", $(this).css("border-left-color")).focus().end()
	23	.find('.preview-label-outer').css({
	24	'background-color':$(this).css("backgroundColor"),
	25	'color':$(this).css("color"),
	26	'border-color':$(this).css("border-left-color")
	27	})
	28	winElement.find(".preview-label-inner").text($(this).text());
	29	}
[5564]	30
[5643]	31	function editLabel(data){
[5537]	32	var conteudoSpan = $(this).parent().find(".text-list").text();
	33	var span = $(this).parent().find(".text-list");
	34	$(this).parent().trigger('click').unbind('click', configureLabel).find("span.text-list")
[5603]	35	.html('<input name="edit-value-list" class="edit-value-list" type="text" maxlength="18" value="'+conteudoSpan+'">').find("input[name='edit-value-list']").keydown(function(event){
[5537]	36	event.stopPropagation();
	37	$("input.edit-value-list").keyup(function () {
	38	var value = $(this).val();
	39	winElement.find('.input-nome').val(value);
	40	}).keyup();
	41	if(event.keyCode == 13){
[5603]	42	event.preventDefault();
	43	var nameLabel = $(".label-list").find(".edit-value-list").val();
[5899]	44	$(span).html(conteudoSpan)
	45	.parent().find('.edit').css("display","").parents("li").click(configureLabel);
[5643]	46	save_editLabel(nameLabel, data.applyToSelectedMessages);
[5537]	47	}else if( event.keyCode == 27){
	48	$(this).trigger("focusout");
	49	}
	50	}).focusout(function(){
	51	$(span).html(conteudoSpan)
[5713]	52	.parent().find('.edit').css("display","").parents("li").click(configureLabel);
[5537]	53	}).focus();
[5713]	54	$(this).hide();
[5537]	55	}
[5566]	56
[5537]	57	function deleteLabel(event){
	58	var id = $(this).parents(".label-item").attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/)[1];
[5820]	59	var nameLabel = winElement.find(".input-nome").val();
	60	confirmDelete(id, nameLabel);
[5537]	61	event.stopImmediatePropagation();
	62	}
[5564]	63
	64	function colors_suggestions(){
	65	return [
	66	{name:'Padrão', border:'#3366cc', font:'#ffffff', background:'#3366cc'},
	67	{name:'Coala', border:'#123456', font:'#ffffff', background:'#385c80'},
	68	{name:'Tomate', border:'#d5130b', font:'#111111', background:'#e36d76'},
	69	{name:'Limão', border:'#32ed21', font:'#1f3f1c', background:'#b2f1ac'},
	70	{name:'Alto contraste', border:'#000000', font:'#ffffff', background:'#222222'}
	71	]
	72	}
[5566]	73
[5690]	74	function rgb2hex(rgb){
	75	if(!!(rgb = rgb.match(/^rgb\((\d+),\s(\d+),\s(\d+)\)$/))){
	76	return "#" +
	77	("0" + parseInt(rgb[1],10).toString(16)).slice(-2) +
	78	("0" + parseInt(rgb[2],10).toString(16)).slice(-2) +
	79	("0" + parseInt(rgb[3],10).toString(16)).slice(-2);
	80	}else{
	81	return rgb;
	82	}
[5564]	83	}
	84
[5586]	85	function updateMessageLabels(idLabel){
	86	var msgsReference = DataLayer.get('labeled', {filter: ['=', 'labelId', ''+idLabel]}, true);
	87	for(var i = 0; i < msgsReference.length; i++){
	88	updateLabelsColumn({msg_number: msgsReference[i].messageNumber, boxname: msgsReference[i].folderName});
	89	}
	90	}
	91
[5820]	92	function confirmDelete(id,nameLabel){
[5824]	93	$.Zebra_Dialog('Deseja excluir esse marcador <strong>'+nameLabel+'</strong> das conversas que está relacionado e excluí-lo sem remover as conversas?', {
[5564]	94	'type': 'question',
[5713]	95	'custom_class': (is_ie ? 'configure-zebra-dialog' : ''),
[5564]	96	'title': 'Atenção',
[5713]	97	'buttons': ['Sim','Não'],
[5586]	98	'overlay_opacity': '0.5',
[5564]	99	'onClose': function(caption) {
	100	if(caption == 'Sim'){
	101	delete_label(id);
	102	}
	103	}
	104	});
[5713]	105	if(is_ie)
	106	$(".ZebraDialogOverlay").css("z-index","1006");
[5566]	107	}
	108
[5625]	109	function save_editLabel(nameLabel, apply){
[5606]	110
	111	var lengthSpace = $.trim(nameLabel);
	112
[5789]	113	if(lengthSpace.length >= 2){
[5603]	114	var qtdLi = $(".label-list-container ul").find("li").not(".empty-item").length;
	115	// salvar marcador
	116	if(qtdLi > 0){
	117	$(".save-label").button("disable");
	118	var labelEdited = {
	119	id : winElement.find(".edit-label").val(),
	120	uid: User.me.id,
[5890]	121	name : winElement.find('.input-nome').val().trim(),
[5603]	122	backgroundColor : winElement.find("input[name='backgroundColor']").val(),
	123	fontColor : winElement.find("input[name='fontColor']").val(),
	124	borderColor : winElement.find("input[name='borderColor']").val()
	125	}
	126	DataLayer.put('label', labelEdited.id, labelEdited);
[5881]	127	DataLayer.commit(false, false, function(data){
	128	var hasLabel = true;
[5909]	129	$.each(data, function(index, value) {
	130	if(typeof value == 'object'){
	131	hasLabel = false;
[5881]	132	}
[5909]	133	else {
	134	hasLabel = value;
	135	}
	136	});
	137
	138	if(typeof data[0] == 'object'){
	139	hasLabel = false;
	140	}
[5881]	141	if(!hasLabel){
[5892]	142	$(".label-list-container .label-list li").each(function(){
	143	var regex_match_2 = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/);
	144
	145	if(regex_match_2 && regex_match_2[1] && regex_match_2[1] == labelEdited.id){
	146	$(this).html("<input type='hidden' name='labelItemId' class='id-item-list' value='"+labelEdited.id+"'>"+"<span class='text-list'>"+labelEdited.name+"</span><div class='button close tiny' style='float: right'></div><div class='button edit tiny' style='float: right'></div>").css({
	147	"background" : labelEdited.backgroundColor,
	148	"color" : labelEdited.fontColor,
	149	"border-color" : labelEdited.borderColor
	150	});
	151	$(this).trigger('click');
	152	}
	153	});
	154
	155	$("#MyMarckersList .label-list li").each(function(){
	156	var regex_match_2 = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/);
	157
	158	if(regex_match_2 && regex_match_2[1] && regex_match_2[1] == labelEdited.id){
	159	$(this).html("<input type='hidden' name='labelItemId' class='id-item-list' value='"+labelEdited.id+"'>"+"<span>"+labelEdited.name+"</span>");
	160	$(this).find(".square-color").css('background', labelEdited.backgroundColor);
	161	}
	162	});
	163
[5881]	164	winElement.find(".insert-label").val("");
	165	$.Watermark.ShowAll();
	166
	167	$(".label-list-container .label-list li").find('.button').button()
	168	.filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end()
	169	.filter('.close').button({icons:{primary:'ui-icon-close'}, text:false});
	170
	171	winElement.find('.edit').unbind("click").click(editLabel);
	172	winElement.find('.close').click(deleteLabel);
	173
	174	draw_tree_labels();
	175	updateMessageLabels(labelEdited.id);
[5892]	176
[5881]	177	/**
	178	* Atualiza menu remove o menu presente em cada mensagem listada em uma pasta
	179	* e carrega novamente para que os dados sejam atualizados
	180	*/
	181	$.contextMenu( 'destroy', ".table_box tbody tr");
	182	loadMenu();
	183	}else{
[6013]	184	msgCallback(hasLabel);
[5881]	185	}
[5899]	186
	187	$(".add-label-button").empty()
	188	.addClass("ui-icon ui-icon-plus");
	189	winElement.find('.input-nome').val("").focus;
[5603]	190	});
	191	// criar marcador
	192	} else {
	193	var nameLabel = winElement.find(".input-nome").val();
[5625]	194	new_label(nameLabel, false, apply);
[5677]	195	$.Watermark.ShowAll();
	196	$(".save-label").button("disable");
[5566]	197	}
[5899]	198	//$(".label-list-container .label-list").find(".label-item-"+labelEdited.id).trigger("click");
[5603]	199	} else {
[5789]	200	alert("Mínimo 2 caracteres");
[5603]	201	}
[5554]	202	}
[5566]	203
[5537]	204	function delete_label(id){
	205	$(".label-list li").each(function () {
	206	var regex_match = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/);
	207	if (regex_match && regex_match[1] && regex_match[1] == id) {
	208	$(this).remove();
	209	}
	210	});
[5586]	211
[5537]	212	DataLayer.remove('label', id);
[5586]	213	DataLayer.commit(false, false, function(data){
	214	$.contextMenu( 'destroy', ".table_box tbody tr");
	215	loadMenu();
	216	updateMessageLabels(id);
	217	});
[5537]	218	winElement.find(".label-list li:first").trigger("click");
	219
	220	if($(".label-list li").length == 0){
[5675]	221	winElement.find(".label-list-container").html('<ul class="label-list"><li class="empty-item">'+get_lang("No labels found.")+'.</li></ul>');
	222	$(".save-label").button("disable");
	223	}
[5537]	224	var qtdLi = $(".label-list-container ul").find("li").not(".empty-item").length;
	225	if (qtdLi == 0){
[5713]	226	$(".my-labels").hide();
[5537]	227	$(".label-list-container ul").find(".empty-item").css("display","");
	228	winElement.find(".buttons .save-label .ui-button-text").text('Criar');
	229	$(".delete-label").button("disable");
[5675]	230	$(".save-label").button("disable");
[5537]	231
	232	winElement.find('.input-nome').val("");
	233	winElement.find(".preview-label-inner").text("");
	234
	235	var colorpicker = winElement.find('.lebals-colorpicker');
	236	colorpicker.find('input[name="backgroundColor"]').val("#ebebeb")
	237	.css("background-color", "#ebebeb").focus().end()
	238	.find('input[name="fontColor"]').val("#000000").css("background-color", "#000000").focus().end()
	239	.find('input[name="borderColor"]').val("#000000").css("background-color", "#000000").focus().end()
	240	.find('.preview-label-outer').css({
	241	'background-color':"#ebebeb",
	242	'color':"#000000",
	243	'border-color':"#000000"
	244	});
	245	$(".input-nome").keyup(function () {
	246	var value = $(this).val();
	247	winElement.find('.preview-label-inner').text(value);
	248	}).keyup();
[5675]	249	}
[5537]	250	}
[5566]	251
[5625]	252	function new_label(nameLabel, isNew, apply){
[5537]	253	var labelCreated = {
	254	uid: User.me.id,
[5890]	255	name : nameLabel.trim(),
[5547]	256	backgroundColor : !!isNew ? '#ebebeb' : winElement.find("input[name='backgroundColor']").val(),
	257	fontColor : !!isNew ? '#000000' : winElement.find("input[name='fontColor']").val(),
	258	borderColor :!!isNew ? '#000000' : winElement.find("input[name='borderColor']").val()
[5537]	259	}
	260	DataLayer.put('label', labelCreated);
	261
	262	$(".add-label-button").removeClass("ui-icon ui-icon-plus")
	263	.html('<img alt="Carregando" title="Carregando" style="margin-left:10px;" src="../prototype/modules/mail/img/loader.gif" />');
	264
[5881]	265	DataLayer.commit(false, false, function(data){
[5909]	266	var hasLabel = true;
	267	$.each(data, function(index, value) {
	268	if(typeof value == 'object'){
[5881]	269	hasLabel = false;
[5909]	270	}else{
	271	hasLabel = value;
	272	}
	273	});
[5881]	274	if(!hasLabel){
	275	labels = DataLayer.get('label',{criteria:{order: 'id'}}, true);
	276	newLabel = {
	277	id: labels[labels.length - 1].id,
	278	name : labels[labels.length- 1].name,
	279	uid: User.me.id,
	280	bgColor : !!isNew ? '#ebebeb' : winElement.find("input[name='backgroundColor']").val(),
	281	fontColor : !!isNew ? '#000000' : winElement.find("input[name='fontColor']").val(),
	282	borderColor : !!isNew ? '#000000' : winElement.find("input[name='borderColor']").val()
	283
	284	};
[5625]	285
[5881]	286	/** Marca as mensagens selecionadas com o marcador criado*/
	287	if(apply){
	288	labeledMessages(newLabel.id)
	289	}
	290
	291	$(".label-list-container ul").find(".empty-item").css("display","none");
	292	$(".label-list-container ul")
	293	.prepend(DataLayer.render("../prototype/modules/mail/templates/label_listitem.ejs", newLabel))
	294	.find("li:first")
	295	.fadeIn("slow").click(configureLabel);
	296
	297	draw_tree_labels();
[5537]	298
[5881]	299	$(".label-list-container .label-list li").not(".empty-item").click(function(){
	300	$(".label-list-container .label-list li").find("img").remove();
	301	$(".label-list-container .label-list li.label-item").removeClass("selected");
	302	$(this).prepend("<img src='../prototype/modules/mail/img/triangle.png' style='margin: 0 5px 0 -5px;'>");
	303	$(this).addClass("selected");
	304	});
	305
	306	$(".label-list-container .label-list li").find('.button').button()
	307	.filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end()
	308	.filter('.close').button({icons:{primary:'ui-icon-close'}, text:false});
	309
	310	//posiciona para edição o label inserido
	311	winElement.find("ul.label-list li:first").trigger("click");
	312	winElement.find(".buttons .save-label .ui-button-text").text('Salvar');
	313	$(".delete-label").button("enable");
	314
	315	winElement.find('.edit').unbind("click").click(editLabel);
	316	winElement.find('.close').click(deleteLabel);
	317
	318	$(".my-labels").show();
	319
	320	$.contextMenu( 'destroy', ".table_box tbody tr");
	321	loadMenu();
	322
	323	$(".add-label-button").empty()
	324	.addClass("ui-icon ui-icon-plus");
	325	}else{
	326	$(".add-label-button").empty()
	327	.addClass("ui-icon ui-icon-plus");
[6013]	328	msgCallback(hasLabel);
[5881]	329	}
[5537]	330	});
	331	}
[5566]	332
[5533]	333	function init_label(data){
	334
	335	winElement = data.window;
[5547]	336
[5533]	337	//TODO Mudar quando API abstrair atualizações no cache
	338	DataLayer.remove('label',false);
	339	labels = DataLayer.get('label',{criteria:{order: 'name'}});
	340
	341	if(labels){
	342	Label_List = winElement
	343	.find(".label-list-container").html(DataLayer.render("../prototype/modules/mail/templates/label_list.ejs", {labels: labels}));
	344
	345	}else{
[5537]	346	//Exibe a mensagem informando o usuário de que não há nenhum marcador cadastrado.
[5533]	347	Label_List = winElement
[5586]	348	.find(".label-list-container").html('<ul class="label-list"><li class="empty-item">'+get_lang("No labels found.")+'.</li></ul>');
[5533]	349
	350	}
	351	Label_List.end()
	352	.find('.button').button()
	353	.filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end()
	354	.filter('.close').button({icons:{primary:'ui-icon-close'}, text:false});
	355
	356	winElement.find('.edit').click(editLabel);
[5537]	357	winElement.find('.close').click(deleteLabel);
[5533]	358
[5537]	359	//marca 'd agua
[5533]	360	winElement.find(".insert-label").Watermark(winElement.find(".insert-label").val());
	361
	362	$("input.insert-label").keyup(function () {
	363	$.Watermark.HideAll();
	364	var value = $(this).val();
	365	winElement.find('.input-nome').val(value);
	366	}).keyup();
	367
	368	if (!(labels)){
	369	winElement.find(".buttons .save-label .ui-button-text").text('Criar');
	370	$(".delete-label").button("disable");
	371	}else{
	372	winElement.find(".label-list li:first").addClass("selected").prepend("<img src='../prototype/modules/mail/img/triangle.png' style='margin: 0 5px 0 -5px;'>");
	373	}
	374	$(".save-label").button("disable");
	375	/**
	376	* seta a ação de click para os marcadores listados na tela
	377	*/
	378	winElement.find(".label-list li").not(".empty-item").click(configureLabel);
	379
	380	if (data.selectedItem)
	381	winElement.find(".label-list li.label-item-"+data.selectedItem).trigger("click");
	382	else
	383	winElement.find(".label-list li:first").trigger("click");
	384
	385	var dataColorPicker = {
	386	colorsSuggestions: colors_suggestions()
	387	};
	388
	389	winElement.find('select.color-suggestions').change(function() {
	390	$(".save-label").button("enable");
	391	var colorpicker = winElement.find('.lebals-colorpicker');
	392	var colors;
	393	if(colors = dataColorPicker.colorsSuggestions[$(this).val()]) {
	394	colorpicker
	395	.find('input[name="fontColor"]').val(colors.font).focus().end()
	396	.find('input[name="backgroundColor"]').val(colors.background).focus().end()
	397	.find('input[name="borderColor"]').val(colors.border).focus().end()
	398
	399	.find('.preview-label-outer').css({
	400	'background-color':dataColorPicker.colorsSuggestions[$(this).val()].background,
	401	'border-color':dataColorPicker.colorsSuggestions[$(this).val()].border,
	402	'color':dataColorPicker.colorsSuggestions[$(this).val()].font
	403	});
	404	}
	405	});
	406	var colorpickerPreviewChange = function(color) {
	407
	408	var pickedup = winElement.find('.colorwell-selected').val(color).css('background-color', color);
	409
	410	$(".save-label").button("enable");
	411
	412	var colorpicker = winElement.find('.lebals-colorpicker');
	413
	414	if (pickedup.is('input[name="backgroundColor"]')) {
	415	colorpicker.find('.preview-label-outer').css('background-color',color);
	416	} else if (pickedup.is('input[name="fontColor"]')) {
	417	colorpicker.find('.preview-label-outer').css('color',color);
	418	} else if (pickedup.is('input[name="borderColor"]')) {
	419	colorpicker.find('.preview-label-outer').css('border-color',color);
	420	}
	421	}
	422
	423	var f = $.farbtastic(winElement.find('.colorpicker'), colorpickerPreviewChange);
	424	var selected;
	425
	426	winElement.find('.colorwell').each(function () {
	427	f.linkTo(this);
	428	})
	429	.focus(function() {
	430	if (selected) {
	431	$(selected).removeClass('colorwell-selected');
	432	}
	433	$(selected = this).addClass('colorwell-selected');
	434	f.linkTo(this, colorpickerPreviewChange);
	435	f.linkTo(colorpickerPreviewChange);
	436	});
	437
	438	winElement.find(".add-label-button").click(function (event) {
	439	$.Watermark.HideAll();
[5537]	440	var nameLabel = winElement.find(".insert-label").val();
[5607]	441
	442	var lengthSpace = $.trim(nameLabel);
	443
[5789]	444	if(lengthSpace.length >= 2){
[5625]	445	new_label(nameLabel, true, data.applyToSelectedMessages);
[5537]	446	$.Watermark.ShowAll();
	447	winElement.find(".insert-label").val("");
[5533]	448	} else {
[5789]	449	alert("Mínimo 2 caracteres");
[5533]	450	}
	451	event.stopImmediatePropagation();
	452	});
	453
	454	winElement.find('.insert-label').keydown(function(event, ui) {
	455	if (event.keyCode == 13)
	456	winElement.find(".add-label-button").trigger('click');
	457	});
[5537]	458
[5533]	459	//excluir marcador {deve ser para o botão grande na janela de edição e nao o pequeno da lista}
	460	winElement.find(".buttons .delete-label").click(function(event){
[5586]	461	var id = winElement.find(".edit-label").val();
[5820]	462	var nameLabel = winElement.find(".input-nome").val();
	463	confirmDelete(id, nameLabel);
[5533]	464	event.stopImmediatePropagation();
	465	});
[5537]	466
[5533]	467	$(".label-list-container .label-list li").not(".empty-item").click(function(){
	468	$(".label-list-container .label-list li").find("img").remove();
	469	$(".label-list-container .label-list li.label-item").removeClass("selected");
	470	$(this).prepend("<img src='../prototype/modules/mail/img/triangle.png' style='margin: 0 5px 0 -5px;'>");
	471	$(this).addClass("selected");
	472	});
	473
	474	//salvar/criar marcador
[5564]	475	winElement.find(".buttons .save-label").click(function(){
[5603]	476	var nameLabel = winElement.find(".input-nome").val();
[5625]	477	save_editLabel(nameLabel, data.applyToSelectedMessages);
[5564]	478	});
[5533]	479	//desfazer marcador
	480	winElement.find(".buttons .undo-label").click(function(event){
	481	var edit = winElement.find(".edit-label").val();
	482	$(".label-list-container .label-list li").each(function(){
	483	var regex_match_3 = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/);
	484	if(regex_match_3 && regex_match_3[1] && regex_match_3[1] == edit){
	485	$(this).trigger("click");
	486	}
	487	});
	488	});
	489
	490	//fechar
	491	$(".button-close-window .close-window").click(function(){
	492	$(".label-configure-win").dialog("close");
[5643]	493	});
[5533]	494
[5643]	495	winElement.find(':input').change(function(event){
[5673]	496	if (event.keyCode != '27' && event.keyCode != '13' && !$(event.target).is(".edit-value-list") && !$(event.target).is(".insert-label") )
[5643]	497	winElement.find(".save-label").button("enable");
	498	}).keydown(function(event){
[5673]	499	if (event.keyCode != '27' && event.keyCode != '13' && !$(event.target).is(".edit-value-list") && !$(event.target).is(".insert-label"))
[5643]	500	winElement.find(".save-label").button("enable");
	501	});
	502
[5533]	503	$(".input-nome").keyup(function () {
	504	var value = $(this).val();
	505	winElement.find('.preview-label-inner').text(value);
[5537]	506	}).keyup();
[5713]	507	}

Note: See TracBrowser for help on using the repository browser.

Download in other formats: