2022-06-13 10:27:36 +00:00
{% load i18n %}
< script >
const tour = new Shepherd.Tour({
exitOnEsc: true,
});
tour.addSteps([
{
text: "{% trans 'You can create or join a group with other users. Groups can share group-curated book lists, and in future will be able to do other things.' %}",
title: "{% trans 'Groups' %}",
buttons: [
{
action() {
2022-06-18 03:27:00 +00:00
disableGuidedTour(csrf_token);
2022-06-13 10:27:36 +00:00
return this.complete();
},
secondary: true,
text: "{% trans 'End Tour' %}",
classes: "is-danger",
},
{
action() {
return this.next();
},
text: "{% trans 'Next' %}",
},
],
},
{
text: "{% trans 'Let\'s click the button to create a new group!' %}\
< br > < br > \
{% trans 'Then click ' %}\
< code > {% trans 'Next' %}< / code > \
{% trans 'to continue the tour.' %}",
title: "{% trans 'Create group' %}",
attachTo: {
2022-07-03 05:57:10 +00:00
element: "#tour-create-group",
2022-06-13 10:27:36 +00:00
on: "left-start",
},
buttons: [
{
action() {
return this.back();
},
secondary: true,
text: "{% trans 'Back' %}",
},
{
action() {
return this.next();
},
text: "{% trans 'Next' %}",
},
],
},
{
text: "{% trans 'Give your group a name and describe what it is about. You can make user groups for any purpose - a reading group, a bunch of friends, whatever!' %}",
title: "{% trans 'Creating a group' %}",
attachTo: {
2022-07-03 05:57:10 +00:00
element: "#tour-group-name",
2022-06-13 10:27:36 +00:00
on: "right",
},
buttons: [
{
action() {
return this.back();
},
secondary: true,
text: "{% trans 'Back' %}",
},
{
action() {
return this.next();
},
text: "{% trans 'Next' %}",
},
],
},
{
2022-07-03 05:57:10 +00:00
text: "{% trans 'Groups have privacy settings just like Lists, except that group privacy cannot be ' %}\
< code > {% trans 'Followers' %}< / code > .",
2022-06-13 10:27:36 +00:00
title: "{% trans 'Group visibility' %}",
attachTo: {
2022-07-03 05:57:10 +00:00
element: "#tour-privacy",
2022-06-13 10:27:36 +00:00
on: "left",
},
buttons: [
{
action() {
return this.back();
},
secondary: true,
text: "{% trans 'Back' %}",
},
{
action() {
return this.next();
},
text: "{% trans 'Next' %}",
},
],
},
{
2022-07-03 04:48:23 +00:00
text: "{% trans 'Once you\'re happy with how your group is set up, click the ' %}\
< code > {% trans 'Save' %}< / code > \
{% trans ' button to continue the tour.' %}",
2022-06-18 00:49:42 +00:00
title: "{% trans 'Save your group' %}",
2022-06-13 10:27:36 +00:00
buttons: [
{
action() {
return this.complete();
},
text: "{% trans 'Ok' %}",
},
],
},
])
tour.start()
< / script >