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

2 lines
9.9 KiB
JavaScript

(window.webpackJsonp=window.webpackJsonp||[]).push([[78],{805:function(e,a,o){"use strict";o.r(a),o.d(a,"default",(function(){return I}));var t,n=o(2),i=(o(9),o(6),o(8)),d=o(1),s=o(0),c=o(3),r=o.n(c),l=o(15),b=o(7),u=o(216),g=o.n(u),m=o(14),p=o.n(m),v=o(214),f=o(548),j=o(768),O=o(774),h=o(725),_=o(18);var w=function(){},y=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"}}),M=function(e){var a=e.acct,o=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:o}})),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:o}})),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:o,handle:Object(s.a)("strong",{},void 0,"@",a,"@",o)}})))))},x=function(e){e.intl;var a=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)(j.a,{account:a}),Object(s.a)(f.a,{privacy:"public",text:"Awoo! #introductions",spoilerText:"",suggestions:[]}))),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."}))))},N=function(e){e.intl;var a=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)(O.a,{value:"",onChange:w,onSubmit:w,onClear:w,onShow:w}),Object(s.a)("div",{className:"pseudo-drawer"},void 0,Object(s.a)(j.a,{account:a}))),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."}))))},k=function(e){var a=e.domain,o=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:o.formatMessage(y.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:o.formatMessage(y.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:o.formatMessage(y.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:o.formatMessage(y.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}})))))},A=function(e){var a=e.admin,o=e.domain,t="";return a&&(t=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:o,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..."})),t,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:o,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:o,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!"}))))},I=Object(l.connect)((function(e){return{myAccount:e.getIn(["accounts",_.m]),admin:e.getIn(["accounts",e.getIn(["meta","admin"])]),domain:e.getIn(["meta","domain"])}}))(t=Object(b.g)(t=function(e){Object(i.a)(o,e);var a;a=o;function o(){for(var a,o=arguments.length,t=new Array(o),i=0;i<o;i++)t[i]=arguments[i];return a=e.call.apply(e,[this].concat(t))||this,Object(d.a)(Object(n.a)(a),"state",{currentIndex:0}),Object(d.a)(Object(n.a)(a),"handleSkip",(function(e){e.preventDefault(),a.props.onClose()})),Object(d.a)(Object(n.a)(a),"handleDot",(function(e){var o=Number(e.currentTarget.getAttribute("data-index"));e.preventDefault(),a.setState({currentIndex:o})})),Object(d.a)(Object(n.a)(a),"handlePrev",(function(){a.setState((function(e){var a=e.currentIndex;return{currentIndex:Math.max(0,a-1)}}))})),Object(d.a)(Object(n.a)(a),"handleNext",(function(){var e=Object(n.a)(a).pages;a.setState((function(a){var o=a.currentIndex;return{currentIndex:Math.min(o+1,e.length-1)}}))})),Object(d.a)(Object(n.a)(a),"handleSwipe",(function(e){a.setState({currentIndex:e})})),Object(d.a)(Object(n.a)(a),"handleKeyUp",(function(e){switch(e.key){case"ArrowLeft":a.handlePrev();break;case"ArrowRight":a.handleNext()}})),Object(d.a)(Object(n.a)(a),"handleClose",(function(){a.props.onClose()})),a}var t=o.prototype;return t.componentWillMount=function(){var e=this.props,a=e.myAccount,o=e.admin,t=e.domain,n=e.intl;this.pages=[Object(s.a)(M,{acct:a.get("acct"),domain:t}),Object(s.a)(x,{myAccount:a,intl:n}),Object(s.a)(N,{myAccount:a,intl:n}),Object(s.a)(k,{domain:t,intl:n}),Object(s.a)(A,{admin:o,domain:t})]},t.componentDidMount=function(){window.addEventListener("keyup",this.handleKeyUp)},t.componentWillUnmount=function(){window.addEventListener("keyup",this.handleKeyUp)},t.render=function(){var e=this,a=this.pages,o=this.state.currentIndex,t=o<a.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:o,onChangeIndex:this.handleSwipe,className:"onboarding-modal__pager"},void 0,a.map((function(e,a){var t=p()("onboarding-modal__page__wrapper",{"onboarding-modal__page__wrapper--active":a===o});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,a.map((function(a,t){var n=p()("onboarding-modal__dot",{active:t===o});return(Object(s.a)("div",{role:"button",tabIndex:"0","data-index":t,onClick:e.handleDot,className:n},"dot-"+t))}))),Object(s.a)("div",{},void 0,t)))},o}(r.a.PureComponent))||t)||t}}]);
//# sourceMappingURL=onboarding_modal.js.map