ULL-MFP-tecnologia-alu01009495-AlberTJ / ULL-MFP-tecnologia-alu01009495-AlberTJ.github.io

Página de la organización del curso
https://ull-mfp-tecnologia-alu01009495-albertj.github.io/
MIT License
0 stars 0 forks source link

Acabada la tarea 6 #1

Open AlbertoGonzalezAlvarez opened 3 years ago

AlbertoGonzalezAlvarez commented 3 years ago

Buenas tardes @crguezl. Antes que nada quería desearte un feliz 2021 y que te encuentres bien de salud 😄

Estaba revisando las tareas para entregar y me faltaba esta última.

crguezl commented 3 years ago

¡¡Fantástico trabajo!!

¡¡Muy bien!!

Me ha gustado lo de poner en color rojo las tareas pasadas de fecha. Un detallito:

        <li><i class="fa-li fa fa-check"></i><b><a href="{{ site.baseurl }}{{ tarea.url }}">{{ tarea.title }}</a></b> - Entrega: 
        {% if today_date > deadline %}
          <b style="color: red;">{{ tarea.deadline }}</b>
        {% else %}
          <b style="color: green;">{{ tarea.deadline }}</b>
        {% endif %}
        </li>

Pero sería mejor hacerlo con javascript por que today_date es la fecha de la última compilación con Jekyll y no la verdadera fecha actual

{% assign today_date = 'now' | date: '%s' %}
AlbertoGonzalezAlvarez commented 3 years ago

¡¡Muchas gracias Casiano!!

Lo he actualizado añadiendo un poco de javascript para corregir lo que me comentaste.

<script>
  var today_date = new Date(Date.now());
  Array.from(document.getElementsByClassName('deadline')).forEach((el) => {
    date_components = el.textContent.split('-');
    day = date_components[0];
    month = date_components[1];
    year = date_components[2];

    task_date = new Date(year, month, day);

    el.style.color = today_date >= task_date ? 'red' : 'green'
});
</script>

Buen finde 😃