diff options
Diffstat (limited to 'priv/static/packs/modals')
| -rw-r--r-- | priv/static/packs/modals/embed_modal.js | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/embed_modal.js.map | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/mute_modal.js | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/mute_modal.js.map | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/onboarding_modal.js | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/onboarding_modal.js.map | 1 | ||||
| -rw-r--r-- | priv/static/packs/modals/report_modal.js | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/report_modal.js.map | 2 |
8 files changed, 6 insertions, 9 deletions
diff --git a/priv/static/packs/modals/embed_modal.js b/priv/static/packs/modals/embed_modal.js index 7d03ad34e..cdca61e8e 100644 --- a/priv/static/packs/modals/embed_modal.js +++ b/priv/static/packs/modals/embed_modal.js @@ -1,2 +1,2 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{715:function(e,t,a){"use strict";a.r(t),a.d(t,"default",function(){return _});var i,o,n,r=a(0),s=a.n(r),d=a(6),l=a.n(d),c=a(3),m=a.n(c),u=a(7),f=a.n(u),h=a(1),p=a.n(h),b=a(2),v=a.n(b),w=a(18),g=a(4),y=a(9),_=Object(g.g)((n=o=function(e){function t(){var a,i,o;l()(this,t);for(var n=arguments.length,r=Array(n),s=0;s<n;s++)r[s]=arguments[s];return a=i=m()(this,e.call.apply(e,[this].concat(r))),i.state={loading:!1,oembed:null},i.setIframeRef=function(e){i.iframe=e},i.handleTextareaClick=function(e){e.target.select()},o=a,m()(i,o)}return f()(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props.url;this.setState({loading:!0}),Object(y.a)().post("/api/web/embed",{url:t}).then(function(t){e.setState({loading:!1,oembed:t.data});var a=e.iframe.contentWindow.document;a.open(),a.write(t.data.html),a.close(),a.body.style.margin=0,e.iframe.width=a.body.scrollWidth,e.iframe.height=a.body.scrollHeight}).catch(function(t){e.props.onError(t)})},t.prototype.render=function(){var e=this.state.oembed;return s()("div",{className:"modal-root__modal embed-modal"},void 0,s()("h4",{},void 0,s()(g.b,{id:"status.embed",defaultMessage:"Embed"})),s()("div",{className:"embed-modal__container"},void 0,s()("p",{className:"hint"},void 0,s()(g.b,{id:"embed.instructions",defaultMessage:"Embed this status on your website by copying the code below."})),s()("input",{type:"text",className:"embed-modal__html",readOnly:!0,value:e&&e.html||"",onClick:this.handleTextareaClick}),s()("p",{className:"hint"},void 0,s()(g.b,{id:"embed.preview",defaultMessage:"Here is what it will look like:"})),p.a.createElement("iframe",{className:"embed-modal__iframe",frameBorder:"0",ref:this.setIframeRef,title:"preview"})))},t}(w.a),o.propTypes={url:v.a.string.isRequired,onClose:v.a.func.isRequired,onError:v.a.func.isRequired,intl:v.a.object.isRequired},i=n))||i}}]); +(window.webpackJsonp=window.webpackJsonp||[]).push([[173],{697:function(e,t,a){"use strict";a.r(t),a.d(t,"default",function(){return j});var i,o,n,r=a(1),c=a(6),s=a(0),d=a(2),l=a(3),b=a.n(l),m=a(5),u=a.n(m),f=a(24),h=a(7),p=a(9),j=Object(h.g)((n=o=function(o){function e(){for(var t,e=arguments.length,a=new Array(e),i=0;i<e;i++)a[i]=arguments[i];return t=o.call.apply(o,[this].concat(a))||this,Object(d.a)(Object(s.a)(Object(s.a)(t)),"state",{loading:!1,oembed:null}),Object(d.a)(Object(s.a)(Object(s.a)(t)),"setIframeRef",function(e){t.iframe=e}),Object(d.a)(Object(s.a)(Object(s.a)(t)),"handleTextareaClick",function(e){e.target.select()}),t}Object(c.a)(e,o);var t=e.prototype;return t.componentDidMount=function(){var a=this,e=this.props.url;this.setState({loading:!0}),Object(p.a)().post("/api/web/embed",{url:e}).then(function(e){a.setState({loading:!1,oembed:e.data});var t=a.iframe.contentWindow.document;t.open(),t.write(e.data.html),t.close(),t.body.style.margin=0,a.iframe.width=t.body.scrollWidth,a.iframe.height=t.body.scrollHeight}).catch(function(e){a.props.onError(e)})},t.render=function(){var e=this.state.oembed;return Object(r.a)("div",{className:"modal-root__modal embed-modal"},void 0,Object(r.a)("h4",{},void 0,Object(r.a)(h.b,{id:"status.embed",defaultMessage:"Embed"})),Object(r.a)("div",{className:"embed-modal__container"},void 0,Object(r.a)("p",{className:"hint"},void 0,Object(r.a)(h.b,{id:"embed.instructions",defaultMessage:"Embed this status on your website by copying the code below."})),Object(r.a)("input",{type:"text",className:"embed-modal__html",readOnly:!0,value:e&&e.html||"",onClick:this.handleTextareaClick}),Object(r.a)("p",{className:"hint"},void 0,Object(r.a)(h.b,{id:"embed.preview",defaultMessage:"Here is what it will look like:"})),b.a.createElement("iframe",{className:"embed-modal__iframe",frameBorder:"0",ref:this.setIframeRef,sandbox:"allow-same-origin",title:"preview"})))},e}(f.a),Object(d.a)(o,"propTypes",{url:u.a.string.isRequired,onClose:u.a.func.isRequired,onError:u.a.func.isRequired,intl:u.a.object.isRequired}),i=n))||i}}]); //# sourceMappingURL=embed_modal.js.map
\ No newline at end of file diff --git a/priv/static/packs/modals/embed_modal.js.map b/priv/static/packs/modals/embed_modal.js.map index f231ea441..a50e74ffc 100644 --- a/priv/static/packs/modals/embed_modal.js.map +++ b/priv/static/packs/modals/embed_modal.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///./app/javascript/mastodon/features/ui/components/embed_modal.js"],"names":["EmbedModal","Object","react_intl__WEBPACK_IMPORTED_MODULE_7__","state","loading","oembed","setIframeRef","c","_this","iframe","handleTextareaClick","e","target","select","componentDidMount","_this2","this","url","props","setState","_api__WEBPACK_IMPORTED_MODULE_8__","post","then","res","data","iframeDocument","contentWindow","document","open","write","html","close","body","style","margin","width","scrollWidth","height","scrollHeight","catch","error","onError","render","babel_runtime_helpers_jsx__WEBPACK_IMPORTED_MODULE_0___default","className","id","defaultMessage","type","readOnly","value","onClick","react__WEBPACK_IMPORTED_MODULE_4___default","a","createElement","frameBorder","ref","title","react_immutable_pure_component__WEBPACK_IMPORTED_MODULE_6__","propTypes","prop_types__WEBPACK_IMPORTED_MODULE_5___default","string","isRequired","onClose","func","intl","object"],"mappings":"uQAOqBA,EADpBC,OAAAC,EAAA,EAAAD,iLAUCE,OACEC,SAAS,EACTC,OAAQ,QAyBVC,aAAe,SAAAC,GACbC,EAAKC,OAASF,KAGhBG,oBAAsB,SAACC,GACrBA,EAAEC,OAAOC,mDA3BXC,6BAAqB,IAAAC,EAAAC,KACXC,EAAQD,KAAKE,MAAbD,IAERD,KAAKG,UAAWf,SAAS,IAEzBH,OAAAmB,EAAA,EAAAnB,GAAMoB,KAAK,kBAAoBJ,QAAOK,KAAK,SAAAC,GACzCR,EAAKI,UAAWf,SAAS,EAAOC,OAAQkB,EAAIC,OAE5C,IAAMC,EAAiBV,EAAKN,OAAOiB,cAAcC,SAEjDF,EAAeG,OACfH,EAAeI,MAAMN,EAAIC,KAAKM,MAC9BL,EAAeM,QAEfN,EAAeO,KAAKC,MAAMC,OAAS,EACnCnB,EAAKN,OAAO0B,MAASV,EAAeO,KAAKI,YACzCrB,EAAKN,OAAO4B,OAASZ,EAAeO,KAAKM,eACxCC,MAAM,SAAAC,GACPzB,EAAKG,MAAMuB,QAAQD,kBAYvBE,kBAAU,IACArC,EAAWW,KAAKb,MAAhBE,OAER,OAAAsC,IAAA,OAAAC,UACiB,sCADjB,EAAAD,IAAA,eAAAA,IAESzC,EAAA,GAFT2C,GAE6B,eAF7BC,eAE2D,WAF3DH,IAAA,OAAAC,UAImB,+BAJnB,EAAAD,IAAA,KAAAC,UAKmB,aALnB,EAAAD,IAMSzC,EAAA,GANT2C,GAM6B,qBAN7BC,eAMiE,kEANjEH,IAAA,SAAAI,KAUa,OAVbH,UAWkB,oBAXlBI,UAAA,EAAAC,MAae5C,GAAUA,EAAOyB,MAAQ,GAbxCoB,QAciBlC,KAAKN,sBAdtBiC,IAAA,KAAAC,UAiBmB,aAjBnB,EAAAD,IAkBSzC,EAAA,GAlBT2C,GAkB6B,gBAlB7BC,eAkB4D,qCAGtDK,EAAAC,EAAAC,cAAA,UACET,UAAU,sBACVU,YAAY,IACZC,IAAKvC,KAAKV,aACVkD,MAAM,kBAxEsBC,EAAA,KAE/BC,WACLzC,IAAK0C,EAAAP,EAAUQ,OAAOC,WACtBC,QAASH,EAAAP,EAAUW,KAAKF,WACxBpB,QAASkB,EAAAP,EAAUW,KAAKF,WACxBG,KAAML,EAAAP,EAAUa,OAAOJ","file":"modals/embed_modal.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport api from '../../../api';\n\n@injectIntl\nexport default class EmbedModal extends ImmutablePureComponent {\n\n static propTypes = {\n url: PropTypes.string.isRequired,\n onClose: PropTypes.func.isRequired,\n onError: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n }\n\n state = {\n loading: false,\n oembed: null,\n };\n\n componentDidMount () {\n const { url } = this.props;\n\n this.setState({ loading: true });\n\n api().post('/api/web/embed', { url }).then(res => {\n this.setState({ loading: false, oembed: res.data });\n\n const iframeDocument = this.iframe.contentWindow.document;\n\n iframeDocument.open();\n iframeDocument.write(res.data.html);\n iframeDocument.close();\n\n iframeDocument.body.style.margin = 0;\n this.iframe.width = iframeDocument.body.scrollWidth;\n this.iframe.height = iframeDocument.body.scrollHeight;\n }).catch(error => {\n this.props.onError(error);\n });\n }\n\n setIframeRef = c => {\n this.iframe = c;\n }\n\n handleTextareaClick = (e) => {\n e.target.select();\n }\n\n render () {\n const { oembed } = this.state;\n\n return (\n <div className='modal-root__modal embed-modal'>\n <h4><FormattedMessage id='status.embed' defaultMessage='Embed' /></h4>\n\n <div className='embed-modal__container'>\n <p className='hint'>\n <FormattedMessage id='embed.instructions' defaultMessage='Embed this status on your website by copying the code below.' />\n </p>\n\n <input\n type='text'\n className='embed-modal__html'\n readOnly\n value={oembed && oembed.html || ''}\n onClick={this.handleTextareaClick}\n />\n\n <p className='hint'>\n <FormattedMessage id='embed.preview' defaultMessage='Here is what it will look like:' />\n </p>\n\n <iframe\n className='embed-modal__iframe'\n frameBorder='0'\n ref={this.setIframeRef}\n title='preview'\n />\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file +{"version":3,"sources":["webpack:///app/javascript/seagate/sources/git/hacktivis.me/git/mastofe/app/javascript/mastodon/features/ui/components/embed_modal.js"],"names":["EmbedModal","injectIntl","loading","oembed","c","_this","iframe","e","target","select","componentDidMount","_this2","this","url","props","setState","api","post","then","res","data","iframeDocument","contentWindow","document","open","write","html","close","body","style","margin","width","scrollWidth","height","scrollHeight","catch","error","onError","render","state","Object","_babel_runtime_helpers_esm_jsx__WEBPACK_IMPORTED_MODULE_0__","className","react_intl__WEBPACK_IMPORTED_MODULE_7__","id","defaultMessage","type","readOnly","value","onClick","handleTextareaClick","react__WEBPACK_IMPORTED_MODULE_4___default","a","createElement","frameBorder","ref","setIframeRef","sandbox","title","ImmutablePureComponent","PropTypes","string","isRequired","onClose","func","intl","object"],"mappings":"qOAOMA,EADUC,oNAUN,CACNC,SAAS,EACTC,OAAQ,8DAyBK,SAAAC,GACbC,EAAKC,OAASF,kEAGM,SAACG,GACrBA,EAAEC,OAAOC,yDA3BXC,kBAAA,WAAqB,IAAAC,EAAAC,KACXC,EAAQD,KAAKE,MAAbD,IAERD,KAAKG,SAAS,CAAEb,SAAS,IAEzBc,cAAMC,KAAK,iBAAkB,CAAEJ,QAAOK,KAAK,SAAAC,GACzCR,EAAKI,SAAS,CAAEb,SAAS,EAAOC,OAAQgB,EAAIC,OAE5C,IAAMC,EAAiBV,EAAKL,OAAOgB,cAAcC,SAEjDF,EAAeG,OACfH,EAAeI,MAAMN,EAAIC,KAAKM,MAC9BL,EAAeM,QAEfN,EAAeO,KAAKC,MAAMC,OAAS,EACnCnB,EAAKL,OAAOyB,MAASV,EAAeO,KAAKI,YACzCrB,EAAKL,OAAO2B,OAASZ,EAAeO,KAAKM,eACxCC,MAAM,SAAAC,GACPzB,EAAKG,MAAMuB,QAAQD,QAYvBE,OAAA,WAAU,IACAnC,EAAWS,KAAK2B,MAAhBpC,OAER,OACEqC,OAAAC,EAAA,EAAAD,CAAA,OAAKE,UAAU,sCAAf,EACEF,OAAAC,EAAA,EAAAD,CAAA,eAAIA,OAAAC,EAAA,EAAAD,CAACG,EAAA,EAAD,CAAkBC,GAAG,eAAeC,eAAe,WAEvDL,OAAAC,EAAA,EAAAD,CAAA,OAAKE,UAAU,+BAAf,EACEF,OAAAC,EAAA,EAAAD,CAAA,KAAGE,UAAU,aAAb,EACEF,OAAAC,EAAA,EAAAD,CAACG,EAAA,EAAD,CAAkBC,GAAG,qBAAqBC,eAAe,kEAG3DL,OAAAC,EAAA,EAAAD,CAAA,SACEM,KAAK,OACLJ,UAAU,oBACVK,UAAQ,EACRC,MAAO7C,GAAUA,EAAOuB,MAAQ,GAChCuB,QAASrC,KAAKsC,sBAGhBV,OAAAC,EAAA,EAAAD,CAAA,KAAGE,UAAU,aAAb,EACEF,OAAAC,EAAA,EAAAD,CAACG,EAAA,EAAD,CAAkBC,GAAG,gBAAgBC,eAAe,qCAGtDM,EAAAC,EAAAC,cAAA,UACEX,UAAU,sBACVY,YAAY,IACZC,IAAK3C,KAAK4C,aACVC,QAAQ,oBACRC,MAAM,kBAzEOC,+BAEJ,CACjB9C,IAAK+C,IAAUC,OAAOC,WACtBC,QAASH,IAAUI,KAAKF,WACxBzB,QAASuB,IAAUI,KAAKF,WACxBG,KAAML,IAAUM,OAAOJ","file":"modals/embed_modal.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport api from '../../../api';\n\nexport default @injectIntl\nclass EmbedModal extends ImmutablePureComponent {\n\n static propTypes = {\n url: PropTypes.string.isRequired,\n onClose: PropTypes.func.isRequired,\n onError: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n }\n\n state = {\n loading: false,\n oembed: null,\n };\n\n componentDidMount () {\n const { url } = this.props;\n\n this.setState({ loading: true });\n\n api().post('/api/web/embed', { url }).then(res => {\n this.setState({ loading: false, oembed: res.data });\n\n const iframeDocument = this.iframe.contentWindow.document;\n\n iframeDocument.open();\n iframeDocument.write(res.data.html);\n iframeDocument.close();\n\n iframeDocument.body.style.margin = 0;\n this.iframe.width = iframeDocument.body.scrollWidth;\n this.iframe.height = iframeDocument.body.scrollHeight;\n }).catch(error => {\n this.props.onError(error);\n });\n }\n\n setIframeRef = c => {\n this.iframe = c;\n }\n\n handleTextareaClick = (e) => {\n e.target.select();\n }\n\n render () {\n const { oembed } = this.state;\n\n return (\n <div className='modal-root__modal embed-modal'>\n <h4><FormattedMessage id='status.embed' defaultMessage='Embed' /></h4>\n\n <div className='embed-modal__container'>\n <p className='hint'>\n <FormattedMessage id='embed.instructions' defaultMessage='Embed this status on your website by copying the code below.' />\n </p>\n\n <input\n type='text'\n className='embed-modal__html'\n readOnly\n value={oembed && oembed.html || ''}\n onClick={this.handleTextareaClick}\n />\n\n <p className='hint'>\n <FormattedMessage id='embed.preview' defaultMessage='Here is what it will look like:' />\n </p>\n\n <iframe\n className='embed-modal__iframe'\n frameBorder='0'\n ref={this.setIframeRef}\n sandbox='allow-same-origin'\n title='preview'\n />\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file diff --git a/priv/static/packs/modals/mute_modal.js b/priv/static/packs/modals/mute_modal.js index cc6eb2a63..fe11c7788 100644 --- a/priv/static/packs/modals/mute_modal.js +++ b/priv/static/packs/modals/mute_modal.js @@ -1,2 +1,2 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{716:function(n,o,t){"use strict";t.r(o),t.d(o,"default",function(){return k});var i,e=t(0),a=t.n(e),c=t(6),s=t.n(c),u=t(3),r=t.n(u),l=t(7),d=t.n(l),f=t(1),m=t.n(f),p=t(12),h=t(4),g=t(199),b=t.n(g),v=t(79),C=t(21),_=t(13),w=t(45),k=Object(p.connect)(function(n){return{isSubmitting:n.getIn(["reports","new","isSubmitting"]),account:n.getIn(["mutes","new","account"]),notifications:n.getIn(["mutes","new","notifications"])}},function(n){return{onConfirm:function(o,t){n(Object(_.C)(o.get("id"),t))},onClose:function(){n(Object(C.c)())},onToggleNotifications:function(){n(Object(w.h)())}}})(i=Object(h.g)(i=function(n){function o(){var t,i,e;s()(this,o);for(var a=arguments.length,c=Array(a),u=0;u<a;u++)c[u]=arguments[u];return t=i=r()(this,n.call.apply(n,[this].concat(c))),i.handleClick=function(){i.props.onClose(),i.props.onConfirm(i.props.account,i.props.notifications)},i.handleCancel=function(){i.props.onClose()},i.setRef=function(n){i.button=n},i.toggleNotifications=function(){i.props.onToggleNotifications()},e=t,r()(i,e)}return d()(o,n),o.prototype.componentDidMount=function(){this.button.focus()},o.prototype.render=function(){var n=this.props,o=n.account,t=n.notifications;return a()("div",{className:"modal-root__modal mute-modal"},void 0,a()("div",{className:"mute-modal__container"},void 0,a()("p",{},void 0,a()(h.b,{id:"confirmations.mute.message",defaultMessage:"Are you sure you want to mute {name}?",values:{name:a()("strong",{},void 0,"@",o.get("acct"))}})),a()("div",{},void 0,a()("label",{htmlFor:"mute-modal__hide-notifications-checkbox"},void 0,a()(h.b,{id:"mute_modal.hide_notifications",defaultMessage:"Hide notifications from this user?"})," ",a()(b.a,{id:"mute-modal__hide-notifications-checkbox",checked:t,onChange:this.toggleNotifications})))),a()("div",{className:"mute-modal__action-bar"},void 0,a()(v.a,{onClick:this.handleCancel,className:"mute-modal__cancel-button"},void 0,a()(h.b,{id:"confirmation_modal.cancel",defaultMessage:"Cancel"})),m.a.createElement(v.a,{onClick:this.handleClick,ref:this.setRef},a()(h.b,{id:"confirmations.mute.confirm",defaultMessage:"Mute"}))))},o}(m.a.PureComponent))||i)||i}}]); +(window.webpackJsonp=window.webpackJsonp||[]).push([[174],{696:function(t,e,n){"use strict";n.r(e),n.d(e,"default",function(){return g});var o,c=n(1),i=n(6),s=n(0),u=n(2),a=n(3),r=n.n(a),l=n(20),d=n(7),b=n(390),f=n.n(b),m=n(178),j=n(49),O=n(27),p=n(142),g=Object(l.connect)(function(t){return{isSubmitting:t.getIn(["reports","new","isSubmitting"]),account:t.getIn(["mutes","new","account"]),notifications:t.getIn(["mutes","new","notifications"])}},function(n){return{onConfirm:function(t,e){n(Object(O.G)(t.get("id"),e))},onClose:function(){n(Object(j.c)())},onToggleNotifications:function(){n(Object(p.h)())}}})(o=Object(d.g)(o=function(a){function t(){for(var e,t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];return e=a.call.apply(a,[this].concat(n))||this,Object(u.a)(Object(s.a)(Object(s.a)(e)),"handleClick",function(){e.props.onClose(),e.props.onConfirm(e.props.account,e.props.notifications)}),Object(u.a)(Object(s.a)(Object(s.a)(e)),"handleCancel",function(){e.props.onClose()}),Object(u.a)(Object(s.a)(Object(s.a)(e)),"setRef",function(t){e.button=t}),Object(u.a)(Object(s.a)(Object(s.a)(e)),"toggleNotifications",function(){e.props.onToggleNotifications()}),e}Object(i.a)(t,a);var e=t.prototype;return e.componentDidMount=function(){this.button.focus()},e.render=function(){var t=this.props,e=t.account,n=t.notifications;return Object(c.a)("div",{className:"modal-root__modal mute-modal"},void 0,Object(c.a)("div",{className:"mute-modal__container"},void 0,Object(c.a)("p",{},void 0,Object(c.a)(d.b,{id:"confirmations.mute.message",defaultMessage:"Are you sure you want to mute {name}?",values:{name:Object(c.a)("strong",{},void 0,"@",e.get("acct"))}})),Object(c.a)("div",{},void 0,Object(c.a)("label",{htmlFor:"mute-modal__hide-notifications-checkbox"},void 0,Object(c.a)(d.b,{id:"mute_modal.hide_notifications",defaultMessage:"Hide notifications from this user?"})," ",Object(c.a)(f.a,{id:"mute-modal__hide-notifications-checkbox",checked:n,onChange:this.toggleNotifications})))),Object(c.a)("div",{className:"mute-modal__action-bar"},void 0,Object(c.a)(m.a,{onClick:this.handleCancel,className:"mute-modal__cancel-button"},void 0,Object(c.a)(d.b,{id:"confirmation_modal.cancel",defaultMessage:"Cancel"})),r.a.createElement(m.a,{onClick:this.handleClick,ref:this.setRef},Object(c.a)(d.b,{id:"confirmations.mute.confirm",defaultMessage:"Mute"}))))},t}(r.a.PureComponent))||o)||o}}]); //# sourceMappingURL=mute_modal.js.map
\ No newline at end of file diff --git a/priv/static/packs/modals/mute_modal.js.map b/priv/static/packs/modals/mute_modal.js.map index 0ea8d94c3..914bc0f9b 100644 --- a/priv/static/packs/modals/mute_modal.js.map +++ b/priv/static/packs/modals/mute_modal.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///./app/javascript/mastodon/features/ui/components/mute_modal.js"],"names":["MuteModal","Object","react_redux__WEBPACK_IMPORTED_MODULE_5__","state","isSubmitting","getIn","account","notifications","dispatch","onConfirm","_actions_accounts__WEBPACK_IMPORTED_MODULE_10__","get","onClose","_actions_modal__WEBPACK_IMPORTED_MODULE_9__","onToggleNotifications","_actions_mutes__WEBPACK_IMPORTED_MODULE_11__","react_intl__WEBPACK_IMPORTED_MODULE_6__","handleClick","_this","props","handleCancel","setRef","c","button","toggleNotifications","componentDidMount","this","focus","render","_props","babel_runtime_helpers_jsx__WEBPACK_IMPORTED_MODULE_0___default","className","id","defaultMessage","values","name","htmlFor","react_toggle__WEBPACK_IMPORTED_MODULE_7___default","a","checked","onChange","_components_button__WEBPACK_IMPORTED_MODULE_8__","onClick","react__WEBPACK_IMPORTED_MODULE_4___default","createElement","ref","PureComponent"],"mappings":"8RAqCqBA,EAFpBC,OAAAC,EAAA,QAAAD,CAxBuB,SAAAE,GACtB,OACEC,aAAcD,EAAME,OAAO,UAAW,MAAO,iBAC7CC,QAASH,EAAME,OAAO,QAAS,MAAO,YACtCE,cAAeJ,EAAME,OAAO,QAAS,MAAO,oBAIrB,SAAAG,GACzB,OACEC,UADK,SACKH,EAASC,GACjBC,EAASP,OAAAS,EAAA,EAAAT,CAAYK,EAAQK,IAAI,MAAOJ,KAG1CK,QALK,WAMHJ,EAASP,OAAAY,EAAA,EAAAZ,KAGXa,sBATK,WAUHN,EAASP,OAAAc,EAAA,EAAAd,UAMdA,OAAAe,EAAA,EAAAf,8KAiBCgB,YAAc,WACZC,EAAKC,MAAMP,UACXM,EAAKC,MAAMV,UAAUS,EAAKC,MAAMb,QAASY,EAAKC,MAAMZ,kBAGtDa,aAAe,WACbF,EAAKC,MAAMP,aAGbS,OAAS,SAACC,GACRJ,EAAKK,OAASD,KAGhBE,oBAAsB,WACpBN,EAAKC,MAAML,kEAlBbW,6BACEC,KAAKH,OAAOI,qBAoBdC,kBAAU,IAAAC,EAC2BH,KAAKP,MAAhCb,EADAuB,EACAvB,QAASC,EADTsB,EACStB,cAEjB,OAAAuB,IAAA,OAAAC,UACiB,qCADjB,EAAAD,IAAA,OAAAC,UAEmB,8BAFnB,EAAAD,IAAA,cAAAA,IAISd,EAAA,GAJTgB,GAKa,6BALbC,eAMyB,wCANzBC,QAOoBC,KAAAL,IAAAK,uBAAgB7B,EAAQK,IAAI,aAPhDmB,IAAA,gBAAAA,IAAA,SAAAM,QAWuB,gDAXvB,EAAAN,IAYWd,EAAA,GAZXgB,GAY+B,gCAZ/BC,eAY8E,uCACnE,IAbXH,IAcWO,EAAAC,GAdXN,GAcqB,0CAdrBO,QAcwEhC,EAdxEiC,SAciGd,KAAKF,yBAdtGM,IAAA,OAAAC,UAmBmB,+BAnBnB,EAAAD,IAoBOW,EAAA,GApBPC,QAoBuBhB,KAAKN,aApB5BW,UAoBoD,kCApBpD,EAAAD,IAqBSd,EAAA,GArBTgB,GAqB6B,4BArB7BC,eAqBwE,YAElEU,EAAAL,EAAAM,cAACH,EAAA,GAAOC,QAAShB,KAAKT,YAAa4B,IAAKnB,KAAKL,QAA7CS,IACGd,EAAA,GADHgB,GACuB,6BADvBC,eACmE,gBA5DtCU,EAAAL,EAAMQ","file":"modals/mute_modal.js","sourcesContent":["import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport Toggle from 'react-toggle';\nimport Button from '../../../components/button';\nimport { closeModal } from '../../../actions/modal';\nimport { muteAccount } from '../../../actions/accounts';\nimport { toggleHideNotifications } from '../../../actions/mutes';\n\n\nconst mapStateToProps = state => {\n return {\n isSubmitting: state.getIn(['reports', 'new', 'isSubmitting']),\n account: state.getIn(['mutes', 'new', 'account']),\n notifications: state.getIn(['mutes', 'new', 'notifications']),\n };\n};\n\nconst mapDispatchToProps = dispatch => {\n return {\n onConfirm(account, notifications) {\n dispatch(muteAccount(account.get('id'), notifications));\n },\n\n onClose() {\n dispatch(closeModal());\n },\n\n onToggleNotifications() {\n dispatch(toggleHideNotifications());\n },\n };\n};\n\n@connect(mapStateToProps, mapDispatchToProps)\n@injectIntl\nexport default class MuteModal extends React.PureComponent {\n\n static propTypes = {\n isSubmitting: PropTypes.bool.isRequired,\n account: PropTypes.object.isRequired,\n notifications: PropTypes.bool.isRequired,\n onClose: PropTypes.func.isRequired,\n onConfirm: PropTypes.func.isRequired,\n onToggleNotifications: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n componentDidMount() {\n this.button.focus();\n }\n\n handleClick = () => {\n this.props.onClose();\n this.props.onConfirm(this.props.account, this.props.notifications);\n }\n\n handleCancel = () => {\n this.props.onClose();\n }\n\n setRef = (c) => {\n this.button = c;\n }\n\n toggleNotifications = () => {\n this.props.onToggleNotifications();\n }\n\n render () {\n const { account, notifications } = this.props;\n\n return (\n <div className='modal-root__modal mute-modal'>\n <div className='mute-modal__container'>\n <p>\n <FormattedMessage\n id='confirmations.mute.message'\n defaultMessage='Are you sure you want to mute {name}?'\n values={{ name: <strong>@{account.get('acct')}</strong> }}\n />\n </p>\n <div>\n <label htmlFor='mute-modal__hide-notifications-checkbox'>\n <FormattedMessage id='mute_modal.hide_notifications' defaultMessage='Hide notifications from this user?' />\n {' '}\n <Toggle id='mute-modal__hide-notifications-checkbox' checked={notifications} onChange={this.toggleNotifications} />\n </label>\n </div>\n </div>\n\n <div className='mute-modal__action-bar'>\n <Button onClick={this.handleCancel} className='mute-modal__cancel-button'>\n <FormattedMessage id='confirmation_modal.cancel' defaultMessage='Cancel' />\n </Button>\n <Button onClick={this.handleClick} ref={this.setRef}>\n <FormattedMessage id='confirmations.mute.confirm' defaultMessage='Mute' />\n </Button>\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file +{"version":3,"sources":["webpack:///app/javascript/seagate/sources/git/hacktivis.me/git/mastofe/app/javascript/mastodon/features/ui/components/mute_modal.js"],"names":["MuteModal","connect","state","isSubmitting","getIn","account","notifications","dispatch","onConfirm","muteAccount","get","onClose","closeModal","onToggleNotifications","toggleHideNotifications","injectIntl","_this","props","c","button","componentDidMount","this","focus","render","_this$props","Object","_babel_runtime_helpers_esm_jsx__WEBPACK_IMPORTED_MODULE_0__","className","react_intl__WEBPACK_IMPORTED_MODULE_6__","id","defaultMessage","values","name","htmlFor","react_toggle__WEBPACK_IMPORTED_MODULE_7___default","a","checked","onChange","toggleNotifications","_components_button__WEBPACK_IMPORTED_MODULE_8__","onClick","handleCancel","react__WEBPACK_IMPORTED_MODULE_4___default","createElement","handleClick","ref","setRef","React","PureComponent"],"mappings":"8PAqCMA,EAFUC,kBAxBQ,SAAAC,GACtB,MAAO,CACLC,aAAcD,EAAME,MAAM,CAAC,UAAW,MAAO,iBAC7CC,QAASH,EAAME,MAAM,CAAC,QAAS,MAAO,YACtCE,cAAeJ,EAAME,MAAM,CAAC,QAAS,MAAO,oBAIrB,SAAAG,GACzB,MAAO,CACLC,UADK,SACKH,EAASC,GACjBC,EAASE,YAAYJ,EAAQK,IAAI,MAAOJ,KAG1CK,QALK,WAMHJ,EAASK,gBAGXC,sBATK,WAUHN,EAASO,qBAMdC,uNAiBe,WACZC,EAAKC,MAAMN,UACXK,EAAKC,MAAMT,UAAUQ,EAAKC,MAAMZ,QAASW,EAAKC,MAAMX,wEAGvC,WACbU,EAAKC,MAAMN,6DAGJ,SAACO,GACRF,EAAKG,OAASD,kEAGM,WACpBF,EAAKC,MAAMJ,wEAlBbO,kBAAA,WACEC,KAAKF,OAAOG,WAoBdC,OAAA,WAAU,IAAAC,EAC2BH,KAAKJ,MAAhCZ,EADAmB,EACAnB,QAASC,EADTkB,EACSlB,cAEjB,OACEmB,OAAAC,EAAA,EAAAD,CAAA,OAAKE,UAAU,qCAAf,EACEF,OAAAC,EAAA,EAAAD,CAAA,OAAKE,UAAU,8BAAf,EACEF,OAAAC,EAAA,EAAAD,CAAA,cACEA,OAAAC,EAAA,EAAAD,CAACG,EAAA,EAAD,CACEC,GAAG,6BACHC,eAAe,wCACfC,OAAQ,CAAEC,KAAMP,OAAAC,EAAA,EAAAD,CAAA,uBAAUpB,EAAQK,IAAI,aAG1Ce,OAAAC,EAAA,EAAAD,CAAA,gBACEA,OAAAC,EAAA,EAAAD,CAAA,SAAOQ,QAAQ,gDAAf,EACER,OAAAC,EAAA,EAAAD,CAACG,EAAA,EAAD,CAAkBC,GAAG,gCAAgCC,eAAe,uCACnE,IACDL,OAAAC,EAAA,EAAAD,CAACS,EAAAC,EAAD,CAAQN,GAAG,0CAA0CO,QAAS9B,EAAe+B,SAAUhB,KAAKiB,yBAKlGb,OAAAC,EAAA,EAAAD,CAAA,OAAKE,UAAU,+BAAf,EACEF,OAAAC,EAAA,EAAAD,CAACc,EAAA,EAAD,CAAQC,QAASnB,KAAKoB,aAAcd,UAAU,kCAA9C,EACEF,OAAAC,EAAA,EAAAD,CAACG,EAAA,EAAD,CAAkBC,GAAG,4BAA4BC,eAAe,YAElEY,EAAAP,EAAAQ,cAACJ,EAAA,EAAD,CAAQC,QAASnB,KAAKuB,YAAaC,IAAKxB,KAAKyB,QAC3CrB,OAAAC,EAAA,EAAAD,CAACG,EAAA,EAAD,CAAkBC,GAAG,6BAA6BC,eAAe,gBA5DrDiB,IAAMC","file":"modals/mute_modal.js","sourcesContent":["import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport Toggle from 'react-toggle';\nimport Button from '../../../components/button';\nimport { closeModal } from '../../../actions/modal';\nimport { muteAccount } from '../../../actions/accounts';\nimport { toggleHideNotifications } from '../../../actions/mutes';\n\n\nconst mapStateToProps = state => {\n return {\n isSubmitting: state.getIn(['reports', 'new', 'isSubmitting']),\n account: state.getIn(['mutes', 'new', 'account']),\n notifications: state.getIn(['mutes', 'new', 'notifications']),\n };\n};\n\nconst mapDispatchToProps = dispatch => {\n return {\n onConfirm(account, notifications) {\n dispatch(muteAccount(account.get('id'), notifications));\n },\n\n onClose() {\n dispatch(closeModal());\n },\n\n onToggleNotifications() {\n dispatch(toggleHideNotifications());\n },\n };\n};\n\nexport default @connect(mapStateToProps, mapDispatchToProps)\n@injectIntl\nclass MuteModal extends React.PureComponent {\n\n static propTypes = {\n isSubmitting: PropTypes.bool.isRequired,\n account: PropTypes.object.isRequired,\n notifications: PropTypes.bool.isRequired,\n onClose: PropTypes.func.isRequired,\n onConfirm: PropTypes.func.isRequired,\n onToggleNotifications: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n componentDidMount() {\n this.button.focus();\n }\n\n handleClick = () => {\n this.props.onClose();\n this.props.onConfirm(this.props.account, this.props.notifications);\n }\n\n handleCancel = () => {\n this.props.onClose();\n }\n\n setRef = (c) => {\n this.button = c;\n }\n\n toggleNotifications = () => {\n this.props.onToggleNotifications();\n }\n\n render () {\n const { account, notifications } = this.props;\n\n return (\n <div className='modal-root__modal mute-modal'>\n <div className='mute-modal__container'>\n <p>\n <FormattedMessage\n id='confirmations.mute.message'\n defaultMessage='Are you sure you want to mute {name}?'\n values={{ name: <strong>@{account.get('acct')}</strong> }}\n />\n </p>\n <div>\n <label htmlFor='mute-modal__hide-notifications-checkbox'>\n <FormattedMessage id='mute_modal.hide_notifications' defaultMessage='Hide notifications from this user?' />\n {' '}\n <Toggle id='mute-modal__hide-notifications-checkbox' checked={notifications} onChange={this.toggleNotifications} />\n </label>\n </div>\n </div>\n\n <div className='mute-modal__action-bar'>\n <Button onClick={this.handleCancel} className='mute-modal__cancel-button'>\n <FormattedMessage id='confirmation_modal.cancel' defaultMessage='Cancel' />\n </Button>\n <Button onClick={this.handleClick} ref={this.setRef}>\n <FormattedMessage id='confirmations.mute.confirm' defaultMessage='Mute' />\n </Button>\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file diff --git a/priv/static/packs/modals/onboarding_modal.js b/priv/static/packs/modals/onboarding_modal.js deleted file mode 100644 index 30c43feb3..000000000 --- a/priv/static/packs/modals/onboarding_modal.js +++ /dev/null @@ -1,2 +0,0 @@ -(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}}]); -//# sourceMappingURL=onboarding_modal.js.map
\ No newline at end of file diff --git a/priv/static/packs/modals/onboarding_modal.js.map b/priv/static/packs/modals/onboarding_modal.js.map deleted file mode 100644 index 5e70e5e5b..000000000 --- a/priv/static/packs/modals/onboarding_modal.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack:///./app/javascript/mastodon/features/ui/components/onboarding_modal.js"],"names":["noop","messages","Object","react_intl__WEBPACK_IMPORTED_MODULE_6__","home_title","id","defaultMessage","notifications_title","local_title","federated_title","PageOne","_ref","acct","domain","babel_runtime_helpers_jsx__WEBPACK_IMPORTED_MODULE_3___default","className","PageTwo","_ref2","myAccount","_compose_components_navigation_bar__WEBPACK_IMPORTED_MODULE_12__","account","_compose_components_compose_form__WEBPACK_IMPORTED_MODULE_10__","text","suggestions","immutable__WEBPACK_IMPORTED_MODULE_14__","mentionedDomains","spoiler","onChange","onSubmit","onPaste","onPickEmoji","onChangeSpoilerText","onClearSuggestions","onFetchSuggestions","onSuggestionSelected","showSearch","PageThree","_ref3","_compose_components_search__WEBPACK_IMPORTED_MODULE_11__","value","onClear","onShow","values","illustration","_components_permalink__WEBPACK_IMPORTED_MODULE_9__","to","href","introductions","PageFour","_ref4","intl","_column_header__WEBPACK_IMPORTED_MODULE_13__","icon","type","formatMessage","style","marginBottom","PageSix","_ref5","admin","adminSection","get","guidelines","target","github","rel","apps","OnboardingModal","react_redux__WEBPACK_IMPORTED_MODULE_5__","state","getIn","_initial_state__WEBPACK_IMPORTED_MODULE_15__","currentIndex","handleSkip","e","preventDefault","_this","props","onClose","handleDot","i","Number","currentTarget","getAttribute","setState","handlePrev","_ref6","Math","max","handleNext","pages","_ref7","min","length","handleSwipe","index","handleKeyUp","_ref8","key","handleClose","componentWillMount","_props","this","componentDidMount","window","addEventListener","componentWillUnmount","render","_this3","nextOrDoneBtn","hasMore","onClick","react_swipeable_views__WEBPACK_IMPORTED_MODULE_7___default","a","onChangeIndex","map","page","classnames__WEBPACK_IMPORTED_MODULE_8___default","onboarding-modal__page__wrapper--active","_","active","role","tabIndex","data-index","react__WEBPACK_IMPORTED_MODULE_4___default","PureComponent"],"mappings":"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","file":"modals/onboarding_modal.js","sourcesContent":["import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport { defineMessages, injectIntl, FormattedMessage } from 'react-intl';\nimport ReactSwipeableViews from 'react-swipeable-views';\nimport classNames from 'classnames';\nimport Permalink from '../../../components/permalink';\nimport ComposeForm from '../../compose/components/compose_form';\nimport Search from '../../compose/components/search';\nimport NavigationBar from '../../compose/components/navigation_bar';\nimport ColumnHeader from './column_header';\nimport { List as ImmutableList } from 'immutable';\nimport { me } from '../../../initial_state';\n\nconst noop = () => { };\n\nconst messages = defineMessages({\n home_title: { id: 'column.home', defaultMessage: 'Home' },\n notifications_title: { id: 'column.notifications', defaultMessage: 'Notifications' },\n local_title: { id: 'column.community', defaultMessage: 'Local timeline' },\n federated_title: { id: 'column.public', defaultMessage: 'Federated timeline' },\n});\n\nconst PageOne = ({ acct, domain }) => (\n <div className='onboarding-modal__page onboarding-modal__page-one'>\n <div className='onboarding-modal__page-one__lead'>\n <h1><FormattedMessage id='onboarding.page_one.welcome' defaultMessage='Welcome to Mastodon!' /></h1>\n <p><FormattedMessage 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.' /></p>\n </div>\n\n <div className='onboarding-modal__page-one__extra'>\n <div className='display-case'>\n <div className='display-case__label'>\n <FormattedMessage id='onboarding.page_one.full_handle' defaultMessage='Your full handle' />\n </div>\n\n <div className='display-case__case'>\n @{acct}@{domain}\n </div>\n </div>\n\n <p><FormattedMessage id='onboarding.page_one.handle_hint' defaultMessage='This is what you would tell your friends to search for.' /></p>\n </div>\n </div>\n);\n\nPageOne.propTypes = {\n acct: PropTypes.string.isRequired,\n domain: PropTypes.string.isRequired,\n};\n\nconst PageTwo = ({ myAccount }) => (\n <div className='onboarding-modal__page onboarding-modal__page-two'>\n <div className='figure non-interactive'>\n <div className='pseudo-drawer'>\n <NavigationBar account={myAccount} />\n\n <ComposeForm\n text='Awoo! #introductions'\n suggestions={ImmutableList()}\n mentionedDomains={[]}\n spoiler={false}\n onChange={noop}\n onSubmit={noop}\n onPaste={noop}\n onPickEmoji={noop}\n onChangeSpoilerText={noop}\n onClearSuggestions={noop}\n onFetchSuggestions={noop}\n onSuggestionSelected={noop}\n showSearch\n />\n </div>\n </div>\n\n <p><FormattedMessage 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.' /></p>\n </div>\n);\n\nPageTwo.propTypes = {\n myAccount: ImmutablePropTypes.map.isRequired,\n};\n\nconst PageThree = ({ myAccount }) => (\n <div className='onboarding-modal__page onboarding-modal__page-three'>\n <div className='figure non-interactive'>\n <Search\n value=''\n onChange={noop}\n onSubmit={noop}\n onClear={noop}\n onShow={noop}\n />\n\n <div className='pseudo-drawer'>\n <NavigationBar account={myAccount} />\n </div>\n </div>\n\n <p><FormattedMessage 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: <Permalink to='/timelines/tag/illustration' href='/tags/illustration'>#illustration</Permalink>, introductions: <Permalink to='/timelines/tag/introductions' href='/tags/introductions'>#introductions</Permalink> }} /></p>\n <p><FormattedMessage 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>\n </div>\n);\n\nPageThree.propTypes = {\n myAccount: ImmutablePropTypes.map.isRequired,\n};\n\nconst PageFour = ({ domain, intl }) => (\n <div className='onboarding-modal__page onboarding-modal__page-four'>\n <div className='onboarding-modal__page-four__columns'>\n <div className='row'>\n <div>\n <div className='figure non-interactive'><ColumnHeader icon='home' type={intl.formatMessage(messages.home_title)} /></div>\n <p><FormattedMessage id='onboarding.page_four.home' defaultMessage='The home timeline shows posts from people you follow.' /></p>\n </div>\n\n <div>\n <div className='figure non-interactive'><ColumnHeader icon='bell' type={intl.formatMessage(messages.notifications_title)} /></div>\n <p><FormattedMessage id='onboarding.page_four.notifications' defaultMessage='The notifications column shows when someone interacts with you.' /></p>\n </div>\n </div>\n\n <div className='row'>\n <div>\n <div className='figure non-interactive' style={{ marginBottom: 0 }}><ColumnHeader icon='users' type={intl.formatMessage(messages.local_title)} /></div>\n </div>\n\n <div>\n <div className='figure non-interactive' style={{ marginBottom: 0 }}><ColumnHeader icon='globe' type={intl.formatMessage(messages.federated_title)} /></div>\n </div>\n </div>\n\n <p><FormattedMessage 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 }} /></p>\n </div>\n </div>\n);\n\nPageFour.propTypes = {\n domain: PropTypes.string.isRequired,\n intl: PropTypes.object.isRequired,\n};\n\nconst PageSix = ({ admin, domain }) => {\n let adminSection = '';\n\n if (admin) {\n adminSection = (\n <p>\n <FormattedMessage id='onboarding.page_six.admin' defaultMessage=\"Your instance's admin is {admin}.\" values={{ admin: <Permalink href={admin.get('url')} to={`/accounts/${admin.get('id')}`}>@{admin.get('acct')}</Permalink> }} />\n <br />\n <FormattedMessage id='onboarding.page_six.read_guidelines' defaultMessage=\"Please read {domain}'s {guidelines}!\" values={{ domain, guidelines: <a href='/about/more' target='_blank'><FormattedMessage id='onboarding.page_six.guidelines' defaultMessage='community guidelines' /></a> }} />\n </p>\n );\n }\n\n return (\n <div className='onboarding-modal__page onboarding-modal__page-six'>\n <h1><FormattedMessage id='onboarding.page_six.almost_done' defaultMessage='Almost done...' /></h1>\n {adminSection}\n <p><FormattedMessage 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: <a href='https://github.com/tootsuite/mastodon' target='_blank' rel='noopener'>GitHub</a> }} /></p>\n <p><FormattedMessage id='onboarding.page_six.apps_available' defaultMessage='There are {apps} available for iOS, Android and other platforms.' values={{ apps: <a href='https://github.com/tootsuite/documentation/blob/master/Using-Mastodon/Apps.md' target='_blank' rel='noopener'><FormattedMessage id='onboarding.page_six.various_app' defaultMessage='mobile apps' /></a> }} /></p>\n <p><em><FormattedMessage id='onboarding.page_six.appetoot' defaultMessage='Bon Appetoot!' /></em></p>\n </div>\n );\n};\n\nPageSix.propTypes = {\n admin: ImmutablePropTypes.map,\n domain: PropTypes.string.isRequired,\n};\n\nconst mapStateToProps = state => ({\n myAccount: state.getIn(['accounts', me]),\n admin: state.getIn(['accounts', state.getIn(['meta', 'admin'])]),\n domain: state.getIn(['meta', 'domain']),\n});\n\n@connect(mapStateToProps)\n@injectIntl\nexport default class OnboardingModal extends React.PureComponent {\n\n static propTypes = {\n onClose: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n myAccount: ImmutablePropTypes.map.isRequired,\n domain: PropTypes.string.isRequired,\n admin: ImmutablePropTypes.map,\n };\n\n state = {\n currentIndex: 0,\n };\n\n componentWillMount() {\n const { myAccount, admin, domain, intl } = this.props;\n this.pages = [\n <PageOne acct={myAccount.get('acct')} domain={domain} />,\n <PageTwo myAccount={myAccount} />,\n <PageThree myAccount={myAccount} />,\n <PageFour domain={domain} intl={intl} />,\n <PageSix admin={admin} domain={domain} />,\n ];\n };\n\n componentDidMount() {\n window.addEventListener('keyup', this.handleKeyUp);\n }\n\n componentWillUnmount() {\n window.addEventListener('keyup', this.handleKeyUp);\n }\n\n handleSkip = (e) => {\n e.preventDefault();\n this.props.onClose();\n }\n\n handleDot = (e) => {\n const i = Number(e.currentTarget.getAttribute('data-index'));\n e.preventDefault();\n this.setState({ currentIndex: i });\n }\n\n handlePrev = () => {\n this.setState(({ currentIndex }) => ({\n currentIndex: Math.max(0, currentIndex - 1),\n }));\n }\n\n handleNext = () => {\n const { pages } = this;\n this.setState(({ currentIndex }) => ({\n currentIndex: Math.min(currentIndex + 1, pages.length - 1),\n }));\n }\n\n handleSwipe = (index) => {\n this.setState({ currentIndex: index });\n }\n\n handleKeyUp = ({ key }) => {\n switch (key) {\n case 'ArrowLeft':\n this.handlePrev();\n break;\n case 'ArrowRight':\n this.handleNext();\n break;\n }\n }\n\n handleClose = () => {\n this.props.onClose();\n }\n\n render () {\n const { pages } = this;\n const { currentIndex } = this.state;\n const hasMore = currentIndex < pages.length - 1;\n\n const nextOrDoneBtn = hasMore ? (\n <button onClick={this.handleNext} className='onboarding-modal__nav onboarding-modal__next shake-bottom'>\n <FormattedMessage id='onboarding.next' defaultMessage='Next' /> <i className='fa fa-fw fa-chevron-right' />\n </button>\n ) : (\n <button onClick={this.handleClose} className='onboarding-modal__nav onboarding-modal__done shake-bottom'>\n <FormattedMessage id='onboarding.done' defaultMessage='Done' /> <i className='fa fa-fw fa-check' />\n </button>\n );\n\n return (\n <div className='modal-root__modal onboarding-modal'>\n <ReactSwipeableViews index={currentIndex} onChangeIndex={this.handleSwipe} className='onboarding-modal__pager'>\n {pages.map((page, i) => {\n const className = classNames('onboarding-modal__page__wrapper', `onboarding-modal__page__wrapper-${i}`, {\n 'onboarding-modal__page__wrapper--active': i === currentIndex,\n });\n\n return (\n <div key={i} className={className}>{page}</div>\n );\n })}\n </ReactSwipeableViews>\n\n <div className='onboarding-modal__paginator'>\n <div>\n <button\n onClick={this.handleSkip}\n className='onboarding-modal__nav onboarding-modal__skip'\n >\n <FormattedMessage id='onboarding.skip' defaultMessage='Skip' />\n </button>\n </div>\n\n <div className='onboarding-modal__dots'>\n {pages.map((_, i) => {\n const className = classNames('onboarding-modal__dot', {\n active: i === currentIndex,\n });\n\n return (\n <div\n key={`dot-${i}`}\n role='button'\n tabIndex='0'\n data-index={i}\n onClick={this.handleDot}\n className={className}\n />\n );\n })}\n </div>\n\n <div>\n {nextOrDoneBtn}\n </div>\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file diff --git a/priv/static/packs/modals/report_modal.js b/priv/static/packs/modals/report_modal.js index bde4e9b07..f2bd5b8f4 100644 --- a/priv/static/packs/modals/report_modal.js +++ b/priv/static/packs/modals/report_modal.js @@ -1,2 +1,2 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{706:function(e,t,n){"use strict";n.r(t);var o,a,i,r=n(0),s=n.n(r),d=n(6),c=n.n(d),l=n(3),u=n.n(l),p=n(7),h=n.n(p),g=n(1),m=n.n(g),f=n(12),v=n(42),b=n(19),w=n(2),_=n.n(w),y=n(17),C=n.n(y),O=n(32),j=n(4),k=n(199),I=n.n(k),M=n(757),N=n.n(M),S=n(96),x=n(16),R=n(119),K=function(e){function t(){return c()(this,t),u()(this,e.apply(this,arguments))}return h()(t,e),t.prototype.render=function(){var e=this.props,t=e.status,n=e.checked,o=e.onToggle,a=e.disabled,i=null;if(t.get("reblog"))return null;if(t.get("media_attachments").size>0)if(t.get("media_attachments").some(function(e){return"unknown"===e.get("type")}));else if("video"===t.getIn(["media_attachments",0,"type"])){var r=t.getIn(["media_attachments",0]);i=s()(R.a,{fetchComponent:x.G,loading:this.renderLoadingVideoPlayer},void 0,function(e){return s()(e,{preview:r.get("preview_url"),src:r.get("url"),alt:r.get("description"),width:239,height:110,inline:!0,sensitive:t.get("sensitive"),onOpenVideo:N.a})})}else i=s()(R.a,{fetchComponent:x.w,loading:this.renderLoadingMediaGallery},void 0,function(e){return s()(e,{media:t.get("media_attachments"),sensitive:t.get("sensitive"),height:110,onOpenMedia:N.a})});return s()("div",{className:"status-check-box"},void 0,s()("div",{className:"status-check-box__status"},void 0,s()(S.a,{status:t}),i),s()("div",{className:"status-check-box-toggle"},void 0,s()(I.a,{checked:n,onChange:o,disabled:a})))},t}(m.a.PureComponent),T=n(5),q=Object(f.connect)(function(e,t){var n=t.id;return{status:e.getIn(["statuses",n]),checked:e.getIn(["reports","new","status_ids"],Object(T.Set)()).includes(n)}},function(e,t){var n=t.id;return{onToggle:function(t){e(Object(v.m)(n,t.target.checked))}}})(K),D=n(18),F=n(79),z=n(20);n.d(t,"default",function(){return A});var P=Object(j.f)({close:{id:"lightbox.close",defaultMessage:"Close"},placeholder:{id:"report.placeholder",defaultMessage:"Additional comments"},submit:{id:"report.submit",defaultMessage:"Submit"}}),A=Object(f.connect)(function(){var e=Object(O.d)();return function(t){var n=t.getIn(["reports","new","account_id"]);return{isSubmitting:t.getIn(["reports","new","isSubmitting"]),account:e(t,n),comment:t.getIn(["reports","new","comment"]),forward:t.getIn(["reports","new","forward"]),statusIds:Object(T.OrderedSet)(t.getIn(["timelines","account:"+n+":with_replies","items"])).union(t.getIn(["reports","new","status_ids"]))}}})(o=Object(j.g)((i=a=function(e){function t(){var n,o,a;c()(this,t);for(var i=arguments.length,r=Array(i),s=0;s<i;s++)r[s]=arguments[s];return n=o=u()(this,e.call.apply(e,[this].concat(r))),o.handleCommentChange=function(e){o.props.dispatch(Object(v.i)(e.target.value))},o.handleForwardChange=function(e){o.props.dispatch(Object(v.j)(e.target.checked))},o.handleSubmit=function(){o.props.dispatch(Object(v.l)())},o.handleKeyDown=function(e){13===e.keyCode&&(e.ctrlKey||e.metaKey)&&o.handleSubmit()},a=n,u()(o,a)}return h()(t,e),t.prototype.componentDidMount=function(){this.props.dispatch(Object(b.l)(this.props.account.get("id"),{withReplies:!0}))},t.prototype.componentWillReceiveProps=function(e){this.props.account!==e.account&&e.account&&this.props.dispatch(Object(b.l)(e.account.get("id"),{withReplies:!0}))},t.prototype.render=function(){var e=this.props,t=e.account,n=e.comment,o=e.intl,a=e.statusIds,i=e.isSubmitting,r=e.forward,d=e.onClose;if(!t)return null;var c=t.get("acct").split("@")[1];return s()("div",{className:"modal-root__modal report-modal"},void 0,s()("div",{className:"report-modal__target"},void 0,s()(z.a,{className:"media-modal__close",title:o.formatMessage(P.close),icon:"times",onClick:d,size:16}),s()(j.b,{id:"report.target",defaultMessage:"Report {target}",values:{target:s()("strong",{},void 0,t.get("acct"))}})),s()("div",{className:"report-modal__container"},void 0,s()("div",{className:"report-modal__comment"},void 0,s()("p",{},void 0,s()(j.b,{id:"report.hint",defaultMessage:"The report will be sent to your instance moderators. You can provide an explanation of why you are reporting this account below:"})),s()("textarea",{className:"setting-text light",placeholder:o.formatMessage(P.placeholder),value:n,onChange:this.handleCommentChange,onKeyDown:this.handleKeyDown,disabled:i}),c&&s()("div",{},void 0,s()("p",{},void 0,s()(j.b,{id:"report.forward_hint",defaultMessage:"The account is from another server. Send an anonymized copy of the report there as well?"})),s()("div",{className:"setting-toggle"},void 0,s()(I.a,{id:"report-forward",checked:r,disabled:i,onChange:this.handleForwardChange}),s()("label",{htmlFor:"report-forward",className:"setting-toggle__label"},void 0,s()(j.b,{id:"report.forward",defaultMessage:"Forward to {target}",values:{target:c}})))),s()(F.a,{disabled:i,text:o.formatMessage(P.submit),onClick:this.handleSubmit})),s()("div",{className:"report-modal__statuses"},void 0,s()("div",{},void 0,a.map(function(e){return s()(q,{id:e,disabled:i},e)})))))},t}(D.a),a.propTypes={isSubmitting:_.a.bool,account:C.a.map,statusIds:C.a.orderedSet.isRequired,comment:_.a.string.isRequired,forward:_.a.bool,dispatch:_.a.func.isRequired,intl:_.a.object.isRequired},o=i))||o)||o},757:function(e,t){e.exports=function(){}}}]); +(window.webpackJsonp=window.webpackJsonp||[]).push([[175],{718:function(e,t,a){"use strict";a.r(t);var n,o,i,d=a(1),c=a(6),r=a(0),s=a(2),l=a(3),u=a.n(l),b=a(20),p=a(91),g=a(36),h=a(5),m=a.n(h),O=a(26),j=a.n(O),f=a(154),v=a(7),w=a(390),_=a.n(w),y=a(964),C=a.n(y),k=a(173),I=a(47),M=a(283),N=function(e){function t(){return e.apply(this,arguments)||this}return Object(c.a)(t,e),t.prototype.render=function(){var e=this.props,t=e.status,a=e.checked,n=e.onToggle,o=e.disabled,i=null;if(t.get("reblog"))return null;if(0<t.get("media_attachments").size)if(t.get("media_attachments").some(function(e){return"unknown"===e.get("type")}));else if("video"===t.getIn(["media_attachments",0,"type"])){var c=t.getIn(["media_attachments",0]);i=Object(d.a)(M.a,{fetchComponent:I.G,loading:this.renderLoadingVideoPlayer},void 0,function(e){return Object(d.a)(e,{preview:c.get("preview_url"),src:c.get("url"),alt:c.get("description"),width:239,height:110,inline:!0,sensitive:t.get("sensitive"),onOpenVideo:C.a})})}else i=Object(d.a)(M.a,{fetchComponent:I.x,loading:this.renderLoadingMediaGallery},void 0,function(e){return Object(d.a)(e,{media:t.get("media_attachments"),sensitive:t.get("sensitive"),height:110,onOpenMedia:C.a})});return Object(d.a)("div",{className:"status-check-box"},void 0,Object(d.a)("div",{className:"status-check-box__status"},void 0,Object(d.a)(k.a,{status:t}),i),Object(d.a)("div",{className:"status-check-box-toggle"},void 0,Object(d.a)(_.a,{checked:a,onChange:n,disabled:o})))},t}(u.a.PureComponent),S=a(4),x=Object(b.connect)(function(e,t){var a=t.id;return{status:e.getIn(["statuses",a]),checked:e.getIn(["reports","new","status_ids"],Object(S.Set)()).includes(a)}},function(t,e){var a=e.id;return{onToggle:function(e){t(Object(p.m)(a,e.target.checked))}}})(N),R=a(24),F=a(178),K=a(63);a.d(t,"default",function(){return q});var T=Object(v.f)({close:{id:"lightbox.close",defaultMessage:"Close"},placeholder:{id:"report.placeholder",defaultMessage:"Additional comments"},submit:{id:"report.submit",defaultMessage:"Submit"}}),q=Object(b.connect)(function(){var a=Object(f.d)();return function(e){var t=e.getIn(["reports","new","account_id"]);return{isSubmitting:e.getIn(["reports","new","isSubmitting"]),account:a(e,t),comment:e.getIn(["reports","new","comment"]),forward:e.getIn(["reports","new","forward"]),statusIds:Object(S.OrderedSet)(e.getIn(["timelines","account:"+t+":with_replies","items"])).union(e.getIn(["reports","new","status_ids"]))}}})(n=Object(v.g)((i=o=function(o){function e(){for(var t,e=arguments.length,a=new Array(e),n=0;n<e;n++)a[n]=arguments[n];return t=o.call.apply(o,[this].concat(a))||this,Object(s.a)(Object(r.a)(Object(r.a)(t)),"handleCommentChange",function(e){t.props.dispatch(Object(p.i)(e.target.value))}),Object(s.a)(Object(r.a)(Object(r.a)(t)),"handleForwardChange",function(e){t.props.dispatch(Object(p.j)(e.target.checked))}),Object(s.a)(Object(r.a)(Object(r.a)(t)),"handleSubmit",function(){t.props.dispatch(Object(p.l)())}),Object(s.a)(Object(r.a)(Object(r.a)(t)),"handleKeyDown",function(e){13===e.keyCode&&(e.ctrlKey||e.metaKey)&&t.handleSubmit()}),t}Object(c.a)(e,o);var t=e.prototype;return t.componentDidMount=function(){this.props.dispatch(Object(g.n)(this.props.account.get("id"),{withReplies:!0}))},t.componentWillReceiveProps=function(e){this.props.account!==e.account&&e.account&&this.props.dispatch(Object(g.n)(e.account.get("id"),{withReplies:!0}))},t.render=function(){var e=this.props,t=e.account,a=e.comment,n=e.intl,o=e.statusIds,i=e.isSubmitting,c=e.forward,r=e.onClose;if(!t)return null;var s=t.get("acct").split("@")[1];return Object(d.a)("div",{className:"modal-root__modal report-modal"},void 0,Object(d.a)("div",{className:"report-modal__target"},void 0,Object(d.a)(K.a,{className:"media-modal__close",title:n.formatMessage(T.close),icon:"times",onClick:r,size:16}),Object(d.a)(v.b,{id:"report.target",defaultMessage:"Report {target}",values:{target:Object(d.a)("strong",{},void 0,t.get("acct"))}})),Object(d.a)("div",{className:"report-modal__container"},void 0,Object(d.a)("div",{className:"report-modal__comment"},void 0,Object(d.a)("p",{},void 0,Object(d.a)(v.b,{id:"report.hint",defaultMessage:"The report will be sent to your instance moderators. You can provide an explanation of why you are reporting this account below:"})),Object(d.a)("textarea",{className:"setting-text light",placeholder:n.formatMessage(T.placeholder),value:a,onChange:this.handleCommentChange,onKeyDown:this.handleKeyDown,disabled:i,autoFocus:!0}),s&&Object(d.a)("div",{},void 0,Object(d.a)("p",{},void 0,Object(d.a)(v.b,{id:"report.forward_hint",defaultMessage:"The account is from another server. Send an anonymized copy of the report there as well?"})),Object(d.a)("div",{className:"setting-toggle"},void 0,Object(d.a)(_.a,{id:"report-forward",checked:c,disabled:i,onChange:this.handleForwardChange}),Object(d.a)("label",{htmlFor:"report-forward",className:"setting-toggle__label"},void 0,Object(d.a)(v.b,{id:"report.forward",defaultMessage:"Forward to {target}",values:{target:s}})))),Object(d.a)(F.a,{disabled:i,text:n.formatMessage(T.submit),onClick:this.handleSubmit})),Object(d.a)("div",{className:"report-modal__statuses"},void 0,Object(d.a)("div",{},void 0,o.map(function(e){return Object(d.a)(x,{id:e,disabled:i},e)})))))},e}(R.a),Object(s.a)(o,"propTypes",{isSubmitting:m.a.bool,account:j.a.map,statusIds:j.a.orderedSet.isRequired,comment:m.a.string.isRequired,forward:m.a.bool,dispatch:m.a.func.isRequired,intl:m.a.object.isRequired}),n=i))||n)||n}}]); //# sourceMappingURL=report_modal.js.map
\ No newline at end of file diff --git a/priv/static/packs/modals/report_modal.js.map b/priv/static/packs/modals/report_modal.js.map index f8ab1ea1a..2d0362b27 100644 --- a/priv/static/packs/modals/report_modal.js.map +++ b/priv/static/packs/modals/report_modal.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///./app/javascript/mastodon/features/report/components/status_check_box.js","webpack:///./app/javascript/mastodon/features/report/containers/status_check_box_container.js","webpack:///./app/javascript/mastodon/features/ui/components/report_modal.js","webpack:///./node_modules/lodash/noop.js"],"names":["status_check_box_StatusCheckBox","render","_props","this","props","status","checked","onToggle","disabled","media","get","size","some","item","getIn","video","jsx_default","bundle","fetchComponent","async_components","loading","renderLoadingVideoPlayer","Component","preview","src","alt","width","height","inline","sensitive","onOpenVideo","noop_default","a","renderLoadingMediaGallery","onOpenMedia","className","status_content","component_default","onChange","react_default","PureComponent","status_check_box_container","Object","es","state","_ref","id","immutable","includes","dispatch","_ref2","e","reports","target","messages","index_es","close","defaultMessage","placeholder","submit","report_modal_ReportModal","getAccount","selectors","accountId","isSubmitting","account","comment","forward","statusIds","union","handleCommentChange","_this","value","handleForwardChange","handleSubmit","handleKeyDown","keyCode","ctrlKey","metaKey","componentDidMount","timelines","withReplies","componentWillReceiveProps","nextProps","intl","onClose","domain","split","icon_button","title","formatMessage","icon","onClick","values","onKeyDown","htmlFor","components_button","text","map","statusId","react_immutable_pure_component_es","propTypes","prop_types_default","bool","ImmutablePropTypes_default","orderedSet","isRequired","string","func","object","module","exports"],"mappings":"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","file":"modals/report_modal.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport Toggle from 'react-toggle';\nimport noop from 'lodash/noop';\nimport StatusContent from '../../../components/status_content';\nimport { MediaGallery, Video } from '../../ui/util/async-components';\nimport Bundle from '../../ui/components/bundle';\n\nexport default class StatusCheckBox extends React.PureComponent {\n\n static propTypes = {\n status: ImmutablePropTypes.map.isRequired,\n checked: PropTypes.bool,\n onToggle: PropTypes.func.isRequired,\n disabled: PropTypes.bool,\n };\n\n render () {\n const { status, checked, onToggle, disabled } = this.props;\n let media = null;\n\n if (status.get('reblog')) {\n return null;\n }\n\n if (status.get('media_attachments').size > 0) {\n if (status.get('media_attachments').some(item => item.get('type') === 'unknown')) {\n\n } else if (status.getIn(['media_attachments', 0, 'type']) === 'video') {\n const video = status.getIn(['media_attachments', 0]);\n\n media = (\n <Bundle fetchComponent={Video} loading={this.renderLoadingVideoPlayer} >\n {Component => (\n <Component\n preview={video.get('preview_url')}\n src={video.get('url')}\n alt={video.get('description')}\n width={239}\n height={110}\n inline\n sensitive={status.get('sensitive')}\n onOpenVideo={noop}\n />\n )}\n </Bundle>\n );\n } else {\n media = (\n <Bundle fetchComponent={MediaGallery} loading={this.renderLoadingMediaGallery} >\n {Component => <Component media={status.get('media_attachments')} sensitive={status.get('sensitive')} height={110} onOpenMedia={noop} />}\n </Bundle>\n );\n }\n }\n\n return (\n <div className='status-check-box'>\n <div className='status-check-box__status'>\n <StatusContent status={status} />\n {media}\n </div>\n\n <div className='status-check-box-toggle'>\n <Toggle checked={checked} onChange={onToggle} disabled={disabled} />\n </div>\n </div>\n );\n }\n\n}\n","import { connect } from 'react-redux';\nimport StatusCheckBox from '../components/status_check_box';\nimport { toggleStatusReport } from '../../../actions/reports';\nimport { Set as ImmutableSet } from 'immutable';\n\nconst mapStateToProps = (state, { id }) => ({\n status: state.getIn(['statuses', id]),\n checked: state.getIn(['reports', 'new', 'status_ids'], ImmutableSet()).includes(id),\n});\n\nconst mapDispatchToProps = (dispatch, { id }) => ({\n\n onToggle (e) {\n dispatch(toggleStatusReport(id, e.target.checked));\n },\n\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(StatusCheckBox);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { changeReportComment, changeReportForward, submitReport } from '../../../actions/reports';\nimport { expandAccountTimeline } from '../../../actions/timelines';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport { makeGetAccount } from '../../../selectors';\nimport { defineMessages, FormattedMessage, injectIntl } from 'react-intl';\nimport StatusCheckBox from '../../report/containers/status_check_box_container';\nimport { OrderedSet } from 'immutable';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport Button from '../../../components/button';\nimport Toggle from 'react-toggle';\nimport IconButton from '../../../components/icon_button';\n\nconst messages = defineMessages({\n close: { id: 'lightbox.close', defaultMessage: 'Close' },\n placeholder: { id: 'report.placeholder', defaultMessage: 'Additional comments' },\n submit: { id: 'report.submit', defaultMessage: 'Submit' },\n});\n\nconst makeMapStateToProps = () => {\n const getAccount = makeGetAccount();\n\n const mapStateToProps = state => {\n const accountId = state.getIn(['reports', 'new', 'account_id']);\n\n return {\n isSubmitting: state.getIn(['reports', 'new', 'isSubmitting']),\n account: getAccount(state, accountId),\n comment: state.getIn(['reports', 'new', 'comment']),\n forward: state.getIn(['reports', 'new', 'forward']),\n statusIds: OrderedSet(state.getIn(['timelines', `account:${accountId}:with_replies`, 'items'])).union(state.getIn(['reports', 'new', 'status_ids'])),\n };\n };\n\n return mapStateToProps;\n};\n\n@connect(makeMapStateToProps)\n@injectIntl\nexport default class ReportModal extends ImmutablePureComponent {\n\n static propTypes = {\n isSubmitting: PropTypes.bool,\n account: ImmutablePropTypes.map,\n statusIds: ImmutablePropTypes.orderedSet.isRequired,\n comment: PropTypes.string.isRequired,\n forward: PropTypes.bool,\n dispatch: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n handleCommentChange = e => {\n this.props.dispatch(changeReportComment(e.target.value));\n }\n\n handleForwardChange = e => {\n this.props.dispatch(changeReportForward(e.target.checked));\n }\n\n handleSubmit = () => {\n this.props.dispatch(submitReport());\n }\n\n handleKeyDown = e => {\n if (e.keyCode === 13 && (e.ctrlKey || e.metaKey)) {\n this.handleSubmit();\n }\n }\n\n componentDidMount () {\n this.props.dispatch(expandAccountTimeline(this.props.account.get('id'), { withReplies: true }));\n }\n\n componentWillReceiveProps (nextProps) {\n if (this.props.account !== nextProps.account && nextProps.account) {\n this.props.dispatch(expandAccountTimeline(nextProps.account.get('id'), { withReplies: true }));\n }\n }\n\n render () {\n const { account, comment, intl, statusIds, isSubmitting, forward, onClose } = this.props;\n\n if (!account) {\n return null;\n }\n\n const domain = account.get('acct').split('@')[1];\n\n return (\n <div className='modal-root__modal report-modal'>\n <div className='report-modal__target'>\n <IconButton className='media-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} />\n <FormattedMessage id='report.target' defaultMessage='Report {target}' values={{ target: <strong>{account.get('acct')}</strong> }} />\n </div>\n\n <div className='report-modal__container'>\n <div className='report-modal__comment'>\n <p><FormattedMessage id='report.hint' defaultMessage='The report will be sent to your instance moderators. You can provide an explanation of why you are reporting this account below:' /></p>\n\n <textarea\n className='setting-text light'\n placeholder={intl.formatMessage(messages.placeholder)}\n value={comment}\n onChange={this.handleCommentChange}\n onKeyDown={this.handleKeyDown}\n disabled={isSubmitting}\n />\n\n {domain && (\n <div>\n <p><FormattedMessage id='report.forward_hint' defaultMessage='The account is from another server. Send an anonymized copy of the report there as well?' /></p>\n\n <div className='setting-toggle'>\n <Toggle id='report-forward' checked={forward} disabled={isSubmitting} onChange={this.handleForwardChange} />\n <label htmlFor='report-forward' className='setting-toggle__label'><FormattedMessage id='report.forward' defaultMessage='Forward to {target}' values={{ target: domain }} /></label>\n </div>\n </div>\n )}\n\n <Button disabled={isSubmitting} text={intl.formatMessage(messages.submit)} onClick={this.handleSubmit} />\n </div>\n\n <div className='report-modal__statuses'>\n <div>\n {statusIds.map(statusId => <StatusCheckBox id={statusId} key={statusId} disabled={isSubmitting} />)}\n </div>\n </div>\n </div>\n </div>\n );\n }\n\n}\n","/**\n * This method returns `undefined`.\n *\n * @static\n * @memberOf _\n * @since 2.3.0\n * @category Util\n * @example\n *\n * _.times(2, _.noop);\n * // => [undefined, undefined]\n */\nfunction noop() {\n // No operation performed.\n}\n\nmodule.exports = noop;\n"],"sourceRoot":""}
\ No newline at end of file +{"version":3,"sources":["webpack:///app/javascript/seagate/sources/git/hacktivis.me/git/mastofe/app/javascript/mastodon/features/report/components/status_check_box.js","webpack:///app/javascript/seagate/sources/git/hacktivis.me/git/mastofe/app/javascript/mastodon/features/report/containers/status_check_box_container.js","webpack:///app/javascript/seagate/sources/git/hacktivis.me/git/mastofe/app/javascript/mastodon/features/ui/components/report_modal.js"],"names":["StatusCheckBox","render","_this$props","this","props","status","checked","onToggle","disabled","media","get","size","some","item","getIn","video","Object","jsx","bundle","fetchComponent","Video","loading","renderLoadingVideoPlayer","Component","preview","src","alt","width","height","inline","sensitive","onOpenVideo","noop","MediaGallery","renderLoadingMediaGallery","onOpenMedia","className","status_content","component_default","a","onChange","React","PureComponent","connect","state","_ref","id","ImmutableSet","includes","dispatch","_ref2","e","toggleStatusReport","target","messages","defineMessages","close","defaultMessage","placeholder","submit","ReportModal","getAccount","makeGetAccount","accountId","isSubmitting","account","comment","forward","statusIds","OrderedSet","union","injectIntl","_this","changeReportComment","value","changeReportForward","submitReport","keyCode","ctrlKey","metaKey","handleSubmit","componentDidMount","expandAccountTimeline","withReplies","componentWillReceiveProps","nextProps","intl","onClose","domain","split","icon_button","title","formatMessage","icon","onClick","index_es","values","handleCommentChange","onKeyDown","handleKeyDown","autoFocus","handleForwardChange","htmlFor","components_button","text","map","statusId","status_check_box_container","ImmutablePureComponent","PropTypes","bool","ImmutablePropTypes","orderedSet","isRequired","string","func","object"],"mappings":"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","file":"modals/report_modal.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport Toggle from 'react-toggle';\nimport noop from 'lodash/noop';\nimport StatusContent from '../../../components/status_content';\nimport { MediaGallery, Video } from '../../ui/util/async-components';\nimport Bundle from '../../ui/components/bundle';\n\nexport default class StatusCheckBox extends React.PureComponent {\n\n static propTypes = {\n status: ImmutablePropTypes.map.isRequired,\n checked: PropTypes.bool,\n onToggle: PropTypes.func.isRequired,\n disabled: PropTypes.bool,\n };\n\n render () {\n const { status, checked, onToggle, disabled } = this.props;\n let media = null;\n\n if (status.get('reblog')) {\n return null;\n }\n\n if (status.get('media_attachments').size > 0) {\n if (status.get('media_attachments').some(item => item.get('type') === 'unknown')) {\n\n } else if (status.getIn(['media_attachments', 0, 'type']) === 'video') {\n const video = status.getIn(['media_attachments', 0]);\n\n media = (\n <Bundle fetchComponent={Video} loading={this.renderLoadingVideoPlayer} >\n {Component => (\n <Component\n preview={video.get('preview_url')}\n src={video.get('url')}\n alt={video.get('description')}\n width={239}\n height={110}\n inline\n sensitive={status.get('sensitive')}\n onOpenVideo={noop}\n />\n )}\n </Bundle>\n );\n } else {\n media = (\n <Bundle fetchComponent={MediaGallery} loading={this.renderLoadingMediaGallery} >\n {Component => <Component media={status.get('media_attachments')} sensitive={status.get('sensitive')} height={110} onOpenMedia={noop} />}\n </Bundle>\n );\n }\n }\n\n return (\n <div className='status-check-box'>\n <div className='status-check-box__status'>\n <StatusContent status={status} />\n {media}\n </div>\n\n <div className='status-check-box-toggle'>\n <Toggle checked={checked} onChange={onToggle} disabled={disabled} />\n </div>\n </div>\n );\n }\n\n}\n","import { connect } from 'react-redux';\nimport StatusCheckBox from '../components/status_check_box';\nimport { toggleStatusReport } from '../../../actions/reports';\nimport { Set as ImmutableSet } from 'immutable';\n\nconst mapStateToProps = (state, { id }) => ({\n status: state.getIn(['statuses', id]),\n checked: state.getIn(['reports', 'new', 'status_ids'], ImmutableSet()).includes(id),\n});\n\nconst mapDispatchToProps = (dispatch, { id }) => ({\n\n onToggle (e) {\n dispatch(toggleStatusReport(id, e.target.checked));\n },\n\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(StatusCheckBox);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { changeReportComment, changeReportForward, submitReport } from '../../../actions/reports';\nimport { expandAccountTimeline } from '../../../actions/timelines';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport { makeGetAccount } from '../../../selectors';\nimport { defineMessages, FormattedMessage, injectIntl } from 'react-intl';\nimport StatusCheckBox from '../../report/containers/status_check_box_container';\nimport { OrderedSet } from 'immutable';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport Button from '../../../components/button';\nimport Toggle from 'react-toggle';\nimport IconButton from '../../../components/icon_button';\n\nconst messages = defineMessages({\n close: { id: 'lightbox.close', defaultMessage: 'Close' },\n placeholder: { id: 'report.placeholder', defaultMessage: 'Additional comments' },\n submit: { id: 'report.submit', defaultMessage: 'Submit' },\n});\n\nconst makeMapStateToProps = () => {\n const getAccount = makeGetAccount();\n\n const mapStateToProps = state => {\n const accountId = state.getIn(['reports', 'new', 'account_id']);\n\n return {\n isSubmitting: state.getIn(['reports', 'new', 'isSubmitting']),\n account: getAccount(state, accountId),\n comment: state.getIn(['reports', 'new', 'comment']),\n forward: state.getIn(['reports', 'new', 'forward']),\n statusIds: OrderedSet(state.getIn(['timelines', `account:${accountId}:with_replies`, 'items'])).union(state.getIn(['reports', 'new', 'status_ids'])),\n };\n };\n\n return mapStateToProps;\n};\n\nexport default @connect(makeMapStateToProps)\n@injectIntl\nclass ReportModal extends ImmutablePureComponent {\n\n static propTypes = {\n isSubmitting: PropTypes.bool,\n account: ImmutablePropTypes.map,\n statusIds: ImmutablePropTypes.orderedSet.isRequired,\n comment: PropTypes.string.isRequired,\n forward: PropTypes.bool,\n dispatch: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n handleCommentChange = e => {\n this.props.dispatch(changeReportComment(e.target.value));\n }\n\n handleForwardChange = e => {\n this.props.dispatch(changeReportForward(e.target.checked));\n }\n\n handleSubmit = () => {\n this.props.dispatch(submitReport());\n }\n\n handleKeyDown = e => {\n if (e.keyCode === 13 && (e.ctrlKey || e.metaKey)) {\n this.handleSubmit();\n }\n }\n\n componentDidMount () {\n this.props.dispatch(expandAccountTimeline(this.props.account.get('id'), { withReplies: true }));\n }\n\n componentWillReceiveProps (nextProps) {\n if (this.props.account !== nextProps.account && nextProps.account) {\n this.props.dispatch(expandAccountTimeline(nextProps.account.get('id'), { withReplies: true }));\n }\n }\n\n render () {\n const { account, comment, intl, statusIds, isSubmitting, forward, onClose } = this.props;\n\n if (!account) {\n return null;\n }\n\n const domain = account.get('acct').split('@')[1];\n\n return (\n <div className='modal-root__modal report-modal'>\n <div className='report-modal__target'>\n <IconButton className='media-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} />\n <FormattedMessage id='report.target' defaultMessage='Report {target}' values={{ target: <strong>{account.get('acct')}</strong> }} />\n </div>\n\n <div className='report-modal__container'>\n <div className='report-modal__comment'>\n <p><FormattedMessage id='report.hint' defaultMessage='The report will be sent to your instance moderators. You can provide an explanation of why you are reporting this account below:' /></p>\n\n <textarea\n className='setting-text light'\n placeholder={intl.formatMessage(messages.placeholder)}\n value={comment}\n onChange={this.handleCommentChange}\n onKeyDown={this.handleKeyDown}\n disabled={isSubmitting}\n autoFocus\n />\n\n {domain && (\n <div>\n <p><FormattedMessage id='report.forward_hint' defaultMessage='The account is from another server. Send an anonymized copy of the report there as well?' /></p>\n\n <div className='setting-toggle'>\n <Toggle id='report-forward' checked={forward} disabled={isSubmitting} onChange={this.handleForwardChange} />\n <label htmlFor='report-forward' className='setting-toggle__label'><FormattedMessage id='report.forward' defaultMessage='Forward to {target}' values={{ target: domain }} /></label>\n </div>\n </div>\n )}\n\n <Button disabled={isSubmitting} text={intl.formatMessage(messages.submit)} onClick={this.handleSubmit} />\n </div>\n\n <div className='report-modal__statuses'>\n <div>\n {statusIds.map(statusId => <StatusCheckBox id={statusId} key={statusId} disabled={isSubmitting} />)}\n </div>\n </div>\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file |