Actions List: Default

No notes defined.

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