add dashboard

_includes/Pages/aulas.html

@@ -1,7 +1,6 @@
 <div class="aulas-content">
     <div class="title-content">
         <h1>Aulas</h1>
-        <a class="button" href="{{ site.baseurl }}/forms/Aulas/enviarAulas.html" >Criar aula</a>
     </div>
     <div class="content">
         {% assign aulas = site.aulas | sort: 'date' | reverse %}

_includes/Pages/index.html

@@ -33,4 +33,4 @@
             {% endfor %}
         </div>
     </div>
-</div>
+</div>

_includes/SideBar.html

@@ -65,7 +65,7 @@
 	<div class="button-sidebar">
 		<ul>
 			<li>
-				<a class="" href=""> 
+				<a class="" href="{{ site.baseurl }}/dashboard/home.php"> 
 					<span class="menu-txt">Dashboard</span>
 					<i class="fa-solid fa-house mx-4"></i>
 				</a>

_includes/formularios/envAula.html

@@ -1,3 +1,8 @@
+---
+layout: dashboard
+lang: pt
+---
+
 <div class="envArquivo">
     <h1> Enviar Aula</h1>
 

assets/css/stylesheet.css

@@ -493,3 +493,78 @@ h1, h2, h3, h4, h5, h6 {
     border-color: #23d160;
     box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
   }
+
+
+
+/* ================================================================================================================================== */
+/* CSS da pagina dashboard localizada em _includes/layouts/dashboard.php  */
+
+
+.dashboard-content{
+    width: 100%;
+
+    border-radius: 30px 30px 0px 0;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+.dashboard-content .banner{
+    height: 300px;
+    width: 100%;
+    background: url('/assets/images/background.svg') ;
+    background-size: cover;
+    background-position: center;
+    border-radius: 30px;
+
+    padding: 0 25px;
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.index-dashboard{
+    display: flex;
+    flex-direction: row;
+
+    justify-content: center;
+}
+
+.index-dashboard .box-info{
+    min-height: 100px;
+    min-width: 400px;
+
+    display: flex;
+    flex-direction: column;
+
+    background-color: var(--primary-color);
+    border-radius: 15px;
+
+    margin: 15px;
+
+    justify-content: center;
+    align-items: center;
+}
+.dashboard-content .menu{
+    height: 100%;
+    min-width: 20%;
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    
+    border-radius: 0 0 30px 30px;
+    background-color: var(--background-color);
+}
+
+.dashboard-content a{
+   text-decoration: none;
+   color: var(--text-color);
+
+   margin: 15px;
+}

collections/_dashboard/home.php

@@ -0,0 +1,12 @@
+---
+layout: dashboard
+lang: pt
+---
+
+<div class="index-dashboard">
+	<div class="box-info">
+		<h4>Numero de Aulas enviadas</h4>
+			<p><?php  echo $file_count; ?></p>
+			
+	</div>
+</div>

collections/_dashboard/upload.php

@@ -0,0 +1,62 @@
+---
+layout: dashboard
+lang: pt
+---
+
+<div class="envArquivo">
+    <h1> Enviar Aula</h1>
+
+		<form action="upload.php" method="post" enctype="multipart/form-data">
+        
+        <div class="field-row">
+            <!-- Nome da Aula -->
+            <div class="field">
+                <label class="label" for="class_name">Nome da Aula</label>
+                <div class="control">
+                    <input class="input" type="text" id="videoTitle" name="videoTitle" required>
+                </div>
+            </div>
+
+            <!-- Nível -->
+            <div class="field">
+                <label class="label" for="level">Nível</label>
+                <div class="control">
+                    <div class="select">
+                        <select id="level" name="level" required>
+                            <option value="basico">Básico</option>
+                            <option value="intermediario">Intermediário</option>
+                            <option value="avancado">Avançado</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Descrição -->
+        <div class="field">
+            <label class="label" for="description">Descrição</label>
+            <div class="control">
+                <textarea class="textarea" id="description" name="description" rows="4" required></textarea>
+            </div>
+        </div>
+
+        <!-- Software Usado -->
+        <div class="field">
+            <label class="label" for="software">Software Usado</label>
+            <div class="control">
+                <input class="input" type="text" id="software" name="software" required>
+            </div>
+        </div>
+
+        <div class="field">
+					<input type="file" name="fileToUpload" id="fileToUpload">
+				</div>
+
+        <!-- Botão de Enviar -->
+        <div class="field">
+            <div class="control">
+                <button class="button is-primary" name="submit" type="submit">Enviar</button>
+            </div>
+        </div>
+    </form>
+</div>

dashboard.html

@@ -1,6 +0,0 @@
----
-layout: default
-lang: pt
----
-
-<iframe src="dashboard.php" frameborder="0" style="width: 100%; height: 100%;"></iframe>

dashboard.php

@@ -1,27 +1,13 @@
-
 ---
-layout: default
+layout: dashboard
 lang: pt
 ---
-<?php
-  // Autenticação básica HTTP para obter o nome de usuário
-  $username = $_SERVER['PHP_AUTH_USER'];
-	$target_dir = "/var/www/html/aliceclass_videos/" . $username;
 
-  # check if user dir exists
+<div class="index-dashboard">
-	if (!file_exists($target_dir)) {
+	<div class="box-info">
+		<h4>Numero de Aulas enviadas</h4>
+			<p><?php  echo $file_count; ?></p>
+			
+	</div>
+</div>
 
-		# if not, create it
-		if (mkdir($target_dir, 0775, true)) {
-			// echo "Directory created successfully.";
-		}
-
-		if (mkdir($target_dir . "/src", 0775, true)) {
-			// echo "Directory created successfully.";
-		}
-
-		if (mkdir($target_dir . "/dest", 0775, true)) {
-			// echo "Directory created successfully.";
-		}
-	}
-?>