Triggered Email to Administrator when a member submits a form

The second approach is different ..

We need to get the user ID, name and email address before submission, or .. we can just create a reference field in the database that holds the member who submitted the data.

Step 1: Create a reference field in your collection to the members collection called "Members/PrivateMembersData", give the field ID the value 'owner'.

Step 2: Prepare the page by importing the necessary web modules.

import wixUsers from 'wix-users';
import wixData from 'wix-data';
import wixLocation from 'wix-location';

// We'll use this to email the admin
import {notifyAdmin} from 'backend/member.jsw';

Step 3: Decide which approach you want to use to submit the data, is it:

A) Using the dataset:

To use the dataset, make sure the dataset mode is set to "Write-Only", connect all the elements to the dataset and add this code to the page's onReady() function.

$w.onReady(() => {
    let variables = {}; // We'll need it later
    
    $w('#checkInsWrite').onReady(() => {
        $w('#checkInsWrite').onBeforeSave(() => {
            // First area - We'll run some code here later
        })
        
        $w('#checkInsWrite').oAfterSave(async() => {
            // Second area - We'll run some code here later
        })
        
        // Third area - We'll use it later
        
        // End of area 3 three
    })
})

Then we need to set the user ID as the owner of the submitted data - we can use the _owner field but it doesn't allow you to access the member data such as their name.

Place this code in the first specified area above, then save the details locally. This code block saves the user ID with the submitted form data and save variables for later use.

$w('#checkInsWrite').setFieldValue({
    owner: wixUsers.currentUser.id    
});

$w('#profile').setFieldValue({
    currentWeight: $w('#currenWeight').value    
});

// Now we'll use the variable object we declared in step 3-A
const options = {
        day: "numeric",
        month: "short",
        year: "numeric"
}
    
variables.weight = $w("#currenWeight").value;
variables.name = $w("#firstName").text;
variables.fat = $w("#fatInpercentage").value;
variables.date = $w("#checkInDate").value.toLocaleDateString("en-US",options);
variables.time = $w("#time").value.substr(0, 5);
variables.comments = $w("#howTheyfelt").value;

B) Wix Data API - Without a dataset.

This method uses wix data API to save the form to the collection.

To submit the form using this method, we'll need only one event handler, but we'll need to validate each element and take care of the uploaded images individually, I don't think you need this approach in your particular case.

Backend Page 'member.jsw'.

Step 4: Import wix users (backend module) to our web module.

import wixUsersBackend from 'wix-users-backend';

Step 5: Create a function on our web module on backend:

export function notifyAdmin(variables) {
    const admin_id = 'ff1990c7-eb13-481c-ae60-6fae9f4c6060';
    
    let options = {
        variables: variables
    }
    
    return wixUsersBackend.emailUser('checkIn', admin_id, options)
    .then(() => {
        return 'success';
    }).catch(err => {
        return { error: err }
    })
}

Frontend Page

Step 6: Save the other dataset values, and call the function to email the user:

Place this code inside the second area in Step 3: A.

$w('#profile').save();

/* Now send an Email to the administrator (You)
, we'll use the custom function */
await notifyAdmin(variables).then((result) => {
    if (typeof result === 'string' && result === 'success') {
        wixLocation.to('/home');
    } else {
        console.error(result.error);
    }
})

Step 7: Trigger the save process.

We'll create an onClick event handler to trigger the saving process when clicked.

Place this code inside the third area in Step 3: A.

$w('#submitCheckinButton').onClick((event) => {
    $w('#checkInsWrite').save();
})

APIs used: page's onReady, dataset's onReady, dataset's onAfterSave and dataset's onBeforeSave event handlers and dataset's save.

Hope this helps~!

Ahmad