Contacts

Description

This page shows the available webshop contacts list. Those contacts can be managed in various ways.

QA

Link to the tests

Components description

Common components

Bulk dropdown

This Dropdown UI Kit is enable when at least one contact have been selected This dropdown contains 3 entries :

  • Enabled

  • Disabled

  • Delete

See Bulk action CTA

Add new Contact button

Buttons Basics UI Kit component. Clicking the button redirects to the Contact adding page.

Contacts section

The section starts with the title Manage Contacts and the sum of the whole contacts in the brackets.

Contacts table

Sort rulesFilter RulesValue

ID

Numeric_sorting

Numeric_filtering

Textfield

Social title

Alphanumeric_sorting

Social Title (list of social title available)

Dropdown list

First name

Alphanumeric_sorting

Alphanumeric_sorting

Textfield

Last name

Alphanumeric_sorting

Alphanumeric_sorting

Textfield

Email address

Alphanumeric_sorting

Alphanumeric_sorting

Textfield

Group

Alphanumeric_sorting

Group ( list of groups available)

Dropdown list

Sales

Numeric_sorting

Numeric_filtering

Textfield

Enabled

Boolean_sorting

Boolean_filtering

Dropdown list

Newsletter

Boolean_sorting

Boolean_sorting

Dropdown list

Partener offers

Boolean_sorting

Boolean_sorting

Dropdown list

Registration

Timestamp_sorting

Between 2 Timestamp

2 dates picker

Last visit

Timestamp_sorting

N/A

N/A

The rest of the content:

  • (De)Select all : Forms Checkboxes UI Kit element. Select all or deselect all element of the table

  • Checkbox - Forms Checkboxes UI Kit element. Marks or unmarks the desired selection of entry.

  • Pen icon - once clicked, the Edit Contact page will be displayed.

  • Three-dot-button - clicking the button, Delete button will appear :

    • Clicking the Delete : Delete CTA

    • View : the Contact page will be display

Components behaviors

Delelte CTA

It will show a modal pop-up with a confirmation text: Delete selection

Are you sure you want to delete the selected item(s)? Cancel Delete Cancel and X button closes the popup modal, and Delete will execute the deletion action and the Contact entry will be deleted from the list.

Bulk CTAs

Clicking on the Bulk actions button allows users to perform bulk actions for selected features (using the checkboxes). A user can:

  • Enable selection - this button will enable all the checkboxes that are selected.

  • Disable selection - this button will disable all the checkboxes that are selected.

  • Delete selected - This button will delete the selected employees. After clicking on "Delete selected", a modal with the title "Delete selection" is opened, asking to confirm or cancel the action: "Are you sure you want to delete the selected item(s)?" (See issue #14462). The action can be canceled by clicking on the cross or on the cancel button. After clicking on "Delete" button, the selected employee will be deleted, a successful message is displayed "The selection has been successfully deleted."

If nothing is selected, and the execution is made, there will be an Alert Basics UI Kit message:

You must select at least one element to delete.

Multistores functionality

This page is Multistores dependent page.

Last updated