Operation

Server

Dedicated: WhatsappTemplates (ID: i-072df39da22f6bd3d)
Directories: /var/www/ocme
OS: *TO DO*
SSH login: admin@52.28.158.203
Hours of operation: 24/7

├── dist
├── node_modules
├── public
├── src
│   ├── assets
│   |   ├── aus.png
│   |   ├── bg.jpg
│   |   ├── bg.png
│   |   ├── bra.png
│   |   ├── eng.png
│   |   ├── fra.png
│   |   ├── ita.png
│   |   ├── mex.png
│   |   ├── sou.png
│   |   ├── spa.png
│   |   ├── tha.png
│   |   └── usa.png
│   ├── components
│   |   ├── InputPhone.jsx
│   |   ├── Message.jsx
│   |   ├── style.css
│   |   ├── Template.jsx
│   |   └── Title.jsx
|   ├── pages
│   |   ├── Aus.jsx
│   |   ├── Bra.jsx
│   |   ├── Debug.jsx
│   |   ├── Eng.jsx
│   |   ├── Fra.jsx
│   |   ├── Ita.jsx
│   |   ├── Mex.jsx
│   |   ├── Sou.jsx
│   |   ├── Spa.jsx
│   |   ├── Tha.jsx
│   |   └── Usa.jsx
|   ├── App.css
|   ├── App.jsx
|   ├── index.css
|   ├── lang.json
│   └── main.jsx
├── index.html
├── package.json
└── README.md
└── vite.config.js
└── yarn.lock

dist

Folder that contains the build of the project. To run the build enter /var/www/ocme and run

yarn build
cp -r /var/www/ocme/dist/* /var/www/wa-template.beincontact.becloudsolutions.com/
systemctl restart apache2

src

These folders contain the files for building the project's frontend. The web page consists of routes corresponding to each of Ocme's WA accounts (Italian, English, American, etc.), plus a debug page and an unflag page.

Italian, English, American, etc. page

This page is composed of two sections:

On the top left 3 picklists respectively to navigate to the pages of other WA accounts or to the debug page or to the unflag pages
Central section for sending WhatsApp templates, featuring: picklist to select the template language, message text, box to enter the recipient's number and send button.

Debug page

The debug page is used to monitor the progress status of WhatsApp templates sent from the various accounts. Here, too, there are picklists in the top-left corner and a central section. The table allows searching based on information in any of the columns, includes a “Refresh” button to update the results, and displays the sent WhatsApp templates row by row.

Unflag page

The unflag page is used to remove the “custom template” flag from contact records in MongoDB. Like the debug page, it features picklists in the top-left corner and a central table. The table offers the same functionality as the one on the debug page but displays all contacts in MongoDB/BeTracker that have the “template” flag enabled. Rows can be selected to activate the “Unflag” button; once the user confirms the action, the “template” flag is removed for the selected contacts.