Status Timeline

No notes defined.

<div class="sds-sectionItemTimeline -startEndDots ">
    <div class="sds-sectionItem -isTimelineItem -dotNoWidth -isStatic">
        <div class="sds-sectionItem__inner">
            <div class="sds-sectionItem__innerCol -date">
                <div class="sds-sectionItem__textMeta sds-textHelper">
                    15h58
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -dot">
                <div class="sds-sectionItem__dotWrapper">
                    <span class="sds-dot -success100"></span>
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -grow">
                <div class="sds-stackXxs">
                    <div>Sortie</div>

                </div>
            </div>
        </div>
    </div>
    <div class="sds-sectionItem -isTimelineItem -dotNoWidth -isStatic">
        <div class="sds-sectionItem__inner">
            <div class="sds-sectionItem__innerCol -date">
                <div class="sds-sectionItem__textMeta sds-textHelper">
                    14h05
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -dot">
                <div class="sds-sectionItem__dotWrapper">
                    <span class="sds-dot -success100"></span>
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -grow">
                <div class="sds-stackXxs">
                    <div>Entrée</div>
                    <div class="sds-sectionItem__textMeta sds-textHelper">Réunion (BIO) - 1, Place de Metz</div>
                </div>
            </div>
        </div>
    </div>
    <div class="sds-sectionItem -isTimelineItem -dotNoWidth -isStatic">
        <div class="sds-sectionItem__inner">
            <div class="sds-sectionItem__innerCol -date">
                <div class="sds-sectionItem__textMeta sds-textHelper">
                    12h06
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -dot">
                <div class="sds-sectionItem__dotWrapper">
                    <span class="sds-dot -primary100"></span>
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -grow">
                <div class="sds-stackXxs">
                    <div>Sortie</div>

                </div>
            </div>
        </div>
    </div>
    <div class="sds-sectionItem -isTimelineItem -dotNoWidth -isStatic">
        <div class="sds-sectionItem__inner">
            <div class="sds-sectionItem__innerCol -date">
                <div class="sds-sectionItem__textMeta sds-textHelper">
                    07h24
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -dot">
                <div class="sds-sectionItem__dotWrapper">
                    <span class="sds-dot -success100"></span>
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -grow">
                <div class="sds-stackXxs">
                    <div>Entrée</div>
                    <div class="sds-sectionItem__textMeta sds-textHelper">Réunion - Bâtiment Rousegaertchen</div>
                </div>
            </div>
        </div>
    </div>
    <div class="sds-sectionTitle -isTimelineItem">
        <div class="sds-sectionTitle__inner">
            <div class="sds-sectionTitle__col">
                <div class="sds-sectionTitle__textMain">
                    Bonifications &amp; pénalisations
                </div>

            </div>

        </div>

    </div>
    <div class="sds-sectionItem -isTimelineItem -dotNoWidth -isStatic">
        <div class="sds-sectionItem__inner">
            <div class="sds-sectionItem__innerCol -date">
                <div class="sds-sectionItem__textMeta sds-textHelper">
                    +01:40
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -dot">
                <div class="sds-sectionItem__dotWrapper">
                    <span class="sds-dot -faded100"></span>
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -grow">
                <div class="sds-stackXxs">
                    <div>Bonification pour visite médicale</div>

                </div>
            </div>
        </div>
    </div>
    <div class="sds-sectionItem -isTimelineItem -dotNoWidth -isStatic">
        <div class="sds-sectionItem__inner">
            <div class="sds-sectionItem__innerCol -date">
                <div class="sds-sectionItem__textMeta sds-textHelper">
                    -00:40
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -dot">
                <div class="sds-sectionItem__dotWrapper">
                    <span class="sds-dot -faded100"></span>
                </div>
            </div>
            <div class="sds-sectionItem__innerCol -grow">
                <div class="sds-stackXxs">
                    <div>Retard</div>

                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="{{ namespace }}sectionItemTimeline -startEndDots {% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
	{% render "@snet-section-item--timeline-status",{
		time: "15h58",
		statusMainText: "Sortie",
		statusMetaText: false,
		dotOptions: {
			classes: ["-success100"]
		}
	},true %}
	{% render "@snet-section-item--timeline-status",{
		time: "14h05",
		statusMainText: "Entrée",
		statusMetaText: "Réunion (BIO) - 1, Place de Metz",
		dotOptions: {
			classes: ["-success100"]
		}
	},true %}
	{% render "@snet-section-item--timeline-status",{
		time: "12h06",
		statusMainText: "Sortie",
		statusMetaText: false,
		dotOptions: {
			classes: ["-primary100"]
		}
	},true %}
	{% render "@snet-section-item--timeline-status",{
		time: "07h24",
		statusMainText: "Entrée",
		statusMetaText: "Réunion - Bâtiment Rousegaertchen",
		dotOptions: {
			classes: ["-success100"]
		}
	},true %}
	{% render "@snet-section-title",{text: "Bonifications & pénalisations"},true %}
	{% render "@snet-section-item--timeline-status",{
		time: "+01:40",
		statusMainText: "Bonification pour visite médicale",
		statusMetaText: false,
		dotOptions: {
			classes: ["-faded100"]
		}
	},true %}
	{% render "@snet-section-item--timeline-status",{
		time: "-00:40",
		statusMainText: "Retard",
		statusMetaText: false,
		dotOptions: {
			classes: ["-faded100"]
		}
	},true %}
</div>