Commit ae1fcf82 authored by Henrique Varella Ehrenfried's avatar Henrique Varella Ehrenfried
Browse files

Add PDF to the docs


Signed-off-by: Henrique Varella Ehrenfried's avatarHenrique V. Ehrenfried <hvehrenfried@inf.ufpr.br>
parent 246c1998
This diff is collapsed.
......@@ -21,13 +21,15 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
// This component was made using RapiDoc : https://mrin9.github.io/RapiDoc/
import React from 'react';
import { Card, Row, Col } from 'react-materialize';
import React, { useState, useEffect }from 'react';
import { Card, Row, Col, Icon, CardPanel } from 'react-materialize';
import definition from '../SMPPIR-API_Specification.yaml'
import C3SLLogo from '../Images/C3SL.png';
import { Store } from '../Store'
import './Styles/DocApi.css'
import { Document, Page, pdfjs } from 'react-pdf';
import samplePDF from '../Descricao_indicadores_Seppir.pdf';
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
/**
* @name DocApi
......@@ -35,23 +37,44 @@ import './Styles/DocApi.css'
function DocApi() {
const { state } = React.useContext(Store);
const [ pageNumber, setPageNumber ] = useState(1)
var contrastString = state.contrast;
const onDocumentLoadSuccess = ({ numPages }) => {
{setPageNumber(numPages)};
};
const goToPrevPage = () => {setPageNumber( pageNumber > 0 ? pageNumber - 1 : 1)}
const goToNextPage = () => {setPageNumber( pageNumber + 1)}
return (
<div>
<Row/>
<Row>
{/* <Row>
<Col s={12}>
<Card className='smaller' id={`${contrastString}cardApi`} title="API">
<p> API (Interface de Programação de Aplicações) é um conjunto de rotinas e padrões estabelecidos por um software para a utilização das suas funcionalidades por aplicativos que não pretendem envolver-se em detalhes da implementação do software, mas apenas usar seus serviços. </p>
<p> Para fazer consultas com mais parâmetros, insira todos os parâmetros desejados, separe-os por vírgula e pressione o botão Enter. Se o(a) usuário(a) optar em executar a funcionalidade separando-se os parâmetros com o botão Enter, este comando não irá funcionar. </p>
</Card>
</Col>
</Row> */}
<Row>
</Row>
<Row>
<Col s={12}>
<Card>
<rapi-doc
{/* <Col s={7}> */}
<Card style={{height:920, width:650, margin:"0 auto" , overflowY:'scroll'}}>
{/* <rapi-doc
spec-url={definition}
theme={'light'}
header-color={'#FFFFFF'}
......@@ -67,9 +90,23 @@ function DocApi() {
width="57px"
alt={'C3SL logo'}
/>
</rapi-doc>
</rapi-doc> */}
<Document
file={samplePDF}
onLoadSuccess={onDocumentLoadSuccess}
>
{Array.from(new Array(pageNumber), (el, index) => (
<Page key={`page_${index + 1}`} pageNumber={index + 1} />
))}
</Document>
</Card>
</Col>
<Card style={{width:650, margin:"0 auto", marginTop:30}}>
<a href={samplePDF} style={{margin:"0 auto", padding:10}} target="_blank">
<span tyle={{textAlign:"center",}}>Download do PDF, <b>clique AQUI</b></span>
</a>
</Card>
{/* </Col> */}
</Row>
</div>
);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment