mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2024-06-25 16:30:39 +00:00
a8940b8e12
The tour now shows users how to add a book first, then bookshelves, lists, and finally groups.
126 lines
4.1 KiB
HTML
126 lines
4.1 KiB
HTML
{% 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() {
|
|
disableGuidedTour(csrf_token);
|
|
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: {
|
|
element: "#create_group_button",
|
|
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: {
|
|
element: "#create_group_header",
|
|
on: "right",
|
|
},
|
|
buttons: [
|
|
{
|
|
action() {
|
|
return this.back();
|
|
},
|
|
secondary: true,
|
|
text: "{% trans 'Back' %}",
|
|
},
|
|
{
|
|
action() {
|
|
return this.next();
|
|
},
|
|
text: "{% trans 'Next' %}",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
text: "{% trans 'Groups can be ' %}\
|
|
<code>{% trans 'Public' %}</code>,\
|
|
<code>{% trans 'Unlisted' %}</code>,\
|
|
{% trans 'or ' %}\
|
|
<code>{% trans 'Private' %}</code><br><br>\
|
|
{% trans 'Anyone can see and join a public group. Unlisted groups are currently exactly the same as public groups. Private groups can only be seen by members of the group.' %}",
|
|
title: "{% trans 'Group visibility' %}",
|
|
attachTo: {
|
|
element: "#privacy_select_button",
|
|
on: "left",
|
|
},
|
|
buttons: [
|
|
{
|
|
action() {
|
|
return this.back();
|
|
},
|
|
secondary: true,
|
|
text: "{% trans 'Back' %}",
|
|
},
|
|
{
|
|
action() {
|
|
return this.next();
|
|
},
|
|
text: "{% trans 'Next' %}",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
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.' %}",
|
|
title: "{% trans 'Save your group' %}",
|
|
buttons: [
|
|
{
|
|
action() {
|
|
return this.complete();
|
|
},
|
|
text: "{% trans 'Ok' %}",
|
|
},
|
|
],
|
|
},
|
|
])
|
|
|
|
tour.start()
|
|
</script>
|