=====================TOUR=========================

$.ajax({
url: url,
dataType: "script",
data: {
path: location.pathname,
query: location.search
},
beforeSend: function(xhr) {
show_loading();
}
}).fail(function() {
alert("Tidak dapat tersambung ke server");
}).always(function() {
hide_loading();
});

=====================TOUR CONTROLLER=========================

if($("#wm-auto-load-bs-tour-css").length === 0) {
$('<link>')
.appendTo('head')
.attr({
id: 'wm-auto-load-bs-tour-css',
type: 'text/css',
rel: 'stylesheet',
href: 'https://bootstraptour.com/assets/css/bootstrap-tour.css'
});
}

$.getScript("https://bootstraptour.com/assets/js/bootstrap-tour.js")
.done(function(script, textStatus) {
var tour = new Tour({
//name: "wm-bs-tour-" + location.pathname.replace(/[^a-zA-Z0-9\-\_]/g,
'-'),
storage: false,
orphan: true,
//backdrop: false,
template: function () {
return (
"<div class='popover tour'>"+
"<div class='arrow'></div>"+
"<h3 class='popover-title'></h3>"+
"<div class='popover-content'></div>"+
"<div class='popover-navigation'>"+
"<div class='btn-group' role='group'>"+
"<button class='btn btn-default'
data-role='prev'>« Kembali</button>"+
"<button class='btn btn-warning'
data-role='next'>Lanjut »</button>"+
"</div>"+
"<span data-
role='separator'>&nbsp;</span>"+
"<span data-
role='separator'>&nbsp;</span>"+
"<button class='btn btn-default' data-
role='end'>Akhiri</button>"+
"</div>"+
 "</div>"
);
},
steps: [{
element: "a.list-group-item[href='#tab-example-2'][data-
toggle='tab']",
title: "Ini cuki ayam, coba click",
content: "Kamu babi celeng",
backdrop: true,
placement: 'bottom',
reflex: true,
template: function () {
return (
"<div class='popover tour'>"+
"<div class='arrow'></div>"+
"<h3 class='popover-title'></h3>"+
"<div class='popover-content'></div>"+
"<div class='popover-navigation'>"+
"<div class='btn-group'
role='group'>"+
"<button class='btn btn-
default' data-role='prev'>« Kembali</button>"+
"<button class='btn btn-
warning' data-role='next' style='pointer-events: none; opacity: 0.5;'>Lanjut
»</button>"+
"</div>"+
"<span data-
role='separator'>&nbsp;</span>"+
"<span data-
role='separator'>&nbsp;</span>"+
"<button class='btn btn-default'
data-role='end'>Akhiri</button>"+
"</div>"+
"</div>"
);
}
}, {
element: "#page-header",
title: "Ini yolo swag",
content: "Kamu kadal nyambek",
placement: 'bottom'
}, {
element: "a.btn.btn-xs.btn-border.btn-alt.border-
orange.btn-link.font-orange.mrg15R[href='dropship/search'][target='_blank']
[title='']",
title: "Ini die homo",
content: "Kamu asu kirik",
placement: 'left'
}
]});
tour.init();
tour.start();
})
.fail(function( jqxhr, settings, exception ) {
alert("Tidak dapat tersambung ke server");
});

=======================DOM HIGHTLIGHT===========================
$("body *").on("click", function(e){
//var element = $(this).get(0).tagName.toLowerCase();
var selector = $(this).attr("id")
if (selector) {
selector = "#"+selector;
} else {
var tag = $(this).prop("tagName").toLowerCase();
var selector = $(this).attr("class");
if (selector) {
selector = tag + "."+selector.split(' ').join('.');
} else {
selector = tag;
}

$.each(this.attributes, function() {
if(this.specified && this.name !== 'class') {
selector += "[" + this.name + "='" + this.value + "']";
}
});
}
console.log(selector);

e.stopPropagation();
});