fix: adiciona a opção de remover disciplina

cesargabrielphd · Dec 13, 2024 · ceb26ef · ceb26ef
1 parent e6ad6d7
commit ceb26ef
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -116,7 +116,12 @@ div.row.g-3 > div.row.g-3 {
     background-color: #157347;
     border-color: #146c43;
 }
-
+.btn-danger,
+.btn-danger:hover {
+    color: #fff;
+    background-color: #bb2d3b;
+    border-color: #b02a37;
+}
 footer {
   position: fixed;
   width: 100%;

diff --git a/js/functionality.js b/js/functionality.js
@@ -36,6 +36,7 @@ function adicionarDisciplina(periodoId) {
 
   const disciplinaDiv = document.createElement("div");
   disciplinaDiv.className = "row g-3";
+  disciplinaDiv.id = `periodo${periodoId}-disciplina${disciplinaId}`;
   disciplinaDiv.innerHTML = `
     <div class="col-sm-4">
       <input
@@ -87,12 +88,21 @@ function adicionarDisciplina(periodoId) {
     <div class="col-sm-2" id="status-col-${periodoId}-${disciplinaId}">
       <span id="status-${periodoId}-${disciplinaId}">Status</span>
     </div>
+    <div class="col-sm-12">
+      <button class="btn btn-danger" onclick="removerDisciplina(${periodoId}, ${disciplinaId})">Remover Disciplina</button>
+    </div>
   `;
 
   disciplinasDiv.appendChild(disciplinaDiv);
 
   adicionarEventosParaMonitoramento(periodoId, disciplinaId);
 }
+
+function removerDisciplina(periodoId, disciplinaId) {
+  const disciplinaDiv = document.getElementById(`periodo${periodoId}-disciplina${disciplinaId}`);
+  disciplinaDiv.remove();
+}
+
 function determinarStatus(mencao) {
   const aprovadas = ["MM", "MS", "SS"];
   return aprovadas.includes(mencao) ? "Aprovado" : "Reprovado";