Actions List

No notes defined.

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

        <a href="" class="sds-btn -btnSecondary">

            <span class="sds-btn__text">Voir tout</span>

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

        </a>

    </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>

</div>


<!-- All -->
<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>


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

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

        <div class="sds-emptyState ">
            <span class="sds-emptyState__icon sds-icon sds-icon-list-l"></span>
            <div class="sds-stackXxs">
                <p class="sds-emptyState__text sds-textSemiBold sds-textBodyLg">Aucune action à faire</p>

            </div>

        </div>

    </div>

</div>


<!-- Default -->
{% extends "@snet-actions-list-frame" %}
{% block headingOptions %}
	{% render "@btn-secondary--icon-right",{
		eltType: "a",
		text: "Voir tout",
		icon: "icon-chevronright"
	},true %}
{% endblock %}
{% block body %}

	<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>

{% endblock %}

<!-- All -->
{% 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 %}

<!-- Empty -->
{% extends "@snet-actions-list-frame" %}
{% block headingOptions %}

{% endblock %}
{% block body %}
    {% render '@snet-empty-state--no-result',{
        icon: "icon-list-l",
        text: "Aucune action à faire",
        subText: false,
        textBodyLg: true,
        modifiers: [""]
    }, true %}
{% endblock %}