Merge branch 'task-204-on-options-request' into 'develop'
[akkoma] / priv / static / packs / modals / onboarding_modal.js
1 (window.webpackJsonp=window.webpackJsonp||[]).push([[6],{717:function(e,o,a){"use strict";a.r(o),a.d(o,"default",function(){return U});var n,i=a(6),t=a.n(i),d=a(3),s=a.n(d),r=a(7),l=a.n(r),c=a(0),u=a.n(c),g=a(1),m=a.n(g),p=a(12),v=a(4),f=a(136),b=a.n(f),h=a(14),_=a.n(h),w=a(71),y=a(202),N=a(700),M=a(695),x=a(135),k=a(5),S=a(10),A=function(){},C=Object(v.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"}}),I=function(e){var o=e.acct,a=e.domain;return u()("div",{className:"onboarding-modal__page onboarding-modal__page-one"},void 0,u()("div",{className:"onboarding-modal__page-one__lead"},void 0,u()("h1",{},void 0,u()(v.b,{id:"onboarding.page_one.welcome",defaultMessage:"Welcome to Mastodon!"})),u()("p",{},void 0,u()(v.b,{id:"onboarding.page_one.federation",defaultMessage:"Mastodon is a network of independent servers joining up to make one larger social network. We call these servers instances."}))),u()("div",{className:"onboarding-modal__page-one__extra"},void 0,u()("div",{className:"display-case"},void 0,u()("div",{className:"display-case__label"},void 0,u()(v.b,{id:"onboarding.page_one.full_handle",defaultMessage:"Your full handle"})),u()("div",{className:"display-case__case"},void 0,"@",o,"@",a)),u()("p",{},void 0,u()(v.b,{id:"onboarding.page_one.handle_hint",defaultMessage:"This is what you would tell your friends to search for."}))))},T=function(e){var o=e.myAccount;return u()("div",{className:"onboarding-modal__page onboarding-modal__page-two"},void 0,u()("div",{className:"figure non-interactive"},void 0,u()("div",{className:"pseudo-drawer"},void 0,u()(M.a,{account:o}),u()(y.a,{text:"Awoo! #introductions",suggestions:Object(k.List)(),mentionedDomains:[],spoiler:!1,onChange:A,onSubmit:A,onPaste:A,onPickEmoji:A,onChangeSpoilerText:A,onClearSuggestions:A,onFetchSuggestions:A,onSuggestionSelected:A,showSearch:!0}))),u()("p",{},void 0,u()(v.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."})))},D=function(e){var o=e.myAccount;return u()("div",{className:"onboarding-modal__page onboarding-modal__page-three"},void 0,u()("div",{className:"figure non-interactive"},void 0,u()(N.a,{value:"",onChange:A,onSubmit:A,onClear:A,onShow:A}),u()("div",{className:"pseudo-drawer"},void 0,u()(M.a,{account:o}))),u()("p",{},void 0,u()(v.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:u()(w.a,{to:"/timelines/tag/illustration",href:"/tags/illustration"},void 0,"#illustration"),introductions:u()(w.a,{to:"/timelines/tag/introductions",href:"/tags/introductions"},void 0,"#introductions")}})),u()("p",{},void 0,u()(v.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."})))},P=function(e){var o=e.domain,a=e.intl;return u()("div",{className:"onboarding-modal__page onboarding-modal__page-four"},void 0,u()("div",{className:"onboarding-modal__page-four__columns"},void 0,u()("div",{className:"row"},void 0,u()("div",{},void 0,u()("div",{className:"figure non-interactive"},void 0,u()(x.a,{icon:"home",type:a.formatMessage(C.home_title)})),u()("p",{},void 0,u()(v.b,{id:"onboarding.page_four.home",defaultMessage:"The home timeline shows posts from people you follow."}))),u()("div",{},void 0,u()("div",{className:"figure non-interactive"},void 0,u()(x.a,{icon:"bell",type:a.formatMessage(C.notifications_title)})),u()("p",{},void 0,u()(v.b,{id:"onboarding.page_four.notifications",defaultMessage:"The notifications column shows when someone interacts with you."})))),u()("div",{className:"row"},void 0,u()("div",{},void 0,u()("div",{className:"figure non-interactive",style:{marginBottom:0}},void 0,u()(x.a,{icon:"users",type:a.formatMessage(C.local_title)}))),u()("div",{},void 0,u()("div",{className:"figure non-interactive",style:{marginBottom:0}},void 0,u()(x.a,{icon:"globe",type:a.formatMessage(C.federated_title)})))),u()("p",{},void 0,u()(v.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:o}}))))},j=function(e){var o=e.admin,a=e.domain,n="";return o&&(n=u()("p",{},void 0,u()(v.b,{id:"onboarding.page_six.admin",defaultMessage:"Your instance's admin is {admin}.",values:{admin:u()(w.a,{href:o.get("url"),to:"/accounts/"+o.get("id")},void 0,"@",o.get("acct"))}}),u()("br",{}),u()(v.b,{id:"onboarding.page_six.read_guidelines",defaultMessage:"Please read {domain}'s {guidelines}!",values:{domain:a,guidelines:u()("a",{href:"/about/more",target:"_blank"},void 0,u()(v.b,{id:"onboarding.page_six.guidelines",defaultMessage:"community guidelines"}))}}))),u()("div",{className:"onboarding-modal__page onboarding-modal__page-six"},void 0,u()("h1",{},void 0,u()(v.b,{id:"onboarding.page_six.almost_done",defaultMessage:"Almost done..."})),n,u()("p",{},void 0,u()(v.b,{id:"onboarding.page_six.github",defaultMessage:"Mastodon is free open-source software. You can report bugs, request features, or contribute to the code on {github}.",values:{github:u()("a",{href:"https://github.com/tootsuite/mastodon",target:"_blank",rel:"noopener"},void 0,"GitHub")}})),u()("p",{},void 0,u()(v.b,{id:"onboarding.page_six.apps_available",defaultMessage:"There are {apps} available for iOS, Android and other platforms.",values:{apps:u()("a",{href:"https://github.com/tootsuite/documentation/blob/master/Using-Mastodon/Apps.md",target:"_blank",rel:"noopener"},void 0,u()(v.b,{id:"onboarding.page_six.various_app",defaultMessage:"mobile apps"}))}})),u()("p",{},void 0,u()("em",{},void 0,u()(v.b,{id:"onboarding.page_six.appetoot",defaultMessage:"Bon Appetoot!"}))))},U=Object(p.connect)(function(e){return{myAccount:e.getIn(["accounts",S.i]),admin:e.getIn(["accounts",e.getIn(["meta","admin"])]),domain:e.getIn(["meta","domain"])}})(n=Object(v.g)(n=function(e){function o(){var a,n,i;t()(this,o);for(var d=arguments.length,r=Array(d),l=0;l<d;l++)r[l]=arguments[l];return a=n=s()(this,e.call.apply(e,[this].concat(r))),n.state={currentIndex:0},n.handleSkip=function(e){e.preventDefault(),n.props.onClose()},n.handleDot=function(e){var o=Number(e.currentTarget.getAttribute("data-index"));e.preventDefault(),n.setState({currentIndex:o})},n.handlePrev=function(){n.setState(function(e){var o=e.currentIndex;return{currentIndex:Math.max(0,o-1)}})},n.handleNext=function(){var e=n.pages;n.setState(function(o){var a=o.currentIndex;return{currentIndex:Math.min(a+1,e.length-1)}})},n.handleSwipe=function(e){n.setState({currentIndex:e})},n.handleKeyUp=function(e){switch(e.key){case"ArrowLeft":n.handlePrev();break;case"ArrowRight":n.handleNext()}},n.handleClose=function(){n.props.onClose()},i=a,s()(n,i)}return l()(o,e),o.prototype.componentWillMount=function(){var e=this.props,o=e.myAccount,a=e.admin,n=e.domain,i=e.intl;this.pages=[u()(I,{acct:o.get("acct"),domain:n}),u()(T,{myAccount:o}),u()(D,{myAccount:o}),u()(P,{domain:n,intl:i}),u()(j,{admin:a,domain:n})]},o.prototype.componentDidMount=function(){window.addEventListener("keyup",this.handleKeyUp)},o.prototype.componentWillUnmount=function(){window.addEventListener("keyup",this.handleKeyUp)},o.prototype.render=function(){var e=this,o=this.pages,a=this.state.currentIndex,n=a<o.length-1?u()("button",{onClick:this.handleNext,className:"onboarding-modal__nav onboarding-modal__next shake-bottom"},void 0,u()(v.b,{id:"onboarding.next",defaultMessage:"Next"})," ",u()("i",{className:"fa fa-fw fa-chevron-right"})):u()("button",{onClick:this.handleClose,className:"onboarding-modal__nav onboarding-modal__done shake-bottom"},void 0,u()(v.b,{id:"onboarding.done",defaultMessage:"Done"})," ",u()("i",{className:"fa fa-fw fa-check"}));return u()("div",{className:"modal-root__modal onboarding-modal"},void 0,u()(b.a,{index:a,onChangeIndex:this.handleSwipe,className:"onboarding-modal__pager"},void 0,o.map(function(e,o){var n=_()("onboarding-modal__page__wrapper","onboarding-modal__page__wrapper-"+o,{"onboarding-modal__page__wrapper--active":o===a});return u()("div",{className:n},o,e)})),u()("div",{className:"onboarding-modal__paginator"},void 0,u()("div",{},void 0,u()("button",{onClick:this.handleSkip,className:"onboarding-modal__nav onboarding-modal__skip"},void 0,u()(v.b,{id:"onboarding.skip",defaultMessage:"Skip"}))),u()("div",{className:"onboarding-modal__dots"},void 0,o.map(function(o,n){var i=_()("onboarding-modal__dot",{active:n===a});return u()("div",{role:"button",tabIndex:"0","data-index":n,onClick:e.handleDot,className:i},"dot-"+n)})),u()("div",{},void 0,n)))},o}(m.a.PureComponent))||n)||n}}]);
2 //# sourceMappingURL=onboarding_modal.js.map