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

2 lines
No EOL
9.9 KiB
JavaScript

(window.webpackJsonp=window.webpackJsonp||[]).push([[69],{677:function(e,a,t){"use strict";t.r(a),t.d(a,"default",function(){return A});var o,i=t(6),d=t(0),c=t(2),s=t(1),n=t(3),r=t.n(n),l=t(20),b=t(7),u=t(156),g=t.n(u),m=t(12),p=t.n(m),v=t(321),j=t(654),O=t(949),f=t(972),h=t(630),_=t(31),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,t=e.domain;return Object(s.a)("div",{className:"onboarding-modal__page onboarding-modal__page-one"},void 0,Object(s.a)("div",{style:{flex:"0 0 auto"}},void 0,Object(s.a)("div",{className:"onboarding-modal__page-one__elephant-friend"})),Object(s.a)("div",{},void 0,Object(s.a)("h1",{},void 0,Object(s.a)(b.b,{id:"onboarding.page_one.welcome",defaultMessage:"Welcome to {domain}!",values:{domain:t}})),Object(s.a)("p",{},void 0,Object(s.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:t}})),Object(s.a)("p",{},void 0,Object(s.a)(b.b,{id:"onboarding.page_one.handle",defaultMessage:"You are on {domain}, so your full handle is {handle}",values:{domain:t,handle:Object(s.a)("strong",{},void 0,"@",a,"@",t)}}))))},M=function(e){var a=e.intl,t=e.myAccount;return Object(s.a)("div",{className:"onboarding-modal__page onboarding-modal__page-two"},void 0,Object(s.a)("div",{className:"figure non-interactive"},void 0,Object(s.a)("div",{className:"pseudo-drawer"},void 0,Object(s.a)(O.a,{account:t}),Object(s.a)(j.a,{intl:a,privacy:"public",text:"Awoo! #introductions"}))),Object(s.a)("p",{},void 0,Object(s.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,t=e.myAccount;return Object(s.a)("div",{className:"onboarding-modal__page onboarding-modal__page-three"},void 0,Object(s.a)("div",{className:"figure non-interactive"},void 0,Object(s.a)(f.a,{intl:a}),Object(s.a)("div",{className:"pseudo-drawer"},void 0,Object(s.a)(O.a,{account:t}))),Object(s.a)("p",{},void 0,Object(s.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(s.a)(v.a,{to:"/timelines/tag/illustration",href:"/tags/illustration"},void 0,"#illustration"),introductions:Object(s.a)(v.a,{to:"/timelines/tag/introductions",href:"/tags/introductions"},void 0,"#introductions")}})),Object(s.a)("p",{},void 0,Object(s.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,t=e.intl;return Object(s.a)("div",{className:"onboarding-modal__page onboarding-modal__page-four"},void 0,Object(s.a)("div",{className:"onboarding-modal__page-four__columns"},void 0,Object(s.a)("div",{className:"row"},void 0,Object(s.a)("div",{},void 0,Object(s.a)("div",{className:"figure non-interactive"},void 0,Object(s.a)(h.a,{icon:"home",type:t.formatMessage(w.home_title)})),Object(s.a)("p",{},void 0,Object(s.a)(b.b,{id:"onboarding.page_four.home",defaultMessage:"The home timeline shows posts from people you follow."}))),Object(s.a)("div",{},void 0,Object(s.a)("div",{className:"figure non-interactive"},void 0,Object(s.a)(h.a,{icon:"bell",type:t.formatMessage(w.notifications_title)})),Object(s.a)("p",{},void 0,Object(s.a)(b.b,{id:"onboarding.page_four.notifications",defaultMessage:"The notifications column shows when someone interacts with you."})))),Object(s.a)("div",{className:"row"},void 0,Object(s.a)("div",{},void 0,Object(s.a)("div",{className:"figure non-interactive",style:{marginBottom:0}},void 0,Object(s.a)(h.a,{icon:"users",type:t.formatMessage(w.local_title)}))),Object(s.a)("div",{},void 0,Object(s.a)("div",{className:"figure non-interactive",style:{marginBottom:0}},void 0,Object(s.a)(h.a,{icon:"globe",type:t.formatMessage(w.federated_title)})))),Object(s.a)("p",{},void 0,Object(s.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,t=e.domain,o="";return a&&(o=Object(s.a)("p",{},void 0,Object(s.a)(b.b,{id:"onboarding.page_six.admin",defaultMessage:"Your instance's admin is {admin}.",values:{admin:Object(s.a)(v.a,{href:a.get("url"),to:"/accounts/"+a.get("id")},void 0,"@",a.get("acct"))}}),Object(s.a)("br",{}),Object(s.a)(b.b,{id:"onboarding.page_six.read_guidelines",defaultMessage:"Please read {domain}'s {guidelines}!",values:{domain:t,guidelines:Object(s.a)("a",{href:"/about/more",target:"_blank"},void 0,Object(s.a)(b.b,{id:"onboarding.page_six.guidelines",defaultMessage:"community guidelines"}))}}))),Object(s.a)("div",{className:"onboarding-modal__page onboarding-modal__page-six"},void 0,Object(s.a)("h1",{},void 0,Object(s.a)(b.b,{id:"onboarding.page_six.almost_done",defaultMessage:"Almost done..."})),o,Object(s.a)("p",{},void 0,Object(s.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:t,fork:Object(s.a)("a",{href:"https://en.wikipedia.org/wiki/Fork_(software_development)",target:"_blank",rel:"noopener"},void 0,"fork"),Mastodon:Object(s.a)("a",{href:"https://github.com/tootsuite/mastodon",target:"_blank",rel:"noopener"},void 0,"Mastodon"),github:Object(s.a)("a",{href:"https://github.com/glitch-soc/mastodon",target:"_blank",rel:"noopener"},void 0,"GitHub")}})),Object(s.a)("p",{},void 0,Object(s.a)(b.b,{id:"onboarding.page_six.apps_available",defaultMessage:"There are {apps} available for iOS, Android and other platforms.",values:{domain:t,apps:Object(s.a)("a",{href:"https://joinmastodon.org/apps",target:"_blank",rel:"noopener"},void 0,Object(s.a)(b.b,{id:"onboarding.page_six.various_app",defaultMessage:"mobile apps"}))}})),Object(s.a)("p",{},void 0,Object(s.a)("em",{},void 0,Object(s.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"])}})(o=Object(b.g)(o=function(n){function e(){for(var o,e=arguments.length,a=new Array(e),t=0;t<e;t++)a[t]=arguments[t];return o=n.call.apply(n,[this].concat(a))||this,Object(c.a)(Object(d.a)(Object(d.a)(o)),"state",{currentIndex:0}),Object(c.a)(Object(d.a)(Object(d.a)(o)),"handleSkip",function(e){e.preventDefault(),o.props.onClose()}),Object(c.a)(Object(d.a)(Object(d.a)(o)),"handleDot",function(e){var a=Number(e.currentTarget.getAttribute("data-index"));e.preventDefault(),o.setState({currentIndex:a})}),Object(c.a)(Object(d.a)(Object(d.a)(o)),"handlePrev",function(){o.setState(function(e){var a=e.currentIndex;return{currentIndex:Math.max(0,a-1)}})}),Object(c.a)(Object(d.a)(Object(d.a)(o)),"handleNext",function(){var t=Object(d.a)(Object(d.a)(o)).pages;o.setState(function(e){var a=e.currentIndex;return{currentIndex:Math.min(a+1,t.length-1)}})}),Object(c.a)(Object(d.a)(Object(d.a)(o)),"handleSwipe",function(e){o.setState({currentIndex:e})}),Object(c.a)(Object(d.a)(Object(d.a)(o)),"handleKeyUp",function(e){switch(e.key){case"ArrowLeft":o.handlePrev();break;case"ArrowRight":o.handleNext()}}),Object(c.a)(Object(d.a)(Object(d.a)(o)),"handleClose",function(){o.props.onClose()}),o}Object(i.a)(e,n);var a=e.prototype;return a.componentWillMount=function(){var e=this.props,a=e.myAccount,t=e.admin,o=e.domain,n=e.intl;this.pages=[Object(s.a)(y,{acct:a.get("acct"),domain:o}),Object(s.a)(M,{myAccount:a,intl:n}),Object(s.a)(k,{myAccount:a,intl:n}),Object(s.a)(N,{domain:o,intl:n}),Object(s.a)(x,{admin:t,domain:o})]},a.componentDidMount=function(){window.addEventListener("keyup",this.handleKeyUp)},a.componentWillUnmount=function(){window.addEventListener("keyup",this.handleKeyUp)},a.render=function(){var o=this,e=this.pages,n=this.state.currentIndex,a=n<e.length-1?Object(s.a)("button",{onClick:this.handleNext,className:"onboarding-modal__nav onboarding-modal__next"},void 0,Object(s.a)(b.b,{id:"onboarding.next",defaultMessage:"Next"})):Object(s.a)("button",{onClick:this.handleClose,className:"onboarding-modal__nav onboarding-modal__done"},void 0,Object(s.a)(b.b,{id:"onboarding.done",defaultMessage:"Done"}));return Object(s.a)("div",{className:"modal-root__modal onboarding-modal"},void 0,Object(s.a)(g.a,{index:n,onChangeIndex:this.handleSwipe,className:"onboarding-modal__pager"},void 0,e.map(function(e,a){var t=p()("onboarding-modal__page__wrapper",{"onboarding-modal__page__wrapper--active":a===n});return Object(s.a)("div",{className:t},a,e)})),Object(s.a)("div",{className:"onboarding-modal__paginator"},void 0,Object(s.a)("div",{},void 0,Object(s.a)("button",{onClick:this.handleSkip,className:"onboarding-modal__nav onboarding-modal__skip"},void 0,Object(s.a)(b.b,{id:"onboarding.skip",defaultMessage:"Skip"}))),Object(s.a)("div",{className:"onboarding-modal__dots"},void 0,e.map(function(e,a){var t=p()("onboarding-modal__dot",{active:a===n});return Object(s.a)("div",{role:"button",tabIndex:"0","data-index":a,onClick:o.handleDot,className:t},"dot-"+a)})),Object(s.a)("div",{},void 0,a)))},e}(r.a.PureComponent))||o)||o}}]);
//# sourceMappingURL=onboarding_modal.js.map