https://product.statnano.com//includes/templates/global/message/message.js

1$(function() {
2	// Close Message Dialog box
3	$('body').on('click', '.g-message .close_btn', function(e) 
4	{
5		e.preventDefault();
6		close_global_message($(this).parents('.g-message').attr('id'));
7	})
8
9	$('body').on('click', '#g-message-overlay', function(e) 
10	{
11		e.preventDefault();
12		close_global_message();
13	})
14})
15
16// ERROR MESSAGE BOX
17var global_message = function(params)
18{
19	var defaults = {
20		type : 'error',
21		message : 'خطا در تبادل اطلاعات با سرور',
22		timeout : 10000,
23		pos : 'rightTop',
24		useCss : false,
25		close : false,
26		button : false,
27		width : false,
28		overlay : false
29	}
30
31	var opt = $.extend(true, defaults, params);
32	var instance_id = $.now();
33
34	if ($('body').find('#g_message_holder').length <= 0)
35		$('body').append('<div id="g_message_holder"></div>');
36
37	var holder = $('body').find('#g_message_holder');
38	if (typeof message_global_pos != "undefined") opt['pos'] = message_global_pos;
39	holder.attr('pos',opt['pos']);
40
41	$message_item = $('<div class="flex g-message fadescale '+opt['type']+'" id="'+instance_id+'"><div class="content col1"></div><div class="action col0"></div></div>');
42	
43	if (opt['close'])
44		$message_item.append('<div class="close_btn col0"><i mticon>&#xe5cd;</i></div>');
45
46	if (opt['button'])
47	{
48		if ($.isArray(opt['button']))
49		{
50			$.each(opt['button'], function(i,v) 
51			{
52				$message_item.find('.action').append('<button data-name="'+v['name']+'" id="'+v['action']+'">'+v['title']+'</button>');
53			})
54		}
55		else
56		$message_item.find('.action').append('<button data-name="'+opt['button']['name']+'" id="'+opt['button']['action']+'">'+opt['button']['title']+'</button>');
57	}
58
59	switch (opt['type'])
60	{
61		case 'error':
62		case 'success':
63		case 'warning':
64			$message_item.find('.content').html(opt['message']);
65		break;
66
67		case 'code':
68			opt['close'] = false;
69			$message_item.addClass('g-code');
70			$message_item.find('.content').html('<pre>'+opt['message']+'</pre>');
71		break;
72
73		case 'notify':
74			opt['close'] = true;
75			opt['timeout'] = false;
76			$message_item.addClass('g-notify');
77			$message_item.find('.content').html(opt['message']);
78		break;
79
80		case 'notify_timeout':
81			opt['close'] = false;
82			opt['timeout'] = 5000;
83			$message_item.addClass('g-notify');
84			$message_item.find('.content').html(opt['message']);
85		break;
86
87		case 'mail':
88			opt['close'] = true;
89			opt['timeout'] = false;
90			$message_item.addClass('g-mail');
91			$message_item.find('.content').html(opt['message']);
92		break;
93
94		case 'confirm':
95		break;
96
97		case 'form':
98			$message_item.addClass('g-form');
99			$message_item.find('.content').html(opt['message']);
100		break;
101	}
102
103
104	holder.append($message_item);
105	setTimeout(function() {
106		$('body').find('.g-message#'+instance_id).addClass('animated');
107	}, 100);
108	
109	if (opt['timeout'])
110		{
111			$('body').find('.g-message#'+instance_id).data('timeout', setTimeout(function() 
112				{
113					close_global_message(instance_id);
114				}, opt['timeout']));
115		}
116
117	if (opt['width'])
118		{
119			$('body').find('.g-message#'+instance_id).css({'width' : opt.width})
120		}
121
122	if (opt['overlay'])
123		{
124			$('body').append('<div id="g-message-overlay"></div>');
125		}
126}
127
128var close_global_message = function(data) 
129{
130	if (data !== undefined)
131		var message_item = $('body').find('.g-message#'+data);
132	else
133		var message_item = $('body').find('.g-message');
134
135	clearTimeout(message_item.data('timout'));
136	message_item.removeClass('animated');
137	setTimeout(function() 
138		{
139			message_item.remove();
140			$('body').find('#g-message-overlay').remove();
141		}, 300)
142}