';
$(this).append(pointer_html);
if ($('#noi_dung_huong_dan_' + dtttct).length) {
$("#noi_dung_chu_thich_" + chuthich_id).html($('#noi_dung_huong_dan_' + dtttct).html());
} else {
$.ajax({
type: 'POST',
url: '/ajax/vanban/chu-thich/',
data: {
'ndct': dtttct,
'id_ct': id_ct,
'dc_text': dc_text
},
success: function(response) {
$("#noi_dung_chu_thich_" + chuthich_id).html(response);
}
});
}
if ($('.tieu_de_dc_' + dtttct + ' span.tieu_de_dc').length) {
$("#tieu_de_dc_" + chuthich_id).html($('.tieu_de_dc_' + dtttct + ' span.tieu_de_dc').html());
}
if (!$('.row_vb_details .col-md-9').length) {
var pointy_width2 = $(window).width() - $('#box_noi_dung_vb').width() - 95;
} else {
pointy_width2 = $("#tctn-button").width() + $("#exco").width() + $(".tnpl-title").width() + $(".fa-expand").width() - 23;
}
var min_bg_num = 1;
var max_bg_num = 10;
var random_bg_num = Math.floor(Math.random() * (max_bg_num - min_bg_num + 1)) + min_bg_num;
var rnd_rgb_1 = Math.floor(Math.random() * (235 - 180)) + 180;
var rnd_rgb_2 = Math.floor(Math.random() * (230 - 170)) + 170;
var rnd_rgb_3 = Math.floor(Math.random() * (210 - 110)) + 110;
var rnd_rgb_1 = '#FBF0E1';
var rnd_rgb_2 = rnd_rgb_1;
var rnd_rgb_3 = rnd_rgb_1;
var canva_colors = new Array('', '#fff9ab', '#ffe8ba', '#edffc5', '#c8fad5', '#e7f2d0', '#dbd0f2', '#ecffc3', '#c3ffc3', '#e3e6dd', '#e7ffc3');
var canva_color = rnd_rgb_1;
$(chuthich_buble_id).css('width', $('#doc-right-col').width() - 10 + 'px');
$(chuthich_buble_id).css('left', $('#tab_noi_dung_vb').width() + 50 + "px");
$(chuthich_buble_id).css('background', rnd_rgb_1);
$('.pointer').css('height', '');
$(this).find('.pointer [ui-nav] a span').on('click', function(e) {
var $this = $(e.target),
$active, $li;
$this.is('a') || ($this = $this.closest('a'));
$li = $this.parent();
$active = $li.siblings(".active");
$li.toggleClass('active');
$active.removeClass('active');
$(this).find('.pointer').removeAttr('height');
$('.pointer').css('height', '');
//$('.pointy').trigger('pointy-refresh');
setTimeout(function() {
$(chuthich_buble_id).removeAttr('height');
$(chuthich_buble_id + ' .list_tds').css('max-height', $(window).height() + 'px');
$(chuthich_buble_id).css('height', '');
$(window).resize();
$(chuthich_buble_id).trigger('pointy-update');
}, 800);
});
}
if ($(chuthich_buble_id).length) {
$main = $(this);
$pointer = $(this).find(chuthich_buble_id);
if ($($pointer).is(":visible")) {
if (allow_close_pointy) {
$($pointer).hide();
$(this).trigger('pointy-hide');
}
} else {
$($pointer).show();
$(this).trigger('pointy-show');
$('#rightdocinfo').hide('slow');
$('#r-toc').hide('slow');
$('#download-file,a#attribute').show();
$('html,body').animate({
scrollTop: $(chuthich_buble_id).find('h3.tieu_de_dan_chieu').offset().top - 300
},
'slow');
}
data_pointy_show = $pointer.attr('data-pointy-show');
if (data_pointy_show == 'false') {
$close_link = $(chuthich_buble_id).find('i.close'),
x = $(this).offset();
this_top = x.top - 500;
$($pointer).css('top', this_top + 'px');
$('.pointer').css('z-index', '999');
$('canvas.pointy').css('z-index', '999');
$($pointer).css('z-index', '999');
$(this).closest('canvas.pointy').css('z-index', '999');
$(this).pointy({
pointer: $pointer,
defaultClass: '',
activeClass: 'pointy-active',
arrowWidth: 20,
//useOffset: true,
borderColor: '#edeee7',
backgroundColor: canva_color
});
$('.pointer *').on('click mouseover', function() {
$('.pointer').css('z-index', '1');
$(".nav-dropdown").css('left', $('#tab_noi_dung_vb').width() + 50 + "px");
$('canvas.pointy').css('z-index', '1');
$(this).closest('.pointer').css('z-index', '999');
$(this).closest('canvas.pointy').css('z-index', '999');
});
$('.pointer, .pointer *').on('click mouseover', function() {
event.stopPropagation();
});
$($close_link).click(function() {
allow_close_pointy = true;
$(this).closest('.chu_thich').click();
});
$pointer.attr('data-pointy-show', 'true');
$(this).trigger('pointy-update');
$('.pointer').css('height', '');
}
$pointer.draggable({
containment: '#view',
drag: function() {
// update pointy while dragging
$(this).trigger('pointy-update');
$(chuthich_buble_id).removeAttr('height');
$(chuthich_buble_id).css('height', '');
$(chuthich_buble_id + ' .list_tds').css('max-height', $(window).height() + 'px');
setTimeout(function() {
$(chuthich_buble_id).trigger('pointy-refresh');
}, 1000);
$(".nav-dropdown").css('left', $('#tab_noi_dung_vb').width() + 50 + "px");
}
});
}
});
//dan_chieu cho Login
$('.dan_chieu').each(function() {
$(this).removeAttr('onmouseover');
$(this).removeAttr('onmouseout');
$(this).removeAttr('data-target');
$(this).attr('id', 'rnd_' + random_string_id(20));
if (!$(this).attr('class').includes('dan_chieu_tu_dong')) {
$(this).addClass('dan_chieu_tu_dong');
}
});
$('.dan_chieu').removeAttr('data-toggle');
$('.dan_chieu').click(function() {
if ($('#ajax_tra_cuu').is(':visible')) {
$('#ajax_tra_cuu').hide();
}
var text_html = $(this).text();
dtttct = $(this).attr('data-dc');
if (this.hasAttribute('o-title')) {
tieu_de_dan_chieu = $(this).attr('o-title');
} else {
tieu_de_dan_chieu = text_html;
}
var $this_pointer = $(this).find('.pointer');
if (typeof ct_html === 'undefined') {} else {
//$('html').prepend(ct_html);
}
if (typeof danchieu_id === 'undefined') {}
danchieu_id = 'dc_' + $(this).attr('id');
dcase = $(this).attr('data-dcase');
chuthich_buble_id = '#dan_chieu_bubble_' + danchieu_id;
danchieu_id_content = '#noi_dung_td_' + danchieu_id;
$(this).find('.dan_chieu').on('click', function() {
allow_close_pointy = false;
});
if (typeof allow_close_pointy === 'undefined') {
allow_close_pointy = true;
}
if (!$(chuthich_buble_id).length) {
so_dan_chieu = $(danchieu_id_content + ' .badge-round').length;
if (so_dan_chieu == 0) {
so_dan_chieu = $(danchieu_id_content + ' .panel-default').length;
}
pointer_html = '
';
$(this).append(pointer_html);
if ($('#noi_dung_huong_dan_' + dtttct).length) {
$("#noi_dung_dan_chieu_" + danchieu_id).html($('#noi_dung_huong_dan_' + dtttct).html());
} else {
if (dtttct.length == 32) {
$.ajax({
type: 'POST',
url: '/ajax/public/dan-chieu/' + dtttct,
data: {
'text_dan_chieu': text_html
},
success: function(response) {
$("#noi_dung_dan_chieu_" + danchieu_id).html(response);
}
});
} else {
$("#noi_dung_dan_chieu_" + danchieu_id).load('/ajax/public/dan-chieu/' + dtttct + '/');
}
}
if ($('.tieu_de_dc_' + dtttct + ' span.tieu_de_dc').length) {
$("#tieu_de_dc_" + danchieu_id).html($('.tieu_de_dc_' + dtttct + ' span.tieu_de_dc').html());
}
if (!$('.row_vb_details .col-md-9').length) {
var pointy_width2 = $(window).width() - $('#box_noi_dung_vb').width() - 95;
}
var min_bg_num = 1;
var max_bg_num = 10;
var random_bg_num = Math.floor(Math.random() * (max_bg_num - min_bg_num + 1)) + min_bg_num;
var rnd_rgb_1 = Math.floor(Math.random() * (235 - 180)) + 180;
var rnd_rgb_2 = Math.floor(Math.random() * (230 - 170)) + 170;
var rnd_rgb_3 = Math.floor(Math.random() * (210 - 110)) + 110;
var rnd_rgb_1 = '#FBF0E1';
var rnd_rgb_2 = rnd_rgb_1;
var rnd_rgb_3 = rnd_rgb_1;
var canva_colors = new Array('', '#fff9ab', '#ffe8ba', '#edffc5', '#c8fad5', '#e7f2d0', '#dbd0f2', '#ecffc3', '#c3ffc3', '#e3e6dd', '#e7ffc3');
var canva_color = rnd_rgb_1;
$(chuthich_buble_id).css('width', $('#doc-right-col').width() - 10 + 'px');
$(chuthich_buble_id).css('left', $('#tab_noi_dung_vb').width() + 50 + "px");
$(chuthich_buble_id).css('background', rnd_rgb_1);
$('.pointer').css('height', '');
$(this).find('.pointer [ui-nav] a span').on('click', function(e) {
var $this = $(e.target),
$active, $li;
$this.is('a') || ($this = $this.closest('a'));
$li = $this.parent();
$active = $li.siblings(".active");
$li.toggleClass('active');
$active.removeClass('active');
$(this).find('.pointer').removeAttr('height');
$('.pointer').css('height', '');
//$('.pointy').trigger('pointy-refresh');
setTimeout(function() {
$(chuthich_buble_id).removeAttr('height');
$(chuthich_buble_id + ' .list_tds').css('max-height', $(window).height() + 'px');
$(chuthich_buble_id).css('height', '');
$(window).resize();
$(chuthich_buble_id).trigger('pointy-update');
}, 800);
});
}
if ($(chuthich_buble_id).length) {
$main = $(this);
$pointer = $(this).find(chuthich_buble_id);
if ($($pointer).is(":visible")) {
if (allow_close_pointy) {
$($pointer).hide();
$(this).trigger('pointy-hide');
}
} else {
$($pointer).show();
$(this).trigger('pointy-show');
$('#rightdocinfo').hide('slow');
$('#r-toc').hide('slow');
$('#download-file,a#attribute').show();
$(chuthich_buble_id).css('left', $('#tab_noi_dung_vb').width() + 50 + "px");
$('html,body').animate({
scrollTop: $(chuthich_buble_id).offset().top - 300
},
'slow');
}
data_pointy_show = $pointer.attr('data-pointy-show');
if (data_pointy_show == 'false') {
$close_link = $(chuthich_buble_id).find('i.close'),
x = $(this).offset();
this_top = x.top - 500;
$($pointer).css('top', this_top + 'px');
$('.pointer').css('z-index', '999');
$('canvas.pointy').css('z-index', '999');
$($pointer).css('z-index', '999');
$(this).closest('canvas.pointy').css('z-index', '999');
$(this).pointy({
pointer: $pointer,
defaultClass: '',
activeClass: 'pointy-active',
arrowWidth: 20,
//useOffset: true,
borderColor: '#edeee7',
backgroundColor: canva_color
});
$('.pointer *').on('click mouseover', function() {
$('.pointer').css('z-index', '1');
$('canvas.pointy').css('z-index', '1');
$(this).closest('.pointer').css('z-index', '999');
$(this).closest('canvas.pointy').css('z-index', '999');
});
$('.pointer, .pointer *').on('click mouseover', function() {
event.stopPropagation();
});
$($close_link).click(function() {
allow_close_pointy = true;
$(this).closest('.dan_chieu').click();
});
$pointer.attr('data-pointy-show', 'true');
$(this).trigger('pointy-update');
$('.pointer').css('height', '');
}
$pointer.draggable({
containment: '#view',
drag: function() {
$(this).trigger('pointy-update');
$(chuthich_buble_id).removeAttr('height');
$(chuthich_buble_id).css('height', '');
$(chuthich_buble_id + ' .list_tds').css('max-height', $(window).height() + 'px');
setTimeout(function() {
$(chuthich_buble_id).trigger('pointy-refresh');
}, 1000);
$(".nav-dropdown").css('left', $('#tab_noi_dung_vb').width() + 50 + "px");
}
});
}
});
//dan chieu tham khao
////chu thich cho Login
$('.dan_chieu_tham_khao').each(function() {
$(this).removeAttr('onmouseover');
$(this).removeAttr('onmouseout');
$(this).removeAttr('data-target');
$(this).attr('id', 'rnd_' + random_string_id(20));
});
$('.dan_chieu_tham_khao').removeAttr('data-toggle');
$('.dan_chieu_tham_khao').click(function() {
//
if ($('#ajax_tra_cuu').is(':visible')) {
$('#ajax_tra_cuu').hide();
}
dtttct = $(this).attr('data-ct');
id_ct = $(this).attr('id');
dc_text = $(this).html();
var $this_pointer = $(this).find('.pointer');
text_html = $(this).text();
if (typeof ct_html === 'undefined') {} else {
//$('html').prepend(ct_html);
}
if (typeof chuthich_id === 'undefined') {}
chuthich_id = 'dc_' + $(this).attr('id');
dcase = $(this).attr('data-dcase');
chuthich_buble_id = '#dan_chieu_tham_khao_bubble_' + chuthich_id;
chuthich_id_content = '#noi_dung_td_' + chuthich_id;
$(this).find('.dan_chieu_tham_khao').on('click', function() {
allow_close_pointy = false;
});
if (typeof allow_close_pointy === 'undefined') {
allow_close_pointy = true;
}
if (!$(chuthich_buble_id).length) {
so_chu_thich = $(chuthich_id_content + ' .badge-round').length;
if (so_chu_thich == 0) {
so_chu_thich = $(chuthich_id_content + ' .panel-default').length;
}
var buble_height = $(window).height() * 0.8;
pointer_html = '
';
$(this).append(pointer_html);
if ($('#noi_dung_huong_dan_' + dtttct).length) {
$("#noi_dung_dan_chieu_tham_khao_" + chuthich_id).html($('#noi_dung_huong_dan_' + dtttct).html());
} else {
$.ajax({
type: 'POST',
url: '/ajax/vanban/chu-thich/',
data: {
'ndct': dtttct,
'id_ct': id_ct,
'loai_hd': 'noi_dung_tham_khao',
'dc_text': dc_text
},
success: function(response) {
$("#noi_dung_dan_chieu_tham_khao_" + chuthich_id).html(response);
}
});
}
if ($('.tieu_de_dc_' + dtttct + ' span.tieu_de_dc').length) {
$("#tieu_de_dc_" + chuthich_id).html($('.tieu_de_dc_' + dtttct + ' span.tieu_de_dc').html());
}
if (!$('.row_vb_details .col-md-9').length) {
var pointy_width2 = $(window).width() - $('#box_noi_dung_vb').width() - 95;
} else {
pointy_width2 = $("#tctn-button").width() + $("#exco").width() + $(".tnpl-title").width() + $(".fa-expand").width() - 23;
// alert(pointy_width2);
}
var min_bg_num = 1;
var max_bg_num = 10;
// and the formula is:
var random_bg_num = Math.floor(Math.random() * (max_bg_num - min_bg_num + 1)) + min_bg_num;
var rnd_rgb_1 = Math.floor(Math.random() * (235 - 180)) + 180;
var rnd_rgb_2 = Math.floor(Math.random() * (230 - 170)) + 170;
var rnd_rgb_3 = Math.floor(Math.random() * (210 - 110)) + 110;
var rnd_rgb_1 = '#FBF0E1';
var rnd_rgb_2 = rnd_rgb_1;
var rnd_rgb_3 = rnd_rgb_1;
var canva_colors = new Array('', '#fff9ab', '#ffe8ba', '#edffc5', '#c8fad5', '#e7f2d0', '#dbd0f2', '#ecffc3', '#c3ffc3', '#e3e6dd', '#e7ffc3');
var canva_color = rnd_rgb_1;
$(chuthich_buble_id).css('width', $('#doc-right-col').width() - 10 + 'px');
$(chuthich_buble_id).css('left', $('#tab_noi_dung_vb').width() + 50 + "px");
$(chuthich_buble_id).css('background', rnd_rgb_1);
//$(chuthich_buble_id).css('background', +rnd_rgb_1);
//$(chuthich_buble_id).addClass('pointer_bg_'+random_bg_num);
$('.pointer').css('height', '');
$(this).find('.pointer [ui-nav] a span').on('click', function(e) {
var $this = $(e.target),
$active, $li;
$this.is('a') || ($this = $this.closest('a'));
$li = $this.parent();
$active = $li.siblings(".active");
$li.toggleClass('active');
$active.removeClass('active');
$(this).find('.pointer').removeAttr('height');
$('.pointer').css('height', '');
//$('.pointy').trigger('pointy-refresh');
setTimeout(function() {
$(chuthich_buble_id).removeAttr('height');
$(chuthich_buble_id + ' .list_tds').css('max-height', $(window).height() + 'px');
$(chuthich_buble_id).css('height', '');
$(window).resize();
$(chuthich_buble_id).trigger('pointy-update');
}, 800);
});
}
//var check_bubble = setInterval(function(){ },100);
if ($(chuthich_buble_id).length) {
$main = $(this);
// fixed block
// draggable element
$pointer = $(this).find(chuthich_buble_id);
if ($($pointer).is(":visible")) {
if (allow_close_pointy) {
$($pointer).hide();
$(this).trigger('pointy-hide');
//$("#box_noi_dung_vb").removeClass('box-shadow-z3 col-md-12 box-shadow-z2 ng-scope m-b-10').addClass('col-md-7 box-shadow-z2 ng-scope m-b-10');
}
} else {
$($pointer).show();
$(this).trigger('pointy-show');
$('#rightdocinfo').hide('slow');
$('#r-toc').hide('slow');
$('#download-file,a#attribute').show();
if ($("#doc-right-col").not(':visible')) {
$('#doc-right-col').show();
}
$(chuthich_buble_id).css('left', $('#tab_noi_dung_vb').width() + 50 + "px");
//$(chuthich_buble_id).find('h3.tieu_de_dan_chieu').text('ok');
$('html,body').animate({
scrollTop: $(chuthich_buble_id).find('h3.tieu_de_dan_chieu').offset().top - 300
},
'slow');
}
data_pointy_show = $pointer.attr('data-pointy-show');
if (data_pointy_show == 'false') {
$close_link = $(chuthich_buble_id).find('i.close'),
x = $(this).offset();
//alert(x.top);
this_top = x.top - 500;
$($pointer).css('top', this_top + 'px');
$('.pointer').css('z-index', '999');
$('canvas.pointy').css('z-index', '999');
$($pointer).css('z-index', '999');
$(this).closest('canvas.pointy').css('z-index', '999');
// initialize pointy
$(this).pointy({
pointer: $pointer,
// additional class name added to the pointer & the arrow (canvas)
// to add a z-index of 1
defaultClass: '',
// "pointy-active" class is used to keep the last updated pointer on top
// this is the default value
activeClass: 'pointy-active',
// arrow base width (in pixels)
arrowWidth: 20,
//useOffset: true,
borderColor: '#edeee7',
backgroundColor: canva_color
});
$('.pointer *').on('click mouseover', function() {
$('.pointer').css('z-index', '1');
$(".nav-dropdown").css('width', $('#doc-right-col').width() +'px');
$('canvas.pointy').css('z-index', '1');
$(this).closest('.pointer').css('z-index', '999');
$(this).closest('canvas.pointy').css('z-index', '999');
});
$('.pointer, .pointer *').on('click mouseover', function() {
event.stopPropagation();
});
$($close_link).click(function() {
allow_close_pointy = true;
$(this).closest('.dan_chieu_tham_khao').click();
});
$pointer.attr('data-pointy-show', 'true');
$(this).trigger('pointy-update');
$('.pointer').css('height', '');
}
$pointer.draggable({
containment: '#view',
drag: function() {
// update pointy while dragging
$(this).trigger('pointy-update');
$(chuthich_buble_id).removeAttr('height');
$(chuthich_buble_id).css('height', '');
$(chuthich_buble_id + ' .list_tds').css('max-height', $(window).height() + 'px');
setTimeout(function() {
$(chuthich_buble_id).trigger('pointy-refresh');
}, 1000);
$(".nav-dropdown").css('left', $('#tab_noi_dung_vb').width() + 50 + "px");
}
});
}
});
//ket thuc dan chieu tham khao
$("cttd dctd dctk .dan_chieu_tham_khao").on('click mouseover', function(e) {
e.preventDefault();
e.stopPropagation();
});
$('dctd, cttd, chuthich, dctk').click(function() {
$('#customSidebar').animate({
right: '-280px'
}, 500);
$('#toggleSidebar').html('
');
});
});
function random_string_id(numstr) {
var text = "";
var possible = "abcdefghijklmnopqrstuvwxyz0123456789";
for (var i = 0; i < numstr; i++) text += possible.charAt(Math.floor(Math.random() * possible.length));
return text;
}
