pleroma/priv/static/packs/flavours/glitch/async/onboarding_modal.js

2 lines
9.8 KiB
JavaScript

(window.webpackJsonp=window.webpackJsonp||[]).push([[70],{667:function(e,a,o){"use strict";o.r(a),o.d(a,"default",function(){return A});var t,i=o(3),d=o(7),s=o(1),c=o(0),n=o(2),r=o.n(n),l=o(24),b=o(6),u=o(200),g=o.n(u),m=o(12),p=o.n(m),v=o(318),f=o(643),j=o(961),O=o(988),h=o(601),_=o(29),w=Object(b.f)({home_title:{id:"column.home",defaultMessage:"Home"},notifications_title:{id:"column.notifications",defaultMessage:"Notifications"},local_title:{id:"column.community",defaultMessage:"Local timeline"},federated_title:{id:"column.public",defaultMessage:"Federated timeline"}}),y=function(e){var a=e.acct,o=e.domain;return Object(c.a)("div",{className:"onboarding-modal__page onboarding-modal__page-one"},void 0,Object(c.a)("div",{style:{flex:"0 0 auto"}},void 0,Object(c.a)("div",{className:"onboarding-modal__page-one__elephant-friend"})),Object(c.a)("div",{},void 0,Object(c.a)("h1",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_one.welcome",defaultMessage:"Welcome to {domain}!",values:{domain:o}})),Object(c.a)("p",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_one.federation",defaultMessage:'{domain} is an "instance" of Mastodon. Mastodon is a network of independent servers joining up to make one larger social network. We call these servers instances.',values:{domain:o}})),Object(c.a)("p",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_one.handle",defaultMessage:"You are on {domain}, so your full handle is {handle}",values:{domain:o,handle:Object(c.a)("strong",{},void 0,"@",a,"@",o)}}))))},M=function(e){var a=e.intl,o=e.myAccount;return Object(c.a)("div",{className:"onboarding-modal__page onboarding-modal__page-two"},void 0,Object(c.a)("div",{className:"figure non-interactive"},void 0,Object(c.a)("div",{className:"pseudo-drawer"},void 0,Object(c.a)(j.a,{account:o}),Object(c.a)(f.a,{intl:a,privacy:"public",text:"Awoo! #introductions"}))),Object(c.a)("p",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_two.compose",defaultMessage:"Write posts from the compose column. You can upload images, change privacy settings, and add content warnings with the icons below."})))},k=function(e){var a=e.intl,o=e.myAccount;return Object(c.a)("div",{className:"onboarding-modal__page onboarding-modal__page-three"},void 0,Object(c.a)("div",{className:"figure non-interactive"},void 0,Object(c.a)(O.a,{intl:a}),Object(c.a)("div",{className:"pseudo-drawer"},void 0,Object(c.a)(j.a,{account:o}))),Object(c.a)("p",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_three.search",defaultMessage:"Use the search bar to find people and look at hashtags, such as {illustration} and {introductions}. To look for a person who is not on this instance, use their full handle.",values:{illustration:Object(c.a)(v.a,{to:"/timelines/tag/illustration",href:"/tags/illustration"},void 0,"#illustration"),introductions:Object(c.a)(v.a,{to:"/timelines/tag/introductions",href:"/tags/introductions"},void 0,"#introductions")}})),Object(c.a)("p",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_three.profile",defaultMessage:"Edit your profile to change your avatar, bio, and display name. There, you will also find other preferences."})))},N=function(e){var a=e.domain,o=e.intl;return Object(c.a)("div",{className:"onboarding-modal__page onboarding-modal__page-four"},void 0,Object(c.a)("div",{className:"onboarding-modal__page-four__columns"},void 0,Object(c.a)("div",{className:"row"},void 0,Object(c.a)("div",{},void 0,Object(c.a)("div",{className:"figure non-interactive"},void 0,Object(c.a)(h.a,{icon:"home",type:o.formatMessage(w.home_title)})),Object(c.a)("p",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_four.home",defaultMessage:"The home timeline shows posts from people you follow."}))),Object(c.a)("div",{},void 0,Object(c.a)("div",{className:"figure non-interactive"},void 0,Object(c.a)(h.a,{icon:"bell",type:o.formatMessage(w.notifications_title)})),Object(c.a)("p",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_four.notifications",defaultMessage:"The notifications column shows when someone interacts with you."})))),Object(c.a)("div",{className:"row"},void 0,Object(c.a)("div",{},void 0,Object(c.a)("div",{className:"figure non-interactive",style:{marginBottom:0}},void 0,Object(c.a)(h.a,{icon:"users",type:o.formatMessage(w.local_title)}))),Object(c.a)("div",{},void 0,Object(c.a)("div",{className:"figure non-interactive",style:{marginBottom:0}},void 0,Object(c.a)(h.a,{icon:"globe",type:o.formatMessage(w.federated_title)})))),Object(c.a)("p",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_five.public_timelines",defaultMessage:"The local timeline shows public posts from everyone on {domain}. The federated timeline shows public posts from everyone who people on {domain} follow. These are the Public Timelines, a great way to discover new people.",values:{domain:a}}))))},x=function(e){var a=e.admin,o=e.domain,t="";return a&&(t=Object(c.a)("p",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_six.admin",defaultMessage:"Your instance's admin is {admin}.",values:{admin:Object(c.a)(v.a,{href:a.get("url"),to:"/accounts/"+a.get("id")},void 0,"@",a.get("acct"))}}),Object(c.a)("br",{}),Object(c.a)(b.b,{id:"onboarding.page_six.read_guidelines",defaultMessage:"Please read {domain}'s {guidelines}!",values:{domain:o,guidelines:Object(c.a)("a",{href:"/about/more",target:"_blank"},void 0,Object(c.a)(b.b,{id:"onboarding.page_six.guidelines",defaultMessage:"community guidelines"}))}}))),Object(c.a)("div",{className:"onboarding-modal__page onboarding-modal__page-six"},void 0,Object(c.a)("h1",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_six.almost_done",defaultMessage:"Almost done..."})),t,Object(c.a)("p",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_six.github",defaultMessage:"{domain} runs on Glitchsoc. Glitchsoc is a friendly {fork} of {Mastodon}. Glitchsoc is fully compatible with all Mastodon apps and instances. Glitchsoc is free open-source software. You can report bugs, request features, or contribute to the code on {github}.",values:{domain:o,fork:Object(c.a)("a",{href:"https://en.wikipedia.org/wiki/Fork_(software_development)",target:"_blank",rel:"noopener"},void 0,"fork"),Mastodon:Object(c.a)("a",{href:"https://github.com/tootsuite/mastodon",target:"_blank",rel:"noopener"},void 0,"Mastodon"),github:Object(c.a)("a",{href:"https://github.com/glitch-soc/mastodon",target:"_blank",rel:"noopener"},void 0,"GitHub")}})),Object(c.a)("p",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_six.apps_available",defaultMessage:"There are {apps} available for iOS, Android and other platforms.",values:{domain:o,apps:Object(c.a)("a",{href:"https://joinmastodon.org/apps",target:"_blank",rel:"noopener"},void 0,Object(c.a)(b.b,{id:"onboarding.page_six.various_app",defaultMessage:"mobile apps"}))}})),Object(c.a)("p",{},void 0,Object(c.a)("em",{},void 0,Object(c.a)(b.b,{id:"onboarding.page_six.appetoot",defaultMessage:"Bon Appetoot!"}))))},A=Object(l.connect)(function(e){return{myAccount:e.getIn(["accounts",_.k]),admin:e.getIn(["accounts",e.getIn(["meta","admin"])]),domain:e.getIn(["meta","domain"])}})(t=Object(b.g)(t=function(n){function e(){for(var t,e=arguments.length,a=new Array(e),o=0;o<e;o++)a[o]=arguments[o];return t=n.call.apply(n,[this].concat(a))||this,Object(s.a)(Object(i.a)(t),"state",{currentIndex:0}),Object(s.a)(Object(i.a)(t),"handleSkip",function(e){e.preventDefault(),t.props.onClose()}),Object(s.a)(Object(i.a)(t),"handleDot",function(e){var a=Number(e.currentTarget.getAttribute("data-index"));e.preventDefault(),t.setState({currentIndex:a})}),Object(s.a)(Object(i.a)(t),"handlePrev",function(){t.setState(function(e){var a=e.currentIndex;return{currentIndex:Math.max(0,a-1)}})}),Object(s.a)(Object(i.a)(t),"handleNext",function(){var o=Object(i.a)(t).pages;t.setState(function(e){var a=e.currentIndex;return{currentIndex:Math.min(a+1,o.length-1)}})}),Object(s.a)(Object(i.a)(t),"handleSwipe",function(e){t.setState({currentIndex:e})}),Object(s.a)(Object(i.a)(t),"handleKeyUp",function(e){switch(e.key){case"ArrowLeft":t.handlePrev();break;case"ArrowRight":t.handleNext()}}),Object(s.a)(Object(i.a)(t),"handleClose",function(){t.props.onClose()}),t}Object(d.a)(e,n);var a=e.prototype;return a.componentWillMount=function(){var e=this.props,a=e.myAccount,o=e.admin,t=e.domain,n=e.intl;this.pages=[Object(c.a)(y,{acct:a.get("acct"),domain:t}),Object(c.a)(M,{myAccount:a,intl:n}),Object(c.a)(k,{myAccount:a,intl:n}),Object(c.a)(N,{domain:t,intl:n}),Object(c.a)(x,{admin:o,domain:t})]},a.componentDidMount=function(){window.addEventListener("keyup",this.handleKeyUp)},a.componentWillUnmount=function(){window.addEventListener("keyup",this.handleKeyUp)},a.render=function(){var t=this,e=this.pages,n=this.state.currentIndex,a=n<e.length-1?Object(c.a)("button",{onClick:this.handleNext,className:"onboarding-modal__nav onboarding-modal__next"},void 0,Object(c.a)(b.b,{id:"onboarding.next",defaultMessage:"Next"})):Object(c.a)("button",{onClick:this.handleClose,className:"onboarding-modal__nav onboarding-modal__done"},void 0,Object(c.a)(b.b,{id:"onboarding.done",defaultMessage:"Done"}));return Object(c.a)("div",{className:"modal-root__modal onboarding-modal"},void 0,Object(c.a)(g.a,{index:n,onChangeIndex:this.handleSwipe,className:"onboarding-modal__pager"},void 0,e.map(function(e,a){var o=p()("onboarding-modal__page__wrapper",{"onboarding-modal__page__wrapper--active":a===n});return Object(c.a)("div",{className:o},a,e)})),Object(c.a)("div",{className:"onboarding-modal__paginator"},void 0,Object(c.a)("div",{},void 0,Object(c.a)("button",{onClick:this.handleSkip,className:"onboarding-modal__nav onboarding-modal__skip"},void 0,Object(c.a)(b.b,{id:"onboarding.skip",defaultMessage:"Skip"}))),Object(c.a)("div",{className:"onboarding-modal__dots"},void 0,e.map(function(e,a){var o=p()("onboarding-modal__dot",{active:a===n});return Object(c.a)("div",{role:"button",tabIndex:"0","data-index":a,onClick:t.handleDot,className:o},"dot-"+a)})),Object(c.a)("div",{},void 0,a)))},e}(r.a.PureComponent))||t)||t}}]);
//# sourceMappingURL=onboarding_modal.js.map