Using a step by step guide presentation.

vaijira · Dec 7, 2024 · 0fe6785 · 0fe6785 · github-actions · Dec 7, 2024
1 parent bfa3602
commit 0fe6785
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 9 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -17,14 +17,17 @@
     <meta name="twitter:description" content="Rellenar modelo 720 de la aeat a partir informe de brokers (Interactive brokers y Degiro)">
     <meta name="twitter:image" content="https://www.burocratin.com/modelo-720-aeat/burocratin.svg">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="canonical" href="https://www.burocratin.com" />
+    <link rel="canonical" href="https://www.burocratin.com/modelo-720-aeat/" />
     <link rel="shortcut icon" type="image/x-icon" href="/modelo-720-aeat/img/favicon.ico" />
     <script defer data-domain="burocratin.com" data-api="/chivatin/chivatin/event" src="/chivatin/chivatin/script.js"></script>
     <link rel="stylesheet" type="text/css" href="css/main.css" />
   </head>
   <body>
-    <header><h1>Burocratin te ayuda a rellenar el modelo 720 a partir de los informes de Interactivebrokers y Degiro.</h1></header>
+    <header><h1>Generaci&oacute;n del modelo 720 a partir de los informes de Interactive brokers y Degiro.</h1></header>
     <main class="container">
+      <div class="item">
+        <div id="burocratinApp" ><script src="js/index.js"></script></div>
+      </div>
       <div class="item">
         <p>
           Burocratin utiliza la tecnología <a href="https://en.wikipedia.org/wiki/WebAssembly" alt="WebAssembly" target="_blank" rel="noopener external nofollow">WebAssembly</a>
@@ -56,10 +59,7 @@ <h2>Instrucciones para la generación del modelo 720.</h2>
         <p>Pulse "Descargar informe AEAT 720" y guarde el fichero en el disco duro.</p>
         <p>Finalmente suba el fichero descargado con el modelo 720 a <a alt="enlace modelo 720 AEAT" target="_blank" rel="noopener external nofollow" href="https://sede.agenciatributaria.gob.es/Sede/procedimientoini/GI34.shtml">página correspondiente de la AEAT</a> y comparta en redes sociales si le ha resultado de utilidad.</p>
       </div>
-      <div class="item">
-        <div id="burocratinApp" ><script src="js/index.js"></script></div>
-      </div>
-    </main>
+   </main>
     <footer>
       <p>Comparte en tus redes sociales si te ha sido de utilidad.</p>
       <div>

diff --git a/src/app.rs b/src/app.rs
@@ -179,9 +179,12 @@ impl App {
     pub fn render(this: Arc<Self>) -> Dom {
         html!("div", {
             .child(html!("h3", {
-                .text("Datos personales")
+                .text("Paso 1: Rellena datos personales.")
             }))
             .child(PersonalInfoViewer::render(&this.personal_info_viewer))
+            .child(html!("h3", {
+                .text("Paso 2: Descarga los informes de Interactive brokers y/o Degiro e importalos.")
+            }))
             .child(
                Table::render(&this.table)
             )
@@ -191,7 +194,23 @@ impl App {
             .child(
                 App::render_clear_button(&this)
             )
+            .child(html!("h3", {
+                .text("Paso 3: Revisa las fechas de 1º adquisición y los datos importados y descarga el fichero generado.")
+            }))
             .child(App::render_download_button(&this))
+            .child(html!("h3", {
+                .text("Paso 4: Finalmente importe el fichero descargado con el modelo 720 en la ")
+                .child(html!("a", {
+                  .attr("alt", "enlace presentación modelo 720 AEAT")
+                  .attr("target", "_blank")
+                  .attr("rel", "noopener external nofollow")
+                  .attr("href", "https://sede.agenciatributaria.gob.es/Sede/procedimientoini/GI34.shtml")
+                  .text("página correspondiente de la AEAT")
+                }))
+                .text(" y revise el código de domiciliación del país de las empresas, por defecto cogerá el del ISIN, pero esto no siempre es correcto.")
+            }))
+        //<p>Finalmente suba el fichero descargado con el modelo 720 a <a alt="enlace modelo 720 AEAT" target="_blank" rel="noopener external nofollow"
+        // href="https://sede.agenciatributaria.gob.es/Sede/procedimientoini/GI34.shtml">página correspondiente de la AEAT</a> y comparta en redes sociales si le ha resultado de utilidad.</p>
         })
     }
 }
diff --git a/src/css.rs b/src/css.rs
@@ -76,7 +76,6 @@ pub static TABLE_STYLE: Lazy<String> = Lazy::new(|| {
 pub static TABLE_CAPTION: Lazy<String> = Lazy::new(|| {
     class! {
         .style("font-size", "large")
-        .style("font-weight", "bold")
         .style("margin", "20px")
     }
 });

diff --git a/src/table.rs b/src/table.rs
@@ -97,7 +97,7 @@ impl Table {
                   .style("vertical-align", "bottom")
                   .style("font-weight", "bold")
                   .style("background-color", "#ddd")
-                  .text("")
+                  .text("#")
                 })
               )
               .children(Self::render_header_cells(this))