Skip to content
Snippets Groups Projects
Commit 3d991afe authored by mrp19's avatar mrp19
Browse files

Adiconando ícone no painel expansivo

parent 45ec6617
No related branches found
No related tags found
1 merge request!9Resolve "Criar tela de termos de uso"
Show whitespace changes
Inline Side-by-side
src/Components/ExpansionPanels.js
+ 14
− 13
View file @ 3d991afe
......@@ -3,6 +3,7 @@ import MuiExpansionPanel from '@material-ui/core/ExpansionPanel';
import MuiExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
import MuiExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
import Typography from '@material-ui/core/Typography';
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
export default function CustomizedExpansionPanels() {
......@@ -15,7 +16,7 @@ export default function CustomizedExpansionPanels() {
return (
<div>
<MuiExpansionPanel square expanded={expanded === 'panel1'} onChange={handleChange('panel1')}>
<MuiExpansionPanelSummary aria-controls="panel1d-content" id="panel1d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel1d-content" id="panel1d-header">
<Typography>1. Características da Plataforma Integrada de RED do MEC</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -45,7 +46,7 @@ Além disso, a Plataforma propicia a formação de uma rede interessada em usar,
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel2'} onChange={handleChange('panel2')}>
<MuiExpansionPanelSummary aria-controls="panel2d-content" id="panel2d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel2d-content" id="panel2d-header">
<Typography>2. Cadastro e segurança</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -71,7 +72,7 @@ BASICAMENTE,
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel3'} onChange={handleChange('panel3')}>
<MuiExpansionPanelSummary aria-controls="panel3d-content" id="panel3d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel3d-content" id="panel3d-header">
<Typography>3. Publicações de usuários</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -124,7 +125,7 @@ O usuário poderá ter a sua conta removida em casos de violações sistemática
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel4'} onChange={handleChange('panel4')}>
<MuiExpansionPanelSummary aria-controls="panel4d-content" id="panel4d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel4d-content" id="panel4d-header">
<Typography>4. Licença de udodo conteúdo</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -164,7 +165,7 @@ Os conteúdos publicados e armazenados na Plataforma pelos usuários, serão sem
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel5'} onChange={handleChange('panel5')}>
<MuiExpansionPanelSummary aria-controls="panel5d-content" id="panel5d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel5d-content" id="panel5d-header">
<Typography>5. Práticas de uso e armazenamento</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -178,7 +179,7 @@ O usuário será notificado caso algum conteúdo tenha que ser retirado da Plata
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel6'} onChange={handleChange('panel6')}>
<MuiExpansionPanelSummary aria-controls="panel6d-content" id="panel6d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel6d-content" id="panel6d-header">
<Typography>6. Privacidade da informação</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -198,7 +199,7 @@ Os dados sobre interação e comportamento dos usuários nunca serão comerciali
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel7'} onChange={handleChange('panel7')}>
<MuiExpansionPanelSummary aria-controls="panel7d-content" id="panel7d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel7d-content" id="panel7d-header">
<Typography>7. Violação no sistema ou na base de dados</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -212,7 +213,7 @@ Serão aplicadas as sanções previstas ou as ações legais ao responsável por
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel8'} onChange={handleChange('panel8')}>
<MuiExpansionPanelSummary aria-controls="panel8d-content" id="panel8d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel8d-content" id="panel8d-header">
<Typography>8. Sanções</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -232,7 +233,7 @@ No caso do usuário não cumprir qualquer item destes Termos, praticar atos frau
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel9'} onChange={handleChange('panel9')}>
<MuiExpansionPanelSummary aria-controls="panel9d-content" id="panel9d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel9d-content" id="panel9d-header">
<Typography>9. Limitações de responsabilidade</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -254,7 +255,7 @@ O usuário é integralmente responsável pelos materiais enviados e por qualquer
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel10'} onChange={handleChange('panel10')}>
<MuiExpansionPanelSummary aria-controls="panel10d-content" id="panel10d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel10d-content" id="panel10d-header">
<Typography>10.Inexistência de vínculo</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -268,7 +269,7 @@ Não há nenhum tipo de vínculo (trabalhista, parceria, etc) entre a Plataforma
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel11'} onChange={handleChange('panel11')}>
<MuiExpansionPanelSummary aria-controls="panel11d-content" id="panel11d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel11d-content" id="panel11d-header">
<Typography>11. Como reportar violações</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -286,7 +287,7 @@ O usuário poderá reportar,
utilizando a funcionalidade “Reportar” ou pel
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel12'} onChange={handleChange('panel12')}>
<MuiExpansionPanelSummary aria-controls="panel12d-content" id="panel12d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel12d-content" id="panel12d-header">
<Typography>12. Modificações nos Termos de Uso</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......@@ -299,7 +300,7 @@ Com o objetivo de melhorar os serviços prestados, estes Termos podem ser altera
</MuiExpansionPanelDetails>
</MuiExpansionPanel>
<MuiExpansionPanel square expanded={expanded === 'panel13'} onChange={handleChange('panel13')}>
<MuiExpansionPanelSummary aria-controls="panel13d-content" id="panel13d-header">
<MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel13d-content" id="panel13d-header">
<Typography>13. Foro</Typography>
</MuiExpansionPanelSummary>
<MuiExpansionPanelDetails>
......
src/Pages/UserTerms.js
+ 49
− 6
View file @ 3d991afe
......@@ -44,13 +44,10 @@ class UserTerms extends Component {
<h3 style = {{color: "red"}}> Veja a versão resumida</h3>
</div>
<div style = {{with: "100%",textAlign: "center"}}>
<div style = {{with: "100%",textAlign: "center",background: "red"}}>
<h1>Plataforma Integrada de Recursos Educacionais Digitais,</h1>
<h2>uma iniciativa do Ministério da Educação!</h2>
</div>
<div style = {center}>
<spam>A Plataforma Integrada de RED do MEC é parte do processo de implementação do Compromisso 6
do 3º Plano de Ação da Parceria Governo Aberto (OGP-Brasil), que tem por objetivo “incorporar na
política educacional o potencial da cultura digital, de modo a fomentar a autonomia para uso,
......@@ -59,16 +56,62 @@ class UserTerms extends Component {
</div>
<div>
<ExpansionPanels/>
<div style = {{background: "green"}} >
<h1 style = {center}>Para melhor compreensão, podemos dividir os recursos em dois tipos:</h1>
<h2>Abertos</h2>
<spam>
De acordo com a Declaração de Paris, são recursos que, no mínimo,
têm uma licença de uso mais flexível, que garante livre
redistribuição. Adicionalmente, um recurso aberto deve utilizar um
formato aberto, um formato de arquivo que permite a fácil edição por
terceiros. Nenhum controle sobre o acesso (como cadastro e senha)
deve existir para acesso a recursos abertos. Em sua maioria, são
recursos gratuitos.
</spam>
<h2>Fechados</h2>
<spam>
São recursos que criam restrições no seu acesso, uso ou reuso.
Como exemplo, podemos mencionar recursos que só são acessíveis
mediante cadastro ou que têm licenças restritivas (como “todos os
direitos reservados”, o símbolo ©). Podem ser gratuitos ou pagos.
</spam>
</div>
<div>
<spam>
O Plano Nacional de Educação (2014-2024) enfatiza nas metas 5 e 7 a importância dos recursos educacionais abertos para fomentar a qualidade da educação básica. A Resolução CNE/CES nº 1, de 11 de março de 2016, também destaca a importância dos recursos educacionais abertos para as instituições de educação superior e para as atividades de educação a distância.
</spam>
<h1 style = {center}>TERMOS DE USO</h1>
<h4 style ={center}>Início da vigência: agosto de 2017</h4>
<spam>
Aqui estão os “Termos de Uso” da Plataforma Integrada de RED do MEC, isto é, as regras de funcionamento da Plataforma e seus serviços, e o que se espera de seus usuários. Por “usuário”, entende-se qualquer pessoa que acesse o domínio portal.mec.gov.br, tanto para pesquisa (acesso) como para a inclusão de dados e informações (participação) mediante cadastro.
Fazem parte dos Termos de Uso as políticas de responsabilidade, de privacidade e confidencialidade, a licença de uso do conteúdo e as informações sobre como reportar violações.
Ao utilizar a Plataforma Integrada de RED do MEC, o usuário aceita todas as condições aqui estabelecidas. O uso da Plataforma Integrada de RED do MEC implica aceite das condições aqui elencadas.
Por “serviço”, entende-se qualquer funcionalidade ou ferramenta que permita a interatividade com o usuário, como, por exemplo, usuário subir um recurso, postar um comentário, criar uma coleção ou enviar uma mensagem.
A aceitação destes "Termos de Uso" é indispensável à utilização da Plataforma Integrada de RED do MEC. Todos os usuários deverão ler, certificar-se de tê-los entendido e aceitar todas as condições neles estabelecidas. Dessa forma, deve ficar claro que a utilização desta "Plataforma Integrada de RED do MEC" implica aceitação completa deste documento intitulado Termos de Uso. Caso tenha dúvidas sobre os termos, utilize o formulário disponível em “Contato” para saná-las.
</spam>
</div>
<div>
<ExpansionPanels/>
</div>
</div>
);
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment