Merge pull request #32 from ICEI-PUC-Minas-PPLCC-TI/forum

Adicionando fórum
ICEI-PUC-Minas-PPLCC-TI · Nov 21, 2023 · f6417b3 · f6417b3
2 parents 6a042b8 + deb0052
commit f6417b3
Show file tree

Hide file tree

Showing 13 changed files with 2,284 additions and 0 deletions.
diff --git a/src/forum/DetalhesForum.html b/src/forum/DetalhesForum.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="assets/css/style5.css">
+  <title>Tela de cadastro</title>
+  <script src="assets/js/app2.js" defer></script>
+</head>
+
+<body onload="init()">
+  <header>
+    <a href="#" class="logo"> Arduino HUB </a>
+
+    <!-- Hamburger icon -->
+    <input class="side-menu" type="checkbox" id="side-menu" />
+    <label class="hamb" for="side-menu"><span class="hamb-line"></span></label>
+
+    <!-- Menu -->
+    <nav>
+      <ul class="menu">
+        <li><a href="#">Projetos</a></li>
+        <li><a href="#">Ferramentas</a></li>
+        <li><a href="index.html">Fórum</a></li>
+        <li><a href="#">Login</a></li>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+    <article>
+        <h1 id="titulo"> Essa parte sera feita quando houver a junçao de todas as partes </h1>
+
+        <section>
+
+            <h3> Descriçao </h3>
+
+            <p id="descricao"> Essa parte sera feita quando houver a junçao de todas as partes </p>
+
+            <h3> Categoria </h3>
+            <p id="Categoria"> Essa parte sera feita quando houver a junçao de todas as partes </p>
+        </section>
+
+        <aside>
+            <h3 class="nomeusuario"> Comentarios </h3>
+            <input class="nomeusuario" id="comentario" type="text">
+
+            <h3 class="nomeusuario"> Nome Usuario </h3>
+            <input class="nomeusuario" id="usuario" type="text">
+
+            <button id="comentar"> Comentar </button>
+
+            <p class="exibir_comentario" id="exibir_comentario"> 
+        </aside>
+
+    </article>
+
+  </main>
+
+  <footer>
+    <section class="about">
+      <h3>Sobre</h3>
+
+      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur veniam nihi quibusdam fugit sapiente iusto natus voluptas obcaecati dolor amet numquam nemo nostrum, adipisc officiis consequuntur optio beatae dolores corrupti.
+      </p>
+    </section>
+
+    <section>
+      <h3>Links</h3>
+      <li>Documentação do Projeto: <a href="docs/index.html">TI DOCS</a></li>
+    </section>
+  </footer>
+
+<script>
+
+function init() {
+
+    let btnComentar = document.getElementById('comentar')
+    btnComentar.addEventListener('click', function(){
+
+        //pega o id da pagina
+        let parametros = new URLSearchParams(location.search)
+        let id = parametros.get('id')
+
+        //pega o que esta dentro do input
+        let campoComentario = document.getElementById('comentario').value
+        let campoUsuario = document.getElementById('usuario').value
+
+        //criar um objeto para colocar no JSON
+        let postdetalhado = { usuario : campoUsuario,
+            comentario : campoComentario,
+            auxiliar : id
+        };
+
+        createComentario(postdetalhado);
+
+    })
+}
+
+</script>
+
+</body>
+
+</html>