TracCloud: ACTP Tutor Training Tracker

---

Header Display

{% if "now"|date("Y-m-d") < (SPAssigned.DateCompleted|date_modify("+7 day")|date("Y-m-d")) %} <div
style="width: 100%; text-align: center; float: left">Your <b>{{SuccessPlan.Name}}</b>
</div>
{% endif %}

---

Line Display

{% if "now"|date("Y-m-d") < (SPAssigned.DateCompleted|date_modify("+7 day")|date("Y-m-d")) %}
<div style="
    border: 2px solid black; 
    width: 48%;
    float:
        {% if SPAssignedStep.Index is odd %} 
        left;
        {% else %}
        right;
        {% endif %}
    padding:2%;
    margin:
        {% if SPAssignedStep.Index is odd %} 
        1% 2% 1% 1%;
        {% else %}
        1% 1% 1% 0%;
        {% endif %} 
    border-radius: 5px;
    color: black;" 
    {% if SPAssignedStep.DueDate < "now"|date("Y-m-d") and SPAssignedStep.CompletedDate == "" %}
    class="announce-danger"
    {% elseif SPAssignedStep.CompletedDate == "" %}
    class="announce-warning"
    {% else %}
    class="announce-success"
    {% endif %}
>
<div style="float: left; width: 50%; font-weight: bold; ">Step {{SPAssignedStep.Index}}</div>
<div style="float: left; width: 50%; text-align: right">
{% if SPAssignedStep.DueDate < "now"|date("Y-m-d") and SPAssignedStep.CompletedDate == "" %}❌{% elseif SPAssignedStep.CompletedDate == "" %}🟡{% else %}✅{% endif %}
</div>
<hr style="margin-bottom: -2px">

{% if SPStep.CustomData.Instructions != "" %}
{{SPStep.CustomData.Instructions}}
<hr style="margin: -2px 0px -2px 0px">
{% endif %}
{% if SPAssignedStep.CompletedDate == "" %}
    <div style="text-align: center"><i>Due: {{SPAssignedStep.DueDate}}</i></div>
{% else %}
    <div style="text-align: center"><i>Completed: {{SPAssignedStep.CompletedDate}}</i></div>
{% endif %}
</div>
{% endif %}

---

Footer Display

{% if "now"|date("Y-m-d") < (SPAssigned.DateCompleted|date_modify("+7 day")|date("Y-m-d")) %}
<div style="width: 100%; float: left; text-align: center">
{% if SPAssigned.DateCompleted == "" %}
Due: {{SPAssigned.DueDate}}
{% else %}
Completed: {{SPAssigned.DateCompleted}}
{% endif %}
<hr style="margin: -2px 0px -2px 0px">
</div>
{% endif %}

---

---