\n settings\n \n)\n\nexport default ProfileHeader\n","import React from \"react\"\nimport { Link } from \"react-router\"\nimport Li from \"misago/components/li\"\n\nconst ProfileNav = ({ baseUrl, page, pages }) => (\n \n
\n
\n {page.icon}\n {page.name}\n \n \n {pages.map((page) => (\n - \n \n {page.icon}\n {page.name}\n \n
\n ))}\n
\n \n
\n {pages.map((page) => (\n - \n \n {page.icon}\n {page.name}\n \n
\n ))}\n
\n
\n
\n
\n \n\n {this.props.children}\n \n
\n
\n
\n check\n
\n
\n
\n {gettext(\"Request another link\")}\n \n \n
\n
\n
\n check\n
\n
\n
\n {gettext(\"Request another link\")}\n \n \n
\n \n {gettext(\"Activate your account.\")}\n \n
\n )\n } else {\n return null\n }\n }\n\n render() {\n return (\n \n
\n
\n
\n info_outline\n
\n\n
\n
{gettext(\"Your account is inactive.\")}
\n
{this.props.message}
\n {this.getActivateButton()}\n
\n
\n
\n
\n
\n
\n
\n check\n
\n\n
\n
{this.getMessage()}
\n
\n {gettext(\n \"You will have to sign in using new password before continuing.\"\n )}\n
\n
\n \n {gettext(\"Sign in\")}\n \n
\n
\n
\n
\n
\n {props.providers.map((provider) => {\n return (\n \n {provider.icon}\n {provider.name}\n \n \n )\n })}\n
\n )\n}\n\nexport function Badge(props) {\n if (!props.results) return null\n\n let count = props.results.count\n if (count > 1000000) {\n count = Math.ceil(count / 1000000) + \"KK\"\n } else if (count > 1000) {\n count = Math.ceil(count / 1000) + \"K\"\n }\n\n return {count}\n}\n","import React from \"react\"\nimport PageContainer from \"../PageContainer\"\nimport SearchForm from \"./form\"\nimport SideNav from \"./sidenav\"\n\nexport default function (props) {\n return (\n \n
\n
\n \n
\n \n
\n
\n {props.children}\n \n
\n
\n
\n \n {gettext(\"Show more\")}\n \n
\n )\n }\n}\n","import React from \"react\"\nimport SearchPage from \"../page\"\nimport Results from \"./results\"\n\nexport default function (props) {\n return (\n \n \n \n \n \n )\n}\n\nexport function Blankslate({ children, loading, posts, query }) {\n if (posts && posts.count) return children\n\n if (query.length) {\n return (\n \n {loading\n ? gettext(\"Loading results...\")\n : gettext(\"No threads matching search query have been found.\")}\n
\n )\n }\n\n return (\n \n {gettext(\"Enter at least two characters to search threads.\")}\n
\n )\n}\n","import React from \"react\"\nimport SearchPage from \"../page\"\nimport UsersList from \"misago/components/users-list\"\n\nexport default function (props) {\n return (\n \n \n \n \n \n )\n}\n\nexport function Blankslate({ children, loading, query, users }) {\n if (users.length) return children\n\n if (query.length) {\n return (\n \n {loading\n ? gettext(\"Loading results...\")\n : gettext(\"No users matching search query have been found.\")}\n
\n )\n }\n\n return (\n \n {gettext(\"Enter at least two characters to search users.\")}\n
\n )\n}\n","import { connect } from \"react-redux\"\nimport SearchThreads from \"./threads\"\nimport SearchUsers from \"./users\"\n\nconst components = {\n threads: SearchThreads,\n users: SearchUsers,\n}\n\nexport function select(store) {\n return {\n posts: store.posts,\n search: store.search,\n tick: store.tick.tick,\n user: store.auth.user,\n users: store.users,\n }\n}\n\nexport default function (providers) {\n return providers.map((provider) => {\n return {\n path: provider.url,\n component: connect(select)(components[provider.id]),\n provider: provider,\n }\n })\n}\n","import paths from \"misago/components/search\"\nimport misago from \"misago\"\nimport mount from \"misago/utils/routed-component\"\n\nexport default function initializer(context) {\n if (context.get(\"CURRENT_LINK\") === \"misago:search\") {\n mount({\n paths: paths(misago.get(\"SEARCH_PROVIDERS\")),\n })\n }\n}\n\nmisago.addInitializer({\n name: \"component:search\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\n\nconst TYPES_CLASSES = {\n info: \"alert-info\",\n success: \"alert-success\",\n warning: \"alert-warning\",\n error: \"alert-danger\",\n}\n\nexport class Snackbar extends React.Component {\n getSnackbarClass() {\n let snackbarClass = \"alerts-snackbar\"\n if (this.props.isVisible) {\n snackbarClass += \" in\"\n } else {\n snackbarClass += \" out\"\n }\n return snackbarClass\n }\n\n render() {\n return (\n \n
\n {this.props.message}\n
\n
{pageTitle}
\n \n \n \n )\n}\n\nexport default Header\n","import React from \"react\"\nimport misago from \"misago\"\nimport RegisterLegalFootnote from \"misago/components/RegisterLegalFootnote\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\nimport PageContainer from \"../PageContainer\"\nimport Header from \"./header\"\n\nexport default class Register extends Form {\n constructor(props) {\n super(props)\n\n const formValidators = {\n email: [validators.email()],\n username: [validators.usernameContent()],\n }\n\n if (!!misago.get(\"TERMS_OF_SERVICE_ID\")) {\n formValidators.termsOfService = [validators.requiredTermsOfService()]\n }\n\n if (!!misago.get(\"PRIVACY_POLICY_ID\")) {\n formValidators.privacyPolicy = [validators.requiredPrivacyPolicy()]\n }\n\n this.state = {\n email: props.email || \"\",\n emailProtected: !!props.email,\n username: props.username || \"\",\n\n termsOfService: null,\n privacyPolicy: null,\n\n validators: formValidators,\n errors: {},\n\n isLoading: false,\n }\n }\n\n clean() {\n let errors = this.validate()\n let lengths = [\n this.state.email.trim().length,\n this.state.username.trim().length,\n ]\n\n if (lengths.indexOf(0) !== -1) {\n snackbar.error(gettext(\"Fill out all fields.\"))\n return false\n }\n\n const { validators } = this.state\n\n const checkTermsOfService = !!misago.get(\"TERMS_OF_SERVICE_ID\")\n if (checkTermsOfService && this.state.termsOfService === null) {\n snackbar.error(validators.termsOfService[0](null))\n return false\n }\n\n const checkPrivacyPolicy = !!misago.get(\"PRIVACY_POLICY_ID\")\n if (checkPrivacyPolicy && this.state.privacyPolicy === null) {\n snackbar.error(validators.privacyPolicy[0](null))\n snackbar.error(gettext(\"You need to accept the privacy policy.\"))\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.url, {\n email: this.state.email,\n username: this.state.username,\n terms_of_service: this.state.termsOfService,\n privacy_policy: this.state.privacyPolicy,\n })\n }\n\n handleSuccess(response) {\n const { onRegistrationComplete } = this.props\n onRegistrationComplete(response)\n }\n\n handleError(rejection) {\n if (rejection.status === 200) {\n // We've entered \"errored\" state because response is HTML instead of exptected JSON\n const { onRegistrationComplete } = this.props\n const { username } = this.state\n onRegistrationComplete({ activation: \"active\", step: \"done\", username })\n } else if (rejection.status === 400) {\n const stateUpdate = { errors: rejection }\n if (rejection.email) {\n stateUpdate.emailProtected = false\n }\n this.setState(stateUpdate)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n handlePrivacyPolicyChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"privacyPolicy\", value)\n }\n\n handleTermsOfServiceChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"termsOfService\", value)\n }\n\n handleToggleAgreement = (agreement, value) => {\n this.setState((prevState, props) => {\n if (prevState[agreement] === null) {\n const errors = { ...prevState.errors, [agreement]: null }\n return { errors, [agreement]: value }\n }\n\n const validator = this.state.validators[agreement][0]\n const errors = { ...prevState.errors, [agreement]: [validator(null)] }\n return { errors, [agreement]: null }\n })\n }\n\n render() {\n const { backend_name } = this.props\n const { email, emailProtected, username, isLoading } = this.state\n\n let emailHelpText = null\n if (emailProtected) {\n const emailHelpTextTpl = gettext(\n \"Your e-mail address has been verified by %(backend)s.\"\n )\n emailHelpText = interpolate(\n emailHelpTextTpl,\n { backend: backend_name },\n true\n )\n }\n\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago\"\nimport PageContainer from \"../PageContainer\"\nimport Header from \"./header\"\n\nconst Complete = ({ activation, backend_name, username }) => {\n let icon = \"\"\n let message = \"\"\n if (activation === \"user\") {\n message = gettext(\n \"%(username)s, your account has been created but you need to activate it before you will be able to sign in.\"\n )\n } else if (activation === \"admin\") {\n message = gettext(\n \"%(username)s, your account has been created but board administrator will have to activate it before you will be able to sign in.\"\n )\n } else {\n message = gettext(\n \"%(username)s, your account has been created and you have been signed in to it.\"\n )\n }\n\n if (activation === \"active\") {\n icon = \"check\"\n } else {\n icon = \"info_outline\"\n }\n\n return (\n \n
\n
\n \n
\n
\n
\n
\n {gettext(\"Registration completed!\")}\n
\n \n
\n
\n {icon}\n
\n
\n
\n {interpolate(message, { username }, true)}\n
\n
\n \n {gettext(\"Return to forum index\")}\n \n
\n
\n
\n
\n
\n
\n
\n \n ×\n \n {gettext(\"Add participant\")}
\n
\n )\n}\n","import React from \"react\"\nimport AddParticipantModal from \"misago/components/add-participant\"\nimport modal from \"misago/services/modal\"\n\nexport default class extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.thread.acl.can_add_participants) return null\n\n return (\n \n \n person_add\n {gettext(\"Add participant\")}\n \n
\n )\n }\n}\n","import React from \"react\"\nimport { changeOwner } from \"./actions\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.isUser = props.participant.id === props.user.id\n }\n\n onClick = () => {\n let confirmed = false\n if (this.isUser) {\n confirmed = window.confirm(\n gettext(\"Are you sure you want to take over this thread?\")\n )\n } else {\n const message = gettext(\n \"Are you sure you want to change thread owner to %(user)s?\"\n )\n confirmed = window.confirm(\n interpolate(\n message,\n {\n user: this.props.participant.username,\n },\n true\n )\n )\n }\n\n if (!confirmed) return\n\n changeOwner(this.props.thread, this.props.participant)\n }\n\n render() {\n if (this.props.participant.is_owner) return null\n if (!this.props.thread.acl.can_change_owner) return null\n\n return (\n \n \n \n )\n }\n}\n","import * as participants from \"misago/reducers/participants\"\nimport { updateAcl } from \"misago/reducers/thread\"\nimport misago from \"misago\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport function leave(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"remove\", path: \"participants\", value: participant.id },\n ])\n .then(\n () => {\n snackbar.success(gettext(\"You have left this thread.\"))\n window.setTimeout(() => {\n window.location = misago.get(\"PRIVATE_THREADS_URL\")\n }, 3 * 1000)\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n\nexport function remove(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"remove\", path: \"participants\", value: participant.id },\n { op: \"add\", path: \"acl\", value: 1 },\n ])\n .then(\n (data) => {\n store.dispatch(updateAcl(data))\n store.dispatch(participants.replace(data.participants))\n\n const message = gettext(\"%(user)s has been removed from this thread.\")\n snackbar.success(\n interpolate(\n message,\n {\n user: participant.username,\n },\n true\n )\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n\nexport function changeOwner(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"replace\", path: \"owner\", value: participant.id },\n { op: \"add\", path: \"acl\", value: 1 },\n ])\n .then(\n (data) => {\n store.dispatch(updateAcl(data))\n store.dispatch(participants.replace(data.participants))\n\n const message = gettext(\"%(user)s has been made new thread owner.\")\n snackbar.success(\n interpolate(\n message,\n {\n user: participant.username,\n },\n true\n )\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n","import React from \"react\"\nimport { remove, leave } from \"./actions\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.isUser = props.participant.id === props.user.id\n }\n\n onClick = () => {\n let confirmed = false\n if (this.isUser) {\n confirmed = window.confirm(\n gettext(\"Are you sure you want to leave this thread?\")\n )\n } else {\n const message = gettext(\n \"Are you sure you want to remove %(user)s from this thread?\"\n )\n confirmed = window.confirm(\n interpolate(\n message,\n {\n user: this.props.participant.username,\n },\n true\n )\n )\n }\n\n if (!confirmed) return\n\n if (this.isUser) {\n leave(this.props.thread, this.props.participant)\n } else {\n remove(this.props.thread, this.props.participant)\n }\n }\n\n render() {\n const isModerator = this.props.user.acl.can_moderate_private_threads\n\n if (!(this.props.userIsOwner || this.isUser || isModerator)) return null\n\n return (\n \n \n \n )\n }\n}\n","import React from \"react\"\nimport MakeOwner from \"./make-owner\"\nimport Remove from \"./remove\"\nimport Avatar from \"misago/components/avatar\"\n\nexport default function (props) {\n const participant = props.participant\n\n let className = \"btn btn-default\"\n if (participant.is_owner) {\n className = \"btn btn-primary\"\n }\n className += \" btn-user btn-block\"\n\n return (\n \n
\n
\n \n {participant.username}\n \n \n \n
\n
\n {participants.map((participant) => {\n return (\n \n )\n })}\n
\n
\n
\n
\n
\n
\n
\n
{utils.getParticipantsCopy(props.participants)}
\n
\n
\n
\n
\n {props.poll.choices.map((choice) => {\n return (\n
\n )\n })}\n
\n - {props.choice.label}
\n - \n
\n
\n \n {getVotesLabel(props.votes, props.proc)}\n \n \n
\n )\n}\n\nexport function ChoiceVotes(props) {\n return (\n \n {getVotesLabel(props.votes, props.proc)}\n \n )\n}\n\nexport function getVotesLabel(votes, proc) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s vote, %(proc)s% of total.\",\n \"%(votes)s votes, %(proc)s% of total.\",\n votes\n )\n\n return interpolate(\n message,\n {\n votes: votes,\n proc: proc,\n },\n true\n )\n}\n\nexport function UserChoice(props) {\n if (!props.selected) return null\n\n return (\n \n check_box\n {pgettext(\"thread poll\", \"You've voted on this choice.\")}\n \n )\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Message from \"misago/components/modal-message\"\nimport Loader from \"misago/components/modal-loader\"\nimport ajax from \"misago/services/ajax\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: true,\n error: null,\n data: [],\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.poll.api.votes).then(\n (data) => {\n const hydratedData = data.map((choice) => {\n return Object.assign({}, choice, {\n voters: choice.voters.map((voter) => {\n return Object.assign({}, voter, {\n voted_on: moment(voter.voted_on),\n })\n }),\n })\n })\n\n this.setState({\n isLoading: false,\n data: hydratedData,\n })\n },\n (rejection) => {\n this.setState({\n isLoading: false,\n error: rejection.detail,\n })\n }\n )\n }\n\n render() {\n return (\n \n \n
\n \n ×\n \n \n {pgettext(\"thread poll\", \"Poll votes\")}\n
\n
\n\n
\n
\n
\n {props.data.map((choice) => {\n return \n })}\n
\n
{props.label}
\n \n \n
\n \n )\n}\n\nexport function VotesCount(props) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s user has voted for this choice.\",\n \"%(votes)s users have voted for this choice.\",\n props.votes\n )\n\n const label = interpolate(\n message,\n {\n votes: props.votes,\n },\n true\n )\n\n return {label}
\n}\n\nexport function VotesList(props) {\n if (!props.voters.length) return null\n\n return (\n \n {props.voters.map((user) => {\n return \n })}\n
\n )\n}\n\nexport function Voter(props) {\n if (props.url) {\n return (\n \n \n {props.username}\n {\" \"}\n \n \n )\n }\n\n return (\n \n {props.username} \n \n )\n}\n\nexport function VoteDate(props) {\n return (\n \n {props.voted_on.fromNow()}\n \n )\n}\n","import React from \"react\"\nimport Modal from \"./modal\"\nimport * as poll from \"misago/reducers/poll\"\nimport * as thread from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default function (props) {\n const { isPollOver, poll, showVoting, thread } = props\n\n if (!isVisible(isPollOver, poll.acl, poll)) return null\n\n const controls = []\n\n const canVote = poll.acl.can_vote\n const canChangeVote = !poll.hasSelectedChoices || poll.allow_revotes\n\n if (canVote && canChangeVote) controls.push(0)\n if (poll.is_public || poll.acl.can_see_votes) controls.push(1)\n if (poll.acl.can_edit) controls.push(2)\n if (poll.acl.can_delete) controls.push(3)\n\n return (\n \n \n \n \n \n
\n )\n}\n\nexport function isVisible(isPollOver, acl, poll) {\n return (\n poll.is_public ||\n acl.can_delete ||\n acl.can_edit ||\n acl.can_see_votes ||\n (acl.can_vote &&\n !isPollOver &&\n (!poll.hasSelectedChoices || poll.allow_revotes))\n )\n}\n\nexport function getClassName(controls, control) {\n let className = \"col-xs-6\"\n\n if (controls.length === 1) {\n className = \"col-xs-12\"\n }\n\n if (controls.length === 3 && controls[0] === control) {\n className = \"col-xs-12\"\n }\n\n return className + \" col-sm-3 col-md-2\"\n}\n\nexport function ChangeVote(props) {\n const canVote = props.poll.acl.can_vote\n const canChangeVote =\n !props.poll.hasSelectedChoices || props.poll.allow_revotes\n\n if (!(canVote && canChangeVote)) return null\n\n return (\n \n \n {pgettext(\"thread poll\", \"Vote\")}\n \n
\n )\n}\n\nexport class SeeVotes extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const seeVotes =\n this.props.poll.is_public || this.props.poll.acl.can_see_votes\n if (!seeVotes) return null\n\n return (\n \n \n {pgettext(\"thread poll\", \"See votes\")}\n \n
\n )\n }\n}\n\nexport function Edit(props) {\n if (!props.poll.acl.can_edit) return null\n\n return (\n \n \n {pgettext(\"thread poll\", \"Edit\")}\n \n
\n )\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n const deletePoll = window.confirm(\n pgettext(\n \"thread poll\",\n \"Are you sure you want to delete this poll? This action is not reversible.\"\n )\n )\n if (!deletePoll) return false\n\n store.dispatch(poll.busy())\n\n ajax\n .delete(this.props.poll.api.index)\n .then(this.handleSuccess, this.handleError)\n }\n\n handleSuccess = (newThreadAcl) => {\n snackbar.success(pgettext(\"thread poll\", \"Poll has been deleted\"))\n store.dispatch(poll.remove())\n store.dispatch(thread.updateAcl(newThreadAcl))\n }\n\n handleError = (rejection) => {\n snackbar.apiError(rejection)\n store.dispatch(poll.release())\n }\n\n render() {\n if (!this.props.poll.acl.can_delete) return null\n\n return (\n \n \n {pgettext(\"thread poll\", \"Delete\")}\n \n
\n )\n }\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n \n )\n}\n\nexport function PollCreation(props) {\n const message = interpolate(\n escapeHtml(pgettext(\"thread poll\", \"Started by %(poster)s %(posted_on)s.\")),\n {\n poster: getPoster(props.poll),\n posted_on: getPostedOn(props.poll),\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function getPoster(poll) {\n if (poll.url.poster) {\n return interpolate(\n USER_URL,\n {\n url: escapeHtml(poll.url.poster),\n user: escapeHtml(poll.poster_name),\n },\n true\n )\n }\n\n return interpolate(\n USER_SPAN,\n {\n user: escapeHtml(poll.poster_name),\n },\n true\n )\n}\n\nexport function getPostedOn(poll) {\n return interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(poll.posted_on.format(\"LLL\")),\n relative: escapeHtml(poll.posted_on.fromNow()),\n },\n true\n )\n}\n\nexport function PollLength(props) {\n if (!props.poll.length) {\n return null\n }\n\n const message = interpolate(\n escapeHtml(pgettext(\"thread poll\", \"Voting ends %(ends_on)s.\")),\n {\n ends_on: getEndsOn(props.poll),\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function getEndsOn(poll) {\n return interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(poll.endsOn.format(\"LLL\")),\n relative: escapeHtml(poll.endsOn.fromNow()),\n },\n true\n )\n}\n\nexport function PollVotes(props) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s vote.\",\n \"%(votes)s votes.\",\n props.votes\n )\n const label = interpolate(\n message,\n {\n votes: props.votes,\n },\n true\n )\n\n return {label}\n}\n\nexport function PollIsPublic(props) {\n if (!props.poll.is_public) {\n return null\n }\n\n return (\n \n {pgettext(\"thread poll\", \"Voting is public.\")}\n \n )\n}\n","import React from \"react\"\nimport Chart from \"./chart\"\nimport Options from \"./options\"\nimport PollInfo from \"../info\"\n\nexport default function (props) {\n return (\n \n
\n
{props.poll.question}
\n
\n
\n
\n
\n
\n {props.choices.map((choice) => {\n return (\n \n )\n })}\n
\n )\n}\n\nexport class ChoiceSelect extends React.Component {\n onClick = () => {\n this.props.toggleChoice(this.props.choice.hash)\n }\n\n render() {\n return (\n \n \n \n {this.props.choice.selected\n ? \"check_box\"\n : \"check_box_outline_blank\"}\n \n {this.props.choice.label}\n \n \n )\n }\n}\n","export function getChoiceFromHash(choices, hash) {\n for (const i in choices) {\n const choice = choices[i]\n if (choice.hash === hash) {\n return choice\n }\n }\n\n return null\n}\n\nexport function getChoicesLeft(poll, choices) {\n let selection = []\n for (const i in choices) {\n const choice = choices[i]\n if (choice.selected) {\n selection.push(choice)\n }\n }\n\n return poll.allowed_choices - selection.length\n}\n","import React from \"react\"\nimport ChoicesHelp from \"./help\"\nimport ChoicesSelect from \"./select\"\nimport { getChoicesLeft, getChoiceFromHash } from \"./utils\"\nimport PollInfo from \"../info\"\nimport { Delete, Edit, getClassName } from \"../results/options\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport * as poll from \"misago/reducers/poll\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n choices: props.poll.choices,\n choicesLeft: getChoicesLeft(props.poll, props.poll.choices),\n }\n }\n\n toggleChoice = (hash) => {\n const choice = getChoiceFromHash(this.state.choices, hash)\n\n let choices = null\n if (!choice.selected) {\n choices = this.selectChoice(choice, hash)\n } else {\n choices = this.deselectChoice(choice, hash)\n }\n\n this.setState({\n choices,\n choicesLeft: getChoicesLeft(this.props.poll, choices),\n })\n }\n\n selectChoice = (choice, hash) => {\n const choicesLeft = getChoicesLeft(this.props.poll, this.state.choices)\n\n if (!choicesLeft) {\n for (const i in this.state.choices.slice()) {\n const item = this.state.choices[i]\n if (item.selected && item.hash != hash) {\n item.selected = false\n break\n }\n }\n }\n\n return this.state.choices.map((choice) => {\n return Object.assign({}, choice, {\n selected: choice.hash == hash ? true : choice.selected,\n })\n })\n }\n\n deselectChoice = (choice, hash) => {\n return this.state.choices.map((choice) => {\n return Object.assign({}, choice, {\n selected: choice.hash == hash ? false : choice.selected,\n })\n })\n }\n\n clean() {\n if (this.state.choicesLeft === this.props.poll.allowed_choices) {\n snackbar.error(gettext(\"You need to select at least one choice\"))\n return false\n }\n\n return true\n }\n\n send() {\n let data = []\n for (const i in this.state.choices.slice()) {\n const item = this.state.choices[i]\n if (item.selected) {\n data.push(item.hash)\n }\n }\n\n return ajax.post(this.props.poll.api.votes, data)\n }\n\n handleSuccess(data) {\n store.dispatch(poll.replace(data))\n snackbar.success(gettext(\"Your vote has been saved.\"))\n\n this.props.showResults()\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n const controls = []\n\n if (this.props.poll.acl.can_vote) controls.push(0)\n if (this.props.poll.is_public || this.props.poll.acl.can_see_votes)\n controls.push(1)\n if (this.props.poll.acl.can_edit) controls.push(2)\n if (this.props.poll.acl.can_delete) controls.push(3)\n\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Results from \"./results\"\nimport Voting from \"./voting\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n let showResults = true\n if (props.user.id && !props.poll.hasSelectedChoices) {\n showResults = false\n }\n\n this.state = {\n showResults,\n }\n }\n\n showResults = () => {\n this.setState({\n showResults: true,\n })\n }\n\n showVoting = () => {\n this.setState({\n showResults: false,\n })\n }\n\n render() {\n if (!this.props.thread.poll) return null\n\n const isPollOver = getIsPollOver(this.props.poll)\n\n if (\n !isPollOver &&\n this.props.poll.acl.can_vote &&\n !this.state.showResults\n ) {\n return \n } else {\n return (\n \n )\n }\n }\n}\n\nexport function getIsPollOver(poll) {\n if (poll.length) {\n return moment().isAfter(poll.endsOn)\n }\n return false\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n onAdd = () => {\n let choices = this.props.choices.slice()\n choices.push({\n hash: generateRandomHash(),\n label: \"\",\n })\n\n this.props.setChoices(choices)\n }\n\n onChange = (hash, label) => {\n const choices = this.props.choices.map((choice) => {\n if (choice.hash === hash) {\n choice.label = label\n }\n\n return choice\n })\n this.props.setChoices(choices)\n }\n\n onDelete = (hash) => {\n const choices = this.props.choices.filter((choice) => {\n return choice.hash !== hash\n })\n this.props.setChoices(choices)\n }\n\n render() {\n return (\n \n
\n {this.props.choices.map((choice) => {\n return (\n 2}\n choice={choice}\n disabled={this.props.disabled}\n key={choice.hash}\n onChange={this.onChange}\n onDelete={this.onDelete}\n />\n )\n })}\n
\n
\n {pgettext(\"thread poll\", \"Add choice\")}\n \n \n \n \n \n
\n )\n}\n","import React from \"react\"\n\nconst ICON = {\n changed_title: \"edit\",\n\n pinned_globally: \"bookmark\",\n pinned_locally: \"bookmark_border\",\n unpinned: \"panorama_fish_eye\",\n\n moved: \"arrow_forward\",\n merged: \"call_merge\",\n\n approved: \"done\",\n\n opened: \"lock_open\",\n closed: \"lock_outline\",\n\n unhid: \"visibility\",\n hid: \"visibility_off\",\n\n changed_owner: \"grade\",\n tookover: \"grade\",\n\n added_participant: \"person_add\",\n\n owner_left: \"person_outline\",\n participant_left: \"person_outline\",\n removed_participant: \"remove_circle_outline\",\n}\n\nconst EventIcon = (props) => (\n \n {ICON[props.post.event_type]}\n \n)\n\nexport default EventIcon\n","import React from \"react\"\nimport moment from \"moment\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default function (props) {\n if (isVisible(props.post.acl)) {\n return (\n \n \n \n \n \n )\n } else {\n return null\n }\n}\n\nexport function isVisible(acl) {\n return acl.can_hide\n}\n\nexport class Hide extends React.Component {\n onClick = () => {\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: true,\n hidden_on: moment(),\n hidden_by_name: this.props.user.username,\n url: Object.assign(this.props.post.url, {\n hidden_by: this.props.user.url,\n }),\n })\n )\n\n const op = { op: \"replace\", path: \"is-hidden\", value: true }\n\n ajax.patch(this.props.post.api.index, [op]).then(\n (patch) => {\n store.dispatch(post.patch(this.props.post, patch))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: false,\n })\n )\n }\n )\n }\n\n render() {\n if (!this.props.post.is_hidden) {\n return (\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Unhide extends React.Component {\n onClick = () => {\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: false,\n })\n )\n\n const op = { op: \"replace\", path: \"is-hidden\", value: false }\n\n ajax.patch(this.props.post.api.index, [op]).then(\n (patch) => {\n store.dispatch(post.patch(this.props.post, patch))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: true,\n })\n )\n }\n )\n }\n\n render() {\n if (this.props.post.is_hidden) {\n return (\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n const decision = window.confirm(\n gettext(\n \"Are you sure you wish to delete this event? This action is not reversible!\"\n )\n )\n if (decision) {\n this.delete()\n }\n }\n\n delete = () => {\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: true,\n })\n )\n\n ajax.delete(this.props.post.api.index).then(\n () => {\n snackbar.success(gettext(\"Event has been deleted.\"))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: false,\n })\n )\n }\n )\n }\n\n render() {\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\nimport Controls from \"./controls\"\n\nconst DATE_ABBR = '%(relative)s'\nconst DATE_URL = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n \n )\n}\n\nexport function Hidden(props) {\n if (props.post.is_hidden) {\n let user = null\n if (props.post.url.hidden_by) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.post.url.hidden_by),\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(props.post.hidden_on.format(\"LLL\")),\n relative: escapeHtml(props.post.hidden_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(gettext(\"Hidden by %(event_by)s %(event_on)s.\")),\n {\n event_by: user,\n event_on: date,\n },\n true\n )\n\n return (\n \n )\n } else {\n return null\n }\n}\n\nexport function Poster(props) {\n let user = null\n if (props.post.poster) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.post.poster.url),\n user: escapeHtml(props.post.poster_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.post.poster_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_URL,\n {\n url: escapeHtml(props.post.url.index),\n absolute: escapeHtml(props.post.posted_on.format(\"LLL\")),\n relative: escapeHtml(props.post.posted_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(gettext(\"By %(event_by)s %(event_on)s.\")),\n {\n event_by: user,\n event_on: date,\n },\n true\n )\n\n return (\n \n )\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst MESSAGE = {\n pinned_globally: gettext(\"Thread has been pinned globally.\"),\n pinned_locally: gettext(\"Thread has been pinned locally.\"),\n unpinned: gettext(\"Thread has been unpinned.\"),\n\n approved: gettext(\"Thread has been approved.\"),\n\n opened: gettext(\"Thread has been opened.\"),\n closed: gettext(\"Thread has been closed.\"),\n\n unhid: gettext(\"Thread has been revealed.\"),\n hid: gettext(\"Thread has been made hidden.\"),\n\n tookover: gettext(\"Took thread over.\"),\n\n owner_left: gettext(\"Owner has left thread. This thread is now closed.\"),\n participant_left: gettext(\"Participant has left thread.\"),\n}\n\nconst ITEM_LINK = '%(name)s'\nconst ITEM_SPAN = '%(name)s'\n\nexport default function (props) {\n if (MESSAGE[props.post.event_type]) {\n return {MESSAGE[props.post.event_type]}
\n } else if (props.post.event_type === \"changed_title\") {\n return \n } else if (props.post.event_type === \"moved\") {\n return \n } else if (props.post.event_type === \"merged\") {\n return \n } else if (props.post.event_type === \"changed_owner\") {\n return \n } else if (props.post.event_type === \"added_participant\") {\n return \n } else if (props.post.event_type === \"removed_participant\") {\n return \n } else {\n return null\n }\n}\n\nexport function ChangedTitle(props) {\n const msgstring = escapeHtml(\n gettext(\"Thread title has been changed from %(old_title)s.\")\n )\n const oldTitle = interpolate(\n ITEM_SPAN,\n {\n name: escapeHtml(props.post.event_context.old_title),\n },\n true\n )\n const message = interpolate(\n msgstring,\n {\n old_title: oldTitle,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function Moved(props) {\n const msgstring = escapeHtml(\n gettext(\"Thread has been moved from %(from_category)s.\")\n )\n const fromCategory = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.from_category.url),\n name: escapeHtml(props.post.event_context.from_category.name),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n from_category: fromCategory,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function Merged(props) {\n const msgstring = escapeHtml(\n gettext(\"The %(merged_thread)s thread has been merged into this thread.\")\n )\n const mergedThread = interpolate(\n ITEM_SPAN,\n {\n name: escapeHtml(props.post.event_context.merged_thread),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n merged_thread: mergedThread,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function ChangedOwner(props) {\n const msgstring = escapeHtml(gettext(\"Changed thread owner to %(user)s.\"))\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function AddedParticipant(props) {\n const msgstring = escapeHtml(gettext(\"Added %(user)s to thread.\"))\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function RemovedParticipant(props) {\n const msgstring = escapeHtml(gettext(\"Removed %(user)s from thread.\"))\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n","import React from \"react\"\n\nexport default function ({ post }) {\n if (post.is_read) return null\n\n return (\n \n {gettext(\"New event\")}\n
\n )\n}\n","import React from \"react\"\nimport * as post from \"misago/reducers/post\"\nimport * as thread from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n /*\n Super naive and de-facto placeholder implementation for reading posts on scroll\n */\n componentDidMount() {\n if (this.props.post.is_read) return // don't register read tracker\n\n $(this.element).waypoint({\n handler: (direction) => {\n if (direction !== \"down\" || this.props.post.is_read) return\n\n // after 1500ms run flag post as read logic\n window.setTimeout(() => {\n // check if post's bottom edge is still in viewport\n const boundingClientRect = this.element.getBoundingClientRect()\n const offsetBottom =\n boundingClientRect.height + boundingClientRect.top\n const clientHeight = document.documentElement.clientHeight\n\n if (offsetBottom < 5) return // scrolled past the post\n if (offsetBottom > clientHeight) return // scrolled back up\n\n // mark post as read\n store.dispatch(\n post.patch(this.props.post, {\n is_read: true,\n })\n )\n\n // call API to let it know we have unread post\n ajax.post(this.props.post.api.read).then(\n (data) => {\n store.dispatch(\n thread.update(this.props.thread, {\n is_read: data.thread_is_read,\n })\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }, 1000)\n },\n offset: \"bottom-in-view\",\n })\n }\n\n render() {\n return (\n {\n if (node) this.element = node\n }}\n >\n {this.props.children}\n \n )\n }\n}\n","import React from \"react\"\nimport Icon from \"./icon\"\nimport Info from \"./info\"\nimport Message from \"./message\"\nimport UnreadLabel from \"./unread-label\"\nimport Waypoint from \"../waypoint\"\n\nexport default function (props) {\n let className = \"event\"\n if (props.post.isDeleted) {\n className = \"hide\"\n } else if (props.post.is_hidden) {\n className = \"event post-hidden\"\n }\n\n return (\n \n \n \n \n )\n}\n","import React from \"react\"\nimport misago from \"misago\"\nimport escapeHtml from \"misago/utils/escape-html\"\nimport formatFilesize from \"misago/utils/file-size\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n \n
\n
\n
\n {props.attachment.filename}\n \n \n \n
\n {batch(props.post.attachments, 2).map((row) => {\n const key = row\n .map((a) => {\n return a ? a.id : 0\n })\n .join(\"_\")\n return |
\n })}\n
\n )\n}\n\nexport function isVisible(post) {\n return (!post.is_hidden || post.acl.can_see_hidden) && post.attachments\n}\n\nexport function Row(props) {\n return (\n \n {props.row.map((attachment) => {\n return (\n
\n )\n })}\n
\n {gettext(\"This post is hidden. You cannot see its contents.\")}\n
\n \n \n )\n}\n\nexport function Invalid(props) {\n return (\n \n \n {gettext(\"This post's contents cannot be displayed.\")}\n
\n \n {gettext(\"This error is caused by invalid post content manipulation.\")}\n
\n \n )\n}\n","import React from \"react\"\n\nexport function FlagBestAnswer({ post, thread, user }) {\n if (!(isVisible(post) && post.id === thread.best_answer)) {\n return null\n }\n\n let message = null\n if (user.id && thread.best_answer_marked_by === user.id) {\n message = interpolate(\n gettext(\"Marked as best answer by you %(marked_on)s.\"),\n {\n marked_on: thread.best_answer_marked_on.fromNow(),\n },\n true\n )\n } else {\n message = interpolate(\n gettext(\"Marked as best answer by %(marked_by)s %(marked_on)s.\"),\n {\n marked_by: thread.best_answer_marked_by_name,\n marked_on: thread.best_answer_marked_on.fromNow(),\n },\n true\n )\n }\n\n return (\n \n
check_box\n
{message}
\n
\n
visibility_off\n
\n {gettext(\n \"This post is hidden. Only users with permission may see its contents.\"\n )}\n
\n
\n
remove_circle_outline\n
\n {gettext(\n \"This post is unapproved. Only users with permission to approve posts and its author may see its contents.\"\n )}\n
\n
\n
lock_outline\n
{gettext(\"This post is protected. Only moderators may change it.\")}
\n
\n
\n
\n \n ×\n \n {title}
\n
\n {children}\n
\n
\n
\n {props.likes.map((like) => {\n return \n })}\n
\n
\n {props.username} \n
\n \n )\n}\n\nexport function LikeDate(props) {\n return (\n \n {props.likedOn.fromNow()}\n \n )\n}\n","import React from \"react\"\nimport * as actions from \"./controls/actions\"\nimport LikesModal from \"misago/components/post-likes\"\nimport modal from \"misago/services/modal\"\nimport posting from \"misago/services/posting\"\n\nexport default function (props) {\n if (!isVisible(props.post)) return null\n\n return (\n \n \n \n \n \n \n \n \n
\n )\n}\n\nexport function isVisible(post) {\n return (\n (!post.is_hidden || post.acl.can_see_hidden) &&\n (post.acl.can_reply ||\n post.acl.can_edit ||\n (post.acl.can_see_likes && (post.last_likes || []).length) ||\n post.acl.can_like)\n )\n}\n\nexport class MarkAsBestAnswer extends React.Component {\n onClick = () => {\n actions.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n \n check_box\n {gettext(\"Best answer\")}\n \n )\n }\n}\n\nexport class MarkAsBestAnswerCompact extends React.Component {\n onClick = () => {\n actions.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n \n check_box\n \n )\n }\n}\n\nexport class Like extends React.Component {\n onClick = () => {\n if (this.props.post.is_liked) {\n actions.unlike(this.props)\n } else {\n actions.like(this.props)\n }\n }\n\n render() {\n if (!this.props.post.acl.can_like) return null\n\n let className = \"btn btn-default btn-sm pull-left\"\n if (this.props.post.is_liked) {\n className = \"btn btn-success btn-sm pull-left\"\n }\n\n return (\n \n {this.props.post.is_liked ? gettext(\"Liked\") : gettext(\"Like\")}\n \n )\n }\n}\n\nexport class Likes extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const hasLikes = (this.props.post.last_likes || []).length > 0\n if (!this.props.post.acl.can_see_likes || !hasLikes) return null\n\n if (this.props.post.acl.can_see_likes === 2) {\n return (\n \n {getLikesMessage(this.props.likes, this.props.lastLikes)}\n \n )\n }\n\n return (\n \n {getLikesMessage(this.props.likes, this.props.lastLikes)}\n
\n )\n }\n}\n\nexport class LikesCompact extends Likes {\n render() {\n const hasLikes = (this.props.post.last_likes || []).length > 0\n if (!this.props.post.acl.can_see_likes || !hasLikes) return null\n\n if (this.props.post.acl.can_see_likes === 2) {\n return (\n \n favorite\n {this.props.likes}\n \n )\n }\n\n return (\n \n favorite\n {this.props.likes}\n
\n )\n }\n}\n\nexport function getLikesMessage(likes, users) {\n const usernames = users.slice(0, 3).map((u) => u.username)\n\n if (usernames.length == 1) {\n return interpolate(\n gettext(\"%(user)s likes this.\"),\n {\n user: usernames[0],\n },\n true\n )\n }\n\n const hiddenLikes = likes - usernames.length\n\n const otherUsers = usernames.slice(0, -1).join(\", \")\n const lastUser = usernames.slice(-1)[0]\n\n const usernamesList = interpolate(\n gettext(\"%(users)s and %(last_user)s\"),\n {\n users: otherUsers,\n last_user: lastUser,\n },\n true\n )\n\n if (hiddenLikes === 0) {\n return interpolate(\n gettext(\"%(users)s like this.\"),\n {\n users: usernamesList,\n },\n true\n )\n }\n\n const message = ngettext(\n \"%(users)s and %(likes)s other user like this.\",\n \"%(users)s and %(likes)s other users like this.\",\n hiddenLikes\n )\n\n return interpolate(\n message,\n {\n users: usernames.join(\", \"),\n likes: hiddenLikes,\n },\n true\n )\n}\n\nexport class Reply extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"REPLY\",\n\n thread: this.props.thread,\n config: this.props.thread.api.editor,\n submit: this.props.thread.api.posts.index,\n\n context: {\n reply: this.props.post.id,\n },\n })\n }\n\n render() {\n if (this.props.post.acl.can_reply) {\n return (\n \n {gettext(\"Reply\")}\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Edit extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"EDIT\",\n\n thread: this.props.thread,\n post: this.props.post,\n config: this.props.post.api.editor,\n submit: this.props.post.api.index,\n })\n }\n\n render() {\n if (this.props.post.acl.can_edit) {\n return (\n \n {gettext(\"Edit\")}\n \n )\n } else {\n return null\n }\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n url: \"\",\n\n validators: {\n url: [],\n },\n errors: {},\n }\n }\n\n clean() {\n if (!this.state.url.trim().length) {\n snackbar.error(gettext(\"You have to enter link to the other thread.\"))\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.thread.api.posts.move, {\n new_thread: this.state.url,\n posts: [this.props.post.id],\n })\n }\n\n handleSuccess(success) {\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: true,\n })\n )\n\n modal.hide()\n\n snackbar.success(gettext(\"Selected post was moved to the other thread.\"))\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onUrlChange = (event) => {\n this.changeValue(\"url\", event.target.value)\n }\n\n render() {\n return (\n \n )\n }\n}\n\nexport function ModalHeader(props) {\n return (\n \n \n ×\n \n {gettext(\"Move post\")}
\n
\n )\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n \n
\n {props.diff.map((item, i) => {\n return \n })}\n
\n
\n \n {gettext(\"Revert\")}\n \n
\n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default class extends React.Component {\n goLast = () => {\n this.props.goToEdit()\n }\n\n goForward = () => {\n this.props.goToEdit(this.props.edit.next)\n }\n\n goBack = () => {\n this.props.goToEdit(this.props.edit.previous)\n }\n\n revertEdit = () => {\n this.props.revertEdit(this.props.edit.id)\n }\n\n render() {\n return (\n \n
\n
\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n \n
\n
\n
\n
\n \n {gettext(\"Revert\")}\n \n
\n )\n}\n\nexport function Label(props) {\n let user = null\n if (props.edit.url.editor) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.edit.url.editor),\n user: escapeHtml(props.edit.editor_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.edit.editor_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(props.edit.edited_on.format(\"LLL\")),\n relative: escapeHtml(props.edit.edited_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(gettext(\"By %(edited_by)s %(edited_on)s.\")),\n {\n edited_by: user,\n edited_on: date,\n },\n true\n )\n\n return \n}\n","import moment from \"moment\"\n\nexport function hydrateEdit(json) {\n return Object.assign({}, json, {\n edited_on: moment(json.edited_on),\n })\n}\n","import React from \"react\"\nimport Diff from \"./diff\"\nimport Footer from \"./footer\"\nimport Toolbar from \"./toolbar\"\nimport { hydrateEdit } from \"./utils\"\nimport Message from \"misago/components/modal-message\"\nimport Loader from \"misago/components/modal-loader\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isBusy: true,\n\n canRevert: props.post.acl.can_edit,\n\n error: null,\n edit: null,\n }\n }\n\n componentDidMount() {\n this.goToEdit()\n }\n\n goToEdit = (edit = null) => {\n this.setState({\n isBusy: true,\n })\n\n let url = this.props.post.api.edits\n if (edit !== null) {\n url += \"?edit=\" + edit\n }\n\n ajax.get(url).then(\n (data) => {\n this.setState({\n isReady: true,\n isBusy: false,\n edit: hydrateEdit(data),\n })\n },\n (rejection) => {\n this.setState({\n isReady: true,\n isBusy: false,\n error: rejection.detail,\n })\n }\n )\n }\n\n revertEdit = (edit) => {\n if (this.state.isBusy) return\n\n const confirmation = window.confirm(\n gettext(\n \"Are you sure you with to revert this post to the state from before this edit?\"\n )\n )\n if (!confirmation) return\n\n this.setState({\n isBusy: true,\n })\n\n const url = this.props.post.api.edits + \"?edit=\" + edit\n ajax.post(url).then(\n (data) => {\n const hydratedPost = post.hydrate(data)\n store.dispatch(post.patch(data, hydratedPost))\n\n snackbar.success(gettext(\"Post has been reverted to previous state.\"))\n modal.hide()\n },\n (rejection) => {\n snackbar.apiError(rejection)\n\n this.setState({\n isBusy: false,\n })\n }\n )\n }\n\n render() {\n if (this.state.error) {\n return (\n \n \n \n )\n } else if (this.state.isReady) {\n return (\n \n \n \n \n \n )\n }\n\n return (\n \n \n \n )\n }\n}\n\nexport function ModalDialog(props) {\n return (\n \n
\n
\n \n ×\n \n {gettext(\"Post edits history\")}
\n
\n {props.children}\n
\n
\n info_outline\n
\n \n
\n {gettext(\"You can't move this post at the moment.\")}\n
\n
{props.message}
\n
\n
\n
\n \n ×\n \n \n {gettext(\"Split post into new thread\")}\n
\n
\n {props.children}\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n )\n}\n\nexport class Permalink extends React.Component {\n onClick = () => {\n let permaUrl = window.location.protocol + \"//\"\n permaUrl += window.location.host\n permaUrl += this.props.post.url.index\n\n prompt(gettext(\"Permament link to this post:\"), permaUrl)\n }\n\n render() {\n return (\n \n \n \n )\n }\n}\n\nexport class Edit extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"EDIT\",\n\n thread: this.props.thread,\n post: this.props.post,\n config: this.props.post.api.editor,\n submit: this.props.post.api.index,\n })\n }\n\n render() {\n if (!this.props.post.acl.can_edit) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class MarkAsBestAnswer extends React.Component {\n onClick = () => {\n moderation.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (post.id === thread.best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class UnmarkMarkBestAnswer extends React.Component {\n onClick = () => {\n moderation.unmarkBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id !== thread.best_answer) return null\n if (!thread.acl.can_unmark_best_answer) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class PostEdits extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const isHidden =\n this.props.post.is_hidden && !this.props.post.acl.can_see_hidden\n const isUnedited = this.props.post.edits === 0\n if (isHidden || isUnedited) return null\n\n const message = ngettext(\n \"This post was edited %(edits)s time.\",\n \"This post was edited %(edits)s times.\",\n this.props.post.edits\n )\n\n const title = interpolate(\n message,\n {\n edits: this.props.post.edits,\n },\n true\n )\n\n return (\n \n \n \n )\n }\n}\n\nexport class Approve extends React.Component {\n onClick = () => {\n moderation.approve(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_approve) return null\n if (!this.props.post.is_unapproved) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Move extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.post.acl.can_move) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Split extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.post.acl.can_move) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Protect extends React.Component {\n onClick = () => {\n moderation.protect(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_protect) return null\n if (this.props.post.is_protected) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Unprotect extends React.Component {\n onClick = () => {\n moderation.unprotect(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_protect) return null\n if (!this.props.post.is_protected) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Hide extends React.Component {\n onClick = () => {\n moderation.hide(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id === thread.best_answer) return null\n if (!post.acl.can_hide) return null\n if (post.is_hidden) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Unhide extends React.Component {\n onClick = () => {\n moderation.unhide(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_unhide) return null\n if (!this.props.post.is_hidden) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n moderation.remove(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id === thread.best_answer) return null\n if (!post.acl.can_delete) return null\n\n return (\n \n \n \n )\n }\n}\n","import React from \"react\"\nimport Dropdown from \"./dropdown\"\n\nexport default function (props) {\n return (\n \n \n expand_more\n \n \n
\n )\n}\n","import React from \"react\"\nimport * as posts from \"misago/reducers/posts\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n onClick = () => {\n if (this.props.post.isSelected) {\n store.dispatch(posts.deselect(this.props.post))\n } else {\n store.dispatch(posts.select(this.props.post))\n }\n }\n\n render() {\n if (\n !(this.props.thread.acl.can_merge_posts || isVisible(this.props.post.acl))\n ) {\n return null\n }\n\n return (\n \n \n \n {this.props.post.isSelected\n ? \"check_box\"\n : \"check_box_outline_blank\"}\n \n \n
\n )\n }\n}\n\nexport function isVisible(acl) {\n return (\n acl.can_approve ||\n acl.can_hide ||\n acl.can_protect ||\n acl.can_unhide ||\n acl.can_delete ||\n acl.can_move\n )\n}\n","import React from \"react\"\nimport Controls from \"./controls\"\nimport Select from \"./select\"\nimport {\n StatusIcon,\n getStatusClassName,\n getStatusDescription,\n} from \"misago/components/user-status\"\nimport PostChangelog from \"misago/components/post-changelog\"\nimport modal from \"misago/services/modal\"\n\nexport default function (props) {\n return (\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {post.poster_name}\n\n \n {gettext(\"Removed user\")}\n \n
\n
\n
{userTitle}
\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Controls from \"misago/components/posts-list/post/controls\"\nimport Select from \"misago/components/posts-list/post/select\"\nimport UserStatus, { StatusIcon } from \"misago/components/user-status\"\nimport UserPostcount from \"./user-postcount\"\nimport UserStatusLabel from \"./user-status\"\nimport UserTitle from \"./user-title\"\n\nexport default function ({ post, thread }) {\n const { poster } = post\n\n return (\n \n )\n}\n","import React from \"react\"\nimport Anonymous from \"./anonymous\"\nimport Registered from \"./registered\"\n\nexport default function (props) {\n if (props.post.poster) {\n return \n }\n\n return \n}\n","import React from \"react\"\nimport Attachments from \"./attachments\"\nimport Body from \"./body\"\nimport {\n FlagBestAnswer,\n FlagHidden,\n FlagUnapproved,\n FlagProtected,\n} from \"./flags\"\nimport Footer from \"./footer\"\nimport Header from \"./header\"\nimport PostSide from \"./post-side\"\n\nexport default function (props) {\n let className = \"post\"\n if (props.post.isDeleted) {\n className = \"hide\"\n } else if (props.post.is_hidden && !props.post.acl.can_see_hidden) {\n className = \"post post-hidden\"\n }\n\n if (props.post.poster && props.post.poster.rank.css_class) {\n className += \" post-\" + props.post.poster.rank.css_class\n }\n\n if (!props.post.is_read) {\n className += \" post-new\"\n }\n\n return (\n \n \n
\n
\n
\n \n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n
\n \n \n
\n \n \n
\n \n \n \n \n
\n
\n
\n
\n {props.posts.results.map((post) => {\n return \n })}\n
\n )\n}\n\nexport function ListItem(props) {\n if (props.post.is_event) {\n return \n }\n\n return \n}\n","import React from \"react\"\nimport Avatar from \"./avatar\"\n\nconst ThreadStarterCard = ({ thread }) => (\n \n
\n {thread.starter ? (\n
\n \n \n ) : (\n
\n )}\n
\n
\n
\n {thread.starter ? (\n
\n {thread.starter.username}\n \n ) : (\n \n {thread.starter_name}\n \n )}\n \n
\n \n {thread.started_on.fromNow()}\n \n
\n
\n
\n \n ×\n \n {gettext(\"Change title\")}
\n
\n )\n}\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport MergeConflict from \"misago/components/merge-conflict\"\nimport * as thread from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n url: \"\",\n\n validators: {\n url: [],\n },\n errors: {},\n }\n }\n\n clean() {\n if (!this.state.url.trim().length) {\n snackbar.error(gettext(\"You have to enter link to the other thread.\"))\n return false\n }\n\n return true\n }\n\n send() {\n // freeze thread\n store.dispatch(thread.busy())\n\n return ajax.post(this.props.thread.api.merge, {\n other_thread: this.state.url,\n })\n }\n\n handleSuccess = (success) => {\n this.handleSuccessUnmounted(success)\n\n // keep form loading\n this.setState({\n isLoading: true,\n })\n }\n\n handleSuccessUnmounted = (success) => {\n snackbar.success(gettext(\"Thread has been merged with other one.\"))\n window.location = success.url\n }\n\n handleError = (rejection) => {\n store.dispatch(thread.release())\n\n if (rejection.status === 400) {\n if (rejection.best_answers || rejection.polls) {\n modal.show(\n \n )\n } else if (rejection.best_answer) {\n snackbar.error(rejection.best_answer[0])\n } else if (rejection.poll) {\n snackbar.error(rejection.poll[0])\n } else {\n snackbar.error(rejection.detail)\n }\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onUrlChange = (event) => {\n this.changeValue(\"url\", event.target.value)\n }\n\n render() {\n return (\n \n )\n }\n}\n\nexport function ModalHeader(props) {\n return (\n \n \n ×\n \n {gettext(\"Merge thread\")}
\n
\n )\n}\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport CategorySelect from \"misago/components/category-select\"\nimport ModalLoader from \"misago/components/modal-loader\"\nimport * as posts from \"misago/reducers/posts\"\nimport * as thread from \"misago/reducers/thread\"\nimport misago from \"misago\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isLoading: false,\n isError: false,\n\n category: null,\n categories: [],\n }\n }\n\n componentDidMount() {\n ajax.get(misago.get(\"THREAD_EDITOR_API\")).then(\n (data) => {\n let category = null\n\n // hydrate categories, extract posting options\n const categories = data.map((item) => {\n // pick first category that allows posting and if it may, override it with initial one\n if (item.post !== false && !category) {\n category = item.id\n }\n\n return Object.assign(item, {\n disabled: item.post === false,\n label: item.name,\n value: item.id,\n })\n })\n\n this.setState({\n isReady: true,\n\n category,\n categories,\n })\n },\n (rejection) => {\n this.setState({\n isError: rejection.detail,\n })\n }\n )\n }\n\n send() {\n // freeze thread\n store.dispatch(thread.busy())\n\n return ajax.patch(this.props.thread.api.index, [\n { op: \"replace\", path: \"category\", value: this.state.category },\n ])\n }\n\n handleSuccess() {\n // refresh thread and displayed posts\n ajax\n .get(this.props.thread.api.posts.index, { page: this.props.posts.page })\n .then(\n (data) => {\n store.dispatch(thread.replace(data))\n store.dispatch(posts.load(data.post_set))\n store.dispatch(thread.release())\n\n snackbar.success(gettext(\"Thread has been moved.\"))\n modal.hide()\n },\n (rejection) => {\n store.dispatch(thread.release())\n snackbar.apiError(rejection)\n }\n )\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onCategoryChange = (event) => {\n this.changeValue(\"category\", event.target.value)\n }\n\n render() {\n if (this.state.isReady) {\n return (\n \n )\n } else if (this.state.isError) {\n return \n } else {\n return \n }\n }\n}\n\nexport function ModalHeader(props) {\n return (\n \n \n ×\n \n {gettext(\"Move thread\")}
\n
\n )\n}\n\nexport function ModalLoading(props) {\n return (\n \n )\n}\n\nexport function ModalMessage(props) {\n return (\n \n
\n
\n
\n info_outline\n
\n
\n
\n {gettext(\"You can't move this thread at the moment.\")}\n
\n
{props.message}
\n
\n {gettext(\"Ok\")}\n \n \n
\n
\n {!!moderation.edit && (\n - \n \n edit\n {gettext(\"Change title\")}\n \n
\n )}\n {!!moderation.pinGlobally && (\n - \n \n bookmark\n {gettext(\"Pin globally\")}\n \n
\n )}\n {!!moderation.pinLocally && (\n - \n \n bookmark_border\n {gettext(\"Pin locally\")}\n \n
\n )}\n {!!moderation.unpin && (\n - \n \n
\n )}\n {!!moderation.move && (\n - \n \n
\n )}\n {!!moderation.merge && (\n - \n \n
\n )}\n {!!moderation.approve && (\n - \n \n done\n {gettext(\"Approve\")}\n \n
\n )}\n {!!moderation.open && (\n - \n \n
\n )}\n {!!moderation.close && (\n - \n \n
\n )}\n {!!moderation.unhide && (\n - \n \n visibility\n {gettext(\"Unhide\")}\n \n
\n )}\n {!!moderation.hide && (\n - \n \n
\n )}\n {!!moderation.delete && (\n - \n \n clear\n {gettext(\"Delete\")}\n \n
\n )}\n
\n )\n }\n}\n","import ThreadModerationOptions from \"./controls\"\n\nexport default ThreadModerationOptions\n","import React from \"react\"\nimport ThreadModerationOptions from \"./moderation/thread\"\n\nconst ThreadModeration = ({ thread, posts, moderation }) => (\n \n \n settings\n \n \n
\n)\n\nexport default ThreadModeration\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport * as actions from \"../../reducers/thread\"\nimport ajax from \"../../services/ajax\"\nimport snackbar from \"../../services/snackbar\"\nimport store from \"../../services/store\"\n\nconst ThreadSubscriptionButton = ({ stickToBottom, thread }) => (\n \n
\n {getIcon(thread.subscription)}\n {getLabel(thread.subscription)}\n \n \n \n \n \n \n \n \n \n \n \n \n {thread.title}
\n \n \n \n \n \n \n \n \n {thread.replies > 0 && (\n \n \n \n )}\n {hasFlags(thread) && (\n \n \n \n )}\n \n {user.is_authenticated && (\n \n \n \n \n {moderation.enabled && (\n \n \n \n )}\n \n )}\n \n \n \n \n)\n\nconst hasFlags = (thread) => {\n return (\n thread.is_closed ||\n thread.is_hidden ||\n thread.is_unapproved ||\n thread.weight > 0 ||\n thread.best_answer ||\n thread.has_poll ||\n thread.has_unapproved_posts\n )\n}\n\nexport default ThreadHeader\n","import ThreadHeader from \"./ThreadHeader\"\n\nexport default ThreadHeader\n","import React from \"react\"\nimport { Link } from \"react-router\"\n\nconst ThreadPagination = ({ baseUrl, posts }) => (\n \n {posts.isLoaded && posts.first ? (\n \n first_page\n \n ) : (\n \n first_page\n \n )}\n {posts.isLoaded && posts.previous ? (\n 1 ? posts.previous + \"/\" : \"\")}\n title={gettext(\"Go to previous page\")}\n >\n chevron_left\n \n ) : (\n \n chevron_left\n \n )}\n {posts.isLoaded && posts.next ? (\n \n chevron_right\n \n ) : (\n \n chevron_right\n \n )}\n {posts.isLoaded && posts.last ? (\n \n last_page\n \n ) : (\n \n last_page\n \n )}\n
\n)\n\nexport default ThreadPagination\n","import React from \"react\"\n\nconst ThreadPostsLeft = ({ posts }) => {\n if (posts.more) {\n return (\n \n {interpolate(\n ngettext(\n \"There is %(more)s more post in this thread.\",\n \"There are %(more)s more posts in this thread.\",\n posts.more\n ),\n { more: posts.more },\n true\n )}\n
\n )\n }\n\n return {gettext(\"There are no more posts in this thread.\")}
\n}\n\nexport default ThreadPostsLeft\n","import React from \"react\"\n\nexport default function ({ errors, posts }) {\n return (\n \n
\n
\n \n ×\n \n {gettext(\"Moderation\")}
\n
\n
\n
\n {gettext(\"One or more posts could not be changed:\")}\n
\n\n
\n {errors.map((post) => {\n return (\n \n )\n })}\n
\n
\n
\n
{heading}:
\n {errors.map((error, i) => {\n return {error}
\n })}\n \n )\n}\n","import moment from \"moment\"\nimport React from \"react\"\nimport * as post from \"misago/reducers/post\"\nimport * as posts from \"misago/reducers/posts\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport ErrorsList from \"./errors-list\"\n\nexport function approve(props) {\n const { selection } = props\n\n const ops = [{ op: \"replace\", path: \"is-unapproved\", value: false }]\n\n const newState = selection.map((post) => {\n return {\n id: post.id,\n is_unapproved: false,\n }\n })\n\n const previousState = selection.map((post) => {\n return {\n id: post.id,\n is_unapproved: post.is_unapproved,\n }\n })\n\n patch(props, ops, newState, previousState)\n}\n\nexport function protect(props) {\n const { selection } = props\n\n const ops = [{ op: \"replace\", path: \"is-protected\", value: true }]\n\n const newState = selection.map((post) => {\n return {\n id: post.id,\n is_protected: true,\n }\n })\n\n const previousState = selection.map((post) => {\n return {\n id: post.id,\n is_protected: post.is_protected,\n }\n })\n\n patch(props, ops, newState, previousState)\n}\n\nexport function unprotect(props) {\n const { selection } = props\n\n const ops = [{ op: \"replace\", path: \"is-protected\", value: false }]\n\n const newState = selection.map((post) => {\n return {\n id: post.id,\n is_protected: false,\n }\n })\n\n const previousState = selection.map((post) => {\n return {\n id: post.id,\n is_protected: post.is_protected,\n }\n })\n\n patch(props, ops, newState, previousState)\n}\n\nexport function hide(props) {\n const { selection } = props\n\n const ops = [{ op: \"replace\", path: \"is-hidden\", value: true }]\n\n const newState = selection.map((post) => {\n return {\n id: post.id,\n is_hidden: true,\n hidden_on: moment(),\n hidden_by_name: props.user.username,\n url: Object.assign(post.url, {\n hidden_by: props.user.url,\n }),\n }\n })\n\n const previousState = selection.map((post) => {\n return {\n id: post.id,\n is_hidden: post.is_hidden,\n hidden_on: post.hidden_on,\n hidden_by_name: post.hidden_by_name,\n url: post.url,\n }\n })\n\n patch(props, ops, newState, previousState)\n}\n\nexport function unhide(props) {\n const { selection } = props\n\n const ops = [{ op: \"replace\", path: \"is-hidden\", value: false }]\n\n const newState = selection.map((post) => {\n return {\n id: post.id,\n is_hidden: false,\n hidden_on: moment(),\n hidden_by_name: props.user.username,\n url: Object.assign(post.url, {\n hidden_by: props.user.url,\n }),\n }\n })\n\n const previousState = selection.map((post) => {\n return {\n id: post.id,\n is_hidden: post.is_hidden,\n hidden_on: post.hidden_on,\n hidden_by_name: post.hidden_by_name,\n url: post.url,\n }\n })\n\n patch(props, ops, newState, previousState)\n}\n\nexport function patch(props, ops, newState, previousState) {\n const { selection, thread } = props\n\n // patch selected items\n newState.forEach((item) => {\n post.patch(item, item)\n })\n\n // deselect all the things\n store.dispatch(posts.deselectAll())\n\n // call ajax\n const data = {\n ops,\n\n ids: selection.map((post) => {\n return post.id\n }),\n }\n\n ajax.patch(thread.api.posts.index, data).then(\n (data) => {\n data.forEach((item) => {\n store.dispatch(post.patch(item, item))\n })\n },\n (rejection) => {\n if (rejection.status !== 400) {\n // rollback all\n previousState.forEach((item) => {\n store.dispatch(post.patch(item, item))\n })\n return snackbar.apiError(rejection)\n }\n\n let errors = []\n let rollback = []\n\n rejection.forEach((item) => {\n if (item.detail) {\n errors.push(item)\n rollback.push(item.id)\n } else {\n store.dispatch(post.patch(item, item))\n }\n\n previousState.forEach((item) => {\n if (rollback.indexOf(item) !== -1) {\n store.dispatch(post.patch(item, item))\n }\n })\n })\n\n let posts = {}\n selection.forEach((item) => {\n posts[item.id] = item\n })\n\n modal.show()\n }\n )\n}\n\nexport function merge(props) {\n let confirmed = window.confirm(\n gettext(\n \"Are you sure you want to merge selected posts? This action is not reversible!\"\n )\n )\n if (!confirmed) {\n return\n }\n\n props.selection.slice(1).map((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: true,\n })\n )\n })\n\n ajax\n .post(props.thread.api.posts.merge, {\n posts: props.selection.map((post) => post.id),\n })\n .then(\n (data) => {\n store.dispatch(post.patch(data, post.hydrate(data)))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n\n props.selection.slice(1).map((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: false,\n })\n )\n })\n }\n )\n\n store.dispatch(posts.deselectAll())\n}\n\nexport function remove(props) {\n let confirmed = window.confirm(\n gettext(\n \"Are you sure you want to delete selected posts? This action is not reversible!\"\n )\n )\n if (!confirmed) {\n return\n }\n\n props.selection.map((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: true,\n })\n )\n })\n\n const ids = props.selection.map((post) => {\n return post.id\n })\n\n ajax.delete(props.thread.api.posts.index, ids).then(\n () => {\n return\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n\n props.selection.map((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: false,\n })\n )\n })\n }\n )\n\n store.dispatch(posts.deselectAll())\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n url: \"\",\n\n validators: {\n url: [],\n },\n errors: {},\n }\n }\n\n clean() {\n if (!this.state.url.trim().length) {\n snackbar.error(gettext(\"You have to enter link to the other thread.\"))\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.thread.api.posts.move, {\n new_thread: this.state.url,\n posts: this.props.selection.map((post) => post.id),\n })\n }\n\n handleSuccess(success) {\n this.props.selection.forEach((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: true,\n })\n )\n })\n\n modal.hide()\n\n snackbar.success(gettext(\"Selected posts were moved to the other thread.\"))\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onUrlChange = (event) => {\n this.changeValue(\"url\", event.target.value)\n }\n\n render() {\n return (\n \n )\n }\n}\n\nexport function ModalHeader(props) {\n return (\n \n \n ×\n \n {gettext(\"Move posts\")}
\n
\n )\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport CategorySelect from \"misago/components/category-select\"\nimport ModalLoader from \"misago/components/modal-loader\"\nimport Select from \"misago/components/select\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport * as validators from \"misago/utils/validators\"\nimport ErrorsModal from \"./errors-list\"\n\nexport default function (props) {\n return \n}\n\nexport class PostingConfig extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n isError: false,\n\n categories: [],\n }\n }\n\n componentDidMount() {\n ajax.get(misago.get(\"THREAD_EDITOR_API\")).then(\n (data) => {\n // hydrate categories, extract posting options\n const categories = data.map((item) => {\n return Object.assign(item, {\n disabled: item.post === false,\n label: item.name,\n value: item.id,\n post: item.post,\n })\n })\n\n this.setState({\n isLoaded: true,\n categories,\n })\n },\n (rejection) => {\n this.setState({\n isError: rejection.detail,\n })\n }\n )\n }\n\n render() {\n if (this.state.isError) {\n return \n } else if (this.state.isLoaded) {\n return (\n \n )\n } else {\n return \n }\n }\n}\n\nexport class ModerationForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n title: \"\",\n category: null,\n categories: props.categories,\n weight: 0,\n is_hidden: 0,\n is_closed: false,\n\n validators: {\n title: [validators.required()],\n },\n\n errors: {},\n }\n\n this.isHiddenChoices = [\n {\n value: 0,\n icon: \"visibility\",\n label: gettext(\"No\"),\n },\n {\n value: 1,\n icon: \"visibility_off\",\n label: gettext(\"Yes\"),\n },\n ]\n\n this.isClosedChoices = [\n {\n value: false,\n icon: \"lock_outline\",\n label: gettext(\"No\"),\n },\n {\n value: true,\n icon: \"lock\",\n label: gettext(\"Yes\"),\n },\n ]\n\n this.acl = {}\n this.props.categories.forEach((category) => {\n if (category.post) {\n if (!this.state.category) {\n this.state.category = category.id\n }\n\n this.acl[category.id] = {\n can_pin_threads: category.post.pin,\n can_close_threads: category.post.close,\n can_hide_threads: category.post.hide,\n }\n }\n })\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({\n errors: this.validate(),\n })\n return false\n }\n }\n\n send() {\n return ajax.post(this.props.thread.api.posts.split, {\n title: this.state.title,\n category: this.state.category,\n weight: this.state.weight,\n is_hidden: this.state.is_hidden,\n is_closed: this.state.is_closed,\n posts: this.props.selection.map((post) => post.id),\n })\n }\n\n handleSuccess(apiResponse) {\n this.props.selection.forEach((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: true,\n })\n )\n })\n\n modal.hide()\n\n snackbar.success(gettext(\"Selected posts were split into new thread.\"))\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n this.setState({\n errors: Object.assign({}, this.state.errors, rejection),\n })\n snackbar.error(gettext(\"Form contains errors.\"))\n } else if (rejection.status === 403 && Array.isArray(rejection)) {\n modal.show()\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onCategoryChange = (ev) => {\n const categoryId = ev.target.value\n const newState = {\n category: categoryId,\n }\n\n if (this.acl[categoryId].can_pin_threads < newState.weight) {\n newState.weight = 0\n }\n\n if (!this.acl[categoryId].can_hide_threads) {\n newState.is_hidden = 0\n }\n\n if (!this.acl[categoryId].can_close_threads) {\n newState.is_closed = false\n }\n\n this.setState(newState)\n }\n\n getWeightChoices() {\n const choices = [\n {\n value: 0,\n icon: \"remove\",\n label: gettext(\"Not pinned\"),\n },\n {\n value: 1,\n icon: \"bookmark_border\",\n label: gettext(\"Pinned locally\"),\n },\n ]\n\n if (this.acl[this.state.category].can_pin_threads == 2) {\n choices.push({\n value: 2,\n icon: \"bookmark\",\n label: gettext(\"Pinned globally\"),\n })\n }\n\n return choices\n }\n\n renderWeightField() {\n if (this.acl[this.state.category].can_pin_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderHiddenField() {\n if (this.acl[this.state.category].can_hide_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderClosedField() {\n if (this.acl[this.state.category].can_close_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n render() {\n return (\n \n \n \n )\n }\n}\n\nexport function Loader() {\n return (\n \n \n \n )\n}\n\nexport function Error(props) {\n return (\n \n \n info_outline\n
\n \n
\n {gettext(\"You can't move selected posts at the moment.\")}\n
\n
{props.message}
\n
\n
\n
\n
\n \n ×\n \n \n {gettext(\"Split posts into new thread\")}\n
\n
\n {props.children}\n
\n
\n \n \n \n \n \n \n \n \n \n
\n )\n}\n\nexport class Approve extends React.Component {\n onClick = () => {\n moderation.approve(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_approve && post.is_unapproved\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Merge extends React.Component {\n onClick = () => {\n moderation.merge(this.props)\n }\n\n render() {\n const isVisible =\n this.props.selection.length > 1 &&\n this.props.selection.find((post) => {\n return post.acl.can_merge\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Move extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_move\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Split extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_move\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Protect extends React.Component {\n onClick = () => {\n moderation.protect(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return !post.is_protected && post.acl.can_protect\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Unprotect extends React.Component {\n onClick = () => {\n moderation.unprotect(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.is_protected && post.acl.can_protect\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Hide extends React.Component {\n onClick = () => {\n moderation.hide(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_hide && !post.is_hidden\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Unhide extends React.Component {\n onClick = () => {\n moderation.unhide(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_unhide && post.is_hidden\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n moderation.remove(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_delete\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n","import React from \"react\"\nimport { ThreadPostsModerationOptions } from \"./moderation/posts\"\n\nconst ThreadPostsModeration = ({ thread, user, selection, dropup }) => (\n \n \n settings\n \n \n
\n)\n\nexport default ThreadPostsModeration\n","import React from \"react\"\n\nconst ThreadReplyButton = ({ onClick }) => (\n \n chat\n {gettext(\"Reply\")}\n \n)\n\nexport default ThreadReplyButton\n","import React from \"react\"\nimport { Toolbar, ToolbarItem, ToolbarSection, ToolbarSpacer } from \"../Toolbar\"\nimport ThreadPagination from \"./ThreadPagination\"\nimport ThreadPostsLeft from \"./ThreadPostsLeft\"\nimport ThreadPostsModeration from \"./ThreadPostsModeration\"\nimport ThreadReplyButton from \"./ThreadReplyButton\"\nimport ThreadSubscriptionButton from \"./ThreadSubscriptionButton\"\n\nconst ThreadToolbarBottom = ({\n thread,\n posts,\n user,\n selection,\n moderation,\n onReply,\n}) => (\n \n \n \n \n \n {moderation.enabled && (\n \n \n \n )}\n \n \n \n \n \n \n \n {user.is_authenticated && (\n \n \n \n \n {thread.acl.can_reply && (\n \n \n \n )}\n {moderation.enabled && (\n \n \n \n )}\n \n )}\n \n)\n\nexport default ThreadToolbarBottom\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst ThreadPollButton = ({ compact, disabled, onClick }) => (\n \n poll\n {!compact && gettext(\"Add poll\")}\n \n)\n\nexport default ThreadPollButton\n","import React from \"react\"\n\nconst ThreadShortcutsButton = ({ user, thread }) => (\n \n)\n\nexport default ThreadShortcutsButton\n","import React from \"react\"\nimport { Toolbar, ToolbarItem, ToolbarSection, ToolbarSpacer } from \"../Toolbar\"\nimport ThreadPagination from \"./ThreadPagination\"\nimport ThreadPollButton from \"./ThreadPollButton\"\nimport ThreadPostsModeration from \"./ThreadPostsModeration\"\nimport ThreadReplyButton from \"./ThreadReplyButton\"\nimport ThreadShortcutsButton from \"./ThreadShortcutsButton\"\n\nconst ThreadToolbarTop = ({\n thread,\n posts,\n user,\n pollDisabled,\n selection,\n moderation,\n onPoll,\n onReply,\n}) => (\n \n \n \n \n \n \n \n \n \n \n {thread.acl.can_start_poll && !thread.poll && (\n \n \n \n \n \n )}\n {thread.acl.can_reply ? (\n \n \n \n \n \n \n \n {thread.acl.can_start_poll && !thread.poll && (\n \n \n \n )}\n {moderation.enabled && (\n \n \n \n )}\n \n ) : (\n \n \n \n \n {thread.acl.can_start_poll && !thread.poll && (\n \n \n \n )}\n {moderation.enabled && (\n \n \n \n )}\n \n )}\n \n)\n\nexport default ThreadToolbarTop\n","import React from \"react\"\nimport Participants from \"misago/components/participants\"\nimport { Poll, PollForm } from \"misago/components/poll\"\nimport PostsList from \"misago/components/posts-list\"\nimport * as participants from \"misago/reducers/participants\"\nimport * as poll from \"misago/reducers/poll\"\nimport * as posts from \"misago/reducers/posts\"\nimport * as thread from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport polls from \"misago/services/polls\"\nimport snackbar from \"misago/services/snackbar\"\nimport posting from \"misago/services/posting\"\nimport store from \"misago/services/store\"\nimport title from \"misago/services/page-title\"\nimport { PostingQuoteSelection } from \"../posting\"\nimport PageContainer from \"../PageContainer\"\nimport ThreadHeader from \"./ThreadHeader\"\nimport ThreadToolbarBottom from \"./ThreadToolbarBottom\"\nimport ThreadToolbarTop from \"./ThreadToolbarTop\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n editPoll: false,\n }\n }\n\n componentDidMount() {\n if (this.shouldFetchData()) {\n this.fetchData()\n this.setPageTitle()\n }\n\n this.startPollingApi()\n }\n\n componentDidUpdate() {\n if (this.shouldFetchData()) {\n this.fetchData()\n this.startPollingApi()\n this.setPageTitle()\n }\n }\n\n componentWillUnmount() {\n this.stopPollingApi()\n }\n\n shouldFetchData() {\n if (this.props.posts.isLoaded) {\n const page = (this.props.params.page || 1) * 1\n return page != this.props.posts.page\n } else {\n return false\n }\n }\n\n fetchData() {\n store.dispatch(posts.unload())\n\n ajax\n .get(\n this.props.thread.api.posts.index,\n {\n page: this.props.params.page || 1,\n },\n \"posts\"\n )\n .then(\n (data) => {\n this.update(data)\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n startPollingApi() {\n polls.start({\n poll: \"thread-posts\",\n\n url: this.props.thread.api.posts.index,\n data: {\n page: this.props.params.page || 1,\n },\n update: this.update,\n\n frequency: 120 * 1000,\n delayed: true,\n })\n }\n\n stopPollingApi() {\n polls.stop(\"thread-posts\")\n }\n\n setPageTitle() {\n title.set({\n title: this.props.thread.title,\n parent: this.props.thread.category.name,\n page: (this.props.params.page || 1) * 1,\n })\n }\n\n update = (data) => {\n store.dispatch(thread.replace(data))\n store.dispatch(posts.load(data.post_set))\n\n if (data.participants) {\n store.dispatch(participants.replace(data.participants))\n }\n\n if (data.poll) {\n store.dispatch(poll.replace(data.poll))\n }\n\n this.setPageTitle()\n }\n\n openPollForm = () => {\n this.setState({ editPoll: true })\n }\n\n closePollForm = () => {\n this.setState({ editPoll: false })\n }\n\n openReplyForm = () => {\n posting.open({\n mode: \"REPLY\",\n\n thread: this.props.thread,\n config: this.props.thread.api.editor,\n submit: this.props.thread.api.posts.index,\n })\n }\n\n render() {\n const category = this.props.thread.category\n\n let className = \"page page-thread\"\n if (category.css_class) {\n className += \" page-thread-\" + category.css_class\n }\n\n const styleName =\n category.special_role === \"private_threads\"\n ? \"private-threads\"\n : category.css_class || \"category-threads\"\n\n const threadModeration = getThreadModeration(\n this.props.thread,\n this.props.user\n )\n\n const postsModeration = getPostsModeration(\n this.props.posts.results,\n this.props.user\n )\n const selection = this.props.posts.results.filter((post) => post.isSelected)\n\n return (\n \n
\n
\n \n \n {this.state.editPoll ? (\n \n ) : (\n \n )}\n {this.props.thread.acl.can_reply ? (\n \n \n \n ) : (\n \n )}\n \n \n
\n
\n {category && (\n \n label\n \n )}\n {category && category.short_name && (\n \n {category.short_name}\n \n )}\n {category ? (\n \n {category.name}\n \n ) : (\n allItems\n )}\n \n \n - \n {allItems}\n
\n \n {categories.map((choice) => (\n - \n \n \n label\n \n {choice.name}\n \n
\n ))}\n
\n \n
\n {list.longName}\n \n \n {lists.map((choice) => (\n - \n {choice.longName}\n
\n ))}\n
\n \n
\n
\n \n ×\n \n {gettext(\"Threads moderation\")}
\n
\n
\n
\n {gettext(\"One or more threads could not be deleted:\")}\n
\n\n
\n {this.props.errors.map((item) => {\n return (\n \n )\n })}\n
\n
\n
\n
{thread.title}
\n {errors.map((message, i) => {\n return {message}
\n })}\n \n )\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport CategorySelect from \"misago/components/category-select\"\nimport Select from \"misago/components/select\"\nimport misago from \"misago/index\"\nimport { filterThreads } from \"misago/reducers/threads\"\nimport * as select from \"misago/reducers/selection\"\nimport ErrorsModal from \"misago/components/threads/moderation/errors-list\"\nimport MergeConflict from \"misago/components/merge-conflict\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport * as validators from \"misago/utils/validators\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n title: \"\",\n category: null,\n weight: 0,\n is_hidden: 0,\n is_closed: false,\n\n validators: {\n title: [validators.required()],\n },\n\n errors: {},\n }\n\n this.acl = {}\n for (const i in props.user.acl.categories) {\n if (!props.user.acl.categories.hasOwnProperty(i)) {\n continue\n }\n\n const acl = props.user.acl.categories[i]\n this.acl[acl.id] = acl\n }\n\n this.categoryChoices = []\n props.categories.forEach((category) => {\n if (category.level > 0) {\n const acl = this.acl[category.id]\n const disabled =\n !acl.can_start_threads ||\n (category.is_closed && !acl.can_close_threads)\n\n this.categoryChoices.push({\n value: category.id,\n disabled: disabled,\n level: category.level - 1,\n label: category.name,\n })\n\n if (!disabled && !this.state.category) {\n this.state.category = category.id\n }\n }\n })\n\n this.isHiddenChoices = [\n {\n value: 0,\n icon: \"visibility\",\n label: gettext(\"No\"),\n },\n {\n value: 1,\n icon: \"visibility_off\",\n label: gettext(\"Yes\"),\n },\n ]\n\n this.isClosedChoices = [\n {\n value: false,\n icon: \"lock_outline\",\n label: gettext(\"No\"),\n },\n {\n value: true,\n icon: \"lock\",\n label: gettext(\"Yes\"),\n },\n ]\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({\n errors: this.validate(),\n })\n return false\n }\n }\n\n send() {\n return ajax.post(misago.get(\"MERGE_THREADS_API\"), this.getFormdata())\n }\n\n getFormdata = () => {\n return {\n threads: this.props.threads.map((thread) => thread.id),\n title: this.state.title,\n category: this.state.category,\n weight: this.state.weight,\n is_hidden: this.state.is_hidden,\n is_closed: this.state.is_closed,\n }\n }\n\n handleSuccess = (apiResponse) => {\n // unfreeze and remove merged threads\n this.props.threads.forEach((thread) => {\n this.props.freezeThread(thread.id)\n this.props.deleteThread(thread)\n })\n\n // deselect all threads\n store.dispatch(select.none())\n\n // append merged thread, filter threads\n this.props.addThreads([apiResponse])\n store.dispatch(\n filterThreads(this.props.route.category, this.props.categoriesMap)\n )\n\n // hide modal\n modal.hide()\n }\n\n handleError = (rejection) => {\n if (rejection.status === 400) {\n if (rejection.best_answers || rejection.polls) {\n modal.show(\n \n )\n } else {\n this.setState({\n errors: Object.assign({}, this.state.errors, rejection),\n })\n snackbar.error(gettext(\"Form contains errors.\"))\n }\n } else if (rejection.status === 403 && Array.isArray(rejection)) {\n modal.show()\n } else if (rejection.best_answer) {\n snackbar.error(rejection.best_answer[0])\n } else if (rejection.poll) {\n snackbar.error(rejection.poll[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onCategoryChange = (ev) => {\n const categoryId = ev.target.value\n const newState = {\n category: categoryId,\n }\n\n if (this.acl[categoryId].can_pin_threads < newState.weight) {\n newState.weight = 0\n }\n\n if (!this.acl[categoryId].can_hide_threads) {\n newState.is_hidden = 0\n }\n\n if (!this.acl[categoryId].can_close_threads) {\n newState.is_closed = false\n }\n\n this.setState(newState)\n }\n\n getWeightChoices() {\n const choices = [\n {\n value: 0,\n icon: \"remove\",\n label: gettext(\"Not pinned\"),\n },\n {\n value: 1,\n icon: \"bookmark_border\",\n label: gettext(\"Pinned locally\"),\n },\n ]\n\n if (this.acl[this.state.category].can_pin_threads == 2) {\n choices.push({\n value: 2,\n icon: \"bookmark\",\n label: gettext(\"Pinned globally\"),\n })\n }\n\n return choices\n }\n\n renderWeightField() {\n if (this.acl[this.state.category].can_pin_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderHiddenField() {\n if (this.acl[this.state.category].can_hide_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderClosedField() {\n if (this.acl[this.state.category].can_close_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderForm() {\n return (\n \n )\n }\n\n renderCantMergeMessage() {\n return (\n \n
\n info_outline\n
\n
\n
\n {gettext(\n \"You can't move threads because there are no categories you are allowed to move them to.\"\n )}\n
\n
\n {gettext(\n \"You need permission to start threads in category to be able to merge threads to it.\"\n )}\n
\n
\n {gettext(\"Ok\")}\n \n \n
\n
\n
\n \n ×\n \n {gettext(\"Merge threads\")}
\n
\n {this.state.category\n ? this.renderForm()\n : this.renderCantMergeMessage()}\n
\n
\n
\n info_outline\n
\n
\n
\n {gettext(\n \"You can't move threads because there are no categories you are allowed to move them to.\"\n )}\n
\n
\n {gettext(\n \"You need permission to start threads in category to be able to move threads to it.\"\n )}\n
\n
\n {gettext(\"Ok\")}\n \n \n
\n
\n
\n \n ×\n \n {gettext(\"Move threads\")}
\n
\n {this.state.category\n ? this.renderForm()\n : this.renderCantMoveMessage()}\n
\n
\n - \n store.dispatch(select.all(threads.map((t) => t.id)))}\n >\n check_box\n {gettext(\"Select all\")}\n \n
\n - \n store.dispatch(select.none())}\n >\n check_box_outline_blank\n {gettext(\"Select none\")}\n \n
\n \n {!!moderation.can_pin_globally && (\n - \n \n bookmark\n {gettext(\"Pin threads globally\")}\n \n
\n )}\n {!!moderation.can_pin && (\n - \n \n bookmark_border\n {gettext(\"Pin threads locally\")}\n \n
\n )}\n {!!moderation.can_pin && (\n - \n \n panorama_fish_eye\n {gettext(\"Unpin threads\")}\n \n
\n )}\n {!!moderation.can_move && (\n - \n \n arrow_forward\n {gettext(\"Move threads\")}\n \n
\n )}\n {!!moderation.can_merge && (\n - \n \n call_merge\n {gettext(\"Merge threads\")}\n \n
\n )}\n {!!moderation.can_approve && (\n - \n \n done\n {gettext(\"Approve threads\")}\n \n
\n )}\n {!!moderation.can_close && (\n - \n \n lock_open\n {gettext(\"Open threads\")}\n \n
\n )}\n {!!moderation.can_close && (\n - \n \n lock_outline\n {gettext(\"Close threads\")}\n \n
\n )}\n {!!moderation.can_unhide && (\n - \n \n visibility\n {gettext(\"Unhide threads\")}\n \n
\n )}\n {!!moderation.can_hide && (\n - \n \n visibility_off\n {gettext(\"Hide threads\")}\n \n
\n )}\n {!!moderation.can_delete && (\n - \n \n clear\n {gettext(\"Delete threads\")}\n \n
\n )}\n
\n )\n }\n}\n","import React from \"react\"\nimport ModerationControls from \"./moderation/controls\"\n\nconst ThreadsToolbarModeration = ({\n api,\n categoriesMap,\n categories,\n threads,\n addThreads,\n freezeThread,\n updateThread,\n deleteThread,\n selection,\n moderation,\n route,\n user,\n disabled,\n}) => (\n \n \n settings\n \n \n
\n)\n\nexport default ThreadsToolbarModeration\n","import React from \"react\"\nimport posting from \"../../services/posting\"\nimport Button from \"../button\"\nimport { Toolbar, ToolbarItem, ToolbarSection, ToolbarSpacer } from \"../Toolbar\"\nimport ThreadsCategoryPicker from \"./ThreadsCategoryPicker\"\nimport ThreadsListPicker from \"./ThreadsListPicker\"\nimport ThreadsToolbarModeration from \"./ThreadsToolbarModeration\"\n\nconst ThreadsToolbar = ({\n api,\n baseUrl,\n category,\n categories,\n categoriesMap,\n topCategory,\n topCategories,\n subCategory,\n subCategories,\n list,\n lists,\n threads,\n addThreads,\n startThread,\n freezeThread,\n updateThread,\n deleteThread,\n selection,\n moderation,\n route,\n user,\n disabled,\n}) => (\n \n {topCategories.length > 0 && (\n \n \n \n \n {topCategory && subCategories.length > 0 && (\n \n \n \n )}\n \n )}\n {lists.length > 1 && (\n \n \n \n \n \n )}\n \n {!!user.id && (\n \n \n {\n posting.open(\n startThread || {\n mode: \"START\",\n\n config: misago.get(\"THREAD_EDITOR_API\"),\n submit: misago.get(\"THREADS_API\"),\n\n category: category.id,\n }\n )\n }}\n >\n chat\n {gettext(\"Start thread\")}\n \n \n {!!moderation.allow && (\n \n selection.indexOf(thread.id) !== -1\n )}\n addThreads={addThreads}\n freezeThread={freezeThread}\n updateThread={updateThread}\n deleteThread={deleteThread}\n selection={selection}\n moderation={moderation}\n route={route}\n user={user}\n disabled={disabled}\n />\n \n )}\n \n )}\n \n)\n\nexport default ThreadsToolbar\n","import React from \"react\"\nimport PageContainer from \"../PageContainer\"\nimport ThreadsToolbar from \"./ThreadsToolbar\"\n\nexport default class extends React.Component {\n render() {\n const { root } = this.props\n const { category, categories, categoriesMap } = this.props.route\n const topCategory = getTopCategory(root, category, categoriesMap)\n\n return (\n \n cat.parent === root.id)}\n subCategories={\n !!topCategory\n ? categories.filter((cat) => cat.parent === topCategory.id)\n : []\n }\n subCategory={category.level === 2 ? category : null}\n subcategories={this.props.subcategories}\n list={this.props.route.list}\n lists={this.props.route.lists}\n threads={this.props.threads}\n addThreads={this.props.addThreads}\n startThread={this.props.startThread}\n freezeThread={this.props.freezeThread}\n deleteThread={this.props.deleteThread}\n updateThread={this.props.updateThread}\n selection={this.props.selection}\n moderation={this.props.moderation}\n route={this.props.route}\n user={this.props.user}\n disabled={\n !this.props.isLoaded ||\n this.props.isBusy ||\n this.props.busyThreads.length\n }\n />\n {this.props.children}\n \n )\n }\n}\n\nconst getTopCategory = (root, category, categoriesMap) => {\n if (!category.parent) return null\n if (category.parent === root.id) return category\n return categoriesMap[category.parent]\n}\n","import misago from \"misago/index\"\n\nexport function getPageTitle(route) {\n if (route.category.level) {\n if (route.list.path) {\n return {\n title: route.list.longName,\n parent: route.category.name,\n }\n } else {\n return {\n title: route.category.name,\n }\n }\n } else if (misago.get(\"THREADS_ON_INDEX\")) {\n if (route.list.path) {\n return {\n title: route.list.longName,\n }\n } else {\n return null\n }\n } else {\n if (route.list.path) {\n return {\n title: route.list.longName,\n parent: gettext(\"Threads\"),\n }\n } else {\n return {\n title: gettext(\"Threads\"),\n }\n }\n }\n}\n\nexport function getTitle(route) {\n if (route.category.level) {\n return route.category.name\n } else if (misago.get(\"THREADS_ON_INDEX\")) {\n if (misago.get(\"SETTINGS\").index_header) {\n return misago.get(\"SETTINGS\").index_header\n } else {\n return misago.get(\"SETTINGS\").forum_name\n }\n } else {\n return gettext(\"Threads\")\n }\n}\n\nexport function isThreadChanged(current, fromDb) {\n return (\n [\n current.title === fromDb.title,\n current.weight === fromDb.weight,\n current.category === fromDb.category,\n current.last_post === fromDb.last_post,\n current.last_poster_name === fromDb.last_poster_name,\n ].indexOf(false) >= 0\n )\n}\n\nexport function diffThreads(current, fromDb) {\n let currentMap = {}\n current.forEach(function (thread) {\n currentMap[thread.id] = thread\n })\n\n return fromDb.filter(function (thread) {\n if (currentMap[thread.id]) {\n return isThreadChanged(currentMap[thread.id], thread)\n } else {\n return true\n }\n })\n}\n\nexport function getModerationActions(threads) {\n let moderation = {\n allow: false,\n\n can_approve: 0,\n can_close: 0,\n can_delete: 0,\n can_hide: 0,\n can_merge: 0,\n can_move: 0,\n can_pin: 0,\n can_pin_globally: 0,\n can_unhide: 0,\n }\n\n threads.forEach(function (thread) {\n if (\n thread.is_unapproved &&\n thread.acl.can_approve > moderation.can_approve\n ) {\n moderation.can_approve = thread.acl.can_approve\n }\n\n if (thread.acl.can_close > moderation.can_close) {\n moderation.can_close = thread.acl.can_close\n }\n\n if (thread.acl.can_delete > moderation.can_delete) {\n moderation.can_delete = thread.acl.can_delete\n }\n\n if (thread.acl.can_hide > moderation.can_hide) {\n moderation.can_hide = thread.acl.can_hide\n }\n\n if (thread.acl.can_merge > moderation.can_merge) {\n moderation.can_merge = thread.acl.can_merge\n }\n\n if (thread.acl.can_move > moderation.can_move) {\n moderation.can_move = thread.acl.can_move\n }\n\n if (thread.acl.can_pin > moderation.can_pin) {\n moderation.can_pin = thread.acl.can_pin\n }\n\n if (thread.acl.can_pin_globally > moderation.can_pin_globally) {\n moderation.can_pin_globally = thread.acl.can_pin_globally\n }\n\n if (thread.is_hidden && thread.acl.can_unhide > moderation.can_unhide) {\n moderation.can_unhide = thread.acl.can_unhide\n }\n\n moderation.allow =\n moderation.can_approve ||\n moderation.can_close ||\n moderation.can_delete ||\n moderation.can_hide ||\n moderation.can_merge ||\n moderation.can_move ||\n moderation.can_pin ||\n moderation.can_pin_globally ||\n moderation.can_unhide\n })\n\n return moderation\n}\n","import React from \"react\"\n\nconst ThreadsListEmpty = ({ category, list, message }) => {\n if (list.type === \"all\") {\n if (message) {\n return (\n \n {message}
\n {gettext(\"Why not start one yourself?\")}
\n \n )\n }\n\n return (\n \n \n {category.special_role\n ? gettext(\"There are no threads on this forum... yet!\")\n : gettext(\"There are no threads in this category.\")}\n
\n {gettext(\"Why not start one yourself?\")}
\n \n )\n }\n\n return (\n \n \n {gettext(\"No threads matching specified criteria were found.\")}\n
\n \n )\n}\n\nexport default ThreadsListEmpty\n","import React from \"react\"\n\nconst ThreadsListItemActivity = ({ thread }) => (\n \n {thread.last_post_on.fromNow(true)}\n \n)\n\nexport default ThreadsListItemActivity\n","import React from \"react\"\n\nconst ThreadsListItemCategory = ({ parent, category }) => (\n \n {parent && (\n \n {parent.short_name || parent.name}\n \n )}\n \n {category.short_name || category.name}\n \n \n)\n\nconst getClassName = (category) => {\n let className = \"threads-list-item-category threads-list-category-label\"\n\n if (category.color) {\n className += \" threads-list-category-label-color\"\n }\n\n return className\n}\n\nexport default ThreadsListItemCategory\n","import React from \"react\"\nimport * as select from \"../../reducers/selection\"\nimport store from \"../../services/store\"\n\nconst ThreadsListItemCheckbox = ({ checked, disabled, thread }) => (\n store.dispatch(select.item(thread.id))}\n >\n \n {checked ? \"check_box\" : \"check_box_outline_blank\"}\n \n \n)\n\nexport default ThreadsListItemCheckbox\n","import React from \"react\"\n\nconst ThreadsListItemIcon = ({ thread }) => {\n let className = \"threads-list-icon\"\n if (!thread.is_read) className += \" threads-list-icon-new\"\n\n return (\n \n \n {thread.is_read ? \"chat_bubble_outline\" : \"chat_bubble\"}\n \n \n )\n}\n\nexport default ThreadsListItemIcon\n","import React from \"react\"\nimport Avatar from \"../avatar\"\n\nconst ThreadsListItemLastPoster = ({ thread }) =>\n !!thread.last_poster ? (\n \n \n \n ) : (\n \n \n \n )\n\nexport default ThreadsListItemLastPoster\n","import React from \"react\"\nimport { patch } from \"../../reducers/threads\"\nimport ajax from \"../../services/ajax\"\nimport snackbar from \"../../services/snackbar\"\nimport store from \"../../services/store\"\n\nconst SUBSCRIPTION = {\n unsubscribe: null,\n notify: false,\n email: true,\n}\n\nclass ThreadsListItemSubscriptionOptions extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n loading: false,\n }\n }\n\n update = (value) => {\n const { thread } = this.props\n\n this.setState({ loading: true })\n store.dispatch(patch(thread, { subscription: SUBSCRIPTION[value] }))\n\n ajax\n .patch(thread.api.index, [{ op: \"replace\", path: \"subscription\", value }])\n .then(\n () => {},\n (rejection) => {\n store.dispatch(\n patch(thread, {\n subscription: SUBSCRIPTION[thread.subscription],\n })\n )\n snackbar.apiError(rejection)\n }\n )\n .then(() => this.setState({ loading: false }))\n }\n\n render = () => {\n const { loading } = this.state\n const { disabled, thread } = this.props\n\n return (\n \n - \n this.update(\"unsubscribe\")}\n >\n star_border\n {gettext(\"Unsubscribe\")}\n \n
\n - \n this.update(\"notify\")}\n >\n star_half\n {gettext(\"Subscribe with alert\")}\n \n
\n - \n this.update(\"email\")}\n >\n star\n {gettext(\"Subscribe with e-mail\")}\n \n
\n
\n )\n }\n}\n\nexport default ThreadsListItemSubscriptionOptions\n","import React from \"react\"\nimport ThreadsListItemSubscriptionOptions from \"./ThreadsListItemSubscriptionOptions\"\n\nconst ThreadsListItemSubscription = ({ disabled, thread }) => (\n \n \n \n {getSubscriptionIcon(thread.subscription)}\n \n \n \n
\n)\n\nconst getSubscriptionTitle = (subscription) => {\n if (subscription === true) return gettext(\"Subscribed to e-mails\")\n if (subscription === false) return gettext(\"Subscribed to alerts\")\n return gettext(\"Not subscribed\")\n}\n\nconst getSubscriptionIcon = (subscription) => {\n if (subscription === true) return \"star\"\n if (subscription === false) return \"star_half\"\n return \"star_border\"\n}\n\nexport default ThreadsListItemSubscription\n","import React from \"react\"\nimport ThreadFlags from \"../ThreadFlags\"\nimport ThreadReplies from \"../ThreadReplies\"\nimport ThreadsListItemActivity from \"./ThreadsListItemActivity\"\nimport ThreadsListItemCategory from \"./ThreadsListItemCategory\"\nimport ThreadsListItemCheckbox from \"./ThreadsListItemCheckbox\"\nimport ThreadsListItemIcon from \"./ThreadsListItemIcon\"\nimport ThreadsListItemLastPoster from \"./ThreadsListItemLastPoster\"\nimport ThreadsListItemSubscription from \"./ThreadsListItemSubscription\"\n\nconst ThreadsListItem = ({\n activeCategory,\n categories,\n showOptions,\n showSubscription,\n thread,\n isBusy,\n isSelected,\n}) => {\n let parent = null\n let category = null\n\n if (activeCategory.id !== thread.category) {\n category = categories[thread.category]\n\n if (\n category.parent &&\n category.parent !== activeCategory.id &&\n categories[category.parent] &&\n !categories[category.parent].special_role\n ) {\n parent = categories[category.parent]\n }\n }\n\n const hasFlags =\n thread.is_closed ||\n thread.is_hidden ||\n thread.is_unapproved ||\n thread.weight > 0 ||\n thread.best_answer ||\n thread.has_poll ||\n thread.has_unapproved_posts\n\n const isNew = showOptions ? thread.is_new : false\n\n return (\n \n \n {showOptions && (\n
\n \n
\n )}\n
\n {showOptions && thread.moderation.length > 0 && (\n
\n \n
\n )}\n
\n {hasFlags && (\n
\n \n
\n )}\n {!!category && (\n
\n \n
\n )}\n
\n
\n \n
\n
\n \n
\n
\n \n
\n {showOptions && showSubscription && (\n
\n \n
\n )}\n {showOptions && thread.moderation.length > 0 && (\n
\n \n
\n )}\n
\n
\n - \n
\n {showOptions && (\n
\n \n
\n )}\n
\n \n {\" \"}\n \n \n \n {\" \"}\n \n \n
\n
\n
\n \n
\n
\n \n
\n
\n
\n \n \n \n
\n
\n - \n
\n {showOptions && (\n
\n \n
\n )}\n
\n \n {\" \"}\n \n \n \n {\" \"}\n \n \n
\n
\n
\n \n
\n
\n \n
\n
\n
\n \n \n \n
\n
\n - \n
\n {showOptions && (\n
\n \n
\n )}\n
\n \n {\" \"}\n \n \n \n {\" \"}\n \n \n
\n
\n
\n \n
\n
\n \n
\n
\n
\n \n \n \n
\n
\n
\n
\n {threads.length > 0 ? (\n
\n {updatedThreads > 0 && (\n \n )}\n {threads.map((thread) => (\n = 0}\n isSelected={selection.indexOf(thread.id) >= 0}\n />\n ))}\n
\n ) : (\n
\n {updatedThreads > 0 && (\n \n )}\n \n
\n )}\n
\n \n {gettext(\"Show more\")}\n \n
\n )\n }\n\n getClassName() {\n let className = \"page page-threads\"\n className += \" page-threads-\" + this.props.route.list.type\n if (isIndex(this.props)) {\n className += \" page-threads-index\"\n }\n if (this.props.route.category.css_class) {\n className += \" page-threads-\" + this.props.route.category.css_class\n }\n return className\n }\n\n render() {\n const root = this.props.route.categories[0]\n const { category, list } = this.props.route\n const specialRole = category.special_role\n\n return (\n \n {specialRole == \"root_category\" &&\n misago.get(\"THREADS_ON_INDEX\") &&\n misago.get(\"SETTINGS\").index_header && (\n
\n )\n }\n styleName=\"forum-index\"\n />\n )}\n {specialRole == \"root_category\" && !misago.get(\"THREADS_ON_INDEX\") && (\n
\n )}\n {specialRole == \"private_threads\" && (\n
\n {this.props.options.pageLead}
\n \n )\n }\n styleName=\"private-threads\"\n />\n )}\n {!specialRole && (\n \n )\n }\n styleName={category.css_class || \"category-threads\"}\n />\n )}\n \n \n {this.getMoreButton()}\n \n {thread.title}
\n \n {$(result.content).text()}\n \n \n {interpolate(\n footer,\n {\n category: result.category.name,\n posted_on: moment(result.posted_on).format(\"LL\"),\n poster: result.poster_name,\n },\n true\n )}\n \n \n \n )\n}\n","import moment from \"moment\"\nimport React from \"react\"\nimport Avatar from \"misago/components/avatar\"\n\nexport default function ({ result }) {\n const { rank } = result\n\n const detail = gettext(\"%(title)s, joined on %(joined_on)s\")\n const title = result.title || rank.title || rank.name\n\n return (\n \n \n \n
\n
\n
{result.username}
\n \n {interpolate(\n detail,\n {\n title,\n joined_on: moment(result.joined_on).format(\"LL\"),\n },\n true\n )}\n \n \n
{LABELS[score]}
\n \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport PasswordStrength from \"misago/components/password-strength\"\nimport RegisterLegalFootnote from \"misago/components/RegisterLegalFootnote\"\nimport StartSocialAuth from \"misago/components/StartSocialAuth\"\nimport misago from \"misago\"\nimport ajax from \"misago/services/ajax\"\nimport auth from \"misago/services/auth\"\nimport captcha from \"misago/services/captcha\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport showBannedPage from \"misago/utils/banned-page\"\nimport * as validators from \"misago/utils/validators\"\n\nexport class RegisterForm extends Form {\n constructor(props) {\n super(props)\n\n const { username, password } = this.props.criteria\n\n let passwordMinLength = 0\n password.forEach((item) => {\n if (item.name === \"MinimumLengthValidator\") {\n passwordMinLength = item.min_length\n }\n })\n\n const formValidators = {\n username: [\n validators.usernameContent(),\n validators.usernameMinLength(username.min_length),\n validators.usernameMaxLength(username.max_length),\n ],\n email: [validators.email()],\n password: [validators.passwordMinLength(passwordMinLength)],\n captcha: captcha.validator(),\n }\n\n if (!!misago.get(\"TERMS_OF_SERVICE_ID\")) {\n formValidators.termsOfService = [validators.requiredTermsOfService()]\n }\n\n if (!!misago.get(\"PRIVACY_POLICY_ID\")) {\n formValidators.privacyPolicy = [validators.requiredPrivacyPolicy()]\n }\n\n this.state = {\n isLoading: false,\n\n username: \"\",\n email: \"\",\n password: \"\",\n captcha: \"\",\n\n termsOfService: null,\n privacyPolicy: null,\n\n validators: formValidators,\n errors: {},\n }\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({\n errors: this.validate(),\n })\n return false\n }\n }\n\n send() {\n return ajax.post(misago.get(\"USERS_API\"), {\n username: this.state.username,\n email: this.state.email,\n password: this.state.password,\n captcha: this.state.captcha,\n terms_of_service: this.state.termsOfService,\n privacy_policy: this.state.privacyPolicy,\n })\n }\n\n handleSuccess(apiResponse) {\n this.props.callback(apiResponse)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n this.setState({\n errors: Object.assign({}, this.state.errors, rejection),\n })\n\n if (rejection.__all__ && rejection.__all__.length > 0) {\n snackbar.error(rejection.__all__[0])\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n }\n } else if (rejection.status === 403 && rejection.ban) {\n showBannedPage(rejection.ban)\n modal.hide()\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n handlePrivacyPolicyChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"privacyPolicy\", value)\n }\n\n handleTermsOfServiceChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"termsOfService\", value)\n }\n\n handleToggleAgreement = (agreement, value) => {\n this.setState((prevState, props) => {\n if (prevState[agreement] === null) {\n const errors = { ...prevState.errors, [agreement]: null }\n return { errors, [agreement]: value }\n }\n\n const validator = this.state.validators[agreement][0]\n const errors = { ...prevState.errors, [agreement]: [validator(null)] }\n return { errors, [agreement]: null }\n })\n }\n\n render() {\n return (\n \n
\n
\n \n ×\n \n {gettext(\"Register\")}
\n
\n
\n
\n
\n
\n \n ×\n \n {gettext(\"Registration complete\")}
\n
\n
\n
\n info_outline\n
\n
\n
\n {interpolate(\n this.getLead(),\n { username: this.props.username },\n true\n )}\n
\n
\n {interpolate(\n this.getSubscript(),\n { email: this.props.email },\n true\n )}\n
\n
\n {gettext(\"Ok\")}\n \n \n
\n
{gettext(\"You are browsing as guest.\")}
\n \n {gettext(\n \"Sign in or register to start and participate in discussions.\"\n )}\n
\n {delegateAuth ? (\n \n
\n
\n {gettext(\"Sign in\")}\n \n \n
\n
\n \n {gettext(\"Sign in\")}\n \n
\n
\n \n {gettext(\"Register\")}\n \n
\n
\n
\n {gettext(\"Sign in\")}\n \n \n \n
\n \n
\n {gettext(\"Sign in\")}\n \n \n {gettext(\"Register\")}\n \n \n \n
\n \n
\n
{this.getAvatarPreview()}
\n
\n {this.getGravatarButton()}\n\n \n {gettext(\"Generate my individual avatar\")}\n \n\n {this.getCropButton()}\n {this.getUploadButton()}\n {this.getGalleryButton()}\n
\n
\n
\n
\n
\n
\n \n {this.props.upload\n ? gettext(\"Set avatar\")\n : gettext(\"Crop image\")}\n \n\n \n {gettext(\"Cancel\")}\n \n
\n
\n
\n
\n
\n {this.getUploadRequirements(this.props.options.upload)}\n
\n
\n
\n
\n\n
\n
\n {this.getUploadProgressLabel()}\n \n
\n
\n
\n {this.state.image ? this.getUploadProgress() : this.getUploadButton()}\n
\n
\n \n {gettext(\"Cancel\")}\n \n
\n
\n
\n \n )\n }\n}\n\nexport class Gallery extends React.Component {\n render() {\n return (\n \n
{this.props.name}
\n\n
\n {batch(this.props.images, 4, null).map((row, i) => {\n return (\n
\n {row.map((item, i) => {\n return (\n
\n {item ? (\n
\n ) : (\n
\n )}\n
\n )\n })}\n
\n )\n })}\n
\n
\n
\n {this.props.options.galleries.map((item, i) => {\n return (\n \n )\n })}\n
\n
\n
\n
\n \n {this.state.selection\n ? gettext(\"Save choice\")\n : gettext(\"Select avatar\")}\n \n\n \n {gettext(\"Cancel\")}\n \n
\n
\n
\n
\n
\n remove_circle_outline\n
\n
\n
{this.props.message}
\n {this.getErrorReason()}\n
\n {gettext(\"Ok\")}\n \n \n
\n
\n
\n \n ×\n \n {gettext(\"Change your avatar\")}
\n
\n\n {this.getBody()}\n
\n
\n
\n message\n {user.posts}\n
\n
\n forum\n {user.threads}\n
\n
\n favorite\n {user.followers}\n
\n
\n favorite_outline\n {user.following}\n
\n
\n - \n \n
\n \n - \n \n \n \n \n
\n
\n )\n}\n\nexport function UserPrivateThreadsLink({ user }) {\n if (!user.acl.can_use_private_threads) return null\n\n let title = null\n if (user.unread_private_threads) {\n title = gettext(\"You have unread private threads!\")\n } else {\n title = gettext(\"Private threads\")\n }\n\n return (\n \n \n message\n {user.unread_private_threads > 0 && (\n {user.unread_private_threads}\n )}\n \n \n )\n}\n\nexport function selectUserMenu(state) {\n return {\n user: state.auth.user,\n }\n}\n\nexport class CompactUserNav extends React.Component {\n showUserMenu() {\n dropdown.showConnected(\"user-menu\", connect(selectUserMenu)(UserMenu))\n }\n\n render() {\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport { GuestNav, CompactGuestNav } from \"./guest-nav\"\nimport { UserNav, CompactUserNav } from \"./user-nav\"\n\nexport class UserMenu extends React.Component {\n render() {\n if (this.props.isAuthenticated) {\n return \n } else {\n return \n }\n }\n}\n\nexport class CompactUserMenu extends React.Component {\n render() {\n if (this.props.isAuthenticated) {\n return \n } else {\n return \n }\n }\n}\n\nexport function select(state) {\n return state.auth\n}\n","import { connect } from \"react-redux\"\nimport misago from \"misago/index\"\nimport {\n UserMenu,\n CompactUserMenu,\n select,\n} from \"misago/components/user-menu/root\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n mount(connect(select)(UserMenu), \"user-menu-mount\")\n mount(connect(select)(CompactUserMenu), \"user-menu-compact-mount\")\n}\n\nmisago.addInitializer({\n name: \"component:user-menu\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport { Link } from \"react-router\"\nimport Li from \"misago/components/li\"\n\nconst UsersNav = ({ baseUrl, page, pages }) => (\n \n
\n
\n menu\n {page.name}\n \n \n {pages.map((page) => {\n const url = getPageUrl(baseUrl, page)\n return (\n - \n {page.name}\n
\n )\n })}\n
\n \n
\n {pages.map((page) => {\n const url = getPageUrl(baseUrl, page)\n return (\n - \n {page.name}\n
\n )\n })}\n
\n
\n
\n \n {this.getEmptyMessage()}
\n \n
\n
\n \n \n \n \n \n
\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n \n \n \n \n \n \n {gettext(\"Rank\")}\n \n \n \n \n \n \n \n {gettext(\"Ranked posts\")}\n \n
\n
\n \n \n \n \n \n {gettext(\"Rank\")}\n
\n\n \n \n \n \n \n \n {gettext(\"Ranked posts\")}\n
\n\n \n \n \n \n \n \n {gettext(\"Total posts\")}\n
\n \n )\n }\n}\n","import React from \"react\"\nimport ItemPreview from \"misago/components/users/active-posters/list-item-preview\"\nimport * as random from \"misago/utils/random\"\nimport PageContainer from \"../../PageContainer\"\nimport UsersNav from \"../UsersNav\"\n\nexport default class extends React.Component {\n shouldComponentUpdate() {\n return false\n }\n\n render() {\n return (\n \n
\n \n \n \n \n \n
\n\n \n
\n {[0, 1, 2].map((i) => {\n return 0} key={i} />\n })}\n
\n
\n
\n
\n
\n {this.getUserStatus()}\n {this.getRankName()}\n {this.getUserTitle()}\n
\n
\n \n #{this.props.counter}\n {gettext(\"Rank\")}\n \n\n \n {this.props.user.meta.score}\n {gettext(\"Ranked posts\")}\n \n
\n
\n #{this.props.counter}\n {gettext(\"Rank\")}\n
\n\n \n {this.props.user.meta.score}\n {gettext(\"Ranked posts\")}\n
\n\n \n {this.props.user.posts}\n {gettext(\"Total posts\")}\n
\n \n )\n }\n}\n","import React from \"react\"\nimport ListItem from \"misago/components/users/active-posters/list-item\"\nimport PageContainer from \"../../PageContainer\"\nimport UsersNav from \"../UsersNav\"\n\nexport default class extends React.Component {\n getLeadMessage() {\n let message = ngettext(\n \"%(posters)s top poster from last %(days)s days.\",\n \"%(posters)s top posters from last %(days)s days.\",\n this.props.count\n )\n\n return interpolate(\n message,\n {\n posters: this.props.count,\n days: this.props.trackedPeriod,\n },\n true\n )\n }\n\n render() {\n return (\n \n
\n \n {this.getLeadMessage()}
\n\n \n
\n {this.props.users.map((user, i) => {\n return (\n \n )\n })}\n
\n
\n
\n {interpolate(\n ngettext(\n \"There is %(more)s more member with this role.\",\n \"There are %(more)s more members with this role.\",\n users.more\n ),\n { more: users.more },\n true\n )}\n
\n )\n }\n\n return {gettext(\"There are no more members with this role.\")}
\n}\n\nexport default RankUsersLeft\n","import React from \"react\"\nimport { Link } from \"react-router\"\n\nconst RankUsersPagination = ({ baseUrl, users }) => (\n \n {users.isLoaded && users.first ? (\n \n first_page\n \n ) : (\n \n first_page\n \n )}\n {users.isLoaded && users.previous ? (\n 1 ? users.previous + \"/\" : \"\")}\n title={gettext(\"Go to previous page\")}\n >\n chevron_left\n \n ) : (\n \n chevron_left\n \n )}\n {users.isLoaded && users.next ? (\n \n chevron_right\n \n ) : (\n \n chevron_right\n \n )}\n {users.isLoaded && users.last ? (\n \n last_page\n \n ) : (\n \n last_page\n \n )}\n
\n)\n\nexport default RankUsersPagination\n","import React from \"react\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../../Toolbar\"\nimport RankUsersLeft from \"./RankUsersLeft\"\nimport RankUsersPagination from \"./RankUsersPagination\"\n\nconst RankUsersToolbar = ({ baseUrl, users }) => (\n \n \n \n \n \n \n \n \n \n \n \n \n)\n\nexport default RankUsersToolbar\n","import React from \"react\"\nimport PageLead from \"misago/components/page-lead\"\nimport misago from \"misago/index\"\nimport { hydrate } from \"misago/reducers/users\"\nimport polls from \"misago/services/polls\"\nimport store from \"misago/services/store\"\nimport title from \"misago/services/page-title\"\nimport PageContainer from \"../../PageContainer\"\nimport RankUsersList from \"./RankUsersList\"\nimport RankUsersListLoader from \"./RankUsersListLoader\"\nimport RankUsersToolbar from \"./RankUsersToolbar\"\nimport UsersNav from \"../UsersNav\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n if (misago.has(\"USERS\")) {\n this.initWithPreloadedData(misago.pop(\"USERS\"))\n } else {\n this.initWithoutPreloadedData()\n }\n\n this.startPolling(props.params.page || 1)\n }\n\n initWithPreloadedData(data) {\n this.state = Object.assign(data, {\n isLoaded: true,\n })\n store.dispatch(hydrate(data.results))\n }\n\n initWithoutPreloadedData() {\n this.state = {\n isLoaded: false,\n }\n }\n\n startPolling(page) {\n polls.start({\n poll: \"rank-users\",\n url: misago.get(\"USERS_API\"),\n data: {\n rank: this.props.route.rank.id,\n page: page,\n },\n frequency: 90 * 1000,\n update: this.update,\n })\n }\n\n update = (data) => {\n store.dispatch(hydrate(data.results))\n\n data.isLoaded = true\n this.setState(data)\n }\n\n componentDidMount() {\n title.set({\n title: this.props.route.rank.name,\n page: this.props.params.page || null,\n parent: gettext(\"Users\"),\n })\n }\n\n componentWillUnmount() {\n polls.stop(\"rank-users\")\n }\n\n componentWillReceiveProps(nextProps) {\n if (this.props.params.page !== nextProps.params.page) {\n title.set({\n title: this.props.route.rank.name,\n page: nextProps.params.page || null,\n parent: gettext(\"Users\"),\n })\n\n this.setState({\n isLoaded: false,\n })\n\n polls.stop(\"rank-users\")\n this.startPolling(nextProps.params.page)\n }\n }\n\n getClassName() {\n if (this.props.route.rank.css_class) {\n return \"rank-users-list rank-users-\" + this.props.route.rank.css_class\n } else {\n return \"rank-users-list\"\n }\n }\n\n getRankDescription() {\n if (this.props.route.rank.description) {\n return (\n \n )\n } else {\n return null\n }\n }\n\n getComponent() {\n if (this.state.isLoaded) {\n if (this.state.count > 0) {\n return \n } else {\n return (\n \n {gettext(\"There are no users with this rank at the moment.\")}\n
\n )\n }\n } else {\n return \n }\n }\n\n render() {\n return (\n \n
\n \n {this.getRankDescription()}\n {this.getComponent()}\n \n \n
\n
\n \n \n {gettext(\"Users\")}
\n \n \n \n {this.props.children}\n
{this.props.message.plain}
\n }\n }\n\n getExpirationMessage() {\n if (this.props.expires) {\n if (this.props.expires.isAfter(moment())) {\n let title = interpolate(\n gettext(\"This ban expires on %(expires_on)s.\"),\n {\n expires_on: this.props.expires.format(\"LL, LT\"),\n },\n true\n )\n\n let message = interpolate(\n gettext(\"This ban expires %(expires_on)s.\"),\n {\n expires_on: this.props.expires.fromNow(),\n },\n true\n )\n\n return {message}\n } else {\n return gettext(\"This ban has expired.\")\n }\n } else {\n return gettext(\"This ban is permanent.\")\n }\n }\n\n render() {\n return (\n \n
\n
\n
\n highlight_off\n
\n
\n {this.getReasonMessage()}\n
{this.getExpirationMessage()}
\n
\n
\n
\n
{children}
\n)\n\nexport default FlexRow\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst FlexRowCol = ({ children, className, shrink }) => (\n \n {children}\n \n)\n\nexport default FlexRowCol\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst FlexRowSection = ({ auto, children, className }) => (\n \n {children}\n \n)\n\nexport default FlexRowSection\n","import React from \"react\"\n\nconst PageContainer = ({ children }) => (\n {children}
\n)\n\nexport default PageContainer\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst PageHeader = ({ children, className, styleName }) => (\n \n \n \n)\n\nexport default PageHeader\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst PageHeaderBanner = ({ children, className, styleName }) => (\n \n \n \n)\n\nexport default PageHeaderBanner\n","import React from \"react\"\n\nconst PageHeaderContainer = ({ children }) => (\n {children}
\n)\n\nexport default PageHeaderContainer\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst PageHeaderDetails = ({ children, className }) => (\n {children}
\n)\n\nexport default PageHeaderDetails\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst PageHeaderHTMLMessage = ({ className, message }) => (\n \n)\n\nexport default PageHeaderHTMLMessage\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst PageHeaderMessage = ({ children, className }) => (\n {children}
\n)\n\nexport default PageHeaderMessage\n","import React from \"react\"\nimport PageHeader from \"./PageHeader\"\nimport PageHeaderBanner from \"./PageHeaderBanner\"\nimport PageHeaderContainer from \"./PageHeaderContainer\"\nimport PageHeaderDetails from \"./PageHeaderDetails\"\n\nconst PageHeaderPlain = ({ styleName, header, message }) => (\n \n \n \n {header}
\n \n {message && (\n {message}\n )}\n \n \n)\n\nexport default PageHeaderPlain\n","import React from \"react\"\nimport misago from \"misago\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst AGREEMENT_URL = '%(agreement)s'\n\nconst RegisterLegalFootnote = (props) => {\n const {\n errors,\n privacyPolicy,\n termsOfService,\n onPrivacyPolicyChange,\n onTermsOfServiceChange,\n } = props\n\n const termsOfServiceId = misago.get(\"TERMS_OF_SERVICE_ID\")\n const termsOfServiceUrl = misago.get(\"TERMS_OF_SERVICE_URL\")\n\n const privacyPolicyId = misago.get(\"PRIVACY_POLICY_ID\")\n const privacyPolicyUrl = misago.get(\"PRIVACY_POLICY_URL\")\n\n if (!termsOfServiceId && !privacyPolicyId) return null\n\n return (\n \n \n \n
\n )\n}\n\nconst LegalAgreement = (props) => {\n const { agreement, checked, errors, url, value, onChange } = props\n\n if (!url) return null\n\n const agreementHtml = interpolate(\n AGREEMENT_URL,\n { agreement: escapeHtml(agreement), url: escapeHtml(url) },\n true\n )\n const label = interpolate(\n gettext(\"I have read and accept %(agreement)s.\"),\n { agreement: agreementHtml },\n true\n )\n\n return (\n \n
\n {errors &&\n errors.map((error, i) => (\n
\n {error}\n
\n ))}\n
\n
\n
\n {socialAuth.map(({ pk, name, button_text, button_color, url }) => {\n const className = \"btn btn-block btn-default btn-social-\" + pk\n const style = button_color ? { color: button_color } : null\n const finalButtonLabel =\n button_text || interpolate(buttonLabel, { site: name }, true)\n\n return (\n
\n )\n })}\n
\n
\n
\n
{text}
\n}\n\nexport default StartSocialAuth\n","import React from \"react\"\n\nconst ThreadFlags = ({ thread }) => (\n \n {thread.weight == 2 && (\n \n bookmark\n \n )}\n {thread.weight == 1 && (\n \n bookmark_outline\n \n )}\n {thread.best_answer && (\n - \n check_circle\n
\n )}\n {thread.has_poll && (\n - \n poll\n
\n )}\n {(thread.is_unapproved || thread.has_unapproved_posts) && (\n \n visibility\n \n )}\n {thread.is_closed && (\n - \n lock\n
\n )}\n {thread.is_hidden && (\n - \n visibility_off\n
\n )}\n
\n)\n\nexport default ThreadFlags\n","import React from \"react\"\n\nconst ThreadReplies = ({ thread }) => (\n \n chat_bubble_outline\n {thread.replies > 980\n ? Math.round(thread.replies / 1000) + \"K\"\n : thread.replies}\n \n)\n\nexport default ThreadReplies\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst Toolbar = ({ children, className }) => (\n \n)\n\nexport default Toolbar\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst ToolbarItem = ({ children, className, shrink }) => (\n \n {children}\n \n)\n\nexport default ToolbarItem\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst ToolbarSection = ({ auto, children, className }) => (\n \n {children}\n \n)\n\nexport default ToolbarSection\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst ToolbarSpacer = ({ className }) => (\n \n)\n\nexport default ToolbarSpacer\n","import React from \"react\"\nimport misago from \"misago\"\n\nexport default function (props) {\n const size = props.size || 100\n const size2x = props.size2x || size\n\n return (\n \n )\n}\n\nexport function getSrc(user, size) {\n if (user && user.id) {\n // just avatar hash, size and user id\n return resolveAvatarForSize(user.avatars, size).url\n } else {\n // just append avatar size to file to produce no-avatar placeholder\n return misago.get(\"BLANK_AVATAR_URL\")\n }\n}\n\nexport function resolveAvatarForSize(avatars, size) {\n let avatar = avatars[0]\n avatars.forEach((av) => {\n if (av.size >= size) {\n avatar = av\n }\n })\n return avatar\n}\n","import React from \"react\"\nimport Loader from \"./loader\"\n\nexport default class Button extends React.Component {\n render() {\n let className = \"btn \" + this.props.className\n let disabled = this.props.disabled\n\n if (this.props.loading) {\n className += \" btn-loading\"\n disabled = true\n }\n\n return (\n \n {this.props.children}\n {this.props.loading ? : null}\n \n )\n }\n}\n\nButton.defaultProps = {\n className: \"btn-default\",\n\n type: \"submit\",\n\n loading: false,\n disabled: false,\n\n onClick: null,\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n \n {props.choices.map((item) => {\n return (\n \n {\"- - \".repeat(item.level) + item.label}\n \n )\n })}\n \n )\n}\n","import React from \"react\"\nimport PanelMessage from \"misago/components/panel-message\"\n\nexport default function ({ display }) {\n if (!display) return null\n\n return (\n \n )\n}\n","import React from \"react\"\nimport Loader from \"misago/components/loader\"\n\nexport default function ({ display }) {\n if (!display) return null\n\n return (\n \n \n
\n )\n}\n","import React from \"react\"\nimport Select from \"misago/components/select\"\n\nexport default class extends React.Component {\n onChange = (ev) => {\n const { field, onChange } = this.props\n onChange(field.fieldname, ev.target.value)\n }\n\n render() {\n const { disabled, field, value } = this.props\n const { input } = field\n\n if (input.type === \"select\") {\n return (\n \n )\n }\n\n if (input.type === \"textarea\") {\n return (\n \n )\n }\n\n if (input.type === \"text\") {\n return (\n \n )\n }\n\n return null\n }\n}\n","import React from \"react\"\nimport FieldInput from \"./field-input\"\nimport FormGroup from \"misago/components/form-group\"\n\nexport default function ({ disabled, errors, fields, name, onChange, value }) {\n return (\n \n )\n}\n","import React from \"react\"\nimport Fieldset from \"./fieldset\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n errors: {},\n }\n\n const groups = props.groups.length\n for (let i = 0; i < groups; i++) {\n const group = props.groups[i]\n const fields = group.fields.length\n for (let f = 0; f < fields; f++) {\n const fieldname = group.fields[f].fieldname\n const initial = group.fields[f].initial\n this.state[fieldname] = initial\n }\n }\n }\n\n send() {\n const data = Object.assign({}, this.state, {\n errors: null,\n isLoading: null,\n })\n\n return ajax.post(this.props.api, data)\n }\n\n handleSuccess(data) {\n this.props.onSuccess(data)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({ errors: rejection })\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onChange = (name, value) => {\n this.setState({\n [name]: value,\n })\n }\n\n render() {\n return (\n \n )\n }\n}\n\nexport function CancelButton({ onCancel, disabled }) {\n if (!onCancel) return null\n\n return (\n \n {gettext(\"Cancel\")}\n \n )\n}\n","import React from \"react\"\nimport Blankslate from \"./blankslate\"\nimport Loader from \"./loader\"\nimport Form from \"./form\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n loading: true,\n groups: null,\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.api).then(\n (groups) => {\n this.setState({\n loading: false,\n\n groups,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n if (this.props.cancel) {\n this.props.cancel()\n }\n }\n )\n }\n\n render() {\n const { groups, loading } = this.state\n\n return (\n \n
\n
{gettext(\"Edit details\")}
\n \n
\n
\n
\n
\n {this.props.validation.map((error, i) => {\n return
{error}
\n })}\n
{this.props.helpText}
\n } else {\n return null\n }\n }\n\n render() {\n return (\n \n
\n {this.props.label + \":\"}\n \n \n {this.props.children}\n {this.getFeedbackDescription()}\n {this.getFeedback()}\n {this.getHelpText()}\n {this.props.extra || null}\n
\n \n
\n
\n \n ×\n \n {gettext(\"Merge threads\")}
\n
\n
\n
\n
\n \n
\n )\n }\n}\n","import React from \"react\"\nimport PanelMessage from \"misago/components/panel-message\"\n\nexport default class extends PanelMessage {\n getHelpText() {\n if (this.props.helpText) {\n return {this.props.helpText}
\n } else {\n return null\n }\n }\n\n render() {\n return (\n \n
\n \n {this.props.icon || \"info_outline\"}\n \n
\n
\n
{this.props.message}
\n {this.getHelpText()}\n
\n {gettext(\"Ok\")}\n \n \n
\n \n
\n )\n }\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getHelpText() {\n if (this.props.helpText) {\n return {this.props.helpText}
\n } else {\n return null\n }\n }\n\n render() {\n return (\n \n
\n \n {this.props.icon || \"info_outline\"}\n \n
\n
\n
{this.props.message}
\n {this.getHelpText()}\n
\n
\n \n
\n )\n}\n\nexport function Invalid(props) {\n return (\n \n
\n {gettext(\"This post's contents cannot be displayed.\")}\n
\n
\n {gettext(\"This error is caused by invalid post content manipulation.\")}\n
\n
\n
\n
\n
\n
\n
\n {post.poster_name}\n
\n
\n {gettext(\"Removed user\")}\n \n
\n
\n
\n - \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n \n
\n
\n \n \n \n \n
\n
\n
\n
\n \n \n \n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n
\n
\n
\n
\n )\n}\n","import React from \"react\"\nimport Post from \"./post\"\nimport Preview from \"./preview\"\n\nexport default function ({ isReady, posts, poster }) {\n if (!isReady) {\n return \n }\n\n return (\n \n {posts.map((post) => {\n return \n })}\n
\n )\n}\n","import React from \"react\"\nimport posting from \"../../services/posting\"\nimport { getGlobalState, getQuoteMarkup } from \"../posting\"\n\nexport default class PostingQuoteSelection extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n range: null,\n rect: null,\n }\n\n this.element = null\n }\n\n selected = () => {\n if (this.element) {\n const range = getQuoteSelection(this.element) || null\n const rect = range ? range.getBoundingClientRect() : null\n\n this.setState({ range, rect })\n }\n }\n\n reply = () => {\n if (!posting.isOpen()) {\n const content = getQuoteMarkup(this.state.range)\n posting.open(Object.assign({}, this.props.posting, { default: content }))\n\n this.setState({ range: null, rect: null })\n\n window.setTimeout(focusEditor, 1000)\n } else {\n const globalState = getGlobalState()\n if (globalState && !globalState.disabled) {\n globalState.quote(getQuoteMarkup(this.state.range))\n this.setState({ range: null, rect: null })\n focusEditor()\n }\n }\n }\n\n render = () => (\n \n
{\n if (element) {\n this.element = element\n }\n }}\n onMouseUp={this.selected}\n onTouchEnd={this.selected}\n >\n {this.props.children}\n \n \n {pgettext(\"post reply\", \"Quote\")}\n \n
\n \n )}\n \n )\n}\n\nfunction focusEditor() {\n const textarea = document.querySelector(\"#posting-mount textarea\")\n textarea.focus()\n textarea.selectionStart = textarea.selectionEnd = textarea.value.length\n}\n\nconst getQuoteSelection = (container) => {\n if (typeof window.getSelection === \"undefined\") return\n\n // Validate that selection is of valid type and has one range\n const selection = window.getSelection()\n if (!selection) return\n if (selection.type !== \"Range\") return\n if (selection.rangeCount !== 1) return\n\n // Validate that selection is within the container and post's article\n const range = selection.getRangeAt(0)\n if (!isRangeContained(range, container)) return\n if (!isPostContained(range)) return\n if (!isAnyTextSelected(range.cloneContents())) return\n\n return range\n}\n\nconst isRangeContained = (range, container) => {\n const node = range.commonAncestorContainer\n if (node === container) return true\n\n let p = node.parentNode\n while (p) {\n if (p === container) return true\n p = p.parentNode\n }\n\n return false\n}\n\nconst isPostContained = (range) => {\n const element = range.commonAncestorContainer\n if (element.nodeName === \"ARTICLE\") return true\n if (element.dataset && element.dataset.noquote === \"1\") return false\n let p = element.parentNode\n while (p) {\n if (p.dataset && p.dataset.noquote === \"1\") return false\n if (p.nodeName === \"ARTICLE\") return true\n p = p.parentNode\n }\n return false\n}\n\nconst isAnyTextSelected = (node) => {\n for (let i = 0; i < node.childNodes.length; i++) {\n const child = node.childNodes[i]\n if (child.nodeType === Node.TEXT_NODE) {\n if (child.textContent && child.textContent.trim().length > 0) return true\n }\n if (child.nodeName === \"IMG\") return true\n if (isAnyTextSelected(child)) return true\n }\n\n return false\n}\n","const getQuoteMarkup = (range) => {\n const metadata = getQuoteMetadata(range)\n let markup = convertNodesToMarkup(range.cloneContents().childNodes, [])\n let prefix = metadata ? `[quote=\"${metadata}\"]\\n` : \"[quote]\\n\"\n let suffix = \"\\n[/quote]\\n\\n\"\n\n const codeBlock = getQuoteCodeBlock(range)\n if (codeBlock) {\n prefix += codeBlock.syntax ? `[code=${codeBlock.syntax}]\\n` : \"[code]\\n\"\n suffix = \"\\n[/code]\" + suffix\n } else if (isNodeInlineCodeBlock(range)) {\n markup = markup.trim()\n prefix += \"`\"\n suffix = \"`\" + suffix\n } else {\n markup = markup.trim()\n }\n\n return prefix + markup + suffix\n}\n\nexport default getQuoteMarkup\n\nconst getQuoteMetadata = (range) => {\n const node = range.commonAncestorContainer\n if (isNodeElementWithQuoteMetadata(node)) {\n return getQuoteMetadataFromNode(node)\n }\n\n let p = node.parentNode\n while (p) {\n if (isNodeElementWithQuoteMetadata(p)) {\n return getQuoteMetadataFromNode(p)\n }\n p = p.parentNode\n }\n\n return \"\"\n}\n\nconst isNodeElementWithQuoteMetadata = (node) => {\n if (node.nodeType !== Node.ELEMENT_NODE) return false\n if (node.nodeName === \"ARTICLE\") return true\n if (node.nodeName === \"BLOCKQUOTE\") {\n return node.dataset && node.dataset.block === \"quote\"\n }\n\n return false\n}\n\nconst getQuoteMetadataFromNode = (element) => {\n if (element.dataset) {\n return element.dataset.author || null\n }\n return null\n}\n\nconst getQuoteCodeBlock = (range) => {\n const node = range.commonAncestorContainer\n if (isNodeCodeBlock(node)) {\n return getNodeCodeBlockMeta(node)\n }\n\n let p = node.parentNode\n while (p) {\n if (isNodeCodeBlock(p)) {\n return getNodeCodeBlockMeta(p)\n }\n p = p.parentNode\n }\n\n return null\n}\n\nconst isNodeCodeBlock = (node) => {\n return node.nodeName === \"PRE\"\n}\n\nconst isNodeInlineCodeBlock = (range) => {\n const node = range.commonAncestorContainer\n if (node.nodeName === \"CODE\") {\n return true\n }\n\n let p = node.parentNode\n while (p) {\n if (isNodeElementWithQuoteMetadata(p)) {\n return false\n }\n\n if (p.nodeName === \"CODE\") {\n return true\n }\n\n p = p.parentNode\n }\n\n return false\n}\n\nconst getNodeCodeBlockMeta = (node) => {\n if (!node.dataset) {\n return { syntax: null }\n }\n\n return { syntax: node.dataset.syntax || null }\n}\n\nconst convertNodesToMarkup = (nodes, stack) => {\n let markup = \"\"\n for (let i = 0; i < nodes.length; i++) {\n const node = nodes[i]\n markup += convertNodeToMarkup(node, stack)\n }\n return markup\n}\n\nconst SIMPLE_NODE_MAPPINGS = {\n H1: [\"\\n\\n# \", \"\"],\n H2: [\"\\n\\n## \", \"\"],\n H3: [\"\\n\\n### \", \"\"],\n H4: [\"\\n\\n#### \", \"\"],\n H5: [\"\\n\\n##### \", \"\"],\n H6: [\"\\n\\n###### \", \"\"],\n STRONG: [\"**\", \"**\"],\n EM: [\"*\", \"*\"],\n DEL: [\"~~\", \"~~\"],\n B: [\"[b]\", \"[/b]\"],\n U: [\"[u]\", \"[/u]\"],\n I: [\"[i]\", \"[/i]\"],\n SUB: [\"[sub]\", \"[/sub]\"],\n SUP: [\"[sup]\", \"[/sup]\"],\n}\n\nconst convertNodeToMarkup = (node, stack) => {\n const dataset = node.dataset || {}\n\n if (node.nodeType === Node.TEXT_NODE) {\n return node.textContent || \"\"\n }\n\n if (node.nodeType === Node.ELEMENT_NODE) {\n if (dataset.quote) {\n return dataset.quote || \"\"\n }\n if (dataset.noquote === \"1\") return \"\"\n }\n\n if (\n node.nodeType === Node.ELEMENT_NODE &&\n dataset.quote &&\n dataset.quote.trim()\n ) {\n return \"\"\n }\n\n if (node.nodeName === \"HR\") {\n return \"\\n\\n- - -\"\n }\n\n if (SIMPLE_NODE_MAPPINGS[node.nodeName]) {\n const [prefix, suffix] = SIMPLE_NODE_MAPPINGS[node.nodeName]\n return (\n prefix +\n convertNodesToMarkup(node.childNodes, [...stack, node.nodeName]) +\n suffix\n )\n }\n\n if (node.nodeName === \"A\") {\n const href = node.href\n const text = convertNodesToMarkup(node.childNodes, [\n ...stack,\n node.nodeName,\n ])\n if (text) {\n return `[${text}](${href})`\n } else {\n return `!(${href})`\n }\n }\n\n if (node.nodeName === \"IMG\") {\n const src = node.src\n const alt = node.alt\n if (alt) {\n return ``\n } else {\n return `!(${src})`\n }\n }\n\n if (node.nodeName === \"DIV\" || node.nodeName === \"ASIDE\") {\n const block = dataset.block && dataset.block.toUpperCase()\n if (block && SIMPLE_NODE_MAPPINGS[block]) {\n const [prefix, suffix] = SIMPLE_NODE_MAPPINGS[block]\n return (\n prefix +\n convertNodesToMarkup(node.childNodes, [...stack, block]) +\n suffix\n )\n } else {\n return convertNodesToMarkup(node.childNodes, stack)\n }\n }\n\n if (node.nodeName === \"BLOCKQUOTE\") {\n if (dataset.block === \"spoiler\") {\n const content = convertNodesToMarkup(node.childNodes, [\n ...stack,\n \"SPOILER\",\n ]).trim()\n\n if (!content) return \"\"\n\n let markup = \"\\n[spoiler]\\n\"\n markup += content\n markup += \"\\n[/spoiler]\"\n return markup\n }\n\n const content = convertNodesToMarkup(node.childNodes, [\n ...stack,\n \"QUOTE\",\n ]).trim()\n\n if (!content) return \"\"\n\n const metadata = getQuoteMetadataFromNode(node)\n let markup = metadata ? `\\n[quote=${metadata}]\\n` : \"\\n\\n[quote]\\n\"\n markup += content\n markup += \"\\n[/quote]\"\n return markup\n }\n\n if (node.nodeName === \"PRE\") {\n const syntax = dataset.syntax || null\n const code = node.querySelector(\"code\")\n const content = code ? code.innerText || \"\" : \"\"\n\n if (!content.trim()) return \"\"\n\n return \"\\n[code\" + (syntax ? \"=\" + syntax : \"\") + \"]\" + content + \"[/code]\"\n }\n\n if (node.nodeName === \"CODE\") {\n return \"`\" + node.innerText + \"`\"\n }\n\n if (node.nodeName === \"P\") {\n return (\n \"\\n\" + convertNodesToMarkup(node.childNodes, [...stack, node.nodeName])\n )\n }\n\n if (node.nodeName === \"UL\" || node.nodeName === \"OL\") {\n const level = stack.filter((item) => item === \"OL\" || item === \"UL\").length\n const prefix = level === 0 ? \"\\n\" : \"\"\n return (\n prefix + convertNodesToMarkup(node.childNodes, [...stack, node.nodeName])\n )\n }\n\n if (node.nodeName === \"LI\") {\n let prefix = \"\"\n const level = stack.filter((item) => item === \"OL\" || item === \"UL\").length\n for (let i = 1; i < level; i++) {\n prefix += \" \"\n }\n\n const ordered = stack[stack.length - 1] === \"OL\"\n if (ordered) {\n prefix += dataset.index ? dataset.index + \". \" : \"1. \"\n } else {\n prefix += \"- \"\n }\n\n const content = convertNodesToMarkup(node.childNodes, [\n ...stack,\n node.nodeName,\n ])\n if (!content.trim()) return \"\"\n\n return \"\\n\" + prefix + content\n }\n\n if (node.nodeName === \"SPAN\") {\n return convertNodesToMarkup(node.childNodes, stack)\n }\n\n return \"\"\n}\n","export function getGlobalState() {\n return window.misagoReply\n}\n\nexport function setGlobalState(disabled, quote) {\n window.misagoReply = { disabled, quote }\n}\n\nexport function clearGlobalState() {\n window.misagoReply = null\n}\n","import moment from \"moment\"\n\nexport function clean(attachments) {\n return attachments\n .filter((attachment) => {\n return attachment.id && !attachment.isRemoved\n })\n .map((a) => {\n return a.id\n })\n}\n\nexport function hydrate(attachments) {\n return attachments.map((attachment) => {\n return Object.assign({}, attachment, {\n uploaded_on: moment(attachment.uploaded_on),\n })\n })\n}\n","import React from \"react\"\nimport formatFilesize from \"../../utils/file-size\"\n\nexport default function MarkupAttachmentModal({ attachment }) {\n return (\n \n
\n
\n \n ×\n \n \n {pgettext(\"markup editor\", \"Attachment details\")}\n
\n
\n
\n {!!attachment.is_image && (\n
\n )}\n
\n {attachment.filename}\n
\n
\n
\n
\n {attachment.filetype + \", \" + formatFilesize(attachment.size)}\n \n
\n {pgettext(\"markup editor\", \"Type and size\")}\n
\n
\n
\n
\n \n {attachment.uploaded_on.fromNow()}\n \n \n
\n {pgettext(\"markup editor\", \"Uploaded at\")}\n
\n
\n
\n {attachment.url.uploader ? (\n
\n {attachment.uploader_name}\n \n ) : (\n {attachment.uploader_name}\n )}\n \n {pgettext(\"markup editor\", \"Uploader\")}\n
\n \n
\n
\n
\n \n {pgettext(\"modal\", \"Close\")}\n \n
\n
\n
\n
\n
\n {attachment.id ? (\n
{\n event.preventDefault()\n modal.show()\n }}\n >\n {attachment.filename}\n \n ) : (\n {attachment.filename}\n )}\n \n
\n {!attachment.id && - {attachment.progress + \"%\"}
}\n {!!attachment.filetype && - {attachment.filetype}
}\n {attachment.size > 0 && - {formatFilesize(attachment.size)}
}\n
\n
\n {!!attachment.id && (\n
\n {\n const markup = getAttachmentMarkup(attachment)\n const selection = getSelection(element)\n replaceSelection(selection, update, markup)\n }}\n >\n flip_to_front\n \n {\n setState(({ attachments }) => {\n const confirm = window.confirm(\n pgettext(\"markup editor\", \"Remove this attachment?\")\n )\n\n if (confirm) {\n return {\n attachments: attachments.filter(\n ({ id }) => id !== attachment.id\n ),\n }\n }\n })\n }}\n >\n close\n \n
\n )}\n {!attachment.id && !!attachment.key && (\n
\n {attachment.error && (\n {\n snackbar.error(\n interpolate(\n pgettext(\"markup editor\", \"%(filename)s: %(error)s\"),\n { filename: attachment.filename, error: attachment.error },\n true\n )\n )\n }}\n >\n warning\n \n )}\n {\n setState(({ attachments }) => {\n return {\n attachments: attachments.filter(\n ({ key }) => key !== attachment.key\n ),\n }\n })\n }}\n >\n close\n \n
\n )}\n
\n
\n
\n {attachments.map((attachment) => (\n \n ))}\n
\n
\n {!!canProtect && (\n
{\n if (isProtected) {\n disableProtection()\n } else {\n enableProtection()\n }\n }}\n >\n \n {isProtected ? \"lock\" : \"lock_open\"}\n \n \n )}\n {!!canProtect && (\n \n {\n if (isProtected) {\n disableProtection()\n } else {\n enableProtection()\n }\n }}\n >\n \n {isProtected ? \"lock\" : \"lock_open\"}\n \n {isProtected\n ? pgettext(\"markup editor\", \"Protected\")\n : pgettext(\"markup editor\", \"Protect\")}\n \n
\n )}\n \n {preview ? (\n \n {pgettext(\"markup editor\", \"Edit\")}\n \n ) : (\n \n {pgettext(\"markup editor\", \"Preview\")}\n \n )}\n \n \n
\n
\n \n ×\n \n {pgettext(\"markup editor\", \"Code\")}
\n
\n
\n
\n
\n
\n
\n \n ×\n \n \n {pgettext(\"markup help\", \"Formatting help\")}\n
\n
\n
\n
{pgettext(\"markup help\", \"Emphasis text\")}
\n
\n \n {pgettext(\"markup help\", \"This text will have emphasis\")}\n \n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Bold text\")}
\n \n \n {pgettext(\"markup help\", \"This text will be bold\")}\n \n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Removed text\")}
\n \n \n {pgettext(\"markup help\", \"This text will be removed\")}\n \n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Bold text (BBCode)\")}
\n \n {pgettext(\"markup help\", \"This text will be bold\")}\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Underlined text (BBCode)\")}
\n \n {pgettext(\"markup help\", \"This text will be underlined\")}\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Italics text (BBCode)\")}
\n \n {pgettext(\"markup help\", \"This text will be in italics\")}\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Link\")}
\n \"\n result={\n \n example.com\n
\n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Link with text\")}
\n \n {pgettext(\"markup help\", \"Link text\")}\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Link (BBCode)\")}
\n \n example.com\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Link with text (BBCode)\")}
\n \n {pgettext(\"markup help\", \"Link text\")}\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Image\")}
\n \n ![\"\"](\"http://placekitten.com/38/38\")
\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Image with alternate text\")}
\n \n \n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Image (BBCode)\")}
\n \n \n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Mention user by their name\")}
\n \n @username\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Heading 1\")}
\n {pgettext(\"markup help\", \"First level heading\")}}\n />\n\n
\n\n {pgettext(\"markup help\", \"Heading 2\")}
\n {pgettext(\"markup help\", \"Second level heading\")}}\n />\n\n
\n\n {pgettext(\"markup help\", \"Heading 3\")}
\n {pgettext(\"markup help\", \"Third level heading\")}}\n />\n\n
\n\n {pgettext(\"markup help\", \"Heading 4\")}
\n {pgettext(\"markup help\", \"Fourth level heading\")}}\n />\n\n
\n\n {pgettext(\"markup help\", \"Heading 5\")}
\n {pgettext(\"markup help\", \"Fifth level heading\")}}\n />\n\n
\n\n {pgettext(\"markup help\", \"Unordered list\")}
\n \n Lorem ipsum\n Dolor met\n Vulputate lectus\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Ordered list\")}
\n \n Lorem ipsum\n Dolor met\n Vulputate lectus\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Quote text\")}
\n \" + pgettext(\"markup help\", \"Quoted text\")}\n result={\n \n {pgettext(\"markup help\", \"Quoted text\")}
\n
\n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Quote text (BBCode)\")}
\n \n \n {gettext(\"Quoted message:\")}\n
\n \n {pgettext(\"markup help\", \"Quoted text\")}
\n
\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Quote text with title (BBCode)\")}
\n \n \n {gettext(\"Quote title has written:\")}\n
\n \n {pgettext(\"markup help\", \"Quoted text\")}
\n
\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Spoiler\")}
\n \n {pgettext(\"markup help\", \"Secret text\")}\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Inline code\")}
\n \n {pgettext(\"markup help\", \"Inline code\")}\n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Code block\")}
\n \n alert(\"Hello world!\");\n \n }\n />\n\n
\n\n \n {pgettext(\"markup help\", \"Code block with syntax highlighting\")}\n
\n \n \n print(\"Hello world!\");\n \n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Code block (BBCode)\")}
\n \n alert(\"Hello world!\");\n \n }\n />\n\n
\n\n \n {pgettext(\n \"markup help\",\n \"Code block with syntax highlighting (BBCode)\"\n )}\n
\n \n \n print(\"Hello world!\");\n \n \n }\n />\n\n
\n\n {pgettext(\"markup help\", \"Horizontal rule\")}
\n \n Lorem ipsum
\n
\n Dolor met
\n \n }\n />\n\n
\n\n
{pgettext(\"markup help\", \"Horizontal rule (BBCode)\")}
\n
\n Lorem ipsum
\n
\n Dolor met
\n \n }\n />\n
\n \n {pgettext(\"modal\", \"Close\")}\n \n
\n \n \n )\n}\n\nfunction ExampleFormatting({ markup, result }) {\n return (\n \n )\n}\n\nclass ExampleFormattingSpoiler extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n reveal: false,\n }\n }\n\n render() {\n return (\n \n \n {this.props.children}
\n
\n {!this.state.reveal && (\n \n {\n this.setState({ reveal: true })\n }}\n >\n {gettext(\"Reveal spoiler\")}\n \n
\n )}\n \n )\n }\n}\n","const URL_PATTERN = new RegExp(\n \"^(https?:\\\\/\\\\/)?((([a-z\\\\d]([a-z\\\\d-]*[a-z\\\\d])*)\\\\.)+[a-z]{2,}|((\\\\d{1,3}\\\\.){3}\\\\d{1,3}))(\\\\:\\\\d+)?(\\\\/[-a-z\\\\d%_.~+]*)*(\\\\?[;&a-z\\\\d%_.~+=-]*)?(\\\\#[-a-z\\\\d_]*)?$\",\n \"i\"\n)\n\nexport default function (str) {\n return URL_PATTERN.test($.trim(str))\n}\n","import React from \"react\"\nimport modal from \"../../services/modal\"\nimport isUrl from \"../../utils/is-url\"\nimport FormGroup from \"../form-group\"\nimport { replaceSelection } from \"./operations\"\n\nclass MarkupImageModal extends React.Component {\n constructor(props) {\n super(props)\n\n const text = props.selection.text.trim()\n const textUrl = isUrl(text)\n\n this.state = {\n error: null,\n text: textUrl ? \"\" : text,\n url: textUrl ? text : \"\",\n }\n }\n\n handleSubmit = (ev) => {\n ev.preventDefault()\n\n const { selection, update } = this.props\n const text = this.state.text.trim()\n const url = this.state.url.trim()\n\n if (url.length === 0) {\n this.setState({ error: gettext(\"This field is required.\") })\n return false\n }\n\n if (!isUrl(url)) {\n this.setState({ error: gettext(\"Enter a valid address.\") })\n return false\n }\n\n if (text.length > 0) {\n replaceSelection(selection, update, \"![\" + text + \"](\" + url + \")\")\n } else {\n replaceSelection(selection, update, \"!(\" + url + \")\")\n }\n\n modal.hide()\n\n return false\n }\n\n render() {\n return (\n \n
\n
\n \n ×\n \n \n {pgettext(\"markup editor\", \"Image\")}\n
\n
\n
\n
\n
\n
\n
\n \n ×\n \n {pgettext(\"markup editor\", \"Link\")}
\n
\n
\n
\n
\n
\n
\n \n ×\n \n \n {pgettext(\"markup editor\", \"Quote\")}\n
\n
\n
\n
\n
\n
\n {actions.map(({ name, icon, onClick }) => (\n \n ))}\n
\n
\n
\n
\n more_vert\n \n \n {actions.map(({ name, icon, onClick }) => (\n - \n \n {icon}\n {name}\n \n
\n ))}\n
\n \n
{\n modal.show()\n }}\n />\n \n
\n {this.state.loading ? (\n
\n ) : (\n
\n )}\n
![\"\"](\"${avatar}\")
${username}',\n insertTpl: \"@${username}\",\n searchKey: \"username\",\n callbacks: {\n remoteFilter: function (query, callback) {\n $.getJSON(misago.get(\"MENTION_API\"), { q: query }, callback)\n },\n },\n })\n\n $(element).on(\"inserted.atwho\", (event, _storage, source, controller) => {\n const { query } = controller\n const username = source.target.innerText.trim()\n const prefix = event.target.value.substr(0, query.headPos)\n const suffix = event.target.value.substr(query.endPos)\n\n event.target.value = prefix + username + suffix\n props.onChange(event)\n\n const caret = query.headPos + username.length\n event.target.setSelectionRange(caret, caret)\n event.target.focus()\n })\n}\n\nexport default MarkupEditor\n","import MarkupEditor from \"./MarkupEditor\"\n\nexport default MarkupEditor\n","import React from \"react\"\nimport classnames from \"classnames\"\n\nconst CLASS_ACTIVE = \"posting-active\"\nconst CLASS_DEFAULT = \"posting-default\"\nconst CLASS_MINIMIZED = \"posting-minimized\"\nconst CLASS_FULLSCREEN = \"posting-fullscreen\"\n\nclass PostingDialog extends React.Component {\n componentDidMount() {\n document.body.classList.add(CLASS_ACTIVE, CLASS_DEFAULT)\n }\n\n componentWillUnmount() {\n document.body.classList.remove(\n CLASS_ACTIVE,\n CLASS_DEFAULT,\n CLASS_MINIMIZED,\n CLASS_FULLSCREEN\n )\n }\n\n componentWillReceiveProps({ fullscreen, minimized }) {\n if (minimized) {\n document.body.classList.remove(CLASS_DEFAULT, CLASS_FULLSCREEN)\n document.body.classList.add(CLASS_MINIMIZED)\n } else {\n if (fullscreen) {\n document.body.classList.remove(CLASS_DEFAULT, CLASS_MINIMIZED)\n document.body.classList.add(CLASS_FULLSCREEN)\n } else {\n document.body.classList.remove(CLASS_FULLSCREEN, CLASS_MINIMIZED)\n document.body.classList.add(CLASS_DEFAULT)\n }\n }\n }\n\n render() {\n const { children, fullscreen, minimized } = this.props\n\n return (\n \n {children}
\n \n )\n }\n}\n\nexport default PostingDialog\n","import React from \"react\"\n\nconst PostingDialogBody = ({ children }) => (\n {children}
\n)\n\nexport default PostingDialogBody\n","import React from \"react\"\n\nconst PostingDialogError = ({ close, message }) => (\n \n
\n error_outlined\n
\n
\n
{message}
\n
\n
\n
\n
{children}
\n {minimized ? (\n
\n expand_less\n \n ) : (\n \n expand_more\n \n )}\n {fullscreen ? (\n \n fullscreen_exit\n \n ) : (\n \n fullscreen\n \n )}\n \n close\n \n \n
\n {icons.length > 0 ? (\n \n {icons.map((icon) => (\n \n {icon}\n \n ))}\n \n ) : (\n more_horiz\n )}\n \n \n {options.pin === 2 && isPinned !== 2 && (\n - \n \n bookmark\n {pgettext(\"post thread\", \"Pinned globally\")}\n \n
\n )}\n {options.pin >= isPinned && isPinned !== 1 && (\n - \n \n bookmark_outline\n {pgettext(\"post thread\", \"Pinned locally\")}\n \n
\n )}\n {options.pin >= isPinned && isPinned !== 0 && (\n - \n \n radio_button_unchecked\n {pgettext(\"post thread\", \"Not pinned\")}\n \n
\n )}\n {options.close && !!isClosed && (\n - \n \n lock_outline\n {pgettext(\"post thread\", \"Open\")}\n \n
\n )}\n {options.close && !isClosed && (\n - \n \n lock\n {pgettext(\"post thread\", \"Closed\")}\n \n
\n )}\n {options.hide && !!isHidden && (\n - \n \n visibility\n {pgettext(\"post thread\", \"Visible\")}\n \n
\n )}\n {options.hide && !isHidden && (\n - \n \n visibility_off\n {pgettext(\"post thread\", \"Hidden\")}\n \n
\n )}\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n {}}\n onChange={() => {}}\n />\n
\n \n )\n }\n\n const showOptions = !!(\n this.state.options.close ||\n this.state.options.hide ||\n this.state.options.pin\n )\n\n return (\n \n \n \n )\n }\n}\n\nconst PostingDialogStart = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n}) => (\n \n \n {pgettext(\"post thread\", \"Start new thread\")}\n \n {children}\n \n)\n","export default function (usernames) {\n const normalisedNames = usernames\n .split(\",\")\n .map((i) => i.trim().toLowerCase())\n const removedBlanks = normalisedNames.filter((i) => i.length > 0)\n const removedDuplicates = removedBlanks.filter((name, pos) => {\n return removedBlanks.indexOf(name) == pos\n })\n\n return removedDuplicates\n}\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport * as attachments from \"./utils/attachments\"\nimport cleanUsernames from \"./utils/usernames\"\nimport { getPostValidators, getTitleValidators } from \"./utils/validators\"\nimport ajax from \"misago/services/ajax\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport MarkupEditor from \"../MarkupEditor\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../Toolbar\"\nimport PostingDialog from \"./PostingDialog\"\nimport PostingDialogBody from \"./PostingDialogBody\"\nimport PostingDialogHeader from \"./PostingDialogHeader\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n const to = (props.to || []).map((user) => user.username).join(\", \")\n\n this.state = {\n isLoading: false,\n\n error: null,\n\n minimized: false,\n fullscreen: false,\n\n to: to,\n title: \"\",\n post: \"\",\n attachments: [],\n\n validators: {\n title: getTitleValidators(),\n post: getPostValidators(),\n },\n errors: {},\n }\n }\n\n onCancel = () => {\n const cancel = window.confirm(\n pgettext(\n \"post thread\",\n \"Are you sure you want to discard private thread?\"\n )\n )\n if (cancel) {\n this.close()\n }\n }\n\n onToChange = (event) => {\n this.changeValue(\"to\", event.target.value)\n }\n\n onTitleChange = (event) => {\n this.changeValue(\"title\", event.target.value)\n }\n\n onPostChange = (event) => {\n this.changeValue(\"post\", event.target.value)\n }\n\n onAttachmentsChange = (attachments) => {\n this.setState(attachments)\n }\n\n clean() {\n if (!cleanUsernames(this.state.to).length) {\n snackbar.error(gettext(\"You have to enter at least one recipient.\"))\n return false\n }\n\n if (!this.state.title.trim().length) {\n snackbar.error(gettext(\"You have to enter thread title.\"))\n return false\n }\n\n if (!this.state.post.trim().length) {\n snackbar.error(gettext(\"You have to enter a message.\"))\n return false\n }\n\n const errors = this.validate()\n\n if (errors.title) {\n snackbar.error(errors.title[0])\n return false\n }\n\n if (errors.post) {\n snackbar.error(errors.post[0])\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.submit, {\n to: cleanUsernames(this.state.to),\n title: this.state.title,\n post: this.state.post,\n attachments: attachments.clean(this.state.attachments),\n })\n }\n\n handleSuccess(success) {\n this.setState({ isLoading: true })\n this.close()\n\n snackbar.success(pgettext(\"post thread\", \"Your thread has been posted.\"))\n window.location = success.url\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n const errors = [].concat(\n rejection.non_field_errors || [],\n rejection.to || [],\n rejection.title || [],\n rejection.post || [],\n rejection.attachments || []\n )\n\n snackbar.error(errors[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n close = () => {\n this.minimize()\n posting.close()\n }\n\n minimize = () => {\n this.setState({ fullscreen: false, minimized: true })\n }\n\n open = () => {\n this.setState({ minimized: false })\n if (this.state.fullscreen) {\n }\n }\n\n fullscreenEnter = () => {\n this.setState({ fullscreen: true, minimized: false })\n }\n\n fullscreenExit = () => {\n this.setState({ fullscreen: false, minimized: false })\n }\n\n render() {\n const dialogProps = {\n minimized: this.state.minimized,\n minimize: this.minimize,\n open: this.open,\n\n fullscreen: this.state.fullscreen,\n fullscreenEnter: this.fullscreenEnter,\n fullscreenExit: this.fullscreenExit,\n\n close: this.onCancel,\n }\n\n return (\n \n \n \n )\n }\n}\n\nconst PostingDialogStartPrivate = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n}) => (\n \n \n {pgettext(\"post thread\", \"Start private thread\")}\n \n {children}\n \n)\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport * as attachments from \"./utils/attachments\"\nimport { getPostValidators } from \"./utils/validators\"\nimport ajax from \"misago/services/ajax\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport MarkupEditor from \"../MarkupEditor\"\nimport PostingDialog from \"./PostingDialog\"\nimport PostingDialogBody from \"./PostingDialogBody\"\nimport PostingDialogError from \"./PostingDialogError\"\nimport PostingDialogHeader from \"./PostingDialogHeader\"\nimport { clearGlobalState, setGlobalState } from \"./globalState\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isLoading: false,\n\n error: null,\n\n minimized: false,\n fullscreen: false,\n\n post: this.props.default || \"\",\n attachments: [],\n\n validators: {\n post: getPostValidators(),\n },\n errors: {},\n }\n }\n\n componentDidMount() {\n ajax\n .get(this.props.config, this.props.context || null)\n .then(this.loadSuccess, this.loadError)\n\n setGlobalState(false, this.onQuote)\n }\n\n componentWillUnmount() {\n clearGlobalState()\n }\n\n componentWillReceiveProps(nextProps) {\n const context = this.props.context\n const newContext = nextProps.context\n\n // User clicked \"reply\" instead of \"quote\"\n if (context && newContext && !newContext.reply) return\n\n ajax\n .get(nextProps.config, nextProps.context || null)\n .then(this.appendData, snackbar.apiError)\n }\n\n loadSuccess = (data) => {\n this.setState({\n isReady: true,\n\n post: data.post\n ? '[quote=\"@' + data.poster + '\"]\\n' + data.post + \"\\n[/quote]\"\n : this.state.post,\n })\n }\n\n loadError = (rejection) => {\n this.setState({\n error: rejection.detail,\n })\n }\n\n appendData = (data) => {\n const newPost = data.post\n ? '[quote=\"@' + data.poster + '\"]\\n' + data.post + \"\\n[/quote]\\n\\n\"\n : \"\"\n\n this.setState((prevState, props) => {\n if (prevState.post.length > 0) {\n return {\n post: prevState.post.trim() + \"\\n\\n\" + newPost,\n }\n }\n\n return {\n post: newPost,\n }\n })\n\n this.open()\n }\n\n onCancel = () => {\n const cancel = window.confirm(\n pgettext(\"post reply\", \"Are you sure you want to discard your reply?\")\n )\n if (cancel) {\n this.close()\n }\n }\n\n onPostChange = (event) => {\n this.changeValue(\"post\", event.target.value)\n }\n\n onAttachmentsChange = (attachments) => {\n this.setState(attachments)\n }\n\n onQuote = (quote) => {\n this.setState(({ post }) => {\n if (post.length > 0) {\n return { post: post.trim() + \"\\n\\n\" + quote }\n }\n\n return { post: quote }\n })\n\n this.open()\n }\n\n clean() {\n if (!this.state.post.trim().length) {\n snackbar.error(gettext(\"You have to enter a message.\"))\n return false\n }\n\n const errors = this.validate()\n\n if (errors.post) {\n snackbar.error(errors.post[0])\n return false\n }\n\n return true\n }\n\n send() {\n setGlobalState(true, this.onQuote)\n\n return ajax.post(this.props.submit, {\n post: this.state.post,\n attachments: attachments.clean(this.state.attachments),\n })\n }\n\n handleSuccess(success) {\n this.setState({ isLoading: true })\n this.close()\n\n setGlobalState(false, this.onQuote)\n\n snackbar.success(pgettext(\"post reply\", \"Your reply has been posted.\"))\n window.location = success.url.index\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n const errors = [].concat(\n rejection.non_field_errors || [],\n rejection.post || [],\n rejection.attachments || []\n )\n\n snackbar.error(errors[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n setGlobalState(false, this.onQuote)\n }\n\n close = () => {\n this.minimize()\n posting.close()\n }\n\n minimize = () => {\n this.setState({ fullscreen: false, minimized: true })\n }\n\n open = () => {\n this.setState({ minimized: false })\n if (this.state.fullscreen) {\n }\n }\n\n fullscreenEnter = () => {\n this.setState({ fullscreen: true, minimized: false })\n }\n\n fullscreenExit = () => {\n this.setState({ fullscreen: false, minimized: false })\n }\n\n render() {\n const dialogProps = {\n thread: this.props.thread,\n\n minimized: this.state.minimized,\n minimize: this.minimize,\n open: this.open,\n\n fullscreen: this.state.fullscreen,\n fullscreenEnter: this.fullscreenEnter,\n fullscreenExit: this.fullscreenExit,\n\n close: this.onCancel,\n }\n\n if (this.state.error) {\n return (\n \n \n \n )\n }\n\n if (!this.state.isReady) {\n return (\n \n \n {}}\n onChange={() => {}}\n />\n
\n \n )\n }\n\n return (\n \n \n \n \n \n )\n }\n}\n\nconst PostingDialogReply = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n thread,\n}) => (\n \n \n {interpolate(\n pgettext(\"post reply\", \"Reply to: %(thread)s\"),\n { thread: thread.title },\n true\n )}\n \n {children}\n \n)\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport * as attachments from \"./utils/attachments\"\nimport { getPostValidators } from \"./utils/validators\"\nimport ajax from \"misago/services/ajax\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport MarkupEditor from \"../MarkupEditor\"\nimport PostingDialog from \"./PostingDialog\"\nimport PostingDialogBody from \"./PostingDialogBody\"\nimport PostingDialogError from \"./PostingDialogError\"\nimport PostingDialogHeader from \"./PostingDialogHeader\"\nimport { clearGlobalState, setGlobalState } from \"./globalState\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isLoading: false,\n\n error: false,\n\n minimized: false,\n fullscreen: false,\n\n post: \"\",\n attachments: [],\n protect: false,\n\n canProtect: false,\n\n validators: {\n post: getPostValidators(),\n },\n errors: {},\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.config).then(this.loadSuccess, this.loadError)\n\n setGlobalState(false, this.onQuote)\n }\n\n componentWillUnmount() {\n clearGlobalState()\n }\n\n componentWillReceiveProps(nextProps) {\n const context = this.props.context\n const newContext = nextProps.context\n\n if (context && newContext && context.reply === newContext.reply) return\n\n ajax\n .get(nextProps.config, nextProps.context || null)\n .then(this.appendData, snackbar.apiError)\n }\n\n loadSuccess = (data) => {\n this.setState({\n isReady: true,\n\n post: data.post,\n attachments: attachments.hydrate(data.attachments),\n protect: data.is_protected,\n\n canProtect: data.can_protect,\n })\n }\n\n loadError = (rejection) => {\n this.setState({\n error: rejection.detail,\n })\n }\n\n appendData = (data) => {\n const newPost = data.post\n ? '[quote=\"@' + data.poster + '\"]\\n' + data.post + \"\\n[/quote]\\n\\n\"\n : \"\"\n\n this.setState((prevState, props) => {\n if (prevState.post.length > 0) {\n return {\n post: prevState.post.trim() + \"\\n\\n\" + newPost,\n }\n }\n\n return {\n post: newPost,\n }\n })\n\n this.open()\n }\n\n onCancel = () => {\n const cancel = window.confirm(\n gettext(\"Are you sure you want to discard changes?\")\n )\n if (cancel) {\n this.close()\n }\n }\n\n onProtect = () => {\n this.setState({\n protect: true,\n })\n }\n\n onUnprotect = () => {\n this.setState({\n protect: false,\n })\n }\n\n onPostChange = (event) => {\n this.changeValue(\"post\", event.target.value)\n }\n\n onAttachmentsChange = (attachments) => {\n this.setState(attachments)\n }\n\n onQuote = (quote) => {\n this.setState(({ post }) => {\n if (post.length > 0) {\n return { post: post.trim() + \"\\n\\n\" + quote }\n }\n\n return { post: quote }\n })\n\n this.open()\n }\n\n clean() {\n if (!this.state.post.trim().length) {\n snackbar.error(gettext(\"You have to enter a message.\"))\n return false\n }\n\n const errors = this.validate()\n\n if (errors.post) {\n snackbar.error(errors.post[0])\n return false\n }\n\n return true\n }\n\n send() {\n setGlobalState(true, this.onQuote)\n\n return ajax.put(this.props.submit, {\n post: this.state.post,\n attachments: attachments.clean(this.state.attachments),\n protect: this.state.protect,\n })\n }\n\n handleSuccess(success) {\n this.setState({ isLoading: true })\n this.close()\n\n setGlobalState(false, this.onQuote)\n\n snackbar.success(gettext(\"Reply has been edited.\"))\n window.location = success.url.index\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n const errors = [].concat(\n rejection.non_field_errors || [],\n rejection.category || [],\n rejection.title || [],\n rejection.post || [],\n rejection.attachments || []\n )\n\n snackbar.error(errors[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n setGlobalState(false, this.onQuote)\n }\n\n close = () => {\n this.minimize()\n posting.close()\n }\n\n minimize = () => {\n this.setState({ fullscreen: false, minimized: true })\n }\n\n open = () => {\n this.setState({ minimized: false })\n if (this.state.fullscreen) {\n }\n }\n\n fullscreenEnter = () => {\n this.setState({ fullscreen: true, minimized: false })\n }\n\n fullscreenExit = () => {\n this.setState({ fullscreen: false, minimized: false })\n }\n\n render() {\n const dialogProps = {\n post: this.props.post,\n\n minimized: this.state.minimized,\n minimize: this.minimize,\n open: this.open,\n\n fullscreen: this.state.fullscreen,\n fullscreenEnter: this.fullscreenEnter,\n fullscreenExit: this.fullscreenExit,\n\n close: this.onCancel,\n }\n\n if (this.state.error) {\n return (\n \n \n \n )\n }\n\n if (!this.state.isReady) {\n return (\n \n \n {}}\n onChange={() => {}}\n />\n
\n \n )\n }\n\n return (\n \n \n this.setState({ protect: true })}\n disableProtection={() => this.setState({ protect: false })}\n value={this.state.post}\n submitText={pgettext(\"edit reply submit\", \"Edit reply\")}\n disabled={this.state.isLoading}\n onAttachmentsChange={this.onAttachmentsChange}\n onChange={this.onPostChange}\n />\n \n \n )\n }\n}\n\nconst PostingDialogEditReply = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n post,\n}) => (\n \n \n {interpolate(\n pgettext(\"edit reply\", \"Edit reply by %(poster)s from %(date)s\"),\n {\n poster: post.poster ? post.poster.username : post.poster_name,\n date: post.posted_on.fromNow(),\n },\n true\n )}\n \n {children}\n \n)\n","import React from \"react\"\nimport PostingQuoteSelection from \"./PostingQuoteSelection\"\nimport getQuoteMarkup from \"./getQuoteMarkup\"\nimport { clearGlobalState, getGlobalState, setGlobalState } from \"./globalState\"\nimport Start from \"./start\"\nimport StartPrivate from \"./start-private\"\nimport Reply from \"./reply\"\nimport Edit from \"./edit\"\n\nexport default function (props) {\n switch (props.mode) {\n case \"START\":\n return \n\n case \"START_PRIVATE\":\n return \n\n case \"REPLY\":\n return \n\n case \"EDIT\":\n return \n\n default:\n return null\n }\n}\n\nexport {\n PostingQuoteSelection,\n clearGlobalState,\n getGlobalState,\n getQuoteMarkup,\n setGlobalState,\n}\n","import { maxLength, minLength } from \"misago/utils/validators\"\nimport misago from \"misago\"\n\nexport function getTitleValidators() {\n return [getTitleLengthMin(), getTitleLengthMax()]\n}\n\nexport function getPostValidators() {\n if (misago.get(\"SETTINGS\").post_length_max) {\n return [validatePostLengthMin(), validatePostLengthMax()]\n } else {\n return [validatePostLengthMin()]\n }\n}\n\nexport function getTitleLengthMin() {\n return minLength(\n misago.get(\"SETTINGS\").thread_title_length_min,\n (limitValue, length) => {\n const message = ngettext(\n \"Thread title should be at least %(limit_value)s character long (it has %(show_value)s).\",\n \"Thread title should be at least %(limit_value)s characters long (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n\nexport function getTitleLengthMax() {\n return maxLength(\n misago.get(\"SETTINGS\").thread_title_length_max,\n (limitValue, length) => {\n const message = ngettext(\n \"Thread title cannot be longer than %(limit_value)s character (it has %(show_value)s).\",\n \"Thread title cannot be longer than %(limit_value)s characters (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n\nexport function validatePostLengthMin() {\n return minLength(\n misago.get(\"SETTINGS\").post_length_min,\n (limitValue, length) => {\n const message = ngettext(\n \"Posted message should be at least %(limit_value)s character long (it has %(show_value)s).\",\n \"Posted message should be at least %(limit_value)s characters long (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n\nexport function validatePostLengthMax() {\n return maxLength(\n misago.get(\"SETTINGS\").post_length_max || 1000000,\n (limitValue, length) => {\n const message = ngettext(\n \"Posted message cannot be longer than %(limit_value)s character (it has %(show_value)s).\",\n \"Posted message cannot be longer than %(limit_value)s characters (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getChoice() {\n let choice = null\n this.props.choices.map((item) => {\n if (item.value === this.props.value) {\n choice = item\n }\n })\n return choice\n }\n\n getIcon() {\n return this.getChoice().icon\n }\n\n getLabel() {\n return this.getChoice().label\n }\n\n change = (value) => {\n return () => {\n this.props.onChange({\n target: {\n value: value,\n },\n })\n }\n }\n\n render() {\n return (\n \n
\n \n {this.getLabel()}\n \n \n {this.props.choices.map((item, i) => {\n return (\n - \n \n \n {item.label}\n \n
\n )\n })}\n
\n \n
\n
\n \n ×\n \n {gettext(\"Sign in\")}
\n
\n
\n
\n
\n
\n - \n {this.getEmptyMessage()}\n
\n
\n
{this.renderUserAvatar()}
\n {this.renderUsername()}
\n \n {this.props.change.old_username}\n arrow_forward\n {this.props.change.new_username}\n
\n \n
\n {this.props.change.changed_on.fromNow()}\n \n
\n
\n {this.props.changes.map((change) => {\n return \n })}\n
\n
\n \n \n \n
\n \n \n \n \n arrow_forward\n \n \n \n
\n \n \n \n \n
\n \n )\n }\n}\n","import React from \"react\"\nimport ChangePreview from \"misago/components/username-history/change-preview\"\n\nexport default class extends React.Component {\n shouldComponentUpdate() {\n return false\n }\n\n render() {\n return (\n \n
\n {[0, 1, 2].map((i) => {\n return 0} key={i} />\n })}\n
\n
\n
\n
\n
\n
\n
\n\n
\n
\n \n
\n\n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\n
\n \n \n \n
\n
\n \n \n \n
\n\n
\n
\n - \n \n \n \n
\n - \n \n \n \n
\n \n - \n \n \n \n
\n - \n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n {list.map((i) => {\n let className = colClassName\n if (i !== 0) className += \" hidden-xs\"\n if (i === 3) className += \" hidden-sm\"\n\n return (\n
\n \n
\n )\n })}\n
\n
\n
\n {users.map((user) => {\n return (\n
\n \n
\n )\n })}\n
\n
\n \n {gettext(\"Decline\")}\n \n \n {gettext(\"Accept and continue\")}\n \n
\n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago/index\"\nimport AcceptAgreement from \"misago/components/accept-agreement\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer(context) {\n if (document.getElementById(\"required-agreement-mount\")) {\n mount(\n ,\n \"required-agreement-mount\",\n false\n )\n }\n}\n\nmisago.addInitializer({\n name: \"component:accept-agreement\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\n\nexport default class extends React.Component {\n refresh() {\n window.location.reload()\n }\n\n getMessage() {\n if (this.props.signedIn) {\n return interpolate(\n gettext(\n \"You have signed in as %(username)s. Please refresh the page before continuing.\"\n ),\n { username: this.props.signedIn.username },\n true\n )\n } else if (this.props.signedOut) {\n return interpolate(\n gettext(\n \"%(username)s, you have been signed out. Please refresh the page before continuing.\"\n ),\n { username: this.props.user.username },\n true\n )\n }\n }\n\n render() {\n let className = \"auth-message\"\n if (this.props.signedIn || this.props.signedOut) {\n className += \" show\"\n }\n\n return (\n \n
\n
{this.getMessage()}
\n
\n \n {gettext(\"Reload page\")}\n \n \n {\" \" + gettext(\"or press F5 key.\")}\n \n
\n
\n
\n {getIcon(category)}\n
\n )\n}\n\nexport function getClassName(category) {\n if (category.is_read) {\n return \"read-status item-read\"\n }\n\n return \"read-status item-new\"\n}\n\nexport function getTitle(category) {\n if (category.is_closed) {\n if (category.is_read) {\n return gettext(\"This category has no new posts. (closed)\")\n }\n\n return gettext(\"This category has new posts. (closed)\")\n }\n\n if (category.is_read) {\n return gettext(\"This category has no new posts.\")\n }\n\n return gettext(\"This category has new posts.\")\n}\n\nexport function getIcon(category) {\n if (category.is_closed) {\n if (category.is_read) {\n return \"lock_outline\"\n }\n\n return \"lock\"\n }\n\n if (category.is_read) {\n return \"chat_bubble_outline\"\n }\n\n return \"chat_bubble\"\n}\n","import React from \"react\"\nimport Description from \"./description\"\nimport Icon from \"./icon\"\n\nexport default function ({ category }) {\n return (\n \n )\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\n\nexport default function ({ category }) {\n return (\n \n )\n}\n\nexport function LastThread({ category }) {\n if (!category.acl.can_browse) return null\n if (!category.acl.can_see_all_threads) return null\n if (!category.last_thread_title) return null\n\n return (\n \n
\n \n
\n
\n
\n
\n {category.last_thread_title}\n \n \n
\n
\n
\n
\n info_outline\n
\n
\n
\n {category.subcategories.map((category) => {\n return \n })}\n
\n )\n}\n","import React from \"react\"\nimport Main from \"./main\"\nimport LastThread from \"./last-thread\"\nimport Stats from \"./stats\"\nimport Subcategories from \"./subcategories\"\n\nexport default function ({ category, isFirst }) {\n let className = \"list-group-item\"\n\n if (category.description) {\n className += \" list-group-category-has-description\"\n } else {\n className += \" list-group-category-no-description\"\n }\n\n if (isFirst) {\n className += \" list-group-item-first\"\n }\n if (category.css_class) {\n className += \" list-group-category-has-flavor\"\n className += \" list-group-item-category-\" + category.css_class\n }\n\n return (\n \n \n \n \n \n
\n \n \n )\n}\n","import React from \"react\"\nimport ListItem from \"./list-item\"\n\nexport default function ({ category }) {\n let className = \"list-group list-group-category\"\n if (category.css_class) {\n className += \" list-group-category-has-flavor\"\n className += \" list-group-category-\" + category.css_class\n }\n\n return (\n \n \n {category.subcategories.map((category) => {\n return (\n \n )\n })}\n
\n )\n}\n","import React from \"react\"\nimport Category from \"./category\"\n\nexport default function ({ categories }) {\n return (\n \n {categories.map((category) => {\n return \n })}\n
\n )\n}\n","import moment from \"moment\"\nimport React from \"react\"\nimport Blankslate from \"./blankslate\"\nimport CategoriesList from \"./categories-list\"\nimport misago from \"misago/index\"\nimport polls from \"misago/services/polls\"\n\nconst hydrate = function (category) {\n return Object.assign({}, category, {\n last_post_on: category.last_post_on ? moment(category.last_post_on) : null,\n subcategories: category.subcategories.map(hydrate),\n })\n}\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n categories: misago.get(\"CATEGORIES\").map(hydrate),\n }\n\n this.startPolling(misago.get(\"CATEGORIES_API\"))\n }\n\n startPolling(api) {\n polls.start({\n poll: \"categories\",\n url: api,\n frequency: 180 * 1000,\n update: this.update,\n })\n }\n\n update = (data) => {\n this.setState({\n categories: data.map(hydrate),\n })\n }\n\n render() {\n const { categories } = this.state\n\n if (categories.length === 0) {\n return \n }\n\n return \n }\n}\n\nexport function select(store) {\n return {\n tick: store.tick.tick,\n }\n}\n","import { connect } from \"react-redux\"\nimport Categories, { select } from \"misago/components/categories\"\nimport misago from \"misago/index\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n if (document.getElementById(\"categories-mount\")) {\n mount(connect(select)(Categories), \"categories-mount\")\n }\n}\n\nmisago.addInitializer({\n name: \"component:categories\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport { Link } from \"react-router\"\nimport Li from \"misago/components/li\"\n\nexport function SideNav(props) {\n return (\n \n {props.options.map((option) => {\n return (\n \n {option.icon}\n {option.name}\n \n )\n })}\n
\n )\n}\n\nexport function CompactNav(props) {\n return (\n \n {props.options.map((option) => {\n return (\n \n \n {option.icon}\n {option.name}\n \n \n )\n })}\n
\n )\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport ajax from \"misago/services/ajax\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport misago from \"misago\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n password: \"\",\n }\n }\n\n componentDidMount() {\n title.set({\n title: gettext(\"Delete account\"),\n parent: gettext(\"Change your options\"),\n })\n }\n\n onPasswordChange = (event) => {\n this.setState({ password: event.target.value })\n }\n\n handleSubmit = (event) => {\n event.preventDefault()\n\n const { isLoading, password } = this.state\n const { user } = this.props\n\n if (password.length == 0) {\n snackbar.error(\n gettext(\"Enter your password to confirm account deletion.\")\n )\n return false\n }\n\n if (isLoading) return false\n this.setState({ isLoading: true })\n\n ajax.post(user.api.delete, { password }).then(\n (success) => {\n window.location.href = misago.get(\"MISAGO_PATH\")\n },\n (rejection) => {\n this.setState({ isLoading: false })\n if (rejection.password) {\n snackbar.error(rejection.password[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n )\n }\n\n render() {\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport Form from \"misago/components/edit-details\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n componentDidMount() {\n title.set({\n title: gettext(\"Edit details\"),\n parent: gettext(\"Change your options\"),\n })\n }\n\n onSuccess = () => {\n snackbar.info(gettext(\"Your details have been updated.\"))\n }\n\n render() {\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Button from \"misago/components/button\"\nimport ajax from \"misago/services/ajax\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class DownloadData extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n isSubmiting: false,\n downloads: [],\n }\n }\n\n componentDidMount() {\n title.set({\n title: gettext(\"Download your data\"),\n parent: gettext(\"Change your options\"),\n })\n\n this.handleLoadDownloads()\n }\n\n handleLoadDownloads = () => {\n ajax.get(this.props.user.api.data_downloads).then(\n (data) => {\n this.setState({\n isLoading: false,\n downloads: data,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n handleRequestDataDownload = () => {\n this.setState({ isSubmiting: true })\n ajax.post(this.props.user.api.request_data_download).then(\n () => {\n this.handleLoadDownloads()\n snackbar.success(\n gettext(\"Your request for data download has been registered.\")\n )\n this.setState({ isSubmiting: false })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n this.setState({ isSubmiting: false })\n }\n )\n }\n\n render() {\n return (\n \n
\n
\n
{gettext(\"Download your data\")}
\n \n
\n
\n {gettext(\n 'To download your data from the site, click the \"Request data download\" button. Depending on amount of data to be archived and number of users wanting to download their data at same time it may take up to few days for your download to be prepared. An e-mail with notification will be sent to you when your data is ready to be downloaded.'\n )}\n
\n\n
\n {gettext(\n \"The download will only be available for limited amount of time, after which it will be deleted from the site and marked as expired.\"\n )}\n
\n
\n
\n \n \n | {gettext(\"Requested on\")} | \n {gettext(\"Download\")} | \n
\n \n \n {this.state.downloads.map((item) => {\n return (\n \n | \n {moment(item.requested_on).fromNow()}\n | \n \n \n | \n
\n )\n })}\n {this.state.downloads.length == 0 ? (\n \n | {gettext(\"You have no data downloads.\")} | \n
\n ) : null}\n \n
\n
\n \n {gettext(\"Request data download\")}\n \n
\n
\n
\n
\n
{gettext(\"Change username\")}
\n \n
\n
\n
\n
{gettext(\"Change username\")}
\n \n
\n
\n {this.getChangeForm()}\n \n
\n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n new_email: \"\",\n password: \"\",\n\n validators: {\n new_email: [validators.email()],\n password: [],\n },\n\n isLoading: false,\n }\n }\n\n clean() {\n let errors = this.validate()\n let lengths = [\n this.state.new_email.trim().length,\n this.state.password.trim().length,\n ]\n\n if (lengths.indexOf(0) !== -1) {\n snackbar.error(gettext(\"Fill out all fields.\"))\n return false\n }\n\n if (errors.new_email) {\n snackbar.error(errors.new_email[0])\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.user.api.change_email, {\n new_email: this.state.new_email,\n password: this.state.password,\n })\n }\n\n handleSuccess(response) {\n this.setState({\n new_email: \"\",\n password: \"\",\n })\n\n snackbar.success(response.detail)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n if (rejection.new_email) {\n snackbar.error(rejection.new_email)\n } else {\n snackbar.error(rejection.password)\n }\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n new_password: \"\",\n repeat_password: \"\",\n password: \"\",\n\n validators: {\n new_password: [],\n repeat_password: [],\n password: [],\n },\n\n isLoading: false,\n }\n }\n\n clean() {\n let errors = this.validate()\n let lengths = [\n this.state.new_password.trim().length,\n this.state.repeat_password.trim().length,\n this.state.password.trim().length,\n ]\n\n if (lengths.indexOf(0) !== -1) {\n snackbar.error(gettext(\"Fill out all fields.\"))\n return false\n }\n\n if (errors.new_password) {\n snackbar.error(errors.new_password[0])\n return false\n }\n\n if (this.state.new_password !== this.state.repeat_password) {\n snackbar.error(gettext(\"New passwords are different.\"))\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.user.api.change_password, {\n new_password: this.state.new_password,\n password: this.state.password,\n })\n }\n\n handleSuccess(response) {\n this.setState({\n new_password: \"\",\n repeat_password: \"\",\n password: \"\",\n })\n\n snackbar.success(response.detail)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n if (rejection.new_password) {\n snackbar.error(rejection.new_password)\n } else {\n snackbar.error(rejection.password)\n }\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago/index\"\n\nconst UnusablePasswordMessage = () => {\n return (\n \n
\n
{gettext(\"Change email or password\")}
\n \n
\n
\n info_outline\n
\n
\n
\n {gettext(\n \"You need to set a password for your account to be able to change your username or email.\"\n )}\n
\n
\n \n {gettext(\"Set password\")}\n \n
\n
\n
\n
\n
\n \n \n \n \n \n {gettext(\"Change your options\")}
\n \n \n \n \n menu\n \n \n
\n \n \n \n \n \n \n {page.icon}\n {page.name}\n \n \n
\n \n \n \n \n \n \n
\n \n
\n \n
\n
{this.props.children}
\n
\n
\n
{gettext(\"User-shown ban message\")}
\n
\n
\n
{gettext(\"Team-shown ban message\")}
\n
\n
\n {this.getUserMessage()}\n {this.getStaffMessage()}\n\n
\n
{gettext(\"Ban expiration\")}
\n
{this.getExpirationMessage()}
\n
\n
\n
\n
\n
{gettext(\"Ban details\")}
\n \n\n {this.getPanelBody()}\n
\n
\n \n
\n )\n}\n\nexport function SafeValue({ text, url }) {\n if (url) {\n return (\n \n \n {text || url}\n \n
\n )\n }\n\n if (text) {\n return {text}
\n }\n\n return null\n}\n","import React from \"react\"\nimport FieldValue from \"./field-value\"\n\nexport default function (props) {\n return (\n \n {props.name}:\n \n
\n )\n}\n","import React from \"react\"\nimport Field from \"./field\"\n\nexport default function ({ fields, name }) {\n return (\n \n
\n
{name}
\n \n
\n
\n {fields.map(({ fieldname, html, name, text, url }) => {\n return (\n \n )\n })}\n
\n
\n
\n {groups.map((group, i) => {\n return \n })}\n
\n )\n}\n","import React from \"react\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../../Toolbar\"\n\nconst ProfileDetailsHeader = ({ onEdit, showEditButton }) => (\n \n \n \n {gettext(\"Details\")}
\n \n \n {showEditButton && (\n \n \n \n {gettext(\"Edit\")}\n \n \n \n )}\n \n)\n\nexport default ProfileDetailsHeader\n","import React from \"react\"\nimport { load } from \"misago/reducers/profile-details\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n componentDidMount() {\n const { data, dispatch, user } = this.props\n if (data && data.id === user.id) return\n\n ajax.get(this.props.user.api.details).then(\n (data) => {\n dispatch(load(data))\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n render() {\n return this.props.children\n }\n}\n","import React from \"react\"\nimport Form from \"./form\"\nimport GroupsList from \"./groups-list\"\nimport Header from \"./header\"\nimport ProfileDetailsData from \"misago/data/profile-details\"\nimport { load as loadDetails } from \"misago/reducers/profile-details\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n editing: false,\n }\n }\n\n componentDidMount() {\n title.set({\n title: gettext(\"Details\"),\n parent: this.props.profile.username,\n })\n }\n\n onCancel = () => {\n this.setState({ editing: false })\n }\n\n onEdit = () => {\n this.setState({ editing: true })\n }\n\n onSuccess = (newDetails) => {\n const { dispatch, isAuthenticated, profile } = this.props\n\n let message = null\n if (isAuthenticated) {\n message = gettext(\"Your details have been updated.\")\n } else {\n message = interpolate(\n gettext(\"%(username)s's details have been updated.\"),\n {\n username: profile.username,\n },\n true\n )\n }\n\n snackbar.info(message)\n dispatch(loadDetails(newDetails))\n this.setState({ editing: false })\n }\n\n render() {\n const { dispatch, isAuthenticated, profile, profileDetails } = this.props\n const loading = profileDetails.id !== profile.id\n\n return (\n \n \n \n \n \n
\n \n )\n }\n}\n","import React from \"react\"\nimport PostFeed from \"misago/components/post-feed\"\nimport Button from \"misago/components/button\"\nimport * as posts from \"misago/reducers/posts\"\nimport title from \"misago/services/page-title\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../../Toolbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n }\n }\n\n loadItems(start = 0) {\n ajax\n .get(this.props.api, {\n start: start || 0,\n })\n .then(\n (data) => {\n if (start === 0) {\n store.dispatch(posts.load(data))\n } else {\n store.dispatch(posts.append(data))\n }\n\n this.setState({\n isLoading: false,\n })\n },\n (rejection) => {\n this.setState({\n isLoading: false,\n })\n\n snackbar.apiError(rejection)\n }\n )\n }\n\n loadMore = () => {\n this.setState({\n isLoading: true,\n })\n\n this.loadItems(this.props.posts.next)\n }\n\n componentDidMount() {\n title.set({\n title: this.props.title,\n parent: this.props.profile.username,\n })\n\n this.loadItems()\n }\n\n render() {\n return (\n \n \n \n \n {this.props.header}
\n \n \n \n \n
\n )\n }\n}\n\nexport function Feed(props) {\n if (props.posts.isLoaded && !props.posts.results.length) {\n return {props.emptyMessage}
\n }\n\n return (\n \n )\n}\n\nexport function LoadMoreButton(props) {\n if (!props.next) return null\n\n return (\n \n \n {gettext(\"Show older activity\")}\n \n
\n )\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getClassName() {\n if (this.props.className) {\n return \"form-search \" + this.props.className\n } else {\n return \"form-search\"\n }\n }\n\n render() {\n return (\n \n \n search\n
\n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Search from \"misago/components/quick-search\"\nimport UsersList from \"misago/components/users-list\"\nimport misago from \"misago/index\"\nimport { hydrate, append } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport title from \"misago/services/page-title\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../Toolbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.setSpecialProps()\n\n if (misago.has(this.PRELOADED_DATA_KEY)) {\n this.initWithPreloadedData(misago.pop(this.PRELOADED_DATA_KEY))\n } else {\n this.initWithoutPreloadedData()\n }\n }\n\n setSpecialProps() {\n this.PRELOADED_DATA_KEY = \"PROFILE_FOLLOWERS\"\n this.TITLE = gettext(\"Followers\")\n this.API_FILTER = \"followers\"\n }\n\n initWithPreloadedData(data) {\n this.state = {\n isLoaded: true,\n isBusy: false,\n\n search: \"\",\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n }\n\n store.dispatch(hydrate(data.results))\n }\n\n initWithoutPreloadedData() {\n this.state = {\n isLoaded: false,\n isBusy: false,\n\n search: \"\",\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n }\n\n this.loadUsers()\n }\n\n loadUsers(page = 1, search = null) {\n const apiUrl = this.props.profile.api[this.API_FILTER]\n\n ajax\n .get(\n apiUrl,\n {\n search: search,\n page: page || 1,\n },\n \"user-\" + this.API_FILTER\n )\n .then(\n (data) => {\n if (page === 1) {\n store.dispatch(hydrate(data.results))\n } else {\n store.dispatch(append(data.results))\n }\n\n this.setState({\n isLoaded: true,\n isBusy: false,\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n componentDidMount() {\n title.set({\n title: this.TITLE,\n parent: this.props.profile.username,\n })\n }\n\n loadMore = () => {\n this.setState({\n isBusy: true,\n })\n\n this.loadUsers(this.state.page + 1, this.state.search)\n }\n\n search = (ev) => {\n this.setState({\n isLoaded: false,\n isBusy: true,\n\n search: ev.target.value,\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n })\n\n this.loadUsers(1, ev.target.value)\n }\n\n getLabel() {\n if (!this.state.isLoaded) {\n return gettext(\"Loading...\")\n } else if (this.state.search) {\n let message = ngettext(\n \"Found %(users)s user.\",\n \"Found %(users)s users.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n users: this.state.count,\n },\n true\n )\n } else if (this.props.profile.id === this.props.user.id) {\n let message = ngettext(\n \"You have %(users)s follower.\",\n \"You have %(users)s followers.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n users: this.state.count,\n },\n true\n )\n } else {\n let message = ngettext(\n \"%(username)s has %(users)s follower.\",\n \"%(username)s has %(users)s followers.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n username: this.props.profile.username,\n users: this.state.count,\n },\n true\n )\n }\n }\n\n getEmptyMessage() {\n if (this.state.search) {\n return gettext(\"Search returned no users matching specified criteria.\")\n } else if (this.props.user.id === this.props.profile.id) {\n return gettext(\"You have no followers.\")\n } else {\n return interpolate(\n gettext(\"%(username)s has no followers.\"),\n {\n username: this.props.profile.username,\n },\n true\n )\n }\n }\n\n getMoreButton() {\n if (!this.state.more) return null\n\n return (\n \n \n {interpolate(\n gettext(\"Show more (%(more)s)\"),\n {\n more: this.state.more,\n },\n true\n )}\n \n
\n )\n }\n\n getListBody() {\n if (this.state.isLoaded && this.state.count === 0) {\n return {this.getEmptyMessage()}
\n }\n\n return (\n \n \n\n {this.getMoreButton()}\n
\n )\n }\n\n getClassName() {\n return \"profile-\" + this.API_FILTER\n }\n\n render() {\n return (\n \n \n \n \n {this.getLabel()}
\n \n \n \n \n \n \n \n \n\n {this.getListBody()}\n
\n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Search from \"misago/components/quick-search\"\nimport UsernameHistory from \"misago/components/username-history/root\"\nimport misago from \"misago/index\"\nimport { hydrate, append } from \"misago/reducers/username-history\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport title from \"misago/services/page-title\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../Toolbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n if (misago.has(\"PROFILE_NAME_HISTORY\")) {\n this.initWithPreloadedData(misago.pop(\"PROFILE_NAME_HISTORY\"))\n } else {\n this.initWithoutPreloadedData()\n }\n }\n\n initWithPreloadedData(data) {\n this.state = {\n isLoaded: true,\n isBusy: false,\n\n search: \"\",\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n }\n\n store.dispatch(hydrate(data.results))\n }\n\n initWithoutPreloadedData() {\n this.state = {\n isLoaded: false,\n isBusy: false,\n\n search: \"\",\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n }\n\n this.loadChanges()\n }\n\n loadChanges(page = 1, search = null) {\n ajax\n .get(\n misago.get(\"USERNAME_CHANGES_API\"),\n {\n user: this.props.profile.id,\n search: search,\n page: page || 1,\n },\n \"search-username-history\"\n )\n .then(\n (data) => {\n if (page === 1) {\n store.dispatch(hydrate(data.results))\n } else {\n store.dispatch(append(data.results))\n }\n\n this.setState({\n isLoaded: true,\n isBusy: false,\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n componentDidMount() {\n title.set({\n title: gettext(\"Username history\"),\n parent: this.props.profile.username,\n })\n }\n\n loadMore = () => {\n this.setState({\n isBusy: true,\n })\n\n this.loadChanges(this.state.page + 1, this.state.search)\n }\n\n search = (ev) => {\n this.setState({\n isLoaded: false,\n isBusy: true,\n\n search: ev.target.value,\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n })\n\n this.loadChanges(1, ev.target.value)\n }\n\n getLabel() {\n if (!this.state.isLoaded) {\n return gettext(\"Loading...\")\n } else if (this.state.search) {\n let message = ngettext(\n \"Found %(changes)s username change.\",\n \"Found %(changes)s username changes.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n changes: this.state.count,\n },\n true\n )\n } else if (this.props.profile.id === this.props.user.id) {\n let message = ngettext(\n \"Your username was changed %(changes)s time.\",\n \"Your username was changed %(changes)s times.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n changes: this.state.count,\n },\n true\n )\n } else {\n let message = ngettext(\n \"%(username)s's username was changed %(changes)s time.\",\n \"%(username)s's username was changed %(changes)s times.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n username: this.props.profile.username,\n changes: this.state.count,\n },\n true\n )\n }\n }\n\n getEmptyMessage() {\n if (this.state.search) {\n return gettext(\n \"Search returned no username changes matching specified criteria.\"\n )\n } else if (this.props.user.id === this.props.profile.id) {\n return gettext(\"No name changes have been recorded for your account.\")\n } else {\n return interpolate(\n gettext(\"%(username)s's username was never changed.\"),\n {\n username: this.props.profile.username,\n },\n true\n )\n }\n }\n\n getMoreButton() {\n if (!this.state.more) return null\n\n return (\n \n \n {interpolate(\n gettext(\"Show older (%(more)s)\"),\n {\n more: this.state.more,\n },\n true\n )}\n \n
\n )\n }\n\n render() {\n return (\n \n \n \n \n {this.getLabel()}
\n \n \n \n \n \n \n \n \n\n \n\n {this.getMoreButton()}\n
\n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport { patch } from \"misago/reducers/profile\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n }\n }\n\n getClassName() {\n if (this.props.profile.is_followed) {\n return this.props.className + \" btn-default btn-following\"\n } else {\n return this.props.className + \" btn-default btn-follow\"\n }\n }\n\n getIcon() {\n if (this.props.profile.is_followed) {\n return \"favorite\"\n } else {\n return \"favorite_border\"\n }\n }\n\n getLabel() {\n if (this.props.profile.is_followed) {\n return gettext(\"Following\")\n } else {\n return gettext(\"Follow\")\n }\n }\n\n action = () => {\n this.setState({\n isLoading: true,\n })\n\n if (this.props.profile.is_followed) {\n store.dispatch(\n patch({\n is_followed: false,\n followers: this.props.profile.followers - 1,\n })\n )\n } else {\n store.dispatch(\n patch({\n is_followed: true,\n followers: this.props.profile.followers + 1,\n })\n )\n }\n\n ajax.post(this.props.profile.api.follow).then(\n (data) => {\n this.setState({\n isLoading: false,\n })\n\n store.dispatch(patch(data))\n },\n (rejection) => {\n this.setState({\n isLoading: false,\n })\n snackbar.apiError(rejection)\n }\n )\n }\n\n render() {\n return (\n \n {this.getIcon()}\n {this.getLabel()}\n \n )\n }\n}\n","import React from \"react\"\nimport posting from \"misago/services/posting\"\nimport misago from \"misago\"\n\nexport default class extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"START_PRIVATE\",\n submit: misago.get(\"PRIVATE_THREADS_API\"),\n\n to: [this.props.profile],\n })\n }\n\n render() {\n const canMessage = this.props.user.acl.can_start_private_threads\n const isProfileOwner = this.props.user.id === this.props.profile.id\n\n if (!canMessage || isProfileOwner) return null\n\n return (\n \n comment\n {gettext(\"Message\")}\n \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport Loader from \"misago/components/modal-loader\"\nimport YesNoSwitch from \"misago/components/yes-no-switch\"\nimport ModalMessage from \"misago/components/modal-message\"\nimport { updateAvatar } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n isLoading: false,\n error: null,\n\n is_avatar_locked: \"\",\n avatar_lock_user_message: \"\",\n avatar_lock_staff_message: \"\",\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.profile.api.moderate_avatar).then(\n (options) => {\n this.setState({\n isLoaded: true,\n\n is_avatar_locked: options.is_avatar_locked,\n avatar_lock_user_message: options.avatar_lock_user_message || \"\",\n avatar_lock_staff_message: options.avatar_lock_staff_message || \"\",\n })\n },\n (rejection) => {\n this.setState({\n isLoaded: true,\n error: rejection.detail,\n })\n }\n )\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(this.validate().username[0])\n return false\n }\n }\n\n send() {\n return ajax.post(this.props.profile.api.moderate_avatar, {\n is_avatar_locked: this.state.is_avatar_locked,\n avatar_lock_user_message: this.state.avatar_lock_user_message,\n avatar_lock_staff_message: this.state.avatar_lock_staff_message,\n })\n }\n\n handleSuccess(apiResponse) {\n store.dispatch(updateAvatar(this.props.profile, apiResponse.avatar_hash))\n snackbar.success(gettext(\"Avatar controls have been changed.\"))\n }\n\n getFormBody() {\n return (\n \n )\n }\n\n getModalBody() {\n if (this.state.error) {\n return (\n \n )\n } else if (this.state.isLoaded) {\n return this.getFormBody()\n } else {\n return \n }\n }\n\n getClassName() {\n if (this.state.error) {\n return \"modal-dialog modal-message modal-avatar-controls\"\n } else {\n return \"modal-dialog modal-avatar-controls\"\n }\n }\n\n render() {\n return (\n \n
\n
\n \n ×\n \n {gettext(\"Avatar controls\")}
\n
\n {this.getModalBody()}\n
\n
\n
\n
\n \n ×\n \n {gettext(\"Change username\")}
\n
\n {this.getModalBody()}\n
\n
\n
\n info_outline\n
\n
\n
\n
\n
\n \n ×\n \n {gettext(\"Delete user account\")}
\n
\n {this.getModalBody()}\n
\n
\n {!!moderation.avatar && (\n - \n \n portrait\n {gettext(\"Avatar controls\")}\n \n
\n )}\n {!!moderation.rename && (\n - \n \n credit_card\n {gettext(\"Change username\")}\n \n
\n )}\n {!!moderation.delete && (\n - \n \n clear\n {gettext(\"Delete account\")}\n \n
\n )}\n
\n )\n }\n}\n","import React from \"react\"\nimport Status, { StatusIcon, StatusLabel } from \"../user-status\"\n\nconst ProfileDataList = ({ profile }) => (\n \n {profile.is_active === false && (\n - \n \n {gettext(\"Account disabled\")}\n \n
\n )}\n - \n \n \n \n \n
\n {profile.rank.is_tab ? (\n - \n \n {profile.rank.name}\n \n
\n ) : (\n - \n {profile.rank.name}\n
\n )}\n {(profile.title || profile.rank.title) && (\n - {profile.title || profile.rank.title}
\n )}\n - \n \n {interpolate(\n gettext(\"Joined %(joined_on)s\"),\n {\n joined_on: profile.joined_on.fromNow(),\n },\n true\n )}\n \n
\n {profile.email && (\n - \n \n {profile.email}\n \n
\n )}\n
\n)\n\nexport default ProfileDataList\n","import React from \"react\"\nimport Avatar from \"../avatar\"\nimport { FlexRow, FlexRowCol, FlexRowSection } from \"../FlexRow\"\nimport {\n PageHeader,\n PageHeaderBanner,\n PageHeaderContainer,\n PageHeaderDetails,\n} from \"../PageHeader\"\nimport FollowButton from \"./follow-button\"\nimport MessageButton from \"./message-button\"\nimport ModerationOptions from \"./moderation/nav\"\nimport ProfileDataList from \"./ProfileDataList\"\n\nconst ProfileHeader = ({ profile, user, moderation, message, follow }) => (\n \n \n \n \n
\n
{profile.username}
\n
\n \n settings\n {gettext(\"Options\")}\n \n \n
\n \n \n )}\n \n \n \n \n)\n\nconst ProfileModerationButton = () => (\n \n settings\n \n)\n\nexport default ProfileHeader\n","import React from \"react\"\nimport { Link } from \"react-router\"\nimport Li from \"misago/components/li\"\n\nconst ProfileNav = ({ baseUrl, page, pages }) => (\n \n
\n
\n {page.icon}\n {page.name}\n \n \n {pages.map((page) => (\n - \n \n {page.icon}\n {page.name}\n \n
\n ))}\n
\n \n
\n {pages.map((page) => (\n - \n \n {page.icon}\n {page.name}\n \n
\n ))}\n
\n
\n
\n
\n \n\n {this.props.children}\n \n
\n
\n
\n check\n
\n
\n
\n {gettext(\"Request another link\")}\n \n \n
\n
\n
\n check\n
\n
\n
\n {gettext(\"Request another link\")}\n \n \n
\n \n {gettext(\"Activate your account.\")}\n \n
\n )\n } else {\n return null\n }\n }\n\n render() {\n return (\n \n
\n
\n
\n info_outline\n
\n\n
\n
{gettext(\"Your account is inactive.\")}
\n
{this.props.message}
\n {this.getActivateButton()}\n
\n
\n
\n
\n
\n
\n
\n check\n
\n\n
\n
{this.getMessage()}
\n
\n {gettext(\n \"You will have to sign in using new password before continuing.\"\n )}\n
\n
\n \n {gettext(\"Sign in\")}\n \n
\n
\n
\n
\n
\n {props.providers.map((provider) => {\n return (\n \n {provider.icon}\n {provider.name}\n \n \n )\n })}\n
\n )\n}\n\nexport function Badge(props) {\n if (!props.results) return null\n\n let count = props.results.count\n if (count > 1000000) {\n count = Math.ceil(count / 1000000) + \"KK\"\n } else if (count > 1000) {\n count = Math.ceil(count / 1000) + \"K\"\n }\n\n return {count}\n}\n","import React from \"react\"\nimport PageContainer from \"../PageContainer\"\nimport SearchForm from \"./form\"\nimport SideNav from \"./sidenav\"\n\nexport default function (props) {\n return (\n \n
\n
\n \n
\n \n
\n
\n {props.children}\n \n
\n
\n
\n \n {gettext(\"Show more\")}\n \n
\n )\n }\n}\n","import React from \"react\"\nimport SearchPage from \"../page\"\nimport Results from \"./results\"\n\nexport default function (props) {\n return (\n \n \n \n \n \n )\n}\n\nexport function Blankslate({ children, loading, posts, query }) {\n if (posts && posts.count) return children\n\n if (query.length) {\n return (\n \n {loading\n ? gettext(\"Loading results...\")\n : gettext(\"No threads matching search query have been found.\")}\n
\n )\n }\n\n return (\n \n {gettext(\"Enter at least two characters to search threads.\")}\n
\n )\n}\n","import React from \"react\"\nimport SearchPage from \"../page\"\nimport UsersList from \"misago/components/users-list\"\n\nexport default function (props) {\n return (\n \n \n \n \n \n )\n}\n\nexport function Blankslate({ children, loading, query, users }) {\n if (users.length) return children\n\n if (query.length) {\n return (\n \n {loading\n ? gettext(\"Loading results...\")\n : gettext(\"No users matching search query have been found.\")}\n
\n )\n }\n\n return (\n \n {gettext(\"Enter at least two characters to search users.\")}\n
\n )\n}\n","import { connect } from \"react-redux\"\nimport SearchThreads from \"./threads\"\nimport SearchUsers from \"./users\"\n\nconst components = {\n threads: SearchThreads,\n users: SearchUsers,\n}\n\nexport function select(store) {\n return {\n posts: store.posts,\n search: store.search,\n tick: store.tick.tick,\n user: store.auth.user,\n users: store.users,\n }\n}\n\nexport default function (providers) {\n return providers.map((provider) => {\n return {\n path: provider.url,\n component: connect(select)(components[provider.id]),\n provider: provider,\n }\n })\n}\n","import paths from \"misago/components/search\"\nimport misago from \"misago\"\nimport mount from \"misago/utils/routed-component\"\n\nexport default function initializer(context) {\n if (context.get(\"CURRENT_LINK\") === \"misago:search\") {\n mount({\n paths: paths(misago.get(\"SEARCH_PROVIDERS\")),\n })\n }\n}\n\nmisago.addInitializer({\n name: \"component:search\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\n\nconst TYPES_CLASSES = {\n info: \"alert-info\",\n success: \"alert-success\",\n warning: \"alert-warning\",\n error: \"alert-danger\",\n}\n\nexport class Snackbar extends React.Component {\n getSnackbarClass() {\n let snackbarClass = \"alerts-snackbar\"\n if (this.props.isVisible) {\n snackbarClass += \" in\"\n } else {\n snackbarClass += \" out\"\n }\n return snackbarClass\n }\n\n render() {\n return (\n \n
\n {this.props.message}\n
\n
{pageTitle}
\n \n \n \n )\n}\n\nexport default Header\n","import React from \"react\"\nimport misago from \"misago\"\nimport RegisterLegalFootnote from \"misago/components/RegisterLegalFootnote\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\nimport PageContainer from \"../PageContainer\"\nimport Header from \"./header\"\n\nexport default class Register extends Form {\n constructor(props) {\n super(props)\n\n const formValidators = {\n email: [validators.email()],\n username: [validators.usernameContent()],\n }\n\n if (!!misago.get(\"TERMS_OF_SERVICE_ID\")) {\n formValidators.termsOfService = [validators.requiredTermsOfService()]\n }\n\n if (!!misago.get(\"PRIVACY_POLICY_ID\")) {\n formValidators.privacyPolicy = [validators.requiredPrivacyPolicy()]\n }\n\n this.state = {\n email: props.email || \"\",\n emailProtected: !!props.email,\n username: props.username || \"\",\n\n termsOfService: null,\n privacyPolicy: null,\n\n validators: formValidators,\n errors: {},\n\n isLoading: false,\n }\n }\n\n clean() {\n let errors = this.validate()\n let lengths = [\n this.state.email.trim().length,\n this.state.username.trim().length,\n ]\n\n if (lengths.indexOf(0) !== -1) {\n snackbar.error(gettext(\"Fill out all fields.\"))\n return false\n }\n\n const { validators } = this.state\n\n const checkTermsOfService = !!misago.get(\"TERMS_OF_SERVICE_ID\")\n if (checkTermsOfService && this.state.termsOfService === null) {\n snackbar.error(validators.termsOfService[0](null))\n return false\n }\n\n const checkPrivacyPolicy = !!misago.get(\"PRIVACY_POLICY_ID\")\n if (checkPrivacyPolicy && this.state.privacyPolicy === null) {\n snackbar.error(validators.privacyPolicy[0](null))\n snackbar.error(gettext(\"You need to accept the privacy policy.\"))\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.url, {\n email: this.state.email,\n username: this.state.username,\n terms_of_service: this.state.termsOfService,\n privacy_policy: this.state.privacyPolicy,\n })\n }\n\n handleSuccess(response) {\n const { onRegistrationComplete } = this.props\n onRegistrationComplete(response)\n }\n\n handleError(rejection) {\n if (rejection.status === 200) {\n // We've entered \"errored\" state because response is HTML instead of exptected JSON\n const { onRegistrationComplete } = this.props\n const { username } = this.state\n onRegistrationComplete({ activation: \"active\", step: \"done\", username })\n } else if (rejection.status === 400) {\n const stateUpdate = { errors: rejection }\n if (rejection.email) {\n stateUpdate.emailProtected = false\n }\n this.setState(stateUpdate)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n handlePrivacyPolicyChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"privacyPolicy\", value)\n }\n\n handleTermsOfServiceChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"termsOfService\", value)\n }\n\n handleToggleAgreement = (agreement, value) => {\n this.setState((prevState, props) => {\n if (prevState[agreement] === null) {\n const errors = { ...prevState.errors, [agreement]: null }\n return { errors, [agreement]: value }\n }\n\n const validator = this.state.validators[agreement][0]\n const errors = { ...prevState.errors, [agreement]: [validator(null)] }\n return { errors, [agreement]: null }\n })\n }\n\n render() {\n const { backend_name } = this.props\n const { email, emailProtected, username, isLoading } = this.state\n\n let emailHelpText = null\n if (emailProtected) {\n const emailHelpTextTpl = gettext(\n \"Your e-mail address has been verified by %(backend)s.\"\n )\n emailHelpText = interpolate(\n emailHelpTextTpl,\n { backend: backend_name },\n true\n )\n }\n\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago\"\nimport PageContainer from \"../PageContainer\"\nimport Header from \"./header\"\n\nconst Complete = ({ activation, backend_name, username }) => {\n let icon = \"\"\n let message = \"\"\n if (activation === \"user\") {\n message = gettext(\n \"%(username)s, your account has been created but you need to activate it before you will be able to sign in.\"\n )\n } else if (activation === \"admin\") {\n message = gettext(\n \"%(username)s, your account has been created but board administrator will have to activate it before you will be able to sign in.\"\n )\n } else {\n message = gettext(\n \"%(username)s, your account has been created and you have been signed in to it.\"\n )\n }\n\n if (activation === \"active\") {\n icon = \"check\"\n } else {\n icon = \"info_outline\"\n }\n\n return (\n \n
\n
\n \n
\n
\n
\n
\n {gettext(\"Registration completed!\")}\n
\n \n
\n
\n {icon}\n
\n
\n
\n {interpolate(message, { username }, true)}\n
\n
\n \n {gettext(\"Return to forum index\")}\n \n
\n
\n
\n
\n
\n
\n
\n \n ×\n \n {gettext(\"Add participant\")}
\n
\n )\n}\n","import React from \"react\"\nimport AddParticipantModal from \"misago/components/add-participant\"\nimport modal from \"misago/services/modal\"\n\nexport default class extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.thread.acl.can_add_participants) return null\n\n return (\n \n \n person_add\n {gettext(\"Add participant\")}\n \n
\n )\n }\n}\n","import React from \"react\"\nimport { changeOwner } from \"./actions\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.isUser = props.participant.id === props.user.id\n }\n\n onClick = () => {\n let confirmed = false\n if (this.isUser) {\n confirmed = window.confirm(\n gettext(\"Are you sure you want to take over this thread?\")\n )\n } else {\n const message = gettext(\n \"Are you sure you want to change thread owner to %(user)s?\"\n )\n confirmed = window.confirm(\n interpolate(\n message,\n {\n user: this.props.participant.username,\n },\n true\n )\n )\n }\n\n if (!confirmed) return\n\n changeOwner(this.props.thread, this.props.participant)\n }\n\n render() {\n if (this.props.participant.is_owner) return null\n if (!this.props.thread.acl.can_change_owner) return null\n\n return (\n \n \n \n )\n }\n}\n","import * as participants from \"misago/reducers/participants\"\nimport { updateAcl } from \"misago/reducers/thread\"\nimport misago from \"misago\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport function leave(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"remove\", path: \"participants\", value: participant.id },\n ])\n .then(\n () => {\n snackbar.success(gettext(\"You have left this thread.\"))\n window.setTimeout(() => {\n window.location = misago.get(\"PRIVATE_THREADS_URL\")\n }, 3 * 1000)\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n\nexport function remove(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"remove\", path: \"participants\", value: participant.id },\n { op: \"add\", path: \"acl\", value: 1 },\n ])\n .then(\n (data) => {\n store.dispatch(updateAcl(data))\n store.dispatch(participants.replace(data.participants))\n\n const message = gettext(\"%(user)s has been removed from this thread.\")\n snackbar.success(\n interpolate(\n message,\n {\n user: participant.username,\n },\n true\n )\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n\nexport function changeOwner(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"replace\", path: \"owner\", value: participant.id },\n { op: \"add\", path: \"acl\", value: 1 },\n ])\n .then(\n (data) => {\n store.dispatch(updateAcl(data))\n store.dispatch(participants.replace(data.participants))\n\n const message = gettext(\"%(user)s has been made new thread owner.\")\n snackbar.success(\n interpolate(\n message,\n {\n user: participant.username,\n },\n true\n )\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n","import React from \"react\"\nimport { remove, leave } from \"./actions\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.isUser = props.participant.id === props.user.id\n }\n\n onClick = () => {\n let confirmed = false\n if (this.isUser) {\n confirmed = window.confirm(\n gettext(\"Are you sure you want to leave this thread?\")\n )\n } else {\n const message = gettext(\n \"Are you sure you want to remove %(user)s from this thread?\"\n )\n confirmed = window.confirm(\n interpolate(\n message,\n {\n user: this.props.participant.username,\n },\n true\n )\n )\n }\n\n if (!confirmed) return\n\n if (this.isUser) {\n leave(this.props.thread, this.props.participant)\n } else {\n remove(this.props.thread, this.props.participant)\n }\n }\n\n render() {\n const isModerator = this.props.user.acl.can_moderate_private_threads\n\n if (!(this.props.userIsOwner || this.isUser || isModerator)) return null\n\n return (\n \n \n \n )\n }\n}\n","import React from \"react\"\nimport MakeOwner from \"./make-owner\"\nimport Remove from \"./remove\"\nimport Avatar from \"misago/components/avatar\"\n\nexport default function (props) {\n const participant = props.participant\n\n let className = \"btn btn-default\"\n if (participant.is_owner) {\n className = \"btn btn-primary\"\n }\n className += \" btn-user btn-block\"\n\n return (\n \n
\n
\n \n {participant.username}\n \n \n \n
\n
\n {participants.map((participant) => {\n return (\n \n )\n })}\n
\n
\n
\n
\n
\n
\n
\n
{utils.getParticipantsCopy(props.participants)}
\n
\n
\n
\n
\n {props.poll.choices.map((choice) => {\n return (\n
\n )\n })}\n
\n - {props.choice.label}
\n - \n
\n
\n \n {getVotesLabel(props.votes, props.proc)}\n \n \n
\n )\n}\n\nexport function ChoiceVotes(props) {\n return (\n \n {getVotesLabel(props.votes, props.proc)}\n \n )\n}\n\nexport function getVotesLabel(votes, proc) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s vote, %(proc)s% of total.\",\n \"%(votes)s votes, %(proc)s% of total.\",\n votes\n )\n\n return interpolate(\n message,\n {\n votes: votes,\n proc: proc,\n },\n true\n )\n}\n\nexport function UserChoice(props) {\n if (!props.selected) return null\n\n return (\n \n check_box\n {pgettext(\"thread poll\", \"You've voted on this choice.\")}\n \n )\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Message from \"misago/components/modal-message\"\nimport Loader from \"misago/components/modal-loader\"\nimport ajax from \"misago/services/ajax\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: true,\n error: null,\n data: [],\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.poll.api.votes).then(\n (data) => {\n const hydratedData = data.map((choice) => {\n return Object.assign({}, choice, {\n voters: choice.voters.map((voter) => {\n return Object.assign({}, voter, {\n voted_on: moment(voter.voted_on),\n })\n }),\n })\n })\n\n this.setState({\n isLoading: false,\n data: hydratedData,\n })\n },\n (rejection) => {\n this.setState({\n isLoading: false,\n error: rejection.detail,\n })\n }\n )\n }\n\n render() {\n return (\n \n \n
\n \n ×\n \n \n {pgettext(\"thread poll\", \"Poll votes\")}\n
\n
\n\n
\n
\n
\n {props.data.map((choice) => {\n return \n })}\n
\n
{props.label}
\n \n \n
\n \n )\n}\n\nexport function VotesCount(props) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s user has voted for this choice.\",\n \"%(votes)s users have voted for this choice.\",\n props.votes\n )\n\n const label = interpolate(\n message,\n {\n votes: props.votes,\n },\n true\n )\n\n return {label}
\n}\n\nexport function VotesList(props) {\n if (!props.voters.length) return null\n\n return (\n \n {props.voters.map((user) => {\n return \n })}\n
\n )\n}\n\nexport function Voter(props) {\n if (props.url) {\n return (\n \n \n {props.username}\n {\" \"}\n \n \n )\n }\n\n return (\n \n {props.username} \n \n )\n}\n\nexport function VoteDate(props) {\n return (\n \n {props.voted_on.fromNow()}\n \n )\n}\n","import React from \"react\"\nimport Modal from \"./modal\"\nimport * as poll from \"misago/reducers/poll\"\nimport * as thread from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default function (props) {\n const { isPollOver, poll, showVoting, thread } = props\n\n if (!isVisible(isPollOver, poll.acl, poll)) return null\n\n const controls = []\n\n const canVote = poll.acl.can_vote\n const canChangeVote = !poll.hasSelectedChoices || poll.allow_revotes\n\n if (canVote && canChangeVote) controls.push(0)\n if (poll.is_public || poll.acl.can_see_votes) controls.push(1)\n if (poll.acl.can_edit) controls.push(2)\n if (poll.acl.can_delete) controls.push(3)\n\n return (\n \n \n \n \n \n
\n )\n}\n\nexport function isVisible(isPollOver, acl, poll) {\n return (\n poll.is_public ||\n acl.can_delete ||\n acl.can_edit ||\n acl.can_see_votes ||\n (acl.can_vote &&\n !isPollOver &&\n (!poll.hasSelectedChoices || poll.allow_revotes))\n )\n}\n\nexport function getClassName(controls, control) {\n let className = \"col-xs-6\"\n\n if (controls.length === 1) {\n className = \"col-xs-12\"\n }\n\n if (controls.length === 3 && controls[0] === control) {\n className = \"col-xs-12\"\n }\n\n return className + \" col-sm-3 col-md-2\"\n}\n\nexport function ChangeVote(props) {\n const canVote = props.poll.acl.can_vote\n const canChangeVote =\n !props.poll.hasSelectedChoices || props.poll.allow_revotes\n\n if (!(canVote && canChangeVote)) return null\n\n return (\n \n \n {pgettext(\"thread poll\", \"Vote\")}\n \n
\n )\n}\n\nexport class SeeVotes extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const seeVotes =\n this.props.poll.is_public || this.props.poll.acl.can_see_votes\n if (!seeVotes) return null\n\n return (\n \n \n {pgettext(\"thread poll\", \"See votes\")}\n \n
\n )\n }\n}\n\nexport function Edit(props) {\n if (!props.poll.acl.can_edit) return null\n\n return (\n \n \n {pgettext(\"thread poll\", \"Edit\")}\n \n
\n )\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n const deletePoll = window.confirm(\n pgettext(\n \"thread poll\",\n \"Are you sure you want to delete this poll? This action is not reversible.\"\n )\n )\n if (!deletePoll) return false\n\n store.dispatch(poll.busy())\n\n ajax\n .delete(this.props.poll.api.index)\n .then(this.handleSuccess, this.handleError)\n }\n\n handleSuccess = (newThreadAcl) => {\n snackbar.success(pgettext(\"thread poll\", \"Poll has been deleted\"))\n store.dispatch(poll.remove())\n store.dispatch(thread.updateAcl(newThreadAcl))\n }\n\n handleError = (rejection) => {\n snackbar.apiError(rejection)\n store.dispatch(poll.release())\n }\n\n render() {\n if (!this.props.poll.acl.can_delete) return null\n\n return (\n \n \n {pgettext(\"thread poll\", \"Delete\")}\n \n
\n )\n }\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n \n )\n}\n\nexport function PollCreation(props) {\n const message = interpolate(\n escapeHtml(pgettext(\"thread poll\", \"Started by %(poster)s %(posted_on)s.\")),\n {\n poster: getPoster(props.poll),\n posted_on: getPostedOn(props.poll),\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function getPoster(poll) {\n if (poll.url.poster) {\n return interpolate(\n USER_URL,\n {\n url: escapeHtml(poll.url.poster),\n user: escapeHtml(poll.poster_name),\n },\n true\n )\n }\n\n return interpolate(\n USER_SPAN,\n {\n user: escapeHtml(poll.poster_name),\n },\n true\n )\n}\n\nexport function getPostedOn(poll) {\n return interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(poll.posted_on.format(\"LLL\")),\n relative: escapeHtml(poll.posted_on.fromNow()),\n },\n true\n )\n}\n\nexport function PollLength(props) {\n if (!props.poll.length) {\n return null\n }\n\n const message = interpolate(\n escapeHtml(pgettext(\"thread poll\", \"Voting ends %(ends_on)s.\")),\n {\n ends_on: getEndsOn(props.poll),\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function getEndsOn(poll) {\n return interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(poll.endsOn.format(\"LLL\")),\n relative: escapeHtml(poll.endsOn.fromNow()),\n },\n true\n )\n}\n\nexport function PollVotes(props) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s vote.\",\n \"%(votes)s votes.\",\n props.votes\n )\n const label = interpolate(\n message,\n {\n votes: props.votes,\n },\n true\n )\n\n return {label}\n}\n\nexport function PollIsPublic(props) {\n if (!props.poll.is_public) {\n return null\n }\n\n return (\n \n {pgettext(\"thread poll\", \"Voting is public.\")}\n \n )\n}\n","import React from \"react\"\nimport Chart from \"./chart\"\nimport Options from \"./options\"\nimport PollInfo from \"../info\"\n\nexport default function (props) {\n return (\n \n
\n
{props.poll.question}
\n
\n
\n
\n
\n
\n {props.choices.map((choice) => {\n return (\n \n )\n })}\n
\n )\n}\n\nexport class ChoiceSelect extends React.Component {\n onClick = () => {\n this.props.toggleChoice(this.props.choice.hash)\n }\n\n render() {\n return (\n \n \n \n {this.props.choice.selected\n ? \"check_box\"\n : \"check_box_outline_blank\"}\n \n {this.props.choice.label}\n \n \n )\n }\n}\n","export function getChoiceFromHash(choices, hash) {\n for (const i in choices) {\n const choice = choices[i]\n if (choice.hash === hash) {\n return choice\n }\n }\n\n return null\n}\n\nexport function getChoicesLeft(poll, choices) {\n let selection = []\n for (const i in choices) {\n const choice = choices[i]\n if (choice.selected) {\n selection.push(choice)\n }\n }\n\n return poll.allowed_choices - selection.length\n}\n","import React from \"react\"\nimport ChoicesHelp from \"./help\"\nimport ChoicesSelect from \"./select\"\nimport { getChoicesLeft, getChoiceFromHash } from \"./utils\"\nimport PollInfo from \"../info\"\nimport { Delete, Edit, getClassName } from \"../results/options\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport * as poll from \"misago/reducers/poll\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n choices: props.poll.choices,\n choicesLeft: getChoicesLeft(props.poll, props.poll.choices),\n }\n }\n\n toggleChoice = (hash) => {\n const choice = getChoiceFromHash(this.state.choices, hash)\n\n let choices = null\n if (!choice.selected) {\n choices = this.selectChoice(choice, hash)\n } else {\n choices = this.deselectChoice(choice, hash)\n }\n\n this.setState({\n choices,\n choicesLeft: getChoicesLeft(this.props.poll, choices),\n })\n }\n\n selectChoice = (choice, hash) => {\n const choicesLeft = getChoicesLeft(this.props.poll, this.state.choices)\n\n if (!choicesLeft) {\n for (const i in this.state.choices.slice()) {\n const item = this.state.choices[i]\n if (item.selected && item.hash != hash) {\n item.selected = false\n break\n }\n }\n }\n\n return this.state.choices.map((choice) => {\n return Object.assign({}, choice, {\n selected: choice.hash == hash ? true : choice.selected,\n })\n })\n }\n\n deselectChoice = (choice, hash) => {\n return this.state.choices.map((choice) => {\n return Object.assign({}, choice, {\n selected: choice.hash == hash ? false : choice.selected,\n })\n })\n }\n\n clean() {\n if (this.state.choicesLeft === this.props.poll.allowed_choices) {\n snackbar.error(gettext(\"You need to select at least one choice\"))\n return false\n }\n\n return true\n }\n\n send() {\n let data = []\n for (const i in this.state.choices.slice()) {\n const item = this.state.choices[i]\n if (item.selected) {\n data.push(item.hash)\n }\n }\n\n return ajax.post(this.props.poll.api.votes, data)\n }\n\n handleSuccess(data) {\n store.dispatch(poll.replace(data))\n snackbar.success(gettext(\"Your vote has been saved.\"))\n\n this.props.showResults()\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n const controls = []\n\n if (this.props.poll.acl.can_vote) controls.push(0)\n if (this.props.poll.is_public || this.props.poll.acl.can_see_votes)\n controls.push(1)\n if (this.props.poll.acl.can_edit) controls.push(2)\n if (this.props.poll.acl.can_delete) controls.push(3)\n\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Results from \"./results\"\nimport Voting from \"./voting\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n let showResults = true\n if (props.user.id && !props.poll.hasSelectedChoices) {\n showResults = false\n }\n\n this.state = {\n showResults,\n }\n }\n\n showResults = () => {\n this.setState({\n showResults: true,\n })\n }\n\n showVoting = () => {\n this.setState({\n showResults: false,\n })\n }\n\n render() {\n if (!this.props.thread.poll) return null\n\n const isPollOver = getIsPollOver(this.props.poll)\n\n if (\n !isPollOver &&\n this.props.poll.acl.can_vote &&\n !this.state.showResults\n ) {\n return \n } else {\n return (\n \n )\n }\n }\n}\n\nexport function getIsPollOver(poll) {\n if (poll.length) {\n return moment().isAfter(poll.endsOn)\n }\n return false\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n onAdd = () => {\n let choices = this.props.choices.slice()\n choices.push({\n hash: generateRandomHash(),\n label: \"\",\n })\n\n this.props.setChoices(choices)\n }\n\n onChange = (hash, label) => {\n const choices = this.props.choices.map((choice) => {\n if (choice.hash === hash) {\n choice.label = label\n }\n\n return choice\n })\n this.props.setChoices(choices)\n }\n\n onDelete = (hash) => {\n const choices = this.props.choices.filter((choice) => {\n return choice.hash !== hash\n })\n this.props.setChoices(choices)\n }\n\n render() {\n return (\n \n
\n {this.props.choices.map((choice) => {\n return (\n 2}\n choice={choice}\n disabled={this.props.disabled}\n key={choice.hash}\n onChange={this.onChange}\n onDelete={this.onDelete}\n />\n )\n })}\n
\n
\n {pgettext(\"thread poll\", \"Add choice\")}\n \n \n \n \n \n
\n )\n}\n","import React from \"react\"\n\nconst ICON = {\n changed_title: \"edit\",\n\n pinned_globally: \"bookmark\",\n pinned_locally: \"bookmark_border\",\n unpinned: \"panorama_fish_eye\",\n\n moved: \"arrow_forward\",\n merged: \"call_merge\",\n\n approved: \"done\",\n\n opened: \"lock_open\",\n closed: \"lock_outline\",\n\n unhid: \"visibility\",\n hid: \"visibility_off\",\n\n changed_owner: \"grade\",\n tookover: \"grade\",\n\n added_participant: \"person_add\",\n\n owner_left: \"person_outline\",\n participant_left: \"person_outline\",\n removed_participant: \"remove_circle_outline\",\n}\n\nconst EventIcon = (props) => (\n \n {ICON[props.post.event_type]}\n \n)\n\nexport default EventIcon\n","import React from \"react\"\nimport moment from \"moment\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default function (props) {\n if (isVisible(props.post.acl)) {\n return (\n \n \n \n \n \n )\n } else {\n return null\n }\n}\n\nexport function isVisible(acl) {\n return acl.can_hide\n}\n\nexport class Hide extends React.Component {\n onClick = () => {\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: true,\n hidden_on: moment(),\n hidden_by_name: this.props.user.username,\n url: Object.assign(this.props.post.url, {\n hidden_by: this.props.user.url,\n }),\n })\n )\n\n const op = { op: \"replace\", path: \"is-hidden\", value: true }\n\n ajax.patch(this.props.post.api.index, [op]).then(\n (patch) => {\n store.dispatch(post.patch(this.props.post, patch))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: false,\n })\n )\n }\n )\n }\n\n render() {\n if (!this.props.post.is_hidden) {\n return (\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Unhide extends React.Component {\n onClick = () => {\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: false,\n })\n )\n\n const op = { op: \"replace\", path: \"is-hidden\", value: false }\n\n ajax.patch(this.props.post.api.index, [op]).then(\n (patch) => {\n store.dispatch(post.patch(this.props.post, patch))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: true,\n })\n )\n }\n )\n }\n\n render() {\n if (this.props.post.is_hidden) {\n return (\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n const decision = window.confirm(\n gettext(\n \"Are you sure you wish to delete this event? This action is not reversible!\"\n )\n )\n if (decision) {\n this.delete()\n }\n }\n\n delete = () => {\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: true,\n })\n )\n\n ajax.delete(this.props.post.api.index).then(\n () => {\n snackbar.success(gettext(\"Event has been deleted.\"))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: false,\n })\n )\n }\n )\n }\n\n render() {\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\nimport Controls from \"./controls\"\n\nconst DATE_ABBR = '%(relative)s'\nconst DATE_URL = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n \n )\n}\n\nexport function Hidden(props) {\n if (props.post.is_hidden) {\n let user = null\n if (props.post.url.hidden_by) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.post.url.hidden_by),\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(props.post.hidden_on.format(\"LLL\")),\n relative: escapeHtml(props.post.hidden_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(gettext(\"Hidden by %(event_by)s %(event_on)s.\")),\n {\n event_by: user,\n event_on: date,\n },\n true\n )\n\n return (\n \n )\n } else {\n return null\n }\n}\n\nexport function Poster(props) {\n let user = null\n if (props.post.poster) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.post.poster.url),\n user: escapeHtml(props.post.poster_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.post.poster_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_URL,\n {\n url: escapeHtml(props.post.url.index),\n absolute: escapeHtml(props.post.posted_on.format(\"LLL\")),\n relative: escapeHtml(props.post.posted_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(gettext(\"By %(event_by)s %(event_on)s.\")),\n {\n event_by: user,\n event_on: date,\n },\n true\n )\n\n return (\n \n )\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst MESSAGE = {\n pinned_globally: gettext(\"Thread has been pinned globally.\"),\n pinned_locally: gettext(\"Thread has been pinned locally.\"),\n unpinned: gettext(\"Thread has been unpinned.\"),\n\n approved: gettext(\"Thread has been approved.\"),\n\n opened: gettext(\"Thread has been opened.\"),\n closed: gettext(\"Thread has been closed.\"),\n\n unhid: gettext(\"Thread has been revealed.\"),\n hid: gettext(\"Thread has been made hidden.\"),\n\n tookover: gettext(\"Took thread over.\"),\n\n owner_left: gettext(\"Owner has left thread. This thread is now closed.\"),\n participant_left: gettext(\"Participant has left thread.\"),\n}\n\nconst ITEM_LINK = '%(name)s'\nconst ITEM_SPAN = '%(name)s'\n\nexport default function (props) {\n if (MESSAGE[props.post.event_type]) {\n return {MESSAGE[props.post.event_type]}
\n } else if (props.post.event_type === \"changed_title\") {\n return \n } else if (props.post.event_type === \"moved\") {\n return \n } else if (props.post.event_type === \"merged\") {\n return \n } else if (props.post.event_type === \"changed_owner\") {\n return \n } else if (props.post.event_type === \"added_participant\") {\n return \n } else if (props.post.event_type === \"removed_participant\") {\n return \n } else {\n return null\n }\n}\n\nexport function ChangedTitle(props) {\n const msgstring = escapeHtml(\n gettext(\"Thread title has been changed from %(old_title)s.\")\n )\n const oldTitle = interpolate(\n ITEM_SPAN,\n {\n name: escapeHtml(props.post.event_context.old_title),\n },\n true\n )\n const message = interpolate(\n msgstring,\n {\n old_title: oldTitle,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function Moved(props) {\n const msgstring = escapeHtml(\n gettext(\"Thread has been moved from %(from_category)s.\")\n )\n const fromCategory = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.from_category.url),\n name: escapeHtml(props.post.event_context.from_category.name),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n from_category: fromCategory,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function Merged(props) {\n const msgstring = escapeHtml(\n gettext(\"The %(merged_thread)s thread has been merged into this thread.\")\n )\n const mergedThread = interpolate(\n ITEM_SPAN,\n {\n name: escapeHtml(props.post.event_context.merged_thread),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n merged_thread: mergedThread,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function ChangedOwner(props) {\n const msgstring = escapeHtml(gettext(\"Changed thread owner to %(user)s.\"))\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function AddedParticipant(props) {\n const msgstring = escapeHtml(gettext(\"Added %(user)s to thread.\"))\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function RemovedParticipant(props) {\n const msgstring = escapeHtml(gettext(\"Removed %(user)s from thread.\"))\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n","import React from \"react\"\n\nexport default function ({ post }) {\n if (post.is_read) return null\n\n return (\n \n {gettext(\"New event\")}\n
\n )\n}\n","import React from \"react\"\nimport * as post from \"misago/reducers/post\"\nimport * as thread from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n /*\n Super naive and de-facto placeholder implementation for reading posts on scroll\n */\n componentDidMount() {\n if (this.props.post.is_read) return // don't register read tracker\n\n $(this.element).waypoint({\n handler: (direction) => {\n if (direction !== \"down\" || this.props.post.is_read) return\n\n // after 1500ms run flag post as read logic\n window.setTimeout(() => {\n // check if post's bottom edge is still in viewport\n const boundingClientRect = this.element.getBoundingClientRect()\n const offsetBottom =\n boundingClientRect.height + boundingClientRect.top\n const clientHeight = document.documentElement.clientHeight\n\n if (offsetBottom < 5) return // scrolled past the post\n if (offsetBottom > clientHeight) return // scrolled back up\n\n // mark post as read\n store.dispatch(\n post.patch(this.props.post, {\n is_read: true,\n })\n )\n\n // call API to let it know we have unread post\n ajax.post(this.props.post.api.read).then(\n (data) => {\n store.dispatch(\n thread.update(this.props.thread, {\n is_read: data.thread_is_read,\n })\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }, 1000)\n },\n offset: \"bottom-in-view\",\n })\n }\n\n render() {\n return (\n {\n if (node) this.element = node\n }}\n >\n {this.props.children}\n \n )\n }\n}\n","import React from \"react\"\nimport Icon from \"./icon\"\nimport Info from \"./info\"\nimport Message from \"./message\"\nimport UnreadLabel from \"./unread-label\"\nimport Waypoint from \"../waypoint\"\n\nexport default function (props) {\n let className = \"event\"\n if (props.post.isDeleted) {\n className = \"hide\"\n } else if (props.post.is_hidden) {\n className = \"event post-hidden\"\n }\n\n return (\n \n \n \n \n )\n}\n","import React from \"react\"\nimport misago from \"misago\"\nimport escapeHtml from \"misago/utils/escape-html\"\nimport formatFilesize from \"misago/utils/file-size\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n \n
\n
\n
\n {props.attachment.filename}\n \n \n \n
\n {batch(props.post.attachments, 2).map((row) => {\n const key = row\n .map((a) => {\n return a ? a.id : 0\n })\n .join(\"_\")\n return |
\n })}\n
\n )\n}\n\nexport function isVisible(post) {\n return (!post.is_hidden || post.acl.can_see_hidden) && post.attachments\n}\n\nexport function Row(props) {\n return (\n \n {props.row.map((attachment) => {\n return (\n
\n )\n })}\n
\n {gettext(\"This post is hidden. You cannot see its contents.\")}\n
\n \n \n )\n}\n\nexport function Invalid(props) {\n return (\n \n \n {gettext(\"This post's contents cannot be displayed.\")}\n
\n \n {gettext(\"This error is caused by invalid post content manipulation.\")}\n
\n \n )\n}\n","import React from \"react\"\n\nexport function FlagBestAnswer({ post, thread, user }) {\n if (!(isVisible(post) && post.id === thread.best_answer)) {\n return null\n }\n\n let message = null\n if (user.id && thread.best_answer_marked_by === user.id) {\n message = interpolate(\n gettext(\"Marked as best answer by you %(marked_on)s.\"),\n {\n marked_on: thread.best_answer_marked_on.fromNow(),\n },\n true\n )\n } else {\n message = interpolate(\n gettext(\"Marked as best answer by %(marked_by)s %(marked_on)s.\"),\n {\n marked_by: thread.best_answer_marked_by_name,\n marked_on: thread.best_answer_marked_on.fromNow(),\n },\n true\n )\n }\n\n return (\n \n
check_box\n
{message}
\n
\n
visibility_off\n
\n {gettext(\n \"This post is hidden. Only users with permission may see its contents.\"\n )}\n
\n
\n
remove_circle_outline\n
\n {gettext(\n \"This post is unapproved. Only users with permission to approve posts and its author may see its contents.\"\n )}\n
\n
\n
lock_outline\n
{gettext(\"This post is protected. Only moderators may change it.\")}
\n
\n
\n
\n \n ×\n \n {title}
\n
\n {children}\n
\n
\n
\n {props.likes.map((like) => {\n return \n })}\n
\n
\n {props.username} \n
\n \n )\n}\n\nexport function LikeDate(props) {\n return (\n \n {props.likedOn.fromNow()}\n \n )\n}\n","import React from \"react\"\nimport * as actions from \"./controls/actions\"\nimport LikesModal from \"misago/components/post-likes\"\nimport modal from \"misago/services/modal\"\nimport posting from \"misago/services/posting\"\n\nexport default function (props) {\n if (!isVisible(props.post)) return null\n\n return (\n \n \n \n \n \n \n \n
\n \n
\n )\n}\n\nexport function isVisible(post) {\n return (\n (!post.is_hidden || post.acl.can_see_hidden) &&\n (post.acl.can_reply ||\n post.acl.can_edit ||\n (post.acl.can_see_likes && (post.last_likes || []).length) ||\n post.acl.can_like)\n )\n}\n\nexport class MarkAsBestAnswer extends React.Component {\n onClick = () => {\n actions.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n \n check_box\n {pgettext(\"post control\", \"Best answer\")}\n \n )\n }\n}\n\nexport class MarkAsBestAnswerCompact extends React.Component {\n onClick = () => {\n actions.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n \n check_box\n \n )\n }\n}\n\nexport class Like extends React.Component {\n onClick = () => {\n if (this.props.post.is_liked) {\n actions.unlike(this.props)\n } else {\n actions.like(this.props)\n }\n }\n\n render() {\n if (!this.props.post.acl.can_like) return null\n\n let className = \"btn btn-default btn-sm pull-left\"\n if (this.props.post.is_liked) {\n className = \"btn btn-success btn-sm pull-left\"\n }\n\n return (\n \n {this.props.post.is_liked ? gettext(\"Liked\") : gettext(\"Like\")}\n \n )\n }\n}\n\nexport class Likes extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const hasLikes = (this.props.post.last_likes || []).length > 0\n if (!this.props.post.acl.can_see_likes || !hasLikes) return null\n\n if (this.props.post.acl.can_see_likes === 2) {\n return (\n \n {getLikesMessage(this.props.likes, this.props.lastLikes)}\n \n )\n }\n\n return (\n \n {getLikesMessage(this.props.likes, this.props.lastLikes)}\n
\n )\n }\n}\n\nexport class LikesCompact extends Likes {\n render() {\n const hasLikes = (this.props.post.last_likes || []).length > 0\n if (!this.props.post.acl.can_see_likes || !hasLikes) return null\n\n if (this.props.post.acl.can_see_likes === 2) {\n return (\n \n favorite\n {this.props.likes}\n \n )\n }\n\n return (\n \n favorite\n {this.props.likes}\n
\n )\n }\n}\n\nexport function getLikesMessage(likes, users) {\n const usernames = users.slice(0, 3).map((u) => u.username)\n\n if (usernames.length == 1) {\n return interpolate(\n gettext(\"%(user)s likes this.\"),\n {\n user: usernames[0],\n },\n true\n )\n }\n\n const hiddenLikes = likes - usernames.length\n\n const otherUsers = usernames.slice(0, -1).join(\", \")\n const lastUser = usernames.slice(-1)[0]\n\n const usernamesList = interpolate(\n gettext(\"%(users)s and %(last_user)s\"),\n {\n users: otherUsers,\n last_user: lastUser,\n },\n true\n )\n\n if (hiddenLikes === 0) {\n return interpolate(\n gettext(\"%(users)s like this.\"),\n {\n users: usernamesList,\n },\n true\n )\n }\n\n const message = ngettext(\n \"%(users)s and %(likes)s other user like this.\",\n \"%(users)s and %(likes)s other users like this.\",\n hiddenLikes\n )\n\n return interpolate(\n message,\n {\n users: usernames.join(\", \"),\n likes: hiddenLikes,\n },\n true\n )\n}\n\nexport class Reply extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"REPLY\",\n\n thread: this.props.thread,\n config: this.props.thread.api.editor,\n submit: this.props.thread.api.posts.index,\n })\n }\n\n render() {\n if (this.props.post.acl.can_reply) {\n return (\n \n {pgettext(\"post control\", \"Reply\")}\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Quote extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"QUOTE\",\n\n thread: this.props.thread,\n config: this.props.thread.api.editor,\n submit: this.props.thread.api.posts.index,\n\n context: {\n reply: this.props.post.id,\n },\n })\n }\n\n render() {\n if (this.props.post.acl.can_reply) {\n return (\n \n {pgettext(\"post control\", \"Quote\")}\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Edit extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"EDIT\",\n\n thread: this.props.thread,\n post: this.props.post,\n config: this.props.post.api.editor,\n submit: this.props.post.api.index,\n })\n }\n\n render() {\n if (this.props.post.acl.can_edit) {\n return (\n \n {pgettext(\"post control\", \"Edit\")}\n \n )\n } else {\n return null\n }\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n url: \"\",\n\n validators: {\n url: [],\n },\n errors: {},\n }\n }\n\n clean() {\n if (!this.state.url.trim().length) {\n snackbar.error(gettext(\"You have to enter link to the other thread.\"))\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.thread.api.posts.move, {\n new_thread: this.state.url,\n posts: [this.props.post.id],\n })\n }\n\n handleSuccess(success) {\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: true,\n })\n )\n\n modal.hide()\n\n snackbar.success(gettext(\"Selected post was moved to the other thread.\"))\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onUrlChange = (event) => {\n this.changeValue(\"url\", event.target.value)\n }\n\n render() {\n return (\n \n )\n }\n}\n\nexport function ModalHeader(props) {\n return (\n \n \n ×\n \n {gettext(\"Move post\")}
\n
\n )\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n \n
\n {props.diff.map((item, i) => {\n return \n })}\n
\n
\n \n {gettext(\"Revert\")}\n \n
\n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default class extends React.Component {\n goLast = () => {\n this.props.goToEdit()\n }\n\n goForward = () => {\n this.props.goToEdit(this.props.edit.next)\n }\n\n goBack = () => {\n this.props.goToEdit(this.props.edit.previous)\n }\n\n revertEdit = () => {\n this.props.revertEdit(this.props.edit.id)\n }\n\n render() {\n return (\n \n
\n
\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n \n
\n
\n
\n
\n \n {gettext(\"Revert\")}\n \n
\n )\n}\n\nexport function Label(props) {\n let user = null\n if (props.edit.url.editor) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.edit.url.editor),\n user: escapeHtml(props.edit.editor_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.edit.editor_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(props.edit.edited_on.format(\"LLL\")),\n relative: escapeHtml(props.edit.edited_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(gettext(\"By %(edited_by)s %(edited_on)s.\")),\n {\n edited_by: user,\n edited_on: date,\n },\n true\n )\n\n return \n}\n","import moment from \"moment\"\n\nexport function hydrateEdit(json) {\n return Object.assign({}, json, {\n edited_on: moment(json.edited_on),\n })\n}\n","import React from \"react\"\nimport Diff from \"./diff\"\nimport Footer from \"./footer\"\nimport Toolbar from \"./toolbar\"\nimport { hydrateEdit } from \"./utils\"\nimport Message from \"misago/components/modal-message\"\nimport Loader from \"misago/components/modal-loader\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isBusy: true,\n\n canRevert: props.post.acl.can_edit,\n\n error: null,\n edit: null,\n }\n }\n\n componentDidMount() {\n this.goToEdit()\n }\n\n goToEdit = (edit = null) => {\n this.setState({\n isBusy: true,\n })\n\n let url = this.props.post.api.edits\n if (edit !== null) {\n url += \"?edit=\" + edit\n }\n\n ajax.get(url).then(\n (data) => {\n this.setState({\n isReady: true,\n isBusy: false,\n edit: hydrateEdit(data),\n })\n },\n (rejection) => {\n this.setState({\n isReady: true,\n isBusy: false,\n error: rejection.detail,\n })\n }\n )\n }\n\n revertEdit = (edit) => {\n if (this.state.isBusy) return\n\n const confirmation = window.confirm(\n gettext(\n \"Are you sure you with to revert this post to the state from before this edit?\"\n )\n )\n if (!confirmation) return\n\n this.setState({\n isBusy: true,\n })\n\n const url = this.props.post.api.edits + \"?edit=\" + edit\n ajax.post(url).then(\n (data) => {\n const hydratedPost = post.hydrate(data)\n store.dispatch(post.patch(data, hydratedPost))\n\n snackbar.success(gettext(\"Post has been reverted to previous state.\"))\n modal.hide()\n },\n (rejection) => {\n snackbar.apiError(rejection)\n\n this.setState({\n isBusy: false,\n })\n }\n )\n }\n\n render() {\n if (this.state.error) {\n return (\n \n \n \n )\n } else if (this.state.isReady) {\n return (\n \n \n \n \n \n )\n }\n\n return (\n \n \n \n )\n }\n}\n\nexport function ModalDialog(props) {\n return (\n \n
\n
\n \n ×\n \n {gettext(\"Post edits history\")}
\n
\n {props.children}\n
\n
\n info_outline\n
\n \n
\n {gettext(\"You can't move this post at the moment.\")}\n
\n
{props.message}
\n
\n
\n
\n \n ×\n \n \n {gettext(\"Split post into new thread\")}\n
\n
\n {props.children}\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n )\n}\n\nexport class Permalink extends React.Component {\n onClick = () => {\n let permaUrl = window.location.protocol + \"//\"\n permaUrl += window.location.host\n permaUrl += this.props.post.url.index\n\n prompt(gettext(\"Permament link to this post:\"), permaUrl)\n }\n\n render() {\n return (\n \n \n \n )\n }\n}\n\nexport class Edit extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"EDIT\",\n\n thread: this.props.thread,\n post: this.props.post,\n config: this.props.post.api.editor,\n submit: this.props.post.api.index,\n })\n }\n\n render() {\n if (!this.props.post.acl.can_edit) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class MarkAsBestAnswer extends React.Component {\n onClick = () => {\n moderation.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (post.id === thread.best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class UnmarkMarkBestAnswer extends React.Component {\n onClick = () => {\n moderation.unmarkBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id !== thread.best_answer) return null\n if (!thread.acl.can_unmark_best_answer) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class PostEdits extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const isHidden =\n this.props.post.is_hidden && !this.props.post.acl.can_see_hidden\n const isUnedited = this.props.post.edits === 0\n if (isHidden || isUnedited) return null\n\n const message = ngettext(\n \"This post was edited %(edits)s time.\",\n \"This post was edited %(edits)s times.\",\n this.props.post.edits\n )\n\n const title = interpolate(\n message,\n {\n edits: this.props.post.edits,\n },\n true\n )\n\n return (\n \n \n \n )\n }\n}\n\nexport class Approve extends React.Component {\n onClick = () => {\n moderation.approve(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_approve) return null\n if (!this.props.post.is_unapproved) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Move extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.post.acl.can_move) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Split extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.post.acl.can_move) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Protect extends React.Component {\n onClick = () => {\n moderation.protect(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_protect) return null\n if (this.props.post.is_protected) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Unprotect extends React.Component {\n onClick = () => {\n moderation.unprotect(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_protect) return null\n if (!this.props.post.is_protected) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Hide extends React.Component {\n onClick = () => {\n moderation.hide(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id === thread.best_answer) return null\n if (!post.acl.can_hide) return null\n if (post.is_hidden) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Unhide extends React.Component {\n onClick = () => {\n moderation.unhide(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_unhide) return null\n if (!this.props.post.is_hidden) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n moderation.remove(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id === thread.best_answer) return null\n if (!post.acl.can_delete) return null\n\n return (\n \n \n \n )\n }\n}\n","import React from \"react\"\nimport Dropdown from \"./dropdown\"\n\nexport default function (props) {\n return (\n \n \n expand_more\n \n \n
\n )\n}\n","import React from \"react\"\nimport * as posts from \"misago/reducers/posts\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n onClick = () => {\n if (this.props.post.isSelected) {\n store.dispatch(posts.deselect(this.props.post))\n } else {\n store.dispatch(posts.select(this.props.post))\n }\n }\n\n render() {\n if (\n !(this.props.thread.acl.can_merge_posts || isVisible(this.props.post.acl))\n ) {\n return null\n }\n\n return (\n \n \n \n {this.props.post.isSelected\n ? \"check_box\"\n : \"check_box_outline_blank\"}\n \n \n
\n )\n }\n}\n\nexport function isVisible(acl) {\n return (\n acl.can_approve ||\n acl.can_hide ||\n acl.can_protect ||\n acl.can_unhide ||\n acl.can_delete ||\n acl.can_move\n )\n}\n","import React from \"react\"\nimport Controls from \"./controls\"\nimport Select from \"./select\"\nimport {\n StatusIcon,\n getStatusClassName,\n getStatusDescription,\n} from \"misago/components/user-status\"\nimport PostChangelog from \"misago/components/post-changelog\"\nimport modal from \"misago/services/modal\"\n\nexport default function (props) {\n return (\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {post.poster_name}\n\n \n {gettext(\"Removed user\")}\n \n
\n
\n
{userTitle}
\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Controls from \"misago/components/posts-list/post/controls\"\nimport Select from \"misago/components/posts-list/post/select\"\nimport UserStatus, { StatusIcon } from \"misago/components/user-status\"\nimport UserPostcount from \"./user-postcount\"\nimport UserStatusLabel from \"./user-status\"\nimport UserTitle from \"./user-title\"\n\nexport default function ({ post, thread }) {\n const { poster } = post\n\n return (\n \n )\n}\n","import React from \"react\"\nimport Anonymous from \"./anonymous\"\nimport Registered from \"./registered\"\n\nexport default function (props) {\n if (props.post.poster) {\n return \n }\n\n return \n}\n","import React from \"react\"\nimport Attachments from \"./attachments\"\nimport Body from \"./body\"\nimport {\n FlagBestAnswer,\n FlagHidden,\n FlagUnapproved,\n FlagProtected,\n} from \"./flags\"\nimport Footer from \"./footer\"\nimport Header from \"./header\"\nimport PostSide from \"./post-side\"\n\nexport default function (props) {\n let className = \"post\"\n if (props.post.isDeleted) {\n className = \"hide\"\n } else if (props.post.is_hidden && !props.post.acl.can_see_hidden) {\n className = \"post post-hidden\"\n }\n\n if (props.post.poster && props.post.poster.rank.css_class) {\n className += \" post-\" + props.post.poster.rank.css_class\n }\n\n if (!props.post.is_read) {\n className += \" post-new\"\n }\n\n return (\n \n \n
\n
\n
\n \n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n
\n \n \n
\n \n \n
\n \n \n \n \n
\n
\n
\n
\n {props.posts.results.map((post) => {\n return \n })}\n
\n )\n}\n\nexport function ListItem(props) {\n if (props.post.is_event) {\n return \n }\n\n return \n}\n","import React from \"react\"\nimport Avatar from \"./avatar\"\n\nconst ThreadStarterCard = ({ thread }) => (\n \n
\n {thread.starter ? (\n
\n \n \n ) : (\n
\n )}\n
\n
\n
\n {thread.starter ? (\n
\n {thread.starter.username}\n \n ) : (\n \n {thread.starter_name}\n \n )}\n \n
\n \n {thread.started_on.fromNow()}\n \n
\n
\n
\n \n ×\n \n {gettext(\"Change title\")}
\n
\n )\n}\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport MergeConflict from \"misago/components/merge-conflict\"\nimport * as thread from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n url: \"\",\n\n validators: {\n url: [],\n },\n errors: {},\n }\n }\n\n clean() {\n if (!this.state.url.trim().length) {\n snackbar.error(gettext(\"You have to enter link to the other thread.\"))\n return false\n }\n\n return true\n }\n\n send() {\n // freeze thread\n store.dispatch(thread.busy())\n\n return ajax.post(this.props.thread.api.merge, {\n other_thread: this.state.url,\n })\n }\n\n handleSuccess = (success) => {\n this.handleSuccessUnmounted(success)\n\n // keep form loading\n this.setState({\n isLoading: true,\n })\n }\n\n handleSuccessUnmounted = (success) => {\n snackbar.success(gettext(\"Thread has been merged with other one.\"))\n window.location = success.url\n }\n\n handleError = (rejection) => {\n store.dispatch(thread.release())\n\n if (rejection.status === 400) {\n if (rejection.best_answers || rejection.polls) {\n modal.show(\n \n )\n } else if (rejection.best_answer) {\n snackbar.error(rejection.best_answer[0])\n } else if (rejection.poll) {\n snackbar.error(rejection.poll[0])\n } else {\n snackbar.error(rejection.detail)\n }\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onUrlChange = (event) => {\n this.changeValue(\"url\", event.target.value)\n }\n\n render() {\n return (\n \n )\n }\n}\n\nexport function ModalHeader(props) {\n return (\n \n \n ×\n \n {gettext(\"Merge thread\")}
\n
\n )\n}\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport CategorySelect from \"misago/components/category-select\"\nimport ModalLoader from \"misago/components/modal-loader\"\nimport * as posts from \"misago/reducers/posts\"\nimport * as thread from \"misago/reducers/thread\"\nimport misago from \"misago\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isLoading: false,\n isError: false,\n\n category: null,\n categories: [],\n }\n }\n\n componentDidMount() {\n ajax.get(misago.get(\"THREAD_EDITOR_API\")).then(\n (data) => {\n let category = null\n\n // hydrate categories, extract posting options\n const categories = data.map((item) => {\n // pick first category that allows posting and if it may, override it with initial one\n if (item.post !== false && !category) {\n category = item.id\n }\n\n return Object.assign(item, {\n disabled: item.post === false,\n label: item.name,\n value: item.id,\n })\n })\n\n this.setState({\n isReady: true,\n\n category,\n categories,\n })\n },\n (rejection) => {\n this.setState({\n isError: rejection.detail,\n })\n }\n )\n }\n\n send() {\n // freeze thread\n store.dispatch(thread.busy())\n\n return ajax.patch(this.props.thread.api.index, [\n { op: \"replace\", path: \"category\", value: this.state.category },\n ])\n }\n\n handleSuccess() {\n // refresh thread and displayed posts\n ajax\n .get(this.props.thread.api.posts.index, { page: this.props.posts.page })\n .then(\n (data) => {\n store.dispatch(thread.replace(data))\n store.dispatch(posts.load(data.post_set))\n store.dispatch(thread.release())\n\n snackbar.success(gettext(\"Thread has been moved.\"))\n modal.hide()\n },\n (rejection) => {\n store.dispatch(thread.release())\n snackbar.apiError(rejection)\n }\n )\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onCategoryChange = (event) => {\n this.changeValue(\"category\", event.target.value)\n }\n\n render() {\n if (this.state.isReady) {\n return (\n \n )\n } else if (this.state.isError) {\n return \n } else {\n return \n }\n }\n}\n\nexport function ModalHeader(props) {\n return (\n \n \n ×\n \n {gettext(\"Move thread\")}
\n
\n )\n}\n\nexport function ModalLoading(props) {\n return (\n \n )\n}\n\nexport function ModalMessage(props) {\n return (\n \n
\n
\n
\n info_outline\n
\n
\n
\n {gettext(\"You can't move this thread at the moment.\")}\n
\n
{props.message}
\n
\n {gettext(\"Ok\")}\n \n \n
\n
\n {!!moderation.edit && (\n - \n \n edit\n {gettext(\"Change title\")}\n \n
\n )}\n {!!moderation.pinGlobally && (\n - \n \n bookmark\n {gettext(\"Pin globally\")}\n \n
\n )}\n {!!moderation.pinLocally && (\n - \n \n bookmark_border\n {gettext(\"Pin locally\")}\n \n
\n )}\n {!!moderation.unpin && (\n - \n \n
\n )}\n {!!moderation.move && (\n - \n \n
\n )}\n {!!moderation.merge && (\n - \n \n
\n )}\n {!!moderation.approve && (\n - \n \n done\n {gettext(\"Approve\")}\n \n
\n )}\n {!!moderation.open && (\n - \n \n
\n )}\n {!!moderation.close && (\n - \n \n
\n )}\n {!!moderation.unhide && (\n - \n \n visibility\n {gettext(\"Unhide\")}\n \n
\n )}\n {!!moderation.hide && (\n - \n \n
\n )}\n {!!moderation.delete && (\n - \n \n clear\n {gettext(\"Delete\")}\n \n
\n )}\n
\n )\n }\n}\n","import ThreadModerationOptions from \"./controls\"\n\nexport default ThreadModerationOptions\n","import React from \"react\"\nimport ThreadModerationOptions from \"./moderation/thread\"\n\nconst ThreadModeration = ({ thread, posts, moderation }) => (\n \n \n settings\n \n \n
\n)\n\nexport default ThreadModeration\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport * as actions from \"../../reducers/thread\"\nimport ajax from \"../../services/ajax\"\nimport snackbar from \"../../services/snackbar\"\nimport store from \"../../services/store\"\n\nconst ThreadSubscriptionButton = ({ stickToBottom, thread }) => (\n \n
\n {getIcon(thread.subscription)}\n {getLabel(thread.subscription)}\n \n \n \n \n \n \n \n \n \n \n \n \n {thread.title}
\n \n \n \n \n \n \n \n \n {thread.replies > 0 && (\n \n \n \n )}\n {hasFlags(thread) && (\n \n \n \n )}\n \n {user.is_authenticated && (\n \n \n \n \n {moderation.enabled && (\n \n \n \n )}\n \n )}\n \n \n \n \n)\n\nconst hasFlags = (thread) => {\n return (\n thread.is_closed ||\n thread.is_hidden ||\n thread.is_unapproved ||\n thread.weight > 0 ||\n thread.best_answer ||\n thread.has_poll ||\n thread.has_unapproved_posts\n )\n}\n\nexport default ThreadHeader\n","import ThreadHeader from \"./ThreadHeader\"\n\nexport default ThreadHeader\n","import React from \"react\"\nimport { Link } from \"react-router\"\n\nconst ThreadPagination = ({ baseUrl, posts }) => (\n \n {posts.isLoaded && posts.first ? (\n \n first_page\n \n ) : (\n \n first_page\n \n )}\n {posts.isLoaded && posts.previous ? (\n 1 ? posts.previous + \"/\" : \"\")}\n title={gettext(\"Go to previous page\")}\n >\n chevron_left\n \n ) : (\n \n chevron_left\n \n )}\n {posts.isLoaded && posts.next ? (\n \n chevron_right\n \n ) : (\n \n chevron_right\n \n )}\n {posts.isLoaded && posts.last ? (\n \n last_page\n \n ) : (\n \n last_page\n \n )}\n
\n)\n\nexport default ThreadPagination\n","import React from \"react\"\n\nconst ThreadPostsLeft = ({ posts }) => {\n if (posts.more) {\n return (\n \n {interpolate(\n ngettext(\n \"There is %(more)s more post in this thread.\",\n \"There are %(more)s more posts in this thread.\",\n posts.more\n ),\n { more: posts.more },\n true\n )}\n
\n )\n }\n\n return {gettext(\"There are no more posts in this thread.\")}
\n}\n\nexport default ThreadPostsLeft\n","import React from \"react\"\n\nexport default function ({ errors, posts }) {\n return (\n \n
\n
\n \n ×\n \n {gettext(\"Moderation\")}
\n
\n
\n
\n {gettext(\"One or more posts could not be changed:\")}\n
\n\n
\n {errors.map((post) => {\n return (\n \n )\n })}\n
\n
\n
\n
{heading}:
\n {errors.map((error, i) => {\n return {error}
\n })}\n \n )\n}\n","import moment from \"moment\"\nimport React from \"react\"\nimport * as post from \"misago/reducers/post\"\nimport * as posts from \"misago/reducers/posts\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport ErrorsList from \"./errors-list\"\n\nexport function approve(props) {\n const { selection } = props\n\n const ops = [{ op: \"replace\", path: \"is-unapproved\", value: false }]\n\n const newState = selection.map((post) => {\n return {\n id: post.id,\n is_unapproved: false,\n }\n })\n\n const previousState = selection.map((post) => {\n return {\n id: post.id,\n is_unapproved: post.is_unapproved,\n }\n })\n\n patch(props, ops, newState, previousState)\n}\n\nexport function protect(props) {\n const { selection } = props\n\n const ops = [{ op: \"replace\", path: \"is-protected\", value: true }]\n\n const newState = selection.map((post) => {\n return {\n id: post.id,\n is_protected: true,\n }\n })\n\n const previousState = selection.map((post) => {\n return {\n id: post.id,\n is_protected: post.is_protected,\n }\n })\n\n patch(props, ops, newState, previousState)\n}\n\nexport function unprotect(props) {\n const { selection } = props\n\n const ops = [{ op: \"replace\", path: \"is-protected\", value: false }]\n\n const newState = selection.map((post) => {\n return {\n id: post.id,\n is_protected: false,\n }\n })\n\n const previousState = selection.map((post) => {\n return {\n id: post.id,\n is_protected: post.is_protected,\n }\n })\n\n patch(props, ops, newState, previousState)\n}\n\nexport function hide(props) {\n const { selection } = props\n\n const ops = [{ op: \"replace\", path: \"is-hidden\", value: true }]\n\n const newState = selection.map((post) => {\n return {\n id: post.id,\n is_hidden: true,\n hidden_on: moment(),\n hidden_by_name: props.user.username,\n url: Object.assign(post.url, {\n hidden_by: props.user.url,\n }),\n }\n })\n\n const previousState = selection.map((post) => {\n return {\n id: post.id,\n is_hidden: post.is_hidden,\n hidden_on: post.hidden_on,\n hidden_by_name: post.hidden_by_name,\n url: post.url,\n }\n })\n\n patch(props, ops, newState, previousState)\n}\n\nexport function unhide(props) {\n const { selection } = props\n\n const ops = [{ op: \"replace\", path: \"is-hidden\", value: false }]\n\n const newState = selection.map((post) => {\n return {\n id: post.id,\n is_hidden: false,\n hidden_on: moment(),\n hidden_by_name: props.user.username,\n url: Object.assign(post.url, {\n hidden_by: props.user.url,\n }),\n }\n })\n\n const previousState = selection.map((post) => {\n return {\n id: post.id,\n is_hidden: post.is_hidden,\n hidden_on: post.hidden_on,\n hidden_by_name: post.hidden_by_name,\n url: post.url,\n }\n })\n\n patch(props, ops, newState, previousState)\n}\n\nexport function patch(props, ops, newState, previousState) {\n const { selection, thread } = props\n\n // patch selected items\n newState.forEach((item) => {\n post.patch(item, item)\n })\n\n // deselect all the things\n store.dispatch(posts.deselectAll())\n\n // call ajax\n const data = {\n ops,\n\n ids: selection.map((post) => {\n return post.id\n }),\n }\n\n ajax.patch(thread.api.posts.index, data).then(\n (data) => {\n data.forEach((item) => {\n store.dispatch(post.patch(item, item))\n })\n },\n (rejection) => {\n if (rejection.status !== 400) {\n // rollback all\n previousState.forEach((item) => {\n store.dispatch(post.patch(item, item))\n })\n return snackbar.apiError(rejection)\n }\n\n let errors = []\n let rollback = []\n\n rejection.forEach((item) => {\n if (item.detail) {\n errors.push(item)\n rollback.push(item.id)\n } else {\n store.dispatch(post.patch(item, item))\n }\n\n previousState.forEach((item) => {\n if (rollback.indexOf(item) !== -1) {\n store.dispatch(post.patch(item, item))\n }\n })\n })\n\n let posts = {}\n selection.forEach((item) => {\n posts[item.id] = item\n })\n\n modal.show()\n }\n )\n}\n\nexport function merge(props) {\n let confirmed = window.confirm(\n gettext(\n \"Are you sure you want to merge selected posts? This action is not reversible!\"\n )\n )\n if (!confirmed) {\n return\n }\n\n props.selection.slice(1).map((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: true,\n })\n )\n })\n\n ajax\n .post(props.thread.api.posts.merge, {\n posts: props.selection.map((post) => post.id),\n })\n .then(\n (data) => {\n store.dispatch(post.patch(data, post.hydrate(data)))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n\n props.selection.slice(1).map((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: false,\n })\n )\n })\n }\n )\n\n store.dispatch(posts.deselectAll())\n}\n\nexport function remove(props) {\n let confirmed = window.confirm(\n gettext(\n \"Are you sure you want to delete selected posts? This action is not reversible!\"\n )\n )\n if (!confirmed) {\n return\n }\n\n props.selection.map((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: true,\n })\n )\n })\n\n const ids = props.selection.map((post) => {\n return post.id\n })\n\n ajax.delete(props.thread.api.posts.index, ids).then(\n () => {\n return\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n\n props.selection.map((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: false,\n })\n )\n })\n }\n )\n\n store.dispatch(posts.deselectAll())\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n url: \"\",\n\n validators: {\n url: [],\n },\n errors: {},\n }\n }\n\n clean() {\n if (!this.state.url.trim().length) {\n snackbar.error(gettext(\"You have to enter link to the other thread.\"))\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.thread.api.posts.move, {\n new_thread: this.state.url,\n posts: this.props.selection.map((post) => post.id),\n })\n }\n\n handleSuccess(success) {\n this.props.selection.forEach((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: true,\n })\n )\n })\n\n modal.hide()\n\n snackbar.success(gettext(\"Selected posts were moved to the other thread.\"))\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onUrlChange = (event) => {\n this.changeValue(\"url\", event.target.value)\n }\n\n render() {\n return (\n \n )\n }\n}\n\nexport function ModalHeader(props) {\n return (\n \n \n ×\n \n {gettext(\"Move posts\")}
\n
\n )\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport CategorySelect from \"misago/components/category-select\"\nimport ModalLoader from \"misago/components/modal-loader\"\nimport Select from \"misago/components/select\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport * as validators from \"misago/utils/validators\"\nimport ErrorsModal from \"./errors-list\"\n\nexport default function (props) {\n return \n}\n\nexport class PostingConfig extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n isError: false,\n\n categories: [],\n }\n }\n\n componentDidMount() {\n ajax.get(misago.get(\"THREAD_EDITOR_API\")).then(\n (data) => {\n // hydrate categories, extract posting options\n const categories = data.map((item) => {\n return Object.assign(item, {\n disabled: item.post === false,\n label: item.name,\n value: item.id,\n post: item.post,\n })\n })\n\n this.setState({\n isLoaded: true,\n categories,\n })\n },\n (rejection) => {\n this.setState({\n isError: rejection.detail,\n })\n }\n )\n }\n\n render() {\n if (this.state.isError) {\n return \n } else if (this.state.isLoaded) {\n return (\n \n )\n } else {\n return \n }\n }\n}\n\nexport class ModerationForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n title: \"\",\n category: null,\n categories: props.categories,\n weight: 0,\n is_hidden: 0,\n is_closed: false,\n\n validators: {\n title: [validators.required()],\n },\n\n errors: {},\n }\n\n this.isHiddenChoices = [\n {\n value: 0,\n icon: \"visibility\",\n label: gettext(\"No\"),\n },\n {\n value: 1,\n icon: \"visibility_off\",\n label: gettext(\"Yes\"),\n },\n ]\n\n this.isClosedChoices = [\n {\n value: false,\n icon: \"lock_outline\",\n label: gettext(\"No\"),\n },\n {\n value: true,\n icon: \"lock\",\n label: gettext(\"Yes\"),\n },\n ]\n\n this.acl = {}\n this.props.categories.forEach((category) => {\n if (category.post) {\n if (!this.state.category) {\n this.state.category = category.id\n }\n\n this.acl[category.id] = {\n can_pin_threads: category.post.pin,\n can_close_threads: category.post.close,\n can_hide_threads: category.post.hide,\n }\n }\n })\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({\n errors: this.validate(),\n })\n return false\n }\n }\n\n send() {\n return ajax.post(this.props.thread.api.posts.split, {\n title: this.state.title,\n category: this.state.category,\n weight: this.state.weight,\n is_hidden: this.state.is_hidden,\n is_closed: this.state.is_closed,\n posts: this.props.selection.map((post) => post.id),\n })\n }\n\n handleSuccess(apiResponse) {\n this.props.selection.forEach((selection) => {\n store.dispatch(\n post.patch(selection, {\n isDeleted: true,\n })\n )\n })\n\n modal.hide()\n\n snackbar.success(gettext(\"Selected posts were split into new thread.\"))\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n this.setState({\n errors: Object.assign({}, this.state.errors, rejection),\n })\n snackbar.error(gettext(\"Form contains errors.\"))\n } else if (rejection.status === 403 && Array.isArray(rejection)) {\n modal.show()\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onCategoryChange = (ev) => {\n const categoryId = ev.target.value\n const newState = {\n category: categoryId,\n }\n\n if (this.acl[categoryId].can_pin_threads < newState.weight) {\n newState.weight = 0\n }\n\n if (!this.acl[categoryId].can_hide_threads) {\n newState.is_hidden = 0\n }\n\n if (!this.acl[categoryId].can_close_threads) {\n newState.is_closed = false\n }\n\n this.setState(newState)\n }\n\n getWeightChoices() {\n const choices = [\n {\n value: 0,\n icon: \"remove\",\n label: gettext(\"Not pinned\"),\n },\n {\n value: 1,\n icon: \"bookmark_border\",\n label: gettext(\"Pinned locally\"),\n },\n ]\n\n if (this.acl[this.state.category].can_pin_threads == 2) {\n choices.push({\n value: 2,\n icon: \"bookmark\",\n label: gettext(\"Pinned globally\"),\n })\n }\n\n return choices\n }\n\n renderWeightField() {\n if (this.acl[this.state.category].can_pin_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderHiddenField() {\n if (this.acl[this.state.category].can_hide_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderClosedField() {\n if (this.acl[this.state.category].can_close_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n render() {\n return (\n \n \n \n )\n }\n}\n\nexport function Loader() {\n return (\n \n \n \n )\n}\n\nexport function Error(props) {\n return (\n \n \n info_outline\n
\n \n
\n {gettext(\"You can't move selected posts at the moment.\")}\n
\n
{props.message}
\n
\n
\n
\n
\n \n ×\n \n \n {gettext(\"Split posts into new thread\")}\n
\n
\n {props.children}\n
\n
\n \n \n \n \n \n \n \n \n \n
\n )\n}\n\nexport class Approve extends React.Component {\n onClick = () => {\n moderation.approve(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_approve && post.is_unapproved\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Merge extends React.Component {\n onClick = () => {\n moderation.merge(this.props)\n }\n\n render() {\n const isVisible =\n this.props.selection.length > 1 &&\n this.props.selection.find((post) => {\n return post.acl.can_merge\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Move extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_move\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Split extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_move\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Protect extends React.Component {\n onClick = () => {\n moderation.protect(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return !post.is_protected && post.acl.can_protect\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Unprotect extends React.Component {\n onClick = () => {\n moderation.unprotect(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.is_protected && post.acl.can_protect\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Hide extends React.Component {\n onClick = () => {\n moderation.hide(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_hide && !post.is_hidden\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Unhide extends React.Component {\n onClick = () => {\n moderation.unhide(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_unhide && post.is_hidden\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n moderation.remove(this.props)\n }\n\n render() {\n const isVisible = this.props.selection.find((post) => {\n return post.acl.can_delete\n })\n\n if (!isVisible) return null\n\n return (\n \n \n \n )\n }\n}\n","import React from \"react\"\nimport { ThreadPostsModerationOptions } from \"./moderation/posts\"\n\nconst ThreadPostsModeration = ({ thread, user, selection, dropup }) => (\n \n \n settings\n \n \n
\n)\n\nexport default ThreadPostsModeration\n","import React from \"react\"\n\nconst ThreadReplyButton = ({ onClick }) => (\n \n chat\n {gettext(\"Reply\")}\n \n)\n\nexport default ThreadReplyButton\n","import React from \"react\"\nimport { Toolbar, ToolbarItem, ToolbarSection, ToolbarSpacer } from \"../Toolbar\"\nimport ThreadPagination from \"./ThreadPagination\"\nimport ThreadPostsLeft from \"./ThreadPostsLeft\"\nimport ThreadPostsModeration from \"./ThreadPostsModeration\"\nimport ThreadReplyButton from \"./ThreadReplyButton\"\nimport ThreadSubscriptionButton from \"./ThreadSubscriptionButton\"\n\nconst ThreadToolbarBottom = ({\n thread,\n posts,\n user,\n selection,\n moderation,\n onReply,\n}) => (\n \n \n \n \n \n {moderation.enabled && (\n \n \n \n )}\n \n \n \n \n \n \n \n {user.is_authenticated && (\n \n \n \n \n {thread.acl.can_reply && (\n \n \n \n )}\n {moderation.enabled && (\n \n \n \n )}\n \n )}\n \n)\n\nexport default ThreadToolbarBottom\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst ThreadPollButton = ({ compact, disabled, onClick }) => (\n \n poll\n {!compact && gettext(\"Add poll\")}\n \n)\n\nexport default ThreadPollButton\n","import React from \"react\"\n\nconst ThreadShortcutsButton = ({ user, thread }) => (\n \n)\n\nexport default ThreadShortcutsButton\n","import React from \"react\"\nimport { Toolbar, ToolbarItem, ToolbarSection, ToolbarSpacer } from \"../Toolbar\"\nimport ThreadPagination from \"./ThreadPagination\"\nimport ThreadPollButton from \"./ThreadPollButton\"\nimport ThreadPostsModeration from \"./ThreadPostsModeration\"\nimport ThreadReplyButton from \"./ThreadReplyButton\"\nimport ThreadShortcutsButton from \"./ThreadShortcutsButton\"\n\nconst ThreadToolbarTop = ({\n thread,\n posts,\n user,\n pollDisabled,\n selection,\n moderation,\n onPoll,\n onReply,\n}) => (\n \n \n \n \n \n \n \n \n \n \n {thread.acl.can_start_poll && !thread.poll && (\n \n \n \n \n \n )}\n {thread.acl.can_reply ? (\n \n \n \n \n \n \n \n {thread.acl.can_start_poll && !thread.poll && (\n \n \n \n )}\n {moderation.enabled && (\n \n \n \n )}\n \n ) : (\n \n \n \n \n {thread.acl.can_start_poll && !thread.poll && (\n \n \n \n )}\n {moderation.enabled && (\n \n \n \n )}\n \n )}\n \n)\n\nexport default ThreadToolbarTop\n","import React from \"react\"\nimport Participants from \"misago/components/participants\"\nimport { Poll, PollForm } from \"misago/components/poll\"\nimport PostsList from \"misago/components/posts-list\"\nimport * as participants from \"misago/reducers/participants\"\nimport * as poll from \"misago/reducers/poll\"\nimport * as posts from \"misago/reducers/posts\"\nimport * as thread from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport polls from \"misago/services/polls\"\nimport snackbar from \"misago/services/snackbar\"\nimport posting from \"misago/services/posting\"\nimport store from \"misago/services/store\"\nimport title from \"misago/services/page-title\"\nimport { PostingQuoteSelection } from \"../posting\"\nimport PageContainer from \"../PageContainer\"\nimport ThreadHeader from \"./ThreadHeader\"\nimport ThreadToolbarBottom from \"./ThreadToolbarBottom\"\nimport ThreadToolbarTop from \"./ThreadToolbarTop\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n editPoll: false,\n }\n }\n\n componentDidMount() {\n if (this.shouldFetchData()) {\n this.fetchData()\n this.setPageTitle()\n }\n\n this.startPollingApi()\n }\n\n componentDidUpdate() {\n if (this.shouldFetchData()) {\n this.fetchData()\n this.startPollingApi()\n this.setPageTitle()\n }\n }\n\n componentWillUnmount() {\n this.stopPollingApi()\n }\n\n shouldFetchData() {\n if (this.props.posts.isLoaded) {\n const page = (this.props.params.page || 1) * 1\n return page != this.props.posts.page\n } else {\n return false\n }\n }\n\n fetchData() {\n store.dispatch(posts.unload())\n\n ajax\n .get(\n this.props.thread.api.posts.index,\n {\n page: this.props.params.page || 1,\n },\n \"posts\"\n )\n .then(\n (data) => {\n this.update(data)\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n startPollingApi() {\n polls.start({\n poll: \"thread-posts\",\n\n url: this.props.thread.api.posts.index,\n data: {\n page: this.props.params.page || 1,\n },\n update: this.update,\n\n frequency: 120 * 1000,\n delayed: true,\n })\n }\n\n stopPollingApi() {\n polls.stop(\"thread-posts\")\n }\n\n setPageTitle() {\n title.set({\n title: this.props.thread.title,\n parent: this.props.thread.category.name,\n page: (this.props.params.page || 1) * 1,\n })\n }\n\n update = (data) => {\n store.dispatch(thread.replace(data))\n store.dispatch(posts.load(data.post_set))\n\n if (data.participants) {\n store.dispatch(participants.replace(data.participants))\n }\n\n if (data.poll) {\n store.dispatch(poll.replace(data.poll))\n }\n\n this.setPageTitle()\n }\n\n openPollForm = () => {\n this.setState({ editPoll: true })\n }\n\n closePollForm = () => {\n this.setState({ editPoll: false })\n }\n\n openReplyForm = () => {\n posting.open({\n mode: \"REPLY\",\n\n thread: this.props.thread,\n config: this.props.thread.api.editor,\n submit: this.props.thread.api.posts.index,\n })\n }\n\n render() {\n const category = this.props.thread.category\n\n let className = \"page page-thread\"\n if (category.css_class) {\n className += \" page-thread-\" + category.css_class\n }\n\n const styleName =\n category.special_role === \"private_threads\"\n ? \"private-threads\"\n : category.css_class || \"category-threads\"\n\n const threadModeration = getThreadModeration(\n this.props.thread,\n this.props.user\n )\n\n const postsModeration = getPostsModeration(\n this.props.posts.results,\n this.props.user\n )\n const selection = this.props.posts.results.filter((post) => post.isSelected)\n\n return (\n \n
\n
\n \n \n {this.state.editPoll ? (\n \n ) : (\n \n )}\n {this.props.thread.acl.can_reply ? (\n \n \n \n ) : (\n \n )}\n \n \n
\n
\n {category && (\n \n label\n \n )}\n {category && category.short_name && (\n \n {category.short_name}\n \n )}\n {category ? (\n \n {category.name}\n \n ) : (\n allItems\n )}\n \n \n - \n {allItems}\n
\n \n {categories.map((choice) => (\n - \n \n \n label\n \n {choice.name}\n \n
\n ))}\n
\n \n
\n {list.longName}\n \n \n {lists.map((choice) => (\n - \n {choice.longName}\n
\n ))}\n
\n \n
\n
\n \n ×\n \n {gettext(\"Threads moderation\")}
\n
\n
\n
\n {gettext(\"One or more threads could not be deleted:\")}\n
\n\n
\n {this.props.errors.map((item) => {\n return (\n \n )\n })}\n
\n
\n
\n
{thread.title}
\n {errors.map((message, i) => {\n return {message}
\n })}\n \n )\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport CategorySelect from \"misago/components/category-select\"\nimport Select from \"misago/components/select\"\nimport misago from \"misago/index\"\nimport { filterThreads } from \"misago/reducers/threads\"\nimport * as select from \"misago/reducers/selection\"\nimport ErrorsModal from \"misago/components/threads/moderation/errors-list\"\nimport MergeConflict from \"misago/components/merge-conflict\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport * as validators from \"misago/utils/validators\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n title: \"\",\n category: null,\n weight: 0,\n is_hidden: 0,\n is_closed: false,\n\n validators: {\n title: [validators.required()],\n },\n\n errors: {},\n }\n\n this.acl = {}\n for (const i in props.user.acl.categories) {\n if (!props.user.acl.categories.hasOwnProperty(i)) {\n continue\n }\n\n const acl = props.user.acl.categories[i]\n this.acl[acl.id] = acl\n }\n\n this.categoryChoices = []\n props.categories.forEach((category) => {\n if (category.level > 0) {\n const acl = this.acl[category.id]\n const disabled =\n !acl.can_start_threads ||\n (category.is_closed && !acl.can_close_threads)\n\n this.categoryChoices.push({\n value: category.id,\n disabled: disabled,\n level: category.level - 1,\n label: category.name,\n })\n\n if (!disabled && !this.state.category) {\n this.state.category = category.id\n }\n }\n })\n\n this.isHiddenChoices = [\n {\n value: 0,\n icon: \"visibility\",\n label: gettext(\"No\"),\n },\n {\n value: 1,\n icon: \"visibility_off\",\n label: gettext(\"Yes\"),\n },\n ]\n\n this.isClosedChoices = [\n {\n value: false,\n icon: \"lock_outline\",\n label: gettext(\"No\"),\n },\n {\n value: true,\n icon: \"lock\",\n label: gettext(\"Yes\"),\n },\n ]\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({\n errors: this.validate(),\n })\n return false\n }\n }\n\n send() {\n return ajax.post(misago.get(\"MERGE_THREADS_API\"), this.getFormdata())\n }\n\n getFormdata = () => {\n return {\n threads: this.props.threads.map((thread) => thread.id),\n title: this.state.title,\n category: this.state.category,\n weight: this.state.weight,\n is_hidden: this.state.is_hidden,\n is_closed: this.state.is_closed,\n }\n }\n\n handleSuccess = (apiResponse) => {\n // unfreeze and remove merged threads\n this.props.threads.forEach((thread) => {\n this.props.freezeThread(thread.id)\n this.props.deleteThread(thread)\n })\n\n // deselect all threads\n store.dispatch(select.none())\n\n // append merged thread, filter threads\n this.props.addThreads([apiResponse])\n store.dispatch(\n filterThreads(this.props.route.category, this.props.categoriesMap)\n )\n\n // hide modal\n modal.hide()\n }\n\n handleError = (rejection) => {\n if (rejection.status === 400) {\n if (rejection.best_answers || rejection.polls) {\n modal.show(\n \n )\n } else {\n this.setState({\n errors: Object.assign({}, this.state.errors, rejection),\n })\n snackbar.error(gettext(\"Form contains errors.\"))\n }\n } else if (rejection.status === 403 && Array.isArray(rejection)) {\n modal.show()\n } else if (rejection.best_answer) {\n snackbar.error(rejection.best_answer[0])\n } else if (rejection.poll) {\n snackbar.error(rejection.poll[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onCategoryChange = (ev) => {\n const categoryId = ev.target.value\n const newState = {\n category: categoryId,\n }\n\n if (this.acl[categoryId].can_pin_threads < newState.weight) {\n newState.weight = 0\n }\n\n if (!this.acl[categoryId].can_hide_threads) {\n newState.is_hidden = 0\n }\n\n if (!this.acl[categoryId].can_close_threads) {\n newState.is_closed = false\n }\n\n this.setState(newState)\n }\n\n getWeightChoices() {\n const choices = [\n {\n value: 0,\n icon: \"remove\",\n label: gettext(\"Not pinned\"),\n },\n {\n value: 1,\n icon: \"bookmark_border\",\n label: gettext(\"Pinned locally\"),\n },\n ]\n\n if (this.acl[this.state.category].can_pin_threads == 2) {\n choices.push({\n value: 2,\n icon: \"bookmark\",\n label: gettext(\"Pinned globally\"),\n })\n }\n\n return choices\n }\n\n renderWeightField() {\n if (this.acl[this.state.category].can_pin_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderHiddenField() {\n if (this.acl[this.state.category].can_hide_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderClosedField() {\n if (this.acl[this.state.category].can_close_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderForm() {\n return (\n \n )\n }\n\n renderCantMergeMessage() {\n return (\n \n
\n info_outline\n
\n
\n
\n {gettext(\n \"You can't move threads because there are no categories you are allowed to move them to.\"\n )}\n
\n
\n {gettext(\n \"You need permission to start threads in category to be able to merge threads to it.\"\n )}\n
\n
\n {gettext(\"Ok\")}\n \n \n
\n
\n
\n \n ×\n \n {gettext(\"Merge threads\")}
\n
\n {this.state.category\n ? this.renderForm()\n : this.renderCantMergeMessage()}\n
\n
\n
\n info_outline\n
\n
\n
\n {gettext(\n \"You can't move threads because there are no categories you are allowed to move them to.\"\n )}\n
\n
\n {gettext(\n \"You need permission to start threads in category to be able to move threads to it.\"\n )}\n
\n
\n {gettext(\"Ok\")}\n \n \n
\n
\n
\n \n ×\n \n {gettext(\"Move threads\")}
\n
\n {this.state.category\n ? this.renderForm()\n : this.renderCantMoveMessage()}\n
\n
\n - \n store.dispatch(select.all(threads.map((t) => t.id)))}\n >\n check_box\n {gettext(\"Select all\")}\n \n
\n - \n store.dispatch(select.none())}\n >\n check_box_outline_blank\n {gettext(\"Select none\")}\n \n
\n \n {!!moderation.can_pin_globally && (\n - \n \n bookmark\n {gettext(\"Pin threads globally\")}\n \n
\n )}\n {!!moderation.can_pin && (\n - \n \n bookmark_border\n {gettext(\"Pin threads locally\")}\n \n
\n )}\n {!!moderation.can_pin && (\n - \n \n panorama_fish_eye\n {gettext(\"Unpin threads\")}\n \n
\n )}\n {!!moderation.can_move && (\n - \n \n arrow_forward\n {gettext(\"Move threads\")}\n \n
\n )}\n {!!moderation.can_merge && (\n - \n \n call_merge\n {gettext(\"Merge threads\")}\n \n
\n )}\n {!!moderation.can_approve && (\n - \n \n done\n {gettext(\"Approve threads\")}\n \n
\n )}\n {!!moderation.can_close && (\n - \n \n lock_open\n {gettext(\"Open threads\")}\n \n
\n )}\n {!!moderation.can_close && (\n - \n \n lock_outline\n {gettext(\"Close threads\")}\n \n
\n )}\n {!!moderation.can_unhide && (\n - \n \n visibility\n {gettext(\"Unhide threads\")}\n \n
\n )}\n {!!moderation.can_hide && (\n - \n \n visibility_off\n {gettext(\"Hide threads\")}\n \n
\n )}\n {!!moderation.can_delete && (\n - \n \n clear\n {gettext(\"Delete threads\")}\n \n
\n )}\n
\n )\n }\n}\n","import React from \"react\"\nimport ModerationControls from \"./moderation/controls\"\n\nconst ThreadsToolbarModeration = ({\n api,\n categoriesMap,\n categories,\n threads,\n addThreads,\n freezeThread,\n updateThread,\n deleteThread,\n selection,\n moderation,\n route,\n user,\n disabled,\n}) => (\n \n \n settings\n \n \n
\n)\n\nexport default ThreadsToolbarModeration\n","import React from \"react\"\nimport posting from \"../../services/posting\"\nimport Button from \"../button\"\nimport { Toolbar, ToolbarItem, ToolbarSection, ToolbarSpacer } from \"../Toolbar\"\nimport ThreadsCategoryPicker from \"./ThreadsCategoryPicker\"\nimport ThreadsListPicker from \"./ThreadsListPicker\"\nimport ThreadsToolbarModeration from \"./ThreadsToolbarModeration\"\n\nconst ThreadsToolbar = ({\n api,\n baseUrl,\n category,\n categories,\n categoriesMap,\n topCategory,\n topCategories,\n subCategory,\n subCategories,\n list,\n lists,\n threads,\n addThreads,\n startThread,\n freezeThread,\n updateThread,\n deleteThread,\n selection,\n moderation,\n route,\n user,\n disabled,\n}) => (\n \n {topCategories.length > 0 && (\n \n \n \n \n {topCategory && subCategories.length > 0 && (\n \n \n \n )}\n \n )}\n {lists.length > 1 && (\n \n \n \n \n \n )}\n \n {!!user.id && (\n \n \n {\n posting.open(\n startThread || {\n mode: \"START\",\n\n config: misago.get(\"THREAD_EDITOR_API\"),\n submit: misago.get(\"THREADS_API\"),\n\n category: category.id,\n }\n )\n }}\n >\n chat\n {gettext(\"Start thread\")}\n \n \n {!!moderation.allow && (\n \n selection.indexOf(thread.id) !== -1\n )}\n addThreads={addThreads}\n freezeThread={freezeThread}\n updateThread={updateThread}\n deleteThread={deleteThread}\n selection={selection}\n moderation={moderation}\n route={route}\n user={user}\n disabled={disabled}\n />\n \n )}\n \n )}\n \n)\n\nexport default ThreadsToolbar\n","import React from \"react\"\nimport PageContainer from \"../PageContainer\"\nimport ThreadsToolbar from \"./ThreadsToolbar\"\n\nexport default class extends React.Component {\n render() {\n const { root } = this.props\n const { category, categories, categoriesMap } = this.props.route\n const topCategory = getTopCategory(root, category, categoriesMap)\n\n return (\n \n cat.parent === root.id)}\n subCategories={\n !!topCategory\n ? categories.filter((cat) => cat.parent === topCategory.id)\n : []\n }\n subCategory={category.level === 2 ? category : null}\n subcategories={this.props.subcategories}\n list={this.props.route.list}\n lists={this.props.route.lists}\n threads={this.props.threads}\n addThreads={this.props.addThreads}\n startThread={this.props.startThread}\n freezeThread={this.props.freezeThread}\n deleteThread={this.props.deleteThread}\n updateThread={this.props.updateThread}\n selection={this.props.selection}\n moderation={this.props.moderation}\n route={this.props.route}\n user={this.props.user}\n disabled={\n !this.props.isLoaded ||\n this.props.isBusy ||\n this.props.busyThreads.length\n }\n />\n {this.props.children}\n \n )\n }\n}\n\nconst getTopCategory = (root, category, categoriesMap) => {\n if (!category.parent) return null\n if (category.parent === root.id) return category\n return categoriesMap[category.parent]\n}\n","import misago from \"misago/index\"\n\nexport function getPageTitle(route) {\n if (route.category.level) {\n if (route.list.path) {\n return {\n title: route.list.longName,\n parent: route.category.name,\n }\n } else {\n return {\n title: route.category.name,\n }\n }\n } else if (misago.get(\"THREADS_ON_INDEX\")) {\n if (route.list.path) {\n return {\n title: route.list.longName,\n }\n } else {\n return null\n }\n } else {\n if (route.list.path) {\n return {\n title: route.list.longName,\n parent: gettext(\"Threads\"),\n }\n } else {\n return {\n title: gettext(\"Threads\"),\n }\n }\n }\n}\n\nexport function getTitle(route) {\n if (route.category.level) {\n return route.category.name\n } else if (misago.get(\"THREADS_ON_INDEX\")) {\n if (misago.get(\"SETTINGS\").index_header) {\n return misago.get(\"SETTINGS\").index_header\n } else {\n return misago.get(\"SETTINGS\").forum_name\n }\n } else {\n return gettext(\"Threads\")\n }\n}\n\nexport function isThreadChanged(current, fromDb) {\n return (\n [\n current.title === fromDb.title,\n current.weight === fromDb.weight,\n current.category === fromDb.category,\n current.last_post === fromDb.last_post,\n current.last_poster_name === fromDb.last_poster_name,\n ].indexOf(false) >= 0\n )\n}\n\nexport function diffThreads(current, fromDb) {\n let currentMap = {}\n current.forEach(function (thread) {\n currentMap[thread.id] = thread\n })\n\n return fromDb.filter(function (thread) {\n if (currentMap[thread.id]) {\n return isThreadChanged(currentMap[thread.id], thread)\n } else {\n return true\n }\n })\n}\n\nexport function getModerationActions(threads) {\n let moderation = {\n allow: false,\n\n can_approve: 0,\n can_close: 0,\n can_delete: 0,\n can_hide: 0,\n can_merge: 0,\n can_move: 0,\n can_pin: 0,\n can_pin_globally: 0,\n can_unhide: 0,\n }\n\n threads.forEach(function (thread) {\n if (\n thread.is_unapproved &&\n thread.acl.can_approve > moderation.can_approve\n ) {\n moderation.can_approve = thread.acl.can_approve\n }\n\n if (thread.acl.can_close > moderation.can_close) {\n moderation.can_close = thread.acl.can_close\n }\n\n if (thread.acl.can_delete > moderation.can_delete) {\n moderation.can_delete = thread.acl.can_delete\n }\n\n if (thread.acl.can_hide > moderation.can_hide) {\n moderation.can_hide = thread.acl.can_hide\n }\n\n if (thread.acl.can_merge > moderation.can_merge) {\n moderation.can_merge = thread.acl.can_merge\n }\n\n if (thread.acl.can_move > moderation.can_move) {\n moderation.can_move = thread.acl.can_move\n }\n\n if (thread.acl.can_pin > moderation.can_pin) {\n moderation.can_pin = thread.acl.can_pin\n }\n\n if (thread.acl.can_pin_globally > moderation.can_pin_globally) {\n moderation.can_pin_globally = thread.acl.can_pin_globally\n }\n\n if (thread.is_hidden && thread.acl.can_unhide > moderation.can_unhide) {\n moderation.can_unhide = thread.acl.can_unhide\n }\n\n moderation.allow =\n moderation.can_approve ||\n moderation.can_close ||\n moderation.can_delete ||\n moderation.can_hide ||\n moderation.can_merge ||\n moderation.can_move ||\n moderation.can_pin ||\n moderation.can_pin_globally ||\n moderation.can_unhide\n })\n\n return moderation\n}\n","import React from \"react\"\n\nconst ThreadsListEmpty = ({ category, list, message }) => {\n if (list.type === \"all\") {\n if (message) {\n return (\n \n {message}
\n {gettext(\"Why not start one yourself?\")}
\n \n )\n }\n\n return (\n \n \n {category.special_role\n ? gettext(\"There are no threads on this forum... yet!\")\n : gettext(\"There are no threads in this category.\")}\n
\n {gettext(\"Why not start one yourself?\")}
\n \n )\n }\n\n return (\n \n \n {gettext(\"No threads matching specified criteria were found.\")}\n
\n \n )\n}\n\nexport default ThreadsListEmpty\n","import React from \"react\"\n\nconst ThreadsListItemActivity = ({ thread }) => (\n \n {thread.last_post_on.fromNow(true)}\n \n)\n\nexport default ThreadsListItemActivity\n","import React from \"react\"\n\nconst ThreadsListItemCategory = ({ parent, category }) => (\n \n {parent && (\n \n {parent.short_name || parent.name}\n \n )}\n \n {category.short_name || category.name}\n \n \n)\n\nconst getClassName = (category) => {\n let className = \"threads-list-item-category threads-list-category-label\"\n\n if (category.color) {\n className += \" threads-list-category-label-color\"\n }\n\n return className\n}\n\nexport default ThreadsListItemCategory\n","import React from \"react\"\nimport * as select from \"../../reducers/selection\"\nimport store from \"../../services/store\"\n\nconst ThreadsListItemCheckbox = ({ checked, disabled, thread }) => (\n store.dispatch(select.item(thread.id))}\n >\n \n {checked ? \"check_box\" : \"check_box_outline_blank\"}\n \n \n)\n\nexport default ThreadsListItemCheckbox\n","import React from \"react\"\n\nconst ThreadsListItemIcon = ({ thread }) => {\n let className = \"threads-list-icon\"\n if (!thread.is_read) className += \" threads-list-icon-new\"\n\n return (\n \n \n {thread.is_read ? \"chat_bubble_outline\" : \"chat_bubble\"}\n \n \n )\n}\n\nexport default ThreadsListItemIcon\n","import React from \"react\"\nimport Avatar from \"../avatar\"\n\nconst ThreadsListItemLastPoster = ({ thread }) =>\n !!thread.last_poster ? (\n \n \n \n ) : (\n \n \n \n )\n\nexport default ThreadsListItemLastPoster\n","import React from \"react\"\nimport { patch } from \"../../reducers/threads\"\nimport ajax from \"../../services/ajax\"\nimport snackbar from \"../../services/snackbar\"\nimport store from \"../../services/store\"\n\nconst SUBSCRIPTION = {\n unsubscribe: null,\n notify: false,\n email: true,\n}\n\nclass ThreadsListItemSubscriptionOptions extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n loading: false,\n }\n }\n\n update = (value) => {\n const { thread } = this.props\n\n this.setState({ loading: true })\n store.dispatch(patch(thread, { subscription: SUBSCRIPTION[value] }))\n\n ajax\n .patch(thread.api.index, [{ op: \"replace\", path: \"subscription\", value }])\n .then(\n () => {},\n (rejection) => {\n store.dispatch(\n patch(thread, {\n subscription: SUBSCRIPTION[thread.subscription],\n })\n )\n snackbar.apiError(rejection)\n }\n )\n .then(() => this.setState({ loading: false }))\n }\n\n render = () => {\n const { loading } = this.state\n const { disabled, thread } = this.props\n\n return (\n \n - \n this.update(\"unsubscribe\")}\n >\n star_border\n {gettext(\"Unsubscribe\")}\n \n
\n - \n this.update(\"notify\")}\n >\n star_half\n {gettext(\"Subscribe with alert\")}\n \n
\n - \n this.update(\"email\")}\n >\n star\n {gettext(\"Subscribe with e-mail\")}\n \n
\n
\n )\n }\n}\n\nexport default ThreadsListItemSubscriptionOptions\n","import React from \"react\"\nimport ThreadsListItemSubscriptionOptions from \"./ThreadsListItemSubscriptionOptions\"\n\nconst ThreadsListItemSubscription = ({ disabled, thread }) => (\n \n \n \n {getSubscriptionIcon(thread.subscription)}\n \n \n \n
\n)\n\nconst getSubscriptionTitle = (subscription) => {\n if (subscription === true) return gettext(\"Subscribed to e-mails\")\n if (subscription === false) return gettext(\"Subscribed to alerts\")\n return gettext(\"Not subscribed\")\n}\n\nconst getSubscriptionIcon = (subscription) => {\n if (subscription === true) return \"star\"\n if (subscription === false) return \"star_half\"\n return \"star_border\"\n}\n\nexport default ThreadsListItemSubscription\n","import React from \"react\"\nimport ThreadFlags from \"../ThreadFlags\"\nimport ThreadReplies from \"../ThreadReplies\"\nimport ThreadsListItemActivity from \"./ThreadsListItemActivity\"\nimport ThreadsListItemCategory from \"./ThreadsListItemCategory\"\nimport ThreadsListItemCheckbox from \"./ThreadsListItemCheckbox\"\nimport ThreadsListItemIcon from \"./ThreadsListItemIcon\"\nimport ThreadsListItemLastPoster from \"./ThreadsListItemLastPoster\"\nimport ThreadsListItemSubscription from \"./ThreadsListItemSubscription\"\n\nconst ThreadsListItem = ({\n activeCategory,\n categories,\n showOptions,\n showSubscription,\n thread,\n isBusy,\n isSelected,\n}) => {\n let parent = null\n let category = null\n\n if (activeCategory.id !== thread.category) {\n category = categories[thread.category]\n\n if (\n category.parent &&\n category.parent !== activeCategory.id &&\n categories[category.parent] &&\n !categories[category.parent].special_role\n ) {\n parent = categories[category.parent]\n }\n }\n\n const hasFlags =\n thread.is_closed ||\n thread.is_hidden ||\n thread.is_unapproved ||\n thread.weight > 0 ||\n thread.best_answer ||\n thread.has_poll ||\n thread.has_unapproved_posts\n\n const isNew = showOptions ? thread.is_new : false\n\n return (\n \n \n {showOptions && (\n
\n \n
\n )}\n
\n {showOptions && thread.moderation.length > 0 && (\n
\n \n
\n )}\n
\n {hasFlags && (\n
\n \n
\n )}\n {!!category && (\n
\n \n
\n )}\n
\n
\n \n
\n
\n \n
\n
\n \n
\n {showOptions && showSubscription && (\n
\n \n
\n )}\n {showOptions && thread.moderation.length > 0 && (\n
\n \n
\n )}\n
\n
\n - \n
\n {showOptions && (\n
\n \n
\n )}\n
\n \n {\" \"}\n \n \n \n {\" \"}\n \n \n
\n
\n
\n \n
\n
\n \n
\n
\n
\n \n \n \n
\n
\n - \n
\n {showOptions && (\n
\n \n
\n )}\n
\n \n {\" \"}\n \n \n \n {\" \"}\n \n \n
\n
\n
\n \n
\n
\n \n
\n
\n
\n \n \n \n
\n
\n - \n
\n {showOptions && (\n
\n \n
\n )}\n
\n \n {\" \"}\n \n \n \n {\" \"}\n \n \n
\n
\n
\n \n
\n
\n \n
\n
\n
\n \n \n \n
\n
\n
\n
\n {threads.length > 0 ? (\n
\n {updatedThreads > 0 && (\n \n )}\n {threads.map((thread) => (\n = 0}\n isSelected={selection.indexOf(thread.id) >= 0}\n />\n ))}\n
\n ) : (\n
\n {updatedThreads > 0 && (\n \n )}\n \n
\n )}\n
\n \n {gettext(\"Show more\")}\n \n
\n )\n }\n\n getClassName() {\n let className = \"page page-threads\"\n className += \" page-threads-\" + this.props.route.list.type\n if (isIndex(this.props)) {\n className += \" page-threads-index\"\n }\n if (this.props.route.category.css_class) {\n className += \" page-threads-\" + this.props.route.category.css_class\n }\n return className\n }\n\n render() {\n const root = this.props.route.categories[0]\n const { category, list } = this.props.route\n const specialRole = category.special_role\n\n return (\n \n {specialRole == \"root_category\" &&\n misago.get(\"THREADS_ON_INDEX\") &&\n misago.get(\"SETTINGS\").index_header && (\n
\n )\n }\n styleName=\"forum-index\"\n />\n )}\n {specialRole == \"root_category\" && !misago.get(\"THREADS_ON_INDEX\") && (\n
\n )}\n {specialRole == \"private_threads\" && (\n
\n {this.props.options.pageLead}
\n \n )\n }\n styleName=\"private-threads\"\n />\n )}\n {!specialRole && (\n \n )\n }\n styleName={category.css_class || \"category-threads\"}\n />\n )}\n \n \n {this.getMoreButton()}\n \n {thread.title}
\n \n {$(result.content).text()}\n \n \n {interpolate(\n footer,\n {\n category: result.category.name,\n posted_on: moment(result.posted_on).format(\"LL\"),\n poster: result.poster_name,\n },\n true\n )}\n \n \n \n )\n}\n","import moment from \"moment\"\nimport React from \"react\"\nimport Avatar from \"misago/components/avatar\"\n\nexport default function ({ result }) {\n const { rank } = result\n\n const detail = gettext(\"%(title)s, joined on %(joined_on)s\")\n const title = result.title || rank.title || rank.name\n\n return (\n \n \n \n
\n
\n
{result.username}
\n \n {interpolate(\n detail,\n {\n title,\n joined_on: moment(result.joined_on).format(\"LL\"),\n },\n true\n )}\n \n \n
{LABELS[score]}
\n \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport PasswordStrength from \"misago/components/password-strength\"\nimport RegisterLegalFootnote from \"misago/components/RegisterLegalFootnote\"\nimport StartSocialAuth from \"misago/components/StartSocialAuth\"\nimport misago from \"misago\"\nimport ajax from \"misago/services/ajax\"\nimport auth from \"misago/services/auth\"\nimport captcha from \"misago/services/captcha\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport showBannedPage from \"misago/utils/banned-page\"\nimport * as validators from \"misago/utils/validators\"\n\nexport class RegisterForm extends Form {\n constructor(props) {\n super(props)\n\n const { username, password } = this.props.criteria\n\n let passwordMinLength = 0\n password.forEach((item) => {\n if (item.name === \"MinimumLengthValidator\") {\n passwordMinLength = item.min_length\n }\n })\n\n const formValidators = {\n username: [\n validators.usernameContent(),\n validators.usernameMinLength(username.min_length),\n validators.usernameMaxLength(username.max_length),\n ],\n email: [validators.email()],\n password: [validators.passwordMinLength(passwordMinLength)],\n captcha: captcha.validator(),\n }\n\n if (!!misago.get(\"TERMS_OF_SERVICE_ID\")) {\n formValidators.termsOfService = [validators.requiredTermsOfService()]\n }\n\n if (!!misago.get(\"PRIVACY_POLICY_ID\")) {\n formValidators.privacyPolicy = [validators.requiredPrivacyPolicy()]\n }\n\n this.state = {\n isLoading: false,\n\n username: \"\",\n email: \"\",\n password: \"\",\n captcha: \"\",\n\n termsOfService: null,\n privacyPolicy: null,\n\n validators: formValidators,\n errors: {},\n }\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({\n errors: this.validate(),\n })\n return false\n }\n }\n\n send() {\n return ajax.post(misago.get(\"USERS_API\"), {\n username: this.state.username,\n email: this.state.email,\n password: this.state.password,\n captcha: this.state.captcha,\n terms_of_service: this.state.termsOfService,\n privacy_policy: this.state.privacyPolicy,\n })\n }\n\n handleSuccess(apiResponse) {\n this.props.callback(apiResponse)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n this.setState({\n errors: Object.assign({}, this.state.errors, rejection),\n })\n\n if (rejection.__all__ && rejection.__all__.length > 0) {\n snackbar.error(rejection.__all__[0])\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n }\n } else if (rejection.status === 403 && rejection.ban) {\n showBannedPage(rejection.ban)\n modal.hide()\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n handlePrivacyPolicyChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"privacyPolicy\", value)\n }\n\n handleTermsOfServiceChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"termsOfService\", value)\n }\n\n handleToggleAgreement = (agreement, value) => {\n this.setState((prevState, props) => {\n if (prevState[agreement] === null) {\n const errors = { ...prevState.errors, [agreement]: null }\n return { errors, [agreement]: value }\n }\n\n const validator = this.state.validators[agreement][0]\n const errors = { ...prevState.errors, [agreement]: [validator(null)] }\n return { errors, [agreement]: null }\n })\n }\n\n render() {\n return (\n \n
\n
\n \n ×\n \n {gettext(\"Register\")}
\n
\n
\n
\n
\n
\n \n ×\n \n {gettext(\"Registration complete\")}
\n
\n
\n
\n info_outline\n
\n
\n
\n {interpolate(\n this.getLead(),\n { username: this.props.username },\n true\n )}\n
\n
\n {interpolate(\n this.getSubscript(),\n { email: this.props.email },\n true\n )}\n
\n
\n {gettext(\"Ok\")}\n \n \n
\n
{gettext(\"You are browsing as guest.\")}
\n \n {gettext(\n \"Sign in or register to start and participate in discussions.\"\n )}\n
\n {delegateAuth ? (\n \n
\n
\n {gettext(\"Sign in\")}\n \n \n
\n
\n \n {gettext(\"Sign in\")}\n \n
\n
\n \n {gettext(\"Register\")}\n \n
\n
\n
\n {gettext(\"Sign in\")}\n \n \n \n
\n \n
\n {gettext(\"Sign in\")}\n \n \n {gettext(\"Register\")}\n \n \n \n
\n \n
\n
{this.getAvatarPreview()}
\n
\n {this.getGravatarButton()}\n\n \n {gettext(\"Generate my individual avatar\")}\n \n\n {this.getCropButton()}\n {this.getUploadButton()}\n {this.getGalleryButton()}\n
\n
\n
\n
\n
\n
\n \n {this.props.upload\n ? gettext(\"Set avatar\")\n : gettext(\"Crop image\")}\n \n\n \n {gettext(\"Cancel\")}\n \n
\n
\n
\n
\n
\n {this.getUploadRequirements(this.props.options.upload)}\n
\n
\n
\n
\n\n
\n
\n {this.getUploadProgressLabel()}\n \n
\n
\n
\n {this.state.image ? this.getUploadProgress() : this.getUploadButton()}\n
\n
\n \n {gettext(\"Cancel\")}\n \n
\n
\n
\n
{this.props.name}
\n\n
\n {batch(this.props.images, 4, null).map((row, i) => {\n return (\n
\n {row.map((item, i) => {\n return (\n
\n {item ? (\n
\n ) : (\n
\n )}\n
\n )\n })}\n
\n )\n })}\n
\n
\n
\n {this.props.options.galleries.map((item, i) => {\n return (\n \n )\n })}\n
\n
\n
\n
\n \n {this.state.selection\n ? gettext(\"Save choice\")\n : gettext(\"Select avatar\")}\n \n\n \n {gettext(\"Cancel\")}\n \n
\n
\n
\n
\n
\n remove_circle_outline\n
\n
\n
{this.props.message}
\n {this.getErrorReason()}\n
\n {gettext(\"Ok\")}\n \n \n
\n
\n
\n \n ×\n \n {gettext(\"Change your avatar\")}
\n
\n\n {this.getBody()}\n
\n
\n
\n message\n {user.posts}\n
\n
\n forum\n {user.threads}\n
\n
\n favorite\n {user.followers}\n
\n
\n favorite_outline\n {user.following}\n
\n
\n - \n \n
\n \n - \n \n \n \n \n
\n
\n )\n}\n\nexport function UserPrivateThreadsLink({ user }) {\n if (!user.acl.can_use_private_threads) return null\n\n let title = null\n if (user.unread_private_threads) {\n title = gettext(\"You have unread private threads!\")\n } else {\n title = gettext(\"Private threads\")\n }\n\n return (\n \n \n message\n {user.unread_private_threads > 0 && (\n {user.unread_private_threads}\n )}\n \n \n )\n}\n\nexport function selectUserMenu(state) {\n return {\n user: state.auth.user,\n }\n}\n\nexport class CompactUserNav extends React.Component {\n showUserMenu() {\n dropdown.showConnected(\"user-menu\", connect(selectUserMenu)(UserMenu))\n }\n\n render() {\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport { GuestNav, CompactGuestNav } from \"./guest-nav\"\nimport { UserNav, CompactUserNav } from \"./user-nav\"\n\nexport class UserMenu extends React.Component {\n render() {\n if (this.props.isAuthenticated) {\n return \n } else {\n return \n }\n }\n}\n\nexport class CompactUserMenu extends React.Component {\n render() {\n if (this.props.isAuthenticated) {\n return \n } else {\n return \n }\n }\n}\n\nexport function select(state) {\n return state.auth\n}\n","import { connect } from \"react-redux\"\nimport misago from \"misago/index\"\nimport {\n UserMenu,\n CompactUserMenu,\n select,\n} from \"misago/components/user-menu/root\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n mount(connect(select)(UserMenu), \"user-menu-mount\")\n mount(connect(select)(CompactUserMenu), \"user-menu-compact-mount\")\n}\n\nmisago.addInitializer({\n name: \"component:user-menu\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport { Link } from \"react-router\"\nimport Li from \"misago/components/li\"\n\nconst UsersNav = ({ baseUrl, page, pages }) => (\n \n
\n
\n menu\n {page.name}\n \n \n {pages.map((page) => {\n const url = getPageUrl(baseUrl, page)\n return (\n - \n {page.name}\n
\n )\n })}\n
\n \n
\n {pages.map((page) => {\n const url = getPageUrl(baseUrl, page)\n return (\n - \n {page.name}\n
\n )\n })}\n
\n
\n
\n \n {this.getEmptyMessage()}
\n \n
\n
\n \n \n \n \n \n
\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n \n \n \n \n \n \n {gettext(\"Rank\")}\n \n \n \n \n \n \n \n {gettext(\"Ranked posts\")}\n \n
\n
\n \n \n \n \n \n {gettext(\"Rank\")}\n
\n\n \n \n \n \n \n \n {gettext(\"Ranked posts\")}\n
\n\n \n \n \n \n \n \n {gettext(\"Total posts\")}\n
\n \n )\n }\n}\n","import React from \"react\"\nimport ItemPreview from \"misago/components/users/active-posters/list-item-preview\"\nimport * as random from \"misago/utils/random\"\nimport PageContainer from \"../../PageContainer\"\nimport UsersNav from \"../UsersNav\"\n\nexport default class extends React.Component {\n shouldComponentUpdate() {\n return false\n }\n\n render() {\n return (\n \n
\n \n \n \n \n \n
\n\n \n
\n {[0, 1, 2].map((i) => {\n return 0} key={i} />\n })}\n
\n
\n
\n
\n
\n {this.getUserStatus()}\n {this.getRankName()}\n {this.getUserTitle()}\n
\n
\n \n #{this.props.counter}\n {gettext(\"Rank\")}\n \n\n \n {this.props.user.meta.score}\n {gettext(\"Ranked posts\")}\n \n
\n
\n #{this.props.counter}\n {gettext(\"Rank\")}\n
\n\n \n {this.props.user.meta.score}\n {gettext(\"Ranked posts\")}\n
\n\n \n {this.props.user.posts}\n {gettext(\"Total posts\")}\n
\n \n )\n }\n}\n","import React from \"react\"\nimport ListItem from \"misago/components/users/active-posters/list-item\"\nimport PageContainer from \"../../PageContainer\"\nimport UsersNav from \"../UsersNav\"\n\nexport default class extends React.Component {\n getLeadMessage() {\n let message = ngettext(\n \"%(posters)s top poster from last %(days)s days.\",\n \"%(posters)s top posters from last %(days)s days.\",\n this.props.count\n )\n\n return interpolate(\n message,\n {\n posters: this.props.count,\n days: this.props.trackedPeriod,\n },\n true\n )\n }\n\n render() {\n return (\n \n
\n \n {this.getLeadMessage()}
\n\n \n
\n {this.props.users.map((user, i) => {\n return (\n \n )\n })}\n
\n
\n
\n {interpolate(\n ngettext(\n \"There is %(more)s more member with this role.\",\n \"There are %(more)s more members with this role.\",\n users.more\n ),\n { more: users.more },\n true\n )}\n
\n )\n }\n\n return {gettext(\"There are no more members with this role.\")}
\n}\n\nexport default RankUsersLeft\n","import React from \"react\"\nimport { Link } from \"react-router\"\n\nconst RankUsersPagination = ({ baseUrl, users }) => (\n \n {users.isLoaded && users.first ? (\n \n first_page\n \n ) : (\n \n first_page\n \n )}\n {users.isLoaded && users.previous ? (\n 1 ? users.previous + \"/\" : \"\")}\n title={gettext(\"Go to previous page\")}\n >\n chevron_left\n \n ) : (\n \n chevron_left\n \n )}\n {users.isLoaded && users.next ? (\n \n chevron_right\n \n ) : (\n \n chevron_right\n \n )}\n {users.isLoaded && users.last ? (\n \n last_page\n \n ) : (\n \n last_page\n \n )}\n
\n)\n\nexport default RankUsersPagination\n","import React from \"react\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../../Toolbar\"\nimport RankUsersLeft from \"./RankUsersLeft\"\nimport RankUsersPagination from \"./RankUsersPagination\"\n\nconst RankUsersToolbar = ({ baseUrl, users }) => (\n \n \n \n \n \n \n \n \n \n \n \n \n)\n\nexport default RankUsersToolbar\n","import React from \"react\"\nimport PageLead from \"misago/components/page-lead\"\nimport misago from \"misago/index\"\nimport { hydrate } from \"misago/reducers/users\"\nimport polls from \"misago/services/polls\"\nimport store from \"misago/services/store\"\nimport title from \"misago/services/page-title\"\nimport PageContainer from \"../../PageContainer\"\nimport RankUsersList from \"./RankUsersList\"\nimport RankUsersListLoader from \"./RankUsersListLoader\"\nimport RankUsersToolbar from \"./RankUsersToolbar\"\nimport UsersNav from \"../UsersNav\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n if (misago.has(\"USERS\")) {\n this.initWithPreloadedData(misago.pop(\"USERS\"))\n } else {\n this.initWithoutPreloadedData()\n }\n\n this.startPolling(props.params.page || 1)\n }\n\n initWithPreloadedData(data) {\n this.state = Object.assign(data, {\n isLoaded: true,\n })\n store.dispatch(hydrate(data.results))\n }\n\n initWithoutPreloadedData() {\n this.state = {\n isLoaded: false,\n }\n }\n\n startPolling(page) {\n polls.start({\n poll: \"rank-users\",\n url: misago.get(\"USERS_API\"),\n data: {\n rank: this.props.route.rank.id,\n page: page,\n },\n frequency: 90 * 1000,\n update: this.update,\n })\n }\n\n update = (data) => {\n store.dispatch(hydrate(data.results))\n\n data.isLoaded = true\n this.setState(data)\n }\n\n componentDidMount() {\n title.set({\n title: this.props.route.rank.name,\n page: this.props.params.page || null,\n parent: gettext(\"Users\"),\n })\n }\n\n componentWillUnmount() {\n polls.stop(\"rank-users\")\n }\n\n componentWillReceiveProps(nextProps) {\n if (this.props.params.page !== nextProps.params.page) {\n title.set({\n title: this.props.route.rank.name,\n page: nextProps.params.page || null,\n parent: gettext(\"Users\"),\n })\n\n this.setState({\n isLoaded: false,\n })\n\n polls.stop(\"rank-users\")\n this.startPolling(nextProps.params.page)\n }\n }\n\n getClassName() {\n if (this.props.route.rank.css_class) {\n return \"rank-users-list rank-users-\" + this.props.route.rank.css_class\n } else {\n return \"rank-users-list\"\n }\n }\n\n getRankDescription() {\n if (this.props.route.rank.description) {\n return (\n \n )\n } else {\n return null\n }\n }\n\n getComponent() {\n if (this.state.isLoaded) {\n if (this.state.count > 0) {\n return \n } else {\n return (\n \n {gettext(\"There are no users with this rank at the moment.\")}\n
\n )\n }\n } else {\n return \n }\n }\n\n render() {\n return (\n \n
\n \n {this.getRankDescription()}\n {this.getComponent()}\n \n \n
\n
\n \n \n {gettext(\"Users\")}
\n \n \n \n {this.props.children}\n
{this.props.message.plain}
\n }\n }\n\n getExpirationMessage() {\n if (this.props.expires) {\n if (this.props.expires.isAfter(moment())) {\n let title = interpolate(\n gettext(\"This ban expires on %(expires_on)s.\"),\n {\n expires_on: this.props.expires.format(\"LL, LT\"),\n },\n true\n )\n\n let message = interpolate(\n gettext(\"This ban expires %(expires_on)s.\"),\n {\n expires_on: this.props.expires.fromNow(),\n },\n true\n )\n\n return {message}\n } else {\n return gettext(\"This ban has expired.\")\n }\n } else {\n return gettext(\"This ban is permanent.\")\n }\n }\n\n render() {\n return (\n \n
\n
\n
\n highlight_off\n
\n
\n {this.getReasonMessage()}\n
{this.getExpirationMessage()}
\n
\n
\n
\n
\n \n