\n
\n
\n \n Kirjaudu sisään \n \n \n
\n
`;\n};\n\nconst replace = content => {\n const rules = [[/\\?\\[(.+?)\\]\\((.*)\\)/g, buttonParse(\"$1\", \"$2\")]];\n return massReplace(content, rules);\n};\n\nrenderer.paragraph = paragraphParse;\nrenderer.link = linkParse;\nrenderer.heading = headingParse;\nrenderer.image = imageParse;\nrenderer.table = tableParse;\nrenderer.tablerow = tableRowParse;\nrenderer.tablecell = tableCellParse;\nrenderer.list = listParse;\nrenderer.listitem = listItemParse;\n\nexport default content => {\n if (typeof content != \"string\") return \"\";\n _1 = 0;\n _2 = 0;\n _3 = 0;\n return marked(replace(content), { renderer });\n};\n","import md2html from \"../editor/helpers/md2html\";\nimport md2mjml from \"../editor/helpers/md2mjml\";\n\nexport const formatTitle = (fi, en) => {\n return en ? `${fi} – ${en}` : `${fi}`;\n};\n\nexport const lastEdited = editedAt => {\n let templates = {\n prefix: \"\",\n suffix: \" sitten\",\n seconds: \"alle minuutti\",\n minute: \"noin minuutti\",\n minutes: \"%d minuuttia\",\n hour: \"noin tunti\",\n hours: \"noin %d tuntia\",\n day: \"päivä\",\n days: \"%d päivää\",\n month: \"noin kuukausi\",\n months: \"%d kuukautta\",\n year: \"noin vuosi\",\n years: \"%d vuotta\"\n };\n\n let time = editedAt;\n\n let template = function(t, n) {\n return templates[t] && templates[t].replace(/%d/i, Math.abs(Math.round(n)));\n };\n\n if (time === \"0000-00-00 00:00:00\") return \"Ei muokattu\";\n time = time.replace(/\\.\\d+/, \"\"); // remove milliseconds\n time = time.replace(/-/, \"/\").replace(/-/, \"/\");\n time = time.replace(/T/, \" \").replace(/Z/, \" UTC\");\n time = time.replace(/([\\+\\-]\\d\\d)\\:?(\\d\\d)/, \" $1$2\"); // -04:00 -> -0400\n time = new Date(time * 1000 || time);\n\n let now = new Date();\n let seconds = ((now.getTime() - time) * 0.001) >> 0;\n let minutes = seconds / 60;\n let hours = minutes / 60;\n let days = hours / 24;\n let years = days / 365;\n\n return (\n \"muokattu \" +\n templates.prefix +\n ((seconds < 45 && template(\"seconds\", seconds)) ||\n (seconds < 90 && template(\"minute\", 1)) ||\n (minutes < 45 && template(\"minutes\", minutes)) ||\n (minutes < 90 && template(\"hour\", 1)) ||\n (hours < 24 && template(\"hours\", hours)) ||\n (hours < 42 && template(\"day\", 1)) ||\n (days < 30 && template(\"days\", days)) ||\n (days < 45 && template(\"month\", 1)) ||\n (days < 365 && template(\"months\", days / 30)) ||\n (years < 1.5 && template(\"year\", 1)) ||\n template(\"years\", years)) +\n templates.suffix\n );\n};\n\nexport const mdToHtml = md => {\n if (typeof md === \"object\") {\n md = md.join(\"\\n\\n\");\n }\n return md2html(headingCaps(md));\n};\nexport const mdToMjml = md => {\n if (typeof md === \"object\") {\n md = md.join(\"\\n\\n\");\n }\n return md2mjml(headingCaps(md));\n};\n\nexport const headingCaps = md => {\n return md.split(\"\\n\").reduce((acc, str) => {\n [\"#\", \"##\", \"###\"].map(i => {\n if (str.substr(0, i.length) === i && str.charAt(i.length) !== \"#\")\n str = [str.slice(0, i.length), \" \", str.slice(i.length)].join(\"\");\n });\n\n return acc + str + \"\\n\";\n }, \"\");\n};\n\nexport const createMarkdownTOC = value => {\n let _1 = 0;\n let _2 = 0;\n let _3 = 0;\n return value\n .replace(\"\\n\\n\", \"\\n\")\n .split(\"\\n\")\n .map(i => i.trim())\n .filter(i => i.length > 0)\n .reduce((acc, str) => {\n if (str.substring(0, 3) === \"###\") {\n _3 = _3 + 1;\n return (\n acc +\n ` - [${_1}.${_2}.${_3}. ${str.replace(\n \"###\",\n \"\"\n )}](#toc_${_1}_${_2}_${_3})\\n`\n );\n } else if (str.substring(0, 2) === \"##\") {\n _3 = 0;\n _2 = _2 + 1;\n return (\n acc +\n ` - [${_1}.${_2}. ${str.replace(\"##\", \"\")}](#toc_${_1}_${_2})\\n`\n );\n } else if (str.substring(0, 1) === \"#\") {\n _3 = 0;\n _2 = 0;\n _1 = _1 + 1;\n return acc + `- [${_1}. ${str.replace(\"#\", \"\")}](#toc_${_1})\\n`;\n } else return acc;\n }, []);\n};\n\nexport const createMjml = (content, config, week) => {\n if (typeof content == \"array\") {\n content = content.join(\"\\n\\n\");\n }\n return `\n\n \n Indecsin Viikkotiedote ${\n config.number\n } — Indecs' Newsletter ${config.number} \n \n p {{ font-size: 16px; margin: 10px 0px}}\n h1 {{ font-size: 25px; font-weight:900; }}\n h2 {{ font-size: 23px; font-weight:400}}\n h3 {{ font-size: 21px; font-weight:400}}\n tr th {{ border-bottom:1px solid #ecedee;text-align:left }}\n ul,ol {{ margin: 10px 0px }}\n ul ul, ol ol, ol ul, ul ol {{ margin: 0px 0px }}\n\n \n \n \n \n \n \n \n ${\n config.guild\n } \n Viikkotiedote \n Numero ${\n config.number\n } — Viikko ${week} \n \n \n\n \n \n ${mdToMjml(content)}\n \n \n\n \n \n Terveisin - Regards, \n ${\n config.name\n } \n ${\n config.job\n } / ${config.job_en} \n \n ${config.guild}${config.email} ${config.url} \n \n \n \n \n \n`;\n};\n","import React from 'react'\nimport './index.css'\nimport classNames from 'classnames'\nimport textInsert from './helpers/insertText'\nimport keydownListen from './helpers/keydownListen'\nimport 'highlight.js/styles/tomorrow.css'\nimport './fonts/iconfont.css'\nimport { mdToHtml } from '../tools/articleTools';\n\nclass MdEditor extends React.Component {\n constructor(props) {\n super(props)\n\n this.$vm = null\n this.handleEditorRef = $vm => {\n this.$vm = $vm;\n }\n\n this.state = {\n preview: window.innerWidth < 700 ? false : true,\n expand: false,\n f_history: [],\n f_history_index: 0,\n line_index: 1,\n height:600,\n width:1000\n }\n this.updateWindowDimensions = this.updateWindowDimensions.bind(this);\n }\n\n static defaultProps = {\n placeholder: '',\n lineNum: true,\n topValue:'',\n bottomValue:''\n }\n\n componentDidMount() {\n keydownListen(this);\n this.updateWindowDimensions();\n window.addEventListener('resize', this.updateWindowDimensions);\n }\n\n componentWillUpdate(props, state) {\n const { f_history } = this.state\n if (props.value && state.f_history.length === 0) {\n f_history.push(props.value)\n this.setState({\n f_history\n })\n this.handleLineIndex(props.value)\n }\n }\n\n componentWillUnmount() {\n window.removeEventListener('resize', this.updateWindowDimensions);\n }\n\n updateWindowDimensions() {\n this.setState({ width: window.innerWidth, height: window.innerHeight });\n }\n\n handleChange = e => {\n const value = e.target.value\n this.saveHistory(value)\n this.props.onChange(value)\n }\n\n insert = e => {\n const { $vm } = this\n const type = e.currentTarget ? e.currentTarget.getAttribute('data-type') : e\n textInsert($vm, type)\n this.props.onChange($vm.value)\n this.saveHistory($vm.value)\n }\n\n saveHistory(value) {\n let { f_history, f_history_index } = this.state\n window.clearTimeout(this.currentTimeout)\n this.currentTimeout = setTimeout(() => {\n\n if (f_history_index < f_history.length - 1) {\n f_history.splice(f_history_index + 1)\n }\n\n if (f_history.length >= 20) {\n f_history.shift()\n }\n\n f_history_index = f_history.length\n f_history.push(value)\n this.setState({\n f_history,\n f_history_index\n })\n }, 500)\n\n this.handleLineIndex(value)\n }\n\n handleLineIndex(value) {\n const line_index = value ? value.split('\\n').length : 1\n this.setState({\n line_index: line_index\n })\n }\n\n undo = () => {\n const { f_history } = this.state\n let { f_history_index } = this.state\n f_history_index = f_history_index - 1\n if (f_history_index < 0) return\n this.setState({\n f_history_index\n })\n const value = f_history[f_history_index]\n this.props.onChange(value)\n this.handleLineIndex(value)\n }\n\n redo = () => {\n const { f_history } = this.state\n let { f_history_index } = this.state\n f_history_index = f_history_index + 1\n if (f_history_index >= f_history.length) return\n this.setState({\n f_history_index\n })\n const value = f_history[f_history_index]\n this.props.onChange(value)\n this.handleLineIndex(value)\n }\n\n preview = () => {\n this.setState({\n preview: !this.state.preview\n })\n }\n\n expand = () => {\n this.setState({\n expand: !this.state.expand\n })\n }\n\n save = () => {\n this.props.onSave()\n }\n\n isMobile() {\n return this.state.width < 700;\n }\n\n render() {\n const { preview, expand, line_index } = this.state\n const { value } = this.props\n const previewClass = classNames({\n 'for-panel': true,\n 'for-preview-hidden': !preview,\n \n })\n const editorClass = classNames({\n 'for-panel': true,\n 'for-editor-hidden':this.isMobile() ? preview : false\n })\n const previewActive = classNames({\n 'for-active': preview\n })\n const fullscreen = classNames({\n 'for-container': true,\n 'for-fullscreen': expand\n })\n const expandActive = classNames({\n 'for-active': expand\n })\n const lineNumStyles = classNames({\n 'for-line-num': true,\n hidden: !this.props.lineNum\n })\n\n const lineNum = function () {\n const list = []\n for (let i = 0; i < line_index; i++) {\n list.push({i + 1} )\n }\n return \n }\n\n\n return (\n \n
\n
\n \n H1\n \n \n H2\n \n \n H3\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 {expandActive ? (\n \n \n {previewActive ? (\n \n \n \n \n \n \n
\n
\n
\n {this.isEdited() &&
\"Haluatko varmasti poistua? Viimeisempiä muutoksia ei ole tallennettu.\"} />}\n {this.socketsOnline() && \n Toinen käyttäjä on muokkaamassa tiedostoa!\n }\n \n this.handleSave()}\n />\n
\n \n this.props.navigate('HOME')}>Viikkis {week}/{year} \n {(screen === SCREENS.ARTICLE || screen === SCREENS.SUMMARY) && {title} }\n\n \n )\n }\n}\n\nexport default connect(Nav)\n","import React, { Component } from \"react\";\nimport {\n Button,\n Modal,\n ModalHeader,\n ModalBody,\n ModalFooter,\n ButtonGroup,\n Input\n} from \"reactstrap\";\nimport Editor from \"../editor\";\nimport { createMarkdownTOC, mdToHtml } from \"../tools/articleTools\";\nimport {\n MD_CONFIG,\n MD_CONFIG_TOC,\n SUMMARY_BOTTOM,\n SUMMARY_TOP,\n EMAIL_SUBJECT\n} from \"../constants\";\nimport { connector, actions } from \"../actions\";\nimport { mjml2html, sendEmail } from \"../services/httpService\";\nimport { createMjml } from \"../tools/articleTools\";\nimport { toast } from \"react-toastify\";\n\n\nconst connect = connector(\n state => ({\n year: state.config.year,\n week: state.config.week,\n now: state.config.now,\n socket: state.socket,\n config: state.config.config,\n isAdmin: state.app.user.admin,\n summary: state.app.articles\n .sort((a, b) => a.position - b.position)\n .reduce((acc, a) => acc + \"\\n \\n\" + a.text, ``)\n }),\n {\n getWeekArticles: actions.app.getWeekArticles,\n setPrevWeek: actions.config.setPrevWeek,\n setNextWeek: actions.config.setNextWeek\n }\n);\n\nclass Summary extends Component {\n state = {\n showModal: false,\n password:'',\n recipient:this.props.config.recipient,\n sender:this.props.config.sender,\n attachments:[]\n };\n\n componentDidMount() {\n this.props.getWeekArticles({\n year: this.props.year,\n week: this.props.week\n });\n }\n\n toggleModal() {\n this.setState({ showModal: !this.state.showModal });\n }\n\n createBlob(format, content) {\n const fileName = `${this.props.year}-${this.props.week}-viikkis.${format}`;\n let element = document.createElement(\"a\");\n let file = new Blob([content], { type: \"text/plain\" });\n element.href = URL.createObjectURL(file);\n element.download = fileName;\n element.click();\n }\n\n exportHtml() {\n // md -> mjml -> html\n const tableOfContents = createMarkdownTOC(this.props.summary);\n const mjml = createMjml(\n [tableOfContents, this.props.summary],\n this.props.config,\n this.props.week\n );\n mjml2html(mjml)\n .then(res => res.json())\n .then(res => this.createBlob(\"html\", res.html))\n .catch(e => toast.error(\"virhe\"));\n }\n\n sendEmail(){\n const tableOfContents = createMarkdownTOC(this.props.summary);\n const mjml = createMjml([tableOfContents, this.props.summary], this.props.config, this.props.week);\n const {sender, recipient, password, attachments} = this.state;\n const subject = EMAIL_SUBJECT(this.props.config);\n sendEmail(mjml, sender, recipient, password, subject, attachments)\n .then((res) => {\n if (res.status === 200) {\n toast.success(\"Sähköposti lähetetty\")\n } else {\n toast.error(\"Ongelma sähköpostin lähetyksessä\")\n }\n })\n .catch(e => toast.error(\"Ongelma sähköpostin lähetyksessä\"));\n }\n\n exportMd() {\n let content = (\n MD_CONFIG(this.props.config, this.props.week) +\n MD_CONFIG_TOC +\n this.props.summary\n ).replace(/\\n/g, \"\\r\\n\");\n this.createBlob(\"md\", content);\n }\n\n exportMjml() {\n const tableOfContents = createMarkdownTOC(this.props.summary);\n const mjml = createMjml(\n [tableOfContents, this.props.summary],\n this.props.config,\n this.props.week\n ).replace(/\\n/g, \"\\r\\n\");\n this.createBlob(\"txt\", mjml);\n }\n\n render() {\n const tableOfContents = createMarkdownTOC(this.props.summary);\n const topValue = SUMMARY_TOP(\n this.props.week,\n tableOfContents,\n this.props.config\n );\n const bottomValue = SUMMARY_BOTTOM(this.props.config);\n const editorStyle = {\n boxShadow: \"#999 0 0 12px\",\n borderRadius: \"4px\"\n };\n\n return (\n \n this.toggleModal()}>\n Lataa tai lähetä viikkis \n \n Lähetä viikkis sähköpostilla \n Vastaanottajan sähköposti:\n this.setState({ recipient: e.target.value })}\n />\n Liitteet:\n this.setState({ sender: e.target.value })}\n />\n Lähettäjän salasana:\n this.setState({ password: e.target.value })}\n />\n this.sendEmail()}>\n \n \n \n \n this.exportMd()}>\n \n this.exportHtml()}>\n \n this.exportMjml()}>\n \n \n \n \n\n {this.props.isAdmin && this.toggleModal()}>\n Lataa tai lähetä viikkis\n }\n\n \n {}}\n onSave={() => {}}\n />\n
\n \n );\n }\n}\n\nexport default connect(Summary);\n","import React, { Component } from \"react\";\nimport { Button, Form, FormGroup, Label, Input, Col, Row } from \"reactstrap\";\nimport { formatTitle } from \"../tools/articleTools\";\nimport { TITLES } from \"../constants\";\nimport { connector, actions } from \"../actions\";\nimport { toast } from \"react-toastify\";\nimport * as httpService from \"../services/httpService\";\n\nconst connect = connector(\n state => ({\n year: state.config.year,\n week: state.config.week,\n number: state.config.config.number\n }),\n {\n createWeek: actions.app.createWeek,\n updateConfig: actions.config.updateConfig\n }\n);\n\nclass CreateWeek extends Component {\n state = {\n articles: TITLES.map((title, i) => ({\n year: this.props.year,\n week: this.props.week,\n title: title.fi,\n title_en: title.en,\n text: `# ${formatTitle(title.fi, title.en)} \\n\\n`,\n text_en: ``\n }))\n };\n\n createWeek() {\n if (this.state.articles.find(article => article.title.trim() === \"\")) {\n toast.error(\"Kaikki suomenkieliset kentät ovat pakollisia!\");\n return;\n }\n const articles = this.state.articles.map((a, i) => ({\n ...a,\n position: i + 1,\n text: a.text || `# ${formatTitle(a.title, a.title_en)} \\n\\n`,\n year: this.props.year,\n week: this.props.week\n }));\n \n let nextNumber = this.props.number+1;\n if (this.props.week < 6 && this.props.number > 8) {\n nextNumber = 1;\n }\n\n this.props.createWeek(articles);\n this.props.updateConfig({number:nextNumber})\n }\n\n deleteTitle(i) {\n this.setState({\n articles: this.state.articles.reduce(\n (acc, obj, ind) => (ind === i ? acc : [...acc, obj]),\n []\n )\n });\n }\n\n changeArticle(e, i) {\n this.setState({\n articles: this.state.articles.map((article, index) =>\n i === index ? { ...article, [e.target.name]: e.target.value } : article\n )\n });\n }\n\n async copyPrevWeek() {\n try {\n const response = await httpService.getWeekArticles({\n week: this.props.week - 1,\n year: this.props.year\n });\n const data = response.data;\n if (data.length === 0) throw new Error(\"Ei viime viikon tuloksia\");\n this.setState({\n articles: data\n .sort((a, b) => a.position - b.position)\n .map(a => ({\n title: a.title,\n title_en: a.title_en,\n text: a.text,\n text_en: a.text_en,\n year: this.props.year,\n week: this.props.week,\n position: a.position\n }))\n });\n } catch (e) {\n toast.error(\"Virhe ladatessa viime viikkoa\");\n }\n }\n\n addTitle() {\n this.setState({ articles: [...this.state.articles, { fi: \"\", en: \"\" }] });\n }\n\n render() {\n const { articles } = this.state;\n\n return (\n \n
this.copyPrevWeek()}>\n Kopioi viime viikko\n \n
\n
\n
Ei artikkeleja \n Sihteeri ei ole vielä luonut tämän viikon artikkeleja \n \n )\n }\n\n return articles.length === 0 ? (\n this.props.isAdmin ? \n this.props.navigate('SUMMARY')}>Näytä kooste viikkotiedotteesta \n \n {\n articles.map(article => (\n\n \n this.props.setConfigState({ articleId: article.id, screen: 'ARTICLE' })}>\n {article.position}. {formatTitle(article.title, article.title_en)}\n \n {article.text.length} merkkiä {' '}\n {lastEdited(article.edited_at)} {' '}\n {this.socketsOnline(article.id) && joku muokkaamassa }\n \n {this.props.isAdmin && this.deleteArticle(article.id)}>X }\n\n \n ))\n }\n \n \n )\n }\n}\n\nexport default connect(WeekList)","import moment from \"moment\";\nimport React, { Component } from \"react\";\nimport { toast } from \"react-toastify\";\nimport WeekList from \"./WeekList\";\nimport { Button } from \"reactstrap\";\nimport { connector, actions } from \"../actions\";\n\nconst connect = connector(\n state => ({\n year: state.config.year,\n week: state.config.week,\n now: state.config.now,\n socket: state.socket\n }),\n {\n getWeekArticles: actions.app.getWeekArticles,\n setPrevWeek: actions.config.setPrevWeek,\n setNextWeek: actions.config.setNextWeek,\n getConfig: actions.config.getConfig\n }\n);\n\nclass WeekContainer extends Component {\n state = {\n failed: true,\n loaded: false\n };\n componentDidMount() {\n this.init();\n this.props.socket.emit(\"leave room\");\n }\n\n async init() {\n try {\n await this.props.getWeekArticles({\n year: this.props.year,\n week: this.props.week\n });\n this.props.getConfig();\n this.setState({ failed: false, loaded: true });\n } catch (e) {\n toast.error(\"Ei internet yhteyttä palvelimeen\");\n this.setState({ failed: true, loaded: true });\n }\n }\n\n render() {\n const { year, week, now } = this.props;\n const startOfWeek = moment(now).startOf(\"isoWeek\");\n const endOfWeek = moment(now).endOf(\"isoWeek\");\n const { loaded, failed } = this.state;\n return (\n \n
\n
this.props.setPrevWeek()}\n style={styles.left}\n color=\"link\"\n >\n \n \n \n \n
Viikko {week} \n \n {startOfWeek.format(\"DD.MM.YYYY\")} -{\" \"}\n {endOfWeek.format(\"DD.MM.YYYY\")}\n \n \n this.props.setNextWeek()}\n style={styles.right}\n color=\"link\"\n >\n \n \n \n \n {loaded && !failed &&
}\n
\n
Sihteerin asetukset \n \n {Object.entries(this.state)\n .filter(i => i[0] !== \"id\")\n .map(([key, value]) => (\n this.changeConfig(e)}\n />\n \n ))}\n
\n this.updateConfig()}\n >\n Tallenna asetukset\n \n \n );\n }\n}\n\nexport default connect(ConfigSettings);\n\nconst styles = {\n box: {\n position: \"relative\",\n marginTop: 10,\n backgroundColor: \"white\",\n borderRadius: 3,\n boxShadow: \"#999 0 0 7px\",\n border: \"1px solid darkgray\",\n padding: `60px 10px 10px 10px`\n }\n};\n","import React from 'react';\nimport {connector} from '../actions';\nimport { Container } from 'reactstrap';\nimport { SCREENS } from '../constants';\nimport Article from './Article';\nimport Header from './Header';\nimport NavBar from './NavBar';\nimport Summary from './Summary';\nimport WeekContainer from './WeekContainer';\nimport ConfigSettings from './ConfigSettings';\n\nconst connect = connector(\n state => ({\n screen:state.config.screen\n })\n);\n\nclass MainContainer extends React.Component {\n\n navigation() {\n switch (this.props.screen) {\n case SCREENS.SUMMARY:\n return \n case SCREENS.CONFIG_SETTINGS:\n return \n \n \n {this.navigation()}\n \n
\n );\n }\n}\n\nexport default connect(MainContainer)","import React from 'react';\nimport Loader from 'react-loader-spinner';\n\nexport const LoadingComponent = () => {\n return (\n \n
\n
Ladataan... \n \n
\n
\n );\n }\n}\n\nexport default connect(ScreenContainer)\n","import { types } from \"../actions/appActions\";\nimport { toast } from \"react-toastify\";\nlet initialState = {\n loading: false,\n articles: [],\n config: {\n year: null,\n week: null,\n number: null,\n guild: null,\n guild_en: null,\n subject: null,\n url: null,\n name: null,\n job: null,\n job_en: null,\n university: null,\n university_en: null,\n phone: null,\n email: null\n },\n rooms: {},\n logged: false,\n user: {\n admin:false,\n email:''\n },\n sockets: []\n};\n\nconst appReducer = (state = initialState, { payload, type }) => {\n switch (type) {\n case types.SET_STATE.NAME:\n return { ...state, ...payload };\n\n case types.GET_ARTICLES.PENDING:\n case types.CREATE_WEEK.PENDING:\n case types.GET_ARTICLE.PENDING:\n case types.DELETE_ARTICLE.PENDING:\n case types.GET_WEEK_ARTICLES.PENDING:\n case types.GET_WEEK_CONFIG.PENDING:\n case types.LOGIN.PENDING:\n return { ...state, loading: true };\n\n case types.GET_ARTICLES.REJECTED:\n case types.CREATE_WEEK.REJECTED:\n case types.DELETE_ARTICLE.REJECTED:\n case types.GET_ARTICLE.REJECTED:\n case types.GET_WEEK_ARTICLES.REJECTED:\n case types.GET_WEEK_CONFIG.REJECTED:\n toast.error(\"Ei internet yhteyttä palvelimeen\");\n return { ...state, loading: false };\n\n case types.GET_ARTICLES.FULFILLED:\n return { ...state, loading: false, articles: payload.data };\n\n case types.LOGIN.REJECTED:\n return { ...state, loading: false };\n\n case types.CREATE_WEEK.FULFILLED:\n return {\n ...state,\n articles: [...state.articles, ...payload],\n loading: false\n };\n\n case types.GET_ARTICLE.FULFILLED:\n return {\n ...state,\n articles: state.articles.map(a => (a.id === payload.id ? payload : a)),\n loading: false\n };\n\n case types.DELETE_ARTICLE.FULFILLED:\n return {\n ...state,\n articles: state.articles.reduce(\n (acc, a) => (a.id === payload.data ? acc : [...acc, a]),\n []\n ),\n loading: false\n };\n\n case types.GET_WEEK_ARTICLES.FULFILLED:\n return { ...state, articles: payload.data, loading: false };\n\n case types.GET_WEEK_CONFIG.FULFILLED:\n return {\n ...state,\n config: payload.data.length > 0 ? payload.data[0] : initialState.config,\n loading: false\n };\n\n case types.LOGIN.FULFILLED:\n return { ...state, user: payload.data, logged: true, loading: false };\n\n case types.LOGOUT.NAME:\n return { ...state, user: initialState.user, logged: false };\n\n default:\n return state;\n }\n};\n\nexport default appReducer;\n","import { types } from \"../actions/configActions\";\nimport moment from \"moment\";\nlet initialState = {\n loading: false,\n year: parseInt(moment().format(\"YYYY\")),\n week: parseInt(moment().format(\"WW\")),\n now: moment()\n .day(\"Wednesday\")\n .year(moment().format(\"YYYY\"))\n .week(moment().format(\"WW\")),\n screen: null,\n articleId: null,\n config: {\n email: \"\",\n guild: \"\",\n guild_en: \"\",\n id: \"\",\n job: \"\",\n job_en: \"\",\n name: \"\",\n phone: \"\",\n university: \"\",\n university_en: \"\",\n url: \"\",\n sender:\"\",\n recipient:\"\",\n number:0\n }\n};\n\nconst configReducer = (state = initialState, { payload, type }) => {\n switch (type) {\n case types.SET_CONFIG_STATE.NAME:\n return { ...state, ...payload };\n case types.NAVIGATE.NAME:\n return { ...state, screen: payload };\n case types.NAVIGATE_HOME.NAME:\n return initialState;\n case types.GET_CONFIG.FULFILLED:\n return {\n ...state,\n config: payload.data\n };\n default:\n return state;\n }\n};\n\nexport default configReducer;\n","import { combineReducers } from 'redux';\nimport appReducer from './appReducer';\nimport io from 'socket.io-client';\nimport {SOCKET_ENDPOINT} from '../constants'\nimport configReducer from './configReducer';\nconst socketReducer = io(SOCKET_ENDPOINT);\n\nconst rootReducer = combineReducers({\n app: appReducer,\n config: configReducer,\n socket: () => socketReducer\n})\n\nexport default rootReducer;\n","import { createStore, applyMiddleware } from 'redux';\nimport thunk from 'redux-thunk';\nimport reducers from './reducers';\nimport promise from \"redux-promise-middleware\"\nimport { createLogger } from 'redux-logger';\n\nconst loggerMiddleWare = createLogger({ predicate:(getState, action) => true});\nconst middleWares = applyMiddleware(promise(), thunk, loggerMiddleWare);\n\nexport default createStore(reducers, middleWares);","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read http://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit http://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See http://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import 'react-app-polyfill/ie11';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport ScreenContainer from './containers/ScreenContainer'\nimport {Provider} from 'react-redux';\nimport store from './store';\nimport * as serviceWorker from './serviceWorker';\nimport 'react-toastify/dist/ReactToastify.css';\nimport './bootstrap.css';\nimport './index.css';\n\nReactDOM.render(