\n {!pdfDocument && Knjiga se učitava...}\n {pdfDocument &&\n \n {commands()}\n \n \n }\n \n \n );\n};\nexport default Book;\n","import React, { useState, useEffect } from \"react\";\nimport { Route } from \"react-router-dom\";\nimport PropTypes from \"prop-types\";\nimport { Container, Row, Col } from 'react-bootstrap';\nimport { Link } from \"react-router-dom\";\n\nimport PageTitle from '../shared/PageTitle.js';\nimport Book from './Book.js';\nimport { RecordPageVisit } from '../helpers/Ajax.js';\n\nconst Library=({meta, user, data, headerTitle, assets})=> {\n useEffect(() => {\n headerTitle(meta.title);\n }, [location]);\n\n useEffect(() => {\n RecordPageVisit({meta: meta, user: user, page: 'library', item: null});\n }, []);\n\n return (\n \n \n \n \n \n \n \n { data.map((item, index)=> {\n return (\n
\n \n \n \n \n );\n })}\n \n \n \n );\n};\n\nLibrary.propTypes = {\n data: PropTypes.arrayOf(PropTypes.exact({\n id: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n file: PropTypes.string.isRequired,\n cover: PropTypes.string.isRequired,\n })).isRequired,\n assets: PropTypes.shape({\n css: PropTypes.shape({\n pageTitle: PropTypes.object.isRequired,\n }),\n }).isRequired\n};\nexport default Library;\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Navbar, Button } from 'react-bootstrap';\nimport { useLocation, useHistory } from 'react-router-dom';\n\n// Header element shared on all pages,\n// In the left corner is Logo of the conference, in the right one is Menu button\n//\nconst MainNavigation=({openMenu, logo, title, assets})=> {\n const location = useLocation();\n const history = useHistory();\n const id = location.pathname.split(\"/\").pop();\n const detailPage = Number.isInteger(parseInt(id)); // If the last part of path is number\n\n const icon = detailPage ? \"icon-arrow-back\" : \"icon-menu\";\n\n const clickMenu=()=> {\n detailPage ? history.goBack() : openMenu(true);\n };\n\n return (\n \n \n {/* Left */}\n \n {logo && }\n \n \n
\n {text}\n \n \n );\n};\n\n// Red tag with \"LIVE\" title\n//\nexport const TagLive=({assets, text})=> {\n return ;\n};\n// Green tag with \"ON DEMAND\" title\n//\nexport const TagRecorded=({assets, text})=> {\n return ;\n};\n// Bigger white tag with \"ACCESS\" title\n//\nexport const TagAccess=({assets, text})=> {\n return ;\n};\n// Black tag with \"MODERATORS\" title\n//\nexport const TagModerators=({assets, text})=> {\n return ;\n};\n// Tag with an eye icon and number\n//\nexport const TagCounter=({assets, text})=> {\n return (\n \n