Actions List: All

No notes defined.

<div class="sds-actionsList">
    <div class="sds-actionsList__heading">
        <div class="sds-actionsList__title">
            Actions
        </div>

        <button type="button" class="sds-btn -iconBtn -btnSecondary">

            <span class="sds-icon sds-icon-filter"></span>

        </button>

    </div>
    <div class="sds-actionsList__body">

        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-visible"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Validation 4 yeux à effectuer pour RTL Group</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Onboarding • Il y a 2 jours</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <a href="" class="sds-btn -btnSecondary stretched-link">

                        <span class="sds-btn__text">Valider</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </a>
                </div>

            </div>
        </div>
        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-housefinance"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Assigner entité à collaborateur X</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Gestion accès • Il y a 1 jour</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <button type="button" class="sds-btn -btnSecondary stretched-link" data-toggle="modal" data-target="#gestionAccesUser">

                        <span class="sds-btn__text">Assigner</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </button>
                </div>

            </div>
        </div>
        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-client"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Assigner collaborateur à entité Y</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Gestion accès • Il y a 6h</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <button type="button" class="sds-btn -btnSecondary stretched-link" data-toggle="modal" data-target="#gestionAccesUser">

                        <span class="sds-btn__text">Assigner</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </button>
                </div>

            </div>
        </div>

        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-visible"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Validation 4 yeux à effectuer pour RTL Group</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Onboarding • Il y a 2 jours</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <a href="" class="sds-btn -btnSecondary stretched-link">

                        <span class="sds-btn__text">Valider</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </a>
                </div>

            </div>
        </div>
        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-housefinance"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Assigner entité à collaborateur X</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Gestion accès • Il y a 1 jour</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <button type="button" class="sds-btn -btnSecondary stretched-link" data-toggle="modal" data-target="#gestionAccesUser">

                        <span class="sds-btn__text">Assigner</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </button>
                </div>

            </div>
        </div>
        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-client"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Assigner collaborateur à entité Y</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Gestion accès • Il y a 6h</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <button type="button" class="sds-btn -btnSecondary stretched-link" data-toggle="modal" data-target="#gestionAccesUser">

                        <span class="sds-btn__text">Assigner</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </button>
                </div>

            </div>
        </div>

        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-visible"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Validation 4 yeux à effectuer pour RTL Group</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Onboarding • Il y a 2 jours</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <a href="" class="sds-btn -btnSecondary stretched-link">

                        <span class="sds-btn__text">Valider</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </a>
                </div>

            </div>
        </div>
        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-housefinance"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Assigner entité à collaborateur X</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Gestion accès • Il y a 1 jour</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <button type="button" class="sds-btn -btnSecondary stretched-link" data-toggle="modal" data-target="#gestionAccesUser">

                        <span class="sds-btn__text">Assigner</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </button>
                </div>

            </div>
        </div>
        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-client"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Assigner collaborateur à entité Y</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Gestion accès • Il y a 6h</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <button type="button" class="sds-btn -btnSecondary stretched-link" data-toggle="modal" data-target="#gestionAccesUser">

                        <span class="sds-btn__text">Assigner</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </button>
                </div>

            </div>
        </div>

        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-visible"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Validation 4 yeux à effectuer pour RTL Group</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Onboarding • Il y a 2 jours</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <a href="" class="sds-btn -btnSecondary stretched-link">

                        <span class="sds-btn__text">Valider</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </a>
                </div>

            </div>
        </div>
        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-housefinance"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Assigner entité à collaborateur X</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Gestion accès • Il y a 1 jour</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <button type="button" class="sds-btn -btnSecondary stretched-link" data-toggle="modal" data-target="#gestionAccesUser">

                        <span class="sds-btn__text">Assigner</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </button>
                </div>

            </div>
        </div>
        <div class="sds-actionsList__bodyItem">
            <div class="sds-listItem sds-hoverContentSecondary position-relative">
                <span class="sds-iconCircle -info100" aria-hidden="true">

                    <span class="sds-icon sds-icon-client"></span>

                </span>

                <div class="sds-listItem__text">
                    <div class="sds-listItem__textMain sds-textSemiBold">Assigner collaborateur à entité Y</div>

                    <div class="sds-listItem__textMeta sds-textHelper">Gestion accès • Il y a 6h</div>

                </div>

                <div class="sds-listItem__rightContent">
                    <button type="button" class="sds-btn -btnSecondary stretched-link" data-toggle="modal" data-target="#gestionAccesUser">

                        <span class="sds-btn__text">Assigner</span>

                        <span class="sds-icon sds-icon-chevronright"></span>

                    </button>
                </div>

            </div>
        </div>

    </div>

</div>
{% extends "@snet-actions-list-frame" %}
{% block headingOptions %}
	{% render "@icon-btn-secondary",{
		icon: "icon-filter"
	},true %}
{% endblock %}
{% block body %}
	{% for i in range(0,4) %}
		<div class="{{ namespace }}actionsList__bodyItem">
			{% render "@cpb-list-item--info-circle-btn",{
				iconCircleIcon: "icon-visible",
				text: "Validation 4 yeux à effectuer pour RTL Group",
				helperText: "Onboarding • Il y a 2 jours",
				btnEltType: "a",
				btnText: "Valider"
			},true %}
		</div>
		<div class="{{ namespace }}actionsList__bodyItem">
			{% render "@cpb-list-item--info-circle-btn",{
				iconCircleIcon: "icon-housefinance",
				text: "Assigner entité à collaborateur X",
				helperText: "Gestion accès • Il y a 1 jour",
				btnText: "Assigner",
				btnAttrs: {
					"data-toggle": "modal",
					"data-target": "#gestionAccesUser"
				}
			},true %}
		</div>
		<div class="{{ namespace }}actionsList__bodyItem">
			{% render "@cpb-list-item--info-circle-btn",{
				iconCircleIcon: "icon-client",
				text: "Assigner collaborateur à entité Y",
				helperText: "Gestion accès • Il y a 6h",
				btnText: "Assigner",
				btnAttrs: {
					"data-toggle": "modal",
					"data-target": "#gestionAccesUser"
				}
			},true %}
		</div>
	{% endfor %}
{% endblock %}