69 lines
2.4 KiB
Plaintext
69 lines
2.4 KiB
Plaintext
<script>
|
|
var tour = new Shepherd.Tour(<%= Rails.configuration.abraham.tour_options.html_safe unless Rails.configuration.abraham.tour_options.nil? %>);
|
|
|
|
tour.on("complete", function() {
|
|
// Make AJAX call to save history of tour completion
|
|
return fetch("/abraham_histories/", {
|
|
method: "POST",
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({
|
|
authenticity_token: '<%= form_authenticity_token %>',
|
|
controller_name: '<%= controller_name %>',
|
|
action_name: '<%= action_name %>',
|
|
tour_name: '<%= tour_name %>'
|
|
})
|
|
});
|
|
});
|
|
|
|
tour.on("cancel", function() {
|
|
Cookies.set('<%= abraham_cookie_prefix %>-<%= tour_name %>', 'later', { domain: '<%= abraham_domain %>' });
|
|
});
|
|
|
|
<% steps.each_with_index do |(key, step), index| %>
|
|
tour.addStep({
|
|
id: 'step-<%= key %>',
|
|
<% if step.key?('title') %>
|
|
title: "<%= step['title'] %>",
|
|
<% end %>
|
|
text: "<%= step['text'] %>",
|
|
<% if step.key?('attachTo') %>
|
|
attachTo: { element: "<%= step['attachTo']['element'] %>", on: "<%= step['attachTo']['placement'] %>" },
|
|
showOn: function() {
|
|
// Only display this step if its selector is present
|
|
return document.querySelector("<%= step['attachTo']['element'] %>") ? true : false
|
|
},
|
|
<% end %>
|
|
buttons: [
|
|
<% if index == 0 %>
|
|
{ text: '<%= t('abraham.later') %>', action: tour.cancel, classes: 'shepherd-button-secondary' },
|
|
{ text: '<%= t('abraham.continue') %>', action: tour.next }
|
|
<% else %>
|
|
<% if index == steps.size - 1 %>
|
|
{ text: '<%= t('abraham.done') %>', action: tour.complete }
|
|
<% else %>
|
|
{ text: '<%= t('abraham.exit') %>', action: tour.cancel, classes: 'shepherd-button-secondary' },
|
|
{ text: '<%= t('abraham.next') %>', action: tour.next }
|
|
<% end %>
|
|
<% end %>
|
|
]
|
|
});
|
|
<% end %>
|
|
|
|
tour.start = function (start) {
|
|
return function () {
|
|
// Don't start the tour if the user dismissed it once this session
|
|
var tourMayStart = !Cookies.get('<%= abraham_cookie_prefix %>-<%= tour_name %>', {domain: '<%= abraham_domain %>'});
|
|
<% if steps.first[1]['attachTo'] %>
|
|
// Don't start the tour if the first step's element is missing
|
|
tourMayStart = tourMayStart && document.querySelector("<%= steps.first[1]['attachTo']['element'] %>");
|
|
<% end %>
|
|
|
|
if (tourMayStart) {
|
|
start();
|
|
}
|
|
}
|
|
}(tour.start)
|
|
|
|
tour.start()
|
|
</script>
|