1. Description

It is designed to add the phone numbers of subscribers to the List.

It consists of the following elements:

1. Search field (Fig.1(1));
2. CSV file import tool (Fig.1 (2));
3. Creation tool (Fig.1(3));
4. Refresh button (Fig.1(4));
5. Registry (Fig.1(5));
6. Pagination (Fig.1(6)).

Fig. 1. Numbers tab

1.1. Search field

The search is performed on the Number column.

It consists of an input field and a close button () displayed when the cursor is placed in the input field. To search by part of a word or a number, use the * symbol. You can also use the * character to replace any number of characters.

1.2. CSV file import tool 

It is used to upload phone numbers from a CSV file. Clicking on the () button opens a file selection window. Select the desired file on your device and click the Open button (depending on the OS, the file selection window may differ).

The Import CSV modal window opens (Fig.2).

1.2.1. Import CSV modal window

It is designed to configure data import.

It consists of the following elements:

1. Configuration block (Fig.2(1));
2. Preview block (Fig.2(2));
3. Selection block (Fig.2(3));

Fig. 2. Import CSV modal window

1.2.1.1. Configuration block

The Skip headers checkbox allows you to skip headers. At the moment, the parameter is not available for changes. The Char set field is used to select the encoding. At the moment, the parameter is not available for changes. By default, UTF-8 is used. In the Separator field, enter the punctuation mark used in the imported file. By default, a comma is used.

1.2.1.2. Preview block

This block displays the headers and several completed rows from the table that is being imported.

1.2.1.3. Selection block

In the drop-down lists, select the headers (used in the CSV file), the data from which must correspond to the parameter for which the choice is made. For example, in the number drop-down list, select the number (Fig. 3).

Fig. 3. Customize CSV file import

1.2.1.3.1. number

Required field. This field selects the name of the column specified in the import file.  The data in this column corresponds to the number of the phone.

1.2.1.3.2. description

 This field selects the name of the column specified in the import file. The data in this column corresponds to the description.

1.2.1.3.3. expireAt

 This field selects the name of the column specified in the import file. The data in this column corresponds to the date and time until this number will be in this list. Set in Unix Timestamp format. The number will not be automatically removed from the list if left blank.

For convenience, the name of CSV file columns (Fig. 4) can coincide with the fields to be filled in when importing the file.

Fig. 4. Import file

After setting the required fields, the Save button becomes active. Required fields are marked with *. After clicking the Save button, the modal window closes, and entries from the CSV file are added to the registry of entries.

1.3. Creation tool

 Click the add button to add a new subscriber's phone number. After clicking the button, the New number modal window opens (Fig. 5).

Fig. 5. New number modal window

The modal window consists of the following elements:

1. Number;
2. Temporary;
3. Description;
4. Add;
5. Close.

1.3.1. Number

Here, you enter the subscriber's phone number or other contact details of the subscriber, for example, e-mail.

1.3.2. Temporary

The switch is responsible for the possibility of deleting this number from the list at the set time.

  - the number is not deleted automatically;

- the number is removed from the list on the date and time specified in the Expire field (Fig. 6).

Fig. 6. Temporary switch active

When you click on the Expire field, a calendar opens in which the date and time of deletion of this number are selected (Fig. 7).

Fig. 7. Calendar

After selecting the date and time, click the OK button.

1.3.3. Description

Here, you enter the subscriber's name or other appropriate description.

1.3.4. Add

Clicking on the Add button adds the entered number.

1.3.5. Close

Clicking on the Close button closes the modal window, and no number is added.

1.4. Refresh button

Updating the register table is performed by clicking on the refresh button -

1.5. Registry

The registry is a list of entries of existing objects in this section, each of which consists of a set of fields:

1. Checkbox;
2. Number;
3. Description;
4. Expire;
5. Editing tool;
6. Removal tool.

1.5.1. Checkbox

Use to select one or more entries. An additional removal tool appears after selecting one or more entries. Information about the number of records selected for deletion appears when you hover over this tool.

1.5.2. Number

The subscriber's phone number is displayed.

1.5.3. Description

The description of the number is displayed.

1.5.4. Expire

The date until which this number will be in the list is displayed here. If the field is empty, the number is not deleted.

1.5.5. Editing tool

After clicking the edit button (), the modal window New number opens (Fig.6), where you can change the number and description.

1.5.6. Removal tool

Fig. 8. Modal confirmation window

1.6. Pagination

It consists of the Rows per page field, which indicates the number of entries (it is possible to set from 1 to 1000) per page, and forward and backward buttons for switching pages.

2. Opportunities

2.1. Add new number

2.2. Remove a number

2.3. Remove several numbers

2.4. Edit a number

2.5. Add numbers by importing a CSV file