2022-07-02 23:10:43 +00:00
{% load i18n %}
2022-07-09 07:31:04 +00:00
{% load utilities %}
{% load user_page_tags %}
2022-07-02 23:10:43 +00:00
< script >
2022-07-03 04:48:23 +00:00
2022-07-02 23:10:43 +00:00
const tour = new Shepherd.Tour({
exitOnEsc: true,
});
tour.addSteps([
{
2022-07-29 18:31:35 +00:00
text: "{% trans 'This is the lists page where you can discover book lists created by any user. A List is a collection of books, similar to a shelf.' %}< br > < br > {% trans 'Shelves are for organising books for yourself, whereas Lists are generally for sharing with others.' %}",
2022-07-02 23:10:43 +00:00
title: "{% trans 'Lists' %}",
buttons: [
{
action() {
disableGuidedTour(csrf_token);
return this.complete();
},
secondary: true,
text: "{% trans 'End Tour' %}",
classes: "is-danger",
},
{
action() {
return this.next();
},
text: "{% trans 'Next' %}",
},
],
},
{
2022-07-29 18:31:35 +00:00
text: `{% trans "Let's see how to create a new list." %}< p class = "notification is-warning is-light mt-3" > {% trans "Click the < strong > Create List< / strong > button, then < strong > Next< / strong > to continue the tour" %}< / p > `,
2022-07-02 23:10:43 +00:00
title: "{% trans 'Creating a new list' %}",
attachTo: {
2022-07-03 05:57:10 +00:00
element: "#tour-create-list",
2022-07-02 23:10:43 +00:00
on: "left",
},
2022-07-09 07:31:04 +00:00
highlightClass: 'tour-element-highlight',
2022-07-02 23:10:43 +00:00
buttons: [
{
action() {
return this.back();
},
secondary: true,
text: "{% trans 'Back' %}",
},
{
action() {
return this.next();
},
text: "{% trans 'Next' %}",
},
],
},
{
2022-07-09 07:31:04 +00:00
text: "{% trans 'You must give your list a name and can optionally give it a description to help other people understand what your list is about.' %}",
2022-07-02 23:10:43 +00:00
title: "{% trans 'Creating a new list' %}",
attachTo: {
2022-07-03 05:57:10 +00:00
element: "#tour-list-name",
2022-07-02 23:10:43 +00:00
on: "top",
},
buttons: [
{
action() {
return this.back();
},
secondary: true,
text: "{% trans 'Back' %}",
},
{
action() {
return this.next();
},
text: "{% trans 'Next' %}",
},
],
},
{
2022-07-17 06:13:12 +00:00
text: "{% trans 'Choose who can see your list here. List privacy options work just like we saw when posting book reviews. This is a common pattern throughout Bookwyrm.' %}",
2022-07-02 23:10:43 +00:00
title: "{% trans 'List privacy' %}",
attachTo: {
element: "#tour-privacy-select",
on: "left",
},
2022-07-27 05:53:54 +00:00
scrollTo: true,
2022-07-02 23:10:43 +00:00
buttons: [
{
action() {
return this.back();
},
secondary: true,
text: "{% trans 'Back' %}",
},
{
action() {
return this.next();
},
text: "{% trans 'Next' %}",
},
],
},
{
2022-07-09 07:31:04 +00:00
text: "{% trans 'You can also decide how your list is to be curated - only by you, by anyone, or by a group.' %}",
2022-07-02 23:10:43 +00:00
title: "{% trans 'List curation' %}",
attachTo: {
2022-07-03 05:57:10 +00:00
element: "#tour-list-curation",
2022-07-02 23:10:43 +00:00
on: "left",
},
buttons: [
{
action() {
return this.back();
},
secondary: true,
text: "{% trans 'Back' %}",
},
{
action() {
return this.next();
},
text: "{% trans 'Next' %}",
},
],
},
2022-07-09 07:31:04 +00:00
{
text: "{% trans 'Next in our tour we will explore Groups!' %}",
title: "{% trans 'Next: Groups' %}",
2022-07-02 23:10:43 +00:00
buttons: [
{
action() {
return this.back();
},
secondary: true,
text: "{% trans 'Back' %}",
},
{
action() {
this.complete();
2022-07-09 07:31:04 +00:00
window.location = "{% url 'user-groups' user|username %}"
2022-07-02 23:10:43 +00:00
},
2022-07-09 07:31:04 +00:00
text: "{% trans 'Take me there' %}"
2022-07-02 23:10:43 +00:00
},
]
2022-07-09 07:31:04 +00:00
}
])
2022-07-02 23:10:43 +00:00
tour.start()
< / script >