cosas

JuanDDY · Oct 22, 2023 · a221692 · a221692
1 parent d8f1144
commit a221692
Show file tree

Hide file tree

Showing 14 changed files with 181 additions and 49 deletions.
diff --git a/imagenes.code-workspace → imagenes/imagenes.code-workspace b/imagenes.code-workspace → imagenes/imagenes.code-workspace
diff --git a/imagenes/logo.png b/imagenes/logo.png
diff --git a/index.html b/index.html
@@ -1,47 +1,57 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="lib/style.css"/>
+  <link
+      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
+      crossorigin="anonymous"/>
+  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+
+  <script type="module" src="./lib/index.js"></script>
+  <title>TV series</title>
 </head>
 <body>
 
-    <h1>TEORIA DE GRUPOS</h1>
+  <header>
+    <div class="menu">
+      <nav>
+        <img src="imagenes/logo.png" id="logoMenu" alt="Logo">
+        <label id="nombreLogo" href="#">TV Series</label>
+      </nav>
+    </div>
+  </header>
+
+
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-6 col-12">
+        <table class="table table-striped" id="tablaSeries">
+          <thead>
+            <tr>
+              <th scope="col">#</th>
+              <th scope="col">Name</th>
+              <th scope="col">Channel</th>
+              <th scope="col">Seasons</th>
+            </tr>
+          </thead>
+          <tbody>
+          </tbody>
+        </table>
+        <p id="averageSeasons">Average seasons: 0</p>
+      </div>
+      <div class="col-lg-6 col-12" id="contenido">
+      </div>
+    </div>
+  </div>
+
+</body>
+</html>
 
-    <script src="main.js"></script>
 
-    <table class="table table-striped">
-        <thead>
-          <tr>
-            <th scope="col">#</th>
-            <th scope="col">First</th>
-            <th scope="col">Last</th>
-            <th scope="col">Handle</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <th scope="row">1</th>
-            <td>Mark</td>
-            <td>Otto</td>
-            <td>@mdo</td>
-          </tr>
-          <tr>
-            <th scope="row">2</th>
-            <td>Jacob</td>
-            <td>Thornton</td>
-            <td>@fat</td>
-          </tr>
-          <tr>
-            <th scope="row">3</th>
-            <td>Larry</td>
-            <td>the Bird</td>
-            <td>@twitter</td>
-          </tr>
-        </tbody>
-      </table>
-
 
-</body>
-</html>
diff --git a/lib/Serie.js b/lib/Serie.js
@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Serie = void 0;
+class Serie {
+    constructor(id, nombre, canal, temporadas, descripcion, link, imagen) {
+        this.id = id;
+        this.nombre = nombre;
+        this.canal = canal;
+        this.temporadas = temporadas;
+        this.descripcion = descripcion;
+        this.link = link;
+        this.imagen = imagen;
+    }
+}
+exports.Serie = Serie;
diff --git a/Serie.ts → lib/Serie.ts b/Serie.ts → lib/Serie.ts
diff --git a/lib/data.js b/lib/data.js
diff --git a/data.ts → lib/data.ts b/data.ts → lib/data.ts
diff --git a/lib/index.js b/lib/index.js
@@ -0,0 +1,21 @@
+import { series } from './data.js';
+
+const tabla= document.querySelector('.table tbody');
+
+if (tabla) {
+    series.forEach((serie) => {
+        const row = document.createElement('tr');
+        row.innerHTML = `
+            <th scope="row">${serie.id}</th>
+            <th scope="row">${serie.nombre}</td>
+            <th scope="row">${serie.canal}</td>
+            <th scope="row">${serie.temporadas}</td>`
+        console.log("ayuda");
+        tabla.appendChild(row);
+    });
+
+
+} else {
+    console.error("No se encontró el elemento con la clase 'table'");
+}
+document.getElementsByTagName("h1")[0].innerHTML = "Hola desde Typescript";
diff --git a/lib/index.ts b/lib/index.ts
@@ -0,0 +1,21 @@
+import { series } from './data.js';
+
+const tabla: HTMLElement | null = document.querySelector('.table tbody');
+
+if (tabla) {
+    series.forEach((serie) => {
+        const row = document.createElement('tr');
+        row.innerHTML = `
+            <th scope="row">${serie.id}</th>
+            <th scope="row">${serie.nombre}</td>
+            <th scope="row">${serie.canal}</td>
+            <th scope="row">${serie.temporadas}</td>`
+
+        tabla.appendChild(row);
+    });
+
+
+} else {
+    console.error("No se encontró el elemento con la clase 'table'");
+}
+document.getElementsByTagName("h1")[0].innerHTML = "Hola desde Typescript";
diff --git a/lib/main.ts b/lib/main.ts
@@ -0,0 +1,21 @@
+import { series } from './data.js';
+
+const tabla: HTMLElement | null = document.querySelector('.table tbody');
+
+if (tabla) {
+    series.forEach((serie) => {
+        const row = document.createElement('tr');
+        row.innerHTML = `
+            <th scope="row">${serie.id}</th>
+            <th scope="row">${serie.nombre}</td>
+            <th scope="row">${serie.canal}</td>
+            <th scope="row">${serie.temporadas}</td>`
+
+        tabla.appendChild(row);
+    });
+
+
+} else {
+    console.error("No se encontró el elemento con la clase 'table'");
+}
+document.getElementsByTagName("h1")[0].innerHTML = "Hola desde Typescript";
diff --git a/lib/script.js b/lib/script.js
diff --git a/lib/style.css b/lib/style.css
@@ -1,7 +1,20 @@
 /* Add your styles here */
 
+
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+
 header {
-    text-align: center;
+    background: black;
+    width: 100%;
+    clear: both;
+    content:'';
+    display: table;
+
 }
 
 .negrilla {
@@ -28,15 +41,37 @@ h1.tituloPrincipal{
   text-transform: uppercase;
 }
 
-#definicionn {
-  background-color: rgb(243, 255, 255);
+body {
+  margin: 0;
+  padding: 0;
+  min-height: 100vh;
+  background: #dcdc39;
+  font-family: 'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
+}
+
+
+#logoMenu {
+  width: 80px;
+}
+
+
+.menu {
+  width: 900px;
+  margin: 0 auto;
 }
 
+nav {
+  float:left;
+  padding: 5px;
+}
+
+#nombreLogo {
+  color:white;
+  font-size: 20pt;
+}
 
-.definicion1 {
-  background-color: rgb(233, 232, 232);
+.table {
+  margin: 30px auto;
 }
 
-.definicion2 {
-  background-color: rgb(233, 232, 232);
-}
+
diff --git a/main.js b/main.js
diff --git a/main.ts b/main.ts