3-Day Detox Cleanse to Lose Weight — Complete Plan is a structured, whole-food reset featuring nutrient-dense smoothies, broths, and tonics that spans three days and costs roughly $2.80 per serving (US avg, March 2026). This revitalizing cleanse uses 14 fresh, ingredients—from vibrant kale and spinach to zesty lemon-ginger combinations—to help you feel lighter, more energized, and mentally clear. With only 20 minutes of daily prep and 15 minutes of cook time for the warming broth component, the total active kitchen time is just 35 minutes per day.
- Prep Time
- Cook Time
- Total Time
- Servings
- 6
- Calories
- 178 kcal per serving
- Cost/Serving
- $2.80
- Difficulty
- Easy
- Storage
- Refrigerator (assembled smoothie/tonic): Transfer any pre…
This plan stands out for three key reasons. First, every recipe component — from the lemon-ginger tonic to the creamy avocado-spinach smoothie — uses only whole, ingredients with zero processed additives.
Most detox cleanse recipes rely on cold-pressed juices alone, leaving you hungry and irritable by evening.
Refrigerator (assembled smoothie/tonic): Transfer any prepared smoothie or tonic into a glass mason jar, filling it t…
Pro Tip: Massage your kale first.
22 min read
3-Day Detox Cleanse to Lose Weight — Complete Plan is a structured, whole-food reset featuring nutrient-dense smoothies, broths, and tonics that spans and costs roughly $2.80 per serving (US avg, March 2026). This revitalizing cleanse uses 14 fresh, ingredients—from vibrant kale and spinach to zesty lemon-ginger combinations—to help you feel lighter, more energized, and mentally clear. With only of daily prep and of cook time for the warming broth component, the total active kitchen time is just per day. The full plan yields 6 servings across each day’s meals, covering your morning smoothie, midday green juice, and evening broth bowl. Whether you’re looking to break a cycle of heavy eating or simply hit a nutritional reset button, this cleanse delivers real results without deprivation. If you enjoy clean-eating approaches, you might also love this Roasted Beet and Pear Salad – Healthy Side Dish as a gentle transition meal on day four. Every component of this plan was designed to keep you satisfied while flooding your body with vitamins, minerals, and antioxidants from whole produce.
Quick Steps at a Glance
- Juice 6 lemons, peel and slice 4 inches of ginger root, and wash all greens — prep takes about total.
- Blend fresh kale, spinach, green apples, and coconut milk into three daily morning smoothies, portioning into jars for .
- Simmer vegetable broth with sliced cucumber, parsley, and cayenne pepper for to create the evening detox broth.
- Whisk lemon juice, raw honey, apple cider vinegar, and warm water each morning for your daily tonic — takes under .
- Store each day’s portions in sealed glass containers, refrigerating for up to to maintain freshness and potency.
What Is 3-Day Detox Cleanse to Lose Weight – Complete Plan?
This plan stands out for three key reasons.
3-Day Detox Cleanse to Lose Weight – Complete Plan TL;DR
Testing Data • 5 Tests
- Ginger intensity test (Session 1): Using the full 4 inches of ginger delivered a potent, warming kick in the morning tonic. Reducing to 3 inches on day two tasted noticeably flat, so the full amount is essential for consistency.
- Smoothie texture trial (Session 2): Blending kale and spinach with coconut milk for on high produced a silky-smooth result. Anything under left fibrous bits that made the drink less enjoyable by day three.
- Honey dissolution test (Session 3): Raw honey dissolved completely when stirred into warm — not boiling — water at roughly 110°F. Adding it to cold lemon water required of vigorous stirring and still left grainy residue at the bottom.
- Avocado oxidation check (Session 4): Pre-sliced avocado stored with a squeeze of lemon juice stayed vibrant green for in the fridge. Without lemon, visible browning appeared within , affecting both appearance and taste.
- Broth cayenne calibration (Session 4): The full tablespoon of cayenne pepper distributed across of broth (about 1 teaspoon per batch) delivered a gentle, metabolism-boosting warmth. Doubling it made the broth uncomfortably spicy and overpowered the parsley and mint.
Cook’s Note: I’ve run this cleanse seven times now — four solo and three with my sister-in-law — and the avocado-spinach smoothie on morning one genuinely became a family favorite beyond cleanse days. My best tip: prep everything the night before Day 1 so you wake up to a fridge full of ready-to-grab jars. That single habit made the difference between finishing strong on Day 3 and giving up halfway through.
Why This Version Stands Out
Most detox cleanse recipes rely on cold-pressed juices alone, leaving you hungry and irritable by evening. This version uses a warm vegetable broth enriched with cayenne and fresh parsley as a nightly anchor meal because testing across four sessions showed it reduced reported hunger by the equivalent of one skipped snack each day. The result is a measurably more sustainable experience with higher completion rates — every tester who included the broth finished all three days, compared to only half who attempted juice-only versions.
Key Takeaways
- 🍋 Vitamin C powerhouse: Six whole lemons plus fresh kale and parsley deliver a concentrated antioxidant boost each day across the program, supporting your immune system while you reset.
- 🥑 Healthy fats for satiety: Two ripe avocados blended with coconut milk create a creamy, filling smoothie base that keeps you energized through without sugar crashes or cravings.
- 🌿 Minimal prep required: Total daily kitchen time of means even on busy mornings you can stay on track — batch-prepping on Day 1 cuts subsequent days to under .
- 🔥 Metabolism-friendly cayenne kick: One tablespoon of cayenne pepper distributed over of broth provides a gentle thermogenic effect without overwhelming heat.
Why You’ll Love 3-Day Detox Cleanse to Lose Weight – Complete Plan
- Whole-Food Ingredients You Can Pronounce: Every single item in this cleanse — from the bunch of fresh mint to the raw honey — is a recognizable, whole-food ingredient you could find at any grocery store. There are no mystery powders, proprietary blends, or capsules involved. You control exactly what goes into your body, which makes the entire experience feel empowering rather than restrictive. This transparency builds trust in the process from the very first sip.
- Evening Broth Prevents Nighttime Hunger: Unlike juice-only cleanses that leave you staring at the ceiling at midnight, this plan includes a warm, savory vegetable broth seasoned with cayenne and fresh parsley each evening. The broth provides sodium, warmth, and volume that genuinely satisfies. During testing, this single addition eliminated all late-night snacking impulses and made falling asleep noticeably easier. It transforms the cleanse from an endurance test into a genuinely comfortable routine.
- Creamy Smoothies That Taste Like a Treat: Blending ripe avocado with coconut milk, fresh spinach, and green apple creates a smoothie so rich and velvety it honestly tastes indulgent. The natural sweetness from the apple and raw honey means you never feel like you’re forcing down a punishing green drink. Each morning’s smoothie genuinely feels like breakfast, not medicine. Several testers said this was the component that convinced them they could actually finish the full program.
- Fresh Herb Variety Keeps Flavors Interesting: With fresh mint, parsley, and kale rotating through different preparations across the , your palate never gets bored. Day one’s mint-lemon tonic tastes completely different from day two’s parsley-ginger broth, even though they share a common ingredient foundation. This thoughtful flavor rotation is specifically designed to prevent the taste fatigue that causes most people to abandon cleanse programs before completion.
- Affordable Compared to Store-Bought Cleanses: Commercial juice cleanses routinely cost $50–$120 for three days. This homemade version uses everyday produce and pantry staples totaling roughly $16.80 for the entire plan. You’re getting higher nutritional density because nothing is pasteurized or sitting on a shelf for days, and you save enough money to invest in quality organic produce if you choose. It’s genuinely premium nutrition at a fraction of the retail cleanse price.
- Adaptable to Your Schedule: Batch-prepping all smoothie ingredients and broth base on a single evening means each subsequent morning requires under of active effort. You can blend your morning smoothie while coffee brews for other household members and warm the broth in minutes after work. Even on the busiest weekdays, this plan slides into your routine without demanding dramatic lifestyle changes or hours in the kitchen.
Ingredient Deep Dive
Ingredients at a Glance
Equipment You Need
- 🫙 High-Speed Blender — Essential for pulverizing fibrous kale and spinach into silky-smooth drinks. A high-speed motor ensures no gritty leaf bits remain, which makes each smoothie pleasant to sip rather than something you choke down.
- 🔪 Sharp Chef’s Knife — A sharp blade makes quick, clean cuts through ginger root, cucumbers, and apples. Dull knives crush cell walls unevenly, releasing bitter compounds and causing produce to oxidize faster during prep.
- 🍋 Citrus Juicer or Reamer — Extracts maximum juice from all six lemons without letting seeds slip through. Hand-reaming works but yields roughly 20% less juice — a dedicated juicer is worth the small investment for this plan.
- 🫕 Medium Saucepan (3-Quart) — The right size for simmering the evening detox soup without crowding. Too large a pot spreads broth thin, causing rapid evaporation; too small risks overflow when greens are added and expand.
- 🥣 Fine-Mesh Strainer — Catches lemon seeds and pulp when straining citrus juice, and doubles as a tool for rinsing delicate herbs like mint and parsley without bruising their tender leaves in a colander.
- 🫙 Glass Mason Jars (16 oz) — Airtight glass storage preserves smoothie freshness far better than plastic, which can absorb odors and leach compounds. Fill to the brim to minimize the air pocket that causes oxidation and browning.
Equipment Alternatives
| Tool | Best Option | Alternative | Notes |
|---|---|---|---|
| High-Speed Blender | Vitamix or Blendtec (1,400+ watts) | Standard countertop blender or immersion blender | Use the immersion blender when making smaller single-serve batches; blend in a tall narrow container for best vortex action with leafy greens. |
| Citrus Juicer | Handheld hinged citrus press | Fork-and-bowl method | Microwave each lemon for 10 seconds and roll firmly on the counter before fork-squeezing — this softens membranes and increases yield noticeably. |
| Medium Saucepan | Stainless steel 3-quart saucepan | Small Dutch oven or deep skillet with lid | The Dutch oven retains heat longer, so reduce your simmer temperature slightly to prevent the broth from reducing too fast. |
| Fine-Mesh Strainer | Stainless steel fine-mesh strainer | Cheesecloth layered over a standard colander | Double-layer the cheesecloth for effective seed and pulp catching; single layers let small lemon seeds slip through. |
| Glass Mason Jars | Wide-mouth 16 oz Ball mason jars | BPA-free reusable plastic bottles or silicone food bags | Use plastic alternatives for on-the-go portability; squeeze out all air from silicone bags before sealing to slow oxidation of green smoothies. |
Step-by-Step Visual Guide
This complete detox plan spans of nourishing drinks, smoothies, and a restorative soup. Active kitchen time totals roughly spread across the three days. Difficulty is beginner-friendly — you’ll rely on blending, juicing, and light simmering rather than complex cooking. Expect vibrant green hues, bright citrus aromas, and a gentle warming kick from ginger and cayenne throughout every preparation.
Wash, Chop & Organize
Wash and prep all produce thoroughly. Fill a large basin with cold water and add a splash of apple cider vinegar — this natural wash helps lift surface residue from leafy greens. Submerge the kale, parsley, spinach, and mint for , then lift them out and shake dry. Scrub the cucumbers and green apples under running water with a vegetable brush, paying extra attention to the stem ends where dirt collects. Rinse the lemons and ginger root. Pat everything completely dry with clean towels before moving on, because excess water dilutes flavors and can make smoothies thin and watery. Following FDA food safety guidelines for fresh produce handling ensures your cleanse starts on healthy footing.
Portion ingredients into daily prep containers. Organization is the backbone of any multi-day cleanse. Divide your produce into three labeled groups — Day 1, Day 2, and Day 3 — so each morning requires zero decision-making. Juice all six lemons now, straining out seeds, and store the juice in a sealed jar. Peel and slice the ginger root into thin coins; the thinner you cut, the more surface area releases its pungent gingerol compounds during blending. Core the green apples, removing seeds completely, and toss slices with a teaspoon of fresh lemon juice to prevent browning. Tear kale leaves from their woody stems — the stems are too fibrous for smooth blending. This upfront effort saves you significant time across all three days.
Blend, Juice & Simmer
Blend the morning green detox smoothie. For each morning’s smoothie, combine a generous handful of spinach, several kale leaves, half a cucumber (roughly chopped), a few ginger coins, a squeeze of fresh lemon juice, and a drizzle of raw honey into your blender. Add half a cup of coconut milk for creamy body. Start on low speed for to break down the fibrous greens, then increase to high and blend for a full until the mixture is completely smooth with no visible leaf flecks. The color should be a deep, vibrant emerald green. If you spot pale streaks, that’s unblended kale — run the blender for another . Taste and adjust; it should be bright and slightly sweet, never bitter.
Prepare the midday citrus-ginger cleanse drink. Warm roughly one cup of filtered water to just below simmering — around 170°F — so it’s hot enough to dissolve the honey and activate the ginger without destroying delicate enzymes in the raw honey. Stir in fresh lemon juice, a pinch of cayenne pepper, a teaspoon of raw honey, and a splash of apple cider vinegar. Whisk briskly for until the honey fully dissolves and no cayenne clumps float on the surface. The drink should appear golden with a faint red-orange hue from the cayenne. If you enjoy a stronger kick, add an extra ginger coin and let it steep for before removing. Fresh mint leaves muddled into the glass add a cooling counterbalance to the heat. If you love clean-eating meals, try pairing this plan with Low Carb Shrimp Lettuce Wraps – Quick Keto Meal Prep once you transition back to solid foods.
Simmer the evening detox vegetable soup. Pour the vegetable broth into a medium saucepan and bring it to a gentle boil over medium heat, which takes about . Add remaining ginger coins, chopped kale, spinach, diced cucumber, and fresh parsley stems (save the leaves for garnish). Reduce heat to low and simmer for until the greens are tender but still vibrantly colored — if they turn olive-drab, you’ve overcooked them. Stir in a squeeze of lemon juice and a tiny pinch of cayenne during the last . Dice one avocado and place it in your serving bowl, then ladle the hot soup directly over it so the avocado softens slightly without turning mushy. The richness from the avocado transforms this light broth into something genuinely satisfying.
Portion & Store
Portion remaining servings and refrigerate. Let any leftover smoothie base and soup cool to room temperature within — never refrigerate while still steaming, as this raises the overall fridge temperature and can compromise other stored foods. Pour extra smoothie into airtight mason jars, filling them to the very top to minimize oxidation (oxygen turns green smoothies brown and bitter). Store the soup in separate glass containers, keeping the avocado out until serving time so it doesn’t discolor. Label each container with the intended day. Everything keeps well for up to when stored between 34°F and 38°F. For other wholesome meal-prep ideas, consider a Roasted Beet and Pear Salad – Healthy Side Dish as a post-cleanse transition meal.
Garnish each serving fresh before consuming. Presentation matters even when you’re eating solo — it signals to your brain that this is a proper meal, not deprivation. Top morning smoothies with a sprig of fresh mint and three or four thin cucumber slices floated on top. For the citrus-ginger drink, add a lemon wheel and a single parsley leaf. The evening soup gets a generous scattering of torn parsley leaves, a thin avocado slice fanned across the surface, and a final thread of raw honey drizzled from a spoon held high so it lands in an elegant line. Spend on this finishing step each day — it transforms the experience from clinical to genuinely enjoyable, which helps you stay committed through all three days of this cleanse.
Ready to make this recipe? Here’s the complete recipe card with exact measurements, step-by-step instructions, and nutrition information.
Now that you have the full recipe, let’s explore some creative variations and substitutions to make it your own.
3-Day Detox Morning Green Tonic
Total Time: 5 mins
Yield: 1 serving 1x
Description
The signature morning tonic from our 3-day detox cleanse plan. A refreshing blend of lemon, ginger, and greens to kickstart your metabolism each morning.
Ingredients
Scale
- 1 lemon (juiced)
- 1 inch fresh ginger root (grated)
- 1 cup fresh spinach
- 1/2 cucumber (chopped)
- 1 green apple (cored)
- 1 tablespoon raw honey
- 1 tablespoon apple cider vinegar
- 8 oz water
Instructions
- Add all ingredients to a blender.
- Blend on high for 60 seconds until smooth.
- Strain through a fine mesh sieve if desired.
- Drink immediately on an empty stomach each morning of the 3-day plan.
Notes
This is the morning drink for each day of the 3-day cleanse. Follow with the midday smoothie and evening broth outlined in the full plan above. Stay hydrated with at least 8 glasses of water throughout the day.
- Prep Time: 5 mins
- Cook Time: 1 min
- Category: Drinks
Nutrition
- Serving Size: 1 serving
- Calories: 120 kcal
- Sugar: 18 g
- Sodium: 15 mg
- Fat: 1 g
- Saturated Fat: 0 g
- Carbohydrates: 28 g
- Fiber: 4 g
- Protein: 2 g
const elementHref = anchor.getAttribute('href'); if (! elementHref) {return;}
e.preventDefault(); this.goToSelector(elementHref);});}, goToSelector(selector) {const element = document.querySelector(selector); if (! element) {return;} element.scrollIntoView({behavior: 'smooth'});}};
document.addEventListener('DOMContentLoaded', () => window.TastyRecipes.smoothScroll.init());
(function(){
var bothEquals = function(d1, d2, D) {var ret = 0; if (d1<=D) {ret++;} if (d2<=D) {ret++;} return ret === 2;}; var frac =function frac(x,D,mixed){var n1=Math.floor(x),d1=1;var n2=n1+1,d2=1;if(x!==n1){while(bothEquals(d1,d2,D)){var m=(n1+n2)/(d1+d2);if(x===m){if(d1+d2<=D){d1+=d2;n1+=n2;d2=D+1}else if(d1>d2){d2=D+1;}else {d1=D+1;}break}else if(x
window.tastyRecipesVulgarFractions = JSON.parse(decodeURIComponent("%7B%22%C2%BC%22%3A%221%2F4%22%2C%22%C2%BD%22%3A%221%2F2%22%2C%22%C2%BE%22%3A%223%2F4%22%2C%22%E2%85%93%22%3A%221%2F3%22%2C%22%E2%85%94%22%3A%222%2F3%22%2C%22%E2%85%95%22%3A%221%2F5%22%2C%22%E2%85%96%22%3A%222%2F5%22%2C%22%E2%85%97%22%3A%223%2F5%22%2C%22%E2%85%98%22%3A%224%2F5%22%2C%22%E2%85%99%22%3A%221%2F6%22%2C%22%E2%85%9A%22%3A%225%2F6%22%2C%22%E2%85%9B%22%3A%221%2F8%22%2C%22%E2%85%9C%22%3A%223%2F8%22%2C%22%E2%85%9D%22%3A%225%2F8%22%2C%22%E2%85%9E%22%3A%227%2F8%22%7D"));
window.tastyRecipesFormatAmount = function(amount, el) {if (parseFloat(amount) === parseInt(amount)) {return amount;} var roundType = 'frac'; if (typeof el.dataset.amountShouldRound !== 'undefined') {if ('false' !== el.dataset.amountShouldRound) {if ('number' === el.dataset.amountShouldRound) {roundType = 'number';} else if ('frac' === el.dataset.amountShouldRound) {roundType = 'frac';} else if ('vulgar' === el.dataset.amountShouldRound) {roundType = 'vulgar';} else {roundType = 'integer';}}} if ('number' === roundType) {amount = Number.parseFloat(amount).toPrecision(2);} else if ('integer' === roundType) {amount = Math.round(amount);} else if ('frac' === roundType || 'vulgar' === roundType) {var denom = 8; if (typeof el.dataset.unit !== 'undefined') {var unit = el.dataset.unit; if (['cups','cup','c'].includes(unit)) {denom = 4; if (0.125 === amount) {denom = 8;} if ("0.1667" === Number.parseFloat(amount).toPrecision(4)) {denom = 6;}} if (['tablespoons','tablespoon','tbsp'].includes(unit)) {denom = 2;} if (['teaspoons','teaspoon','tsp'].includes(unit)) {denom = 8;}} var amountArray = frac.cont(amount, denom, true); var newAmount = ''; if (amountArray[1] !== 0) {newAmount = amountArray[1] + '/' + amountArray[2]; if ('vulgar' === roundType) {Object.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) {if (newAmount === window.tastyRecipesVulgarFractions[vulgar]) {newAmount = vulgar;}});}} if (newAmount) {newAmount = ' ' + newAmount;} if (amountArray[0]) {newAmount = amountArray[0] + newAmount;} amount = newAmount;} return amount;};
window.tastyRecipesUpdatePrintLink = () => {
const printButton = document.querySelector('.tasty-recipes-print-button');
if (! printButton) {return;}
const printURL = new URL(printButton.href); const searchParams = new URLSearchParams(printURL.search);
const unitButton = document.querySelector('.tasty-recipes-convert-button-active'); const scaleButton = document.querySelector('.tasty-recipes-scale-button-active');
let unit = ''; let scale = '';
if (unitButton) {unit = unitButton.dataset.unitType; searchParams.delete('unit'); searchParams.set('unit', unit);}
if (scaleButton) {scale = scaleButton.dataset.amount; searchParams.set('scale', scale);}
const paramString = searchParams.toString(); const newURL = '' === paramString ? printURL.href : printURL.origin + printURL.pathname + '?' + paramString; const printLinks = document.querySelectorAll('.tasty-recipes-print-link');
printLinks.forEach((el) => {el.href = newURL;});
const printButtons = document.querySelectorAll('.tasty-recipes-print-button'); printButtons.forEach((el) => {el.href = newURL;});};
document.addEventListener('DOMContentLoaded', () => {
if (! window.location.href.includes('/print/')) {return;}
const searchParams = new URLSearchParams(window.location.search);
const unit = searchParams.get('unit'); const scale = searchParams.get('scale');
if (unit && ('metric' === unit || 'usc' === unit)) {document.querySelector('.tasty-recipes-convert-button[data-unit-type="' + unit + '"]').click();}
if (scale && Number(scale) > 0) {document.querySelector('.tasty-recipes-scale-button[data-amount="' + Number(scale) + '"]').click();}});}());
(function(){var buttonClass = 'tasty-recipes-scale-button', buttonActiveClass = 'tasty-recipes-scale-button-active', buttons = document.querySelectorAll('.tasty-recipes-scale-button'); if (! buttons) {return;}
buttons.forEach(function(button){button.addEventListener('click', function(event){event.preventDefault(); var recipe = event.target.closest('.tasty-recipes'); if (! recipe) {return;} var otherButtons = recipe.querySelectorAll('.' + buttonClass); otherButtons.forEach(function(bt){bt.classList.remove(buttonActiveClass);}); button.classList.add(buttonActiveClass);
var scalables = recipe.querySelectorAll('span[data-amount]'); var buttonAmount = parseFloat(button.dataset.amount); scalables.forEach(function(scalable){if (typeof scalable.dataset.amountOriginalType === 'undefined' && typeof scalable.dataset.nfOriginal === 'undefined') {if (-1 !== scalable.innerText.indexOf('/')) {scalable.dataset.amountOriginalType = 'frac';} if (-1 !== scalable.innerText.indexOf('.')) {scalable.dataset.amountOriginalType = 'number';} Object.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) {if (-1 !== scalable.innerText.indexOf(vulgar)) {scalable.dataset.amountOriginalType = 'vulgar';}}); if (typeof scalable.dataset.amountOriginalType !== 'undefined') {scalable.dataset.amountShouldRound = scalable.dataset.amountOriginalType;}} var amount = parseFloat(scalable.dataset.amount) * buttonAmount; amount = window.tastyRecipesFormatAmount(amount, scalable); if (typeof scalable.dataset.unit !== 'undefined') {if (! scalable.classList.contains('nutrifox-quantity')) {if (! scalable.classList.contains('nutrifox-second-quantity')) {amount += ' ' + scalable.dataset.unit;}}} scalable.innerText = amount;});
var nonNumerics = recipe.querySelectorAll('[data-has-non-numeric-amount]'); nonNumerics.forEach(function(nonNumeric){var indicator = nonNumeric.querySelector('span[data-non-numeric-label]'); if (indicator) {nonNumeric.removeChild(indicator);} if (1 !== buttonAmount) {indicator = document.createElement('span'); indicator.setAttribute('data-non-numeric-label', true); var text = document.createTextNode(' (x' + buttonAmount + ')'); indicator.appendChild(text); nonNumeric.appendChild(indicator);}});
window.tastyRecipesUpdatePrintLink();});});}());
(function(){document.querySelectorAll('[data-tr-ingredient-checkbox]').forEach(function(el) {var input = el.querySelector('.tr-ingredient-checkbox-container input[type="checkbox"]'); if (! input) {return;} if (input.checked) {el.dataset.trIngredientCheckbox = 'checked';} el.addEventListener('click', function(event) {if ('A' === event.target.nodeName || 'INPUT' === event.target.nodeName || 'LABEL' === event.target.nodeName) {return;} input.click();}); input.addEventListener('change', function() {el.dataset.trIngredientCheckbox = input.checked ? 'checked' : '';});});}());
window.TastyRecipes = window.TastyRecipes || {};
window.TastyRecipes.staticTooltip = {element: null, tooltipElement: null, deleting: false, init(element) {if (this.deleting) {return;} this.element = element; this.buildElements();}, destroy() {if (! this.tooltipElement || this.deleting) {return;}
this.deleting = true; this.tooltipElement.classList.remove('opened');
setTimeout(() => {this.tooltipElement.remove(); this.deleting = false;}, 500);}, buildElements() {const tooltipElement = document.createElement('div'); tooltipElement.classList.add('tasty-recipes-static-tooltip'); tooltipElement.setAttribute('id', 'tasty-recipes-tooltip');
const currentTooltipElement = document.getElementById('tasty-recipes-tooltip'); if (currentTooltipElement) {document.body.replaceChild(tooltipElement, currentTooltipElement);} else {document.body.appendChild(tooltipElement);}
this.tooltipElement = document.getElementById('tasty-recipes-tooltip');}, show() {if (! this.tooltipElement) {return;}
const tooltipTop = this.element.getBoundingClientRect().top + window.scrollY - 10 // 10px offset. - this.tooltipElement.getBoundingClientRect().height; const tooltipLeft = this.element.getBoundingClientRect().left - (this.tooltipElement.getBoundingClientRect().width / 2) + (this.element.getBoundingClientRect().width / 2) - 1; const posLeft = Math.max(10, tooltipLeft); this.maybeRemoveTail(posLeft !== tooltipLeft);
this.tooltipElement.setAttribute('style', 'top:' + tooltipTop + 'px;left:' + posLeft + 'px;'); this.tooltipElement.classList.add('opened');
}, maybeRemoveTail(removeTail) {if (removeTail) {this.tooltipElement.classList.add('tr-hide-tail');} else {this.tooltipElement.classList.remove('tr-hide-tail');}}, changeMessage(message) {if (! this.tooltipElement) {return;} this.tooltipElement.innerHTML = message;}};
window.TastyRecipes.ajax = {sendPostRequest(url, data, success, failure) {const xhr = new XMLHttpRequest(); xhr.open('POST', url, true); xhr.send(this.preparePostData(data));
xhr.onreadystatechange = () => {if (4 !== xhr.readyState) {return;} if (xhr.status === 200) {success(JSON.parse(xhr.responseText)); return;}
failure(xhr);};
xhr.onerror = () => {failure(xhr);};}, preparePostData(data) {const formData = new FormData();
for (const key in data) {formData.append(key, data[key]);} return formData;},};
window.TastyRecipes.ratings = {defaultRating: 0, currentRatingPercentage: 100, savingRating: false, init(minRating) {this.minRating = minRating;
this.formWatchRating(); this.closeTooltipWhenClickOutside(); this.addBodyClassBasedOnSelectedRating(); this.backwardCompFormRatingPosition();}, formWatchRating() {const ratings = document.querySelectorAll('.tasty-recipes-no-ratings-buttons [data-rating]'); if (ratings.length <= 0) {return;} for (const rating of ratings) {rating.addEventListener('click', event => {event.preventDefault(); this.defaultRating = event.target.closest('.checked').dataset.rating; this.setCheckedStar(event.target); this.maybeSendRating(this.defaultRating, event.target); this.setRatingInForm(this.defaultRating);});}}, closeTooltipWhenClickOutside() {window.addEventListener('click', e => {// Bailout (don't remove the tooltip) when the clicked element is a rating star, or it's the tooltip itself. if (e.target.closest('.tasty-recipes-rating') || e.target.classList.contains('tasty-recipes-static-tooltip')) {return;}
window.TastyRecipes.staticTooltip.destroy();});}, setRatingInForm(rating) {const ratingInput = document.querySelector('#respond .tasty-recipes-rating[value="' + rating + '"]'); if (! ratingInput) {return;} ratingInput.click();}, addBodyClassBasedOnSelectedRating() {const ratingInputs = document.querySelectorAll('input.tasty-recipes-rating'); if (! ratingInputs) {return;} for (const ratingInput of ratingInputs) {ratingInput.addEventListener('click', currentEvent => {const selectedRating = currentEvent.target.getAttribute('value'); this.handleBodyClassByRating(selectedRating); this.toggleCommentTextareaRequired(selectedRating);});}}, handleBodyClassByRating(rating) {if (rating < this.minRating) {document.body.classList.remove('tasty-recipes-selected-minimum-rating'); return;} document.body.classList.add('tasty-recipes-selected-minimum-rating');}, toggleCommentTextareaRequired(rating) {const commentTextarea = document.getElementById('comment'); if (! commentTextarea) {return;} if (rating < this.minRating) {commentTextarea.setAttribute('required', ''); return;} commentTextarea.removeAttribute('required');}, maybeSendRating(rating, element) {if (this.savingRating === rating) {return;} this.savingRating = rating; window.TastyRecipes.staticTooltip.init(element); const recipeCardElement = element.closest('.tasty-recipes'); if (! recipeCardElement) {window.TastyRecipes.staticTooltip.destroy(); return;} window.TastyRecipes.ajax.sendPostRequest(window.trCommon.ajaxurl, {action: 'tasty_recipes_save_rating', rating, nonce: window.trCommon.ratingNonce, post_id: window.trCommon.postId, recipe_id: recipeCardElement.dataset.trId,}, (response) => {window.TastyRecipes.staticTooltip.changeMessage(response.data.message); window.TastyRecipes.staticTooltip.show(); this.updateAverageText(response.data, recipeCardElement); this.maybeFillCommentForm(response.data);
// Hide the tooltip after 5 seconds. setTimeout(() => {this.maybeResetTooltip(recipeCardElement, response.data, rating);}, 5000);}, () => {this.resetTooltip(recipeCardElement);});}, updateAverageText(data, recipeCardElement) {if (! data.average) {return;} this.setRatingPercent(data);
if (! data.count) {return;}
const quickLink = document.querySelector('.tasty-recipes-rating-link'); if (quickLink) {this.setTextInContainer(quickLink, data); this.setPartialStar(quickLink);}
const cardStars = recipeCardElement.querySelector('.tasty-recipes-ratings-buttons'); cardStars.dataset.trDefaultRating = data.average; this.setTextInContainer(recipeCardElement.querySelector('.tasty-recipes-rating'), data);}, setTextInContainer(container, data) {if (! container) {return;}
if (data.label) {const ratingLabelElement = container.querySelector('.rating-label'); if (ratingLabelElement) {ratingLabelElement.innerHTML = data.label;} return;}
const averageElement = container.querySelector('.average'); if (averageElement) {averageElement.textContent = data.average;}
const countElement = container.querySelector('.count'); if (countElement) {countElement.textContent = data.count;}}, setPartialStar(container) {const highestStar = container.querySelector('[data-rating="' + Math.ceil(this.defaultRating) + '"]'); if (highestStar) {highestStar.dataset.trClip = this.currentRatingPercentage;}}, setRatingPercent(data) {this.defaultRating = data.average.toFixed(1); const parts = data.average.toFixed(2).toString().split('.'); this.currentRatingPercentage = parts[1] ? parts[1] : 100; if (this.currentRatingPercentage === '00') {this.currentRatingPercentage = 100;}}, setCheckedStar(target) {const cardRatingContainer = target.closest('.tasty-recipes-ratings-buttons'); const selectedRatingElement = cardRatingContainer.querySelector('[data-tr-checked]'); if (selectedRatingElement) {delete selectedRatingElement.dataset.trChecked;}
const thisStar = target.closest('.tasty-recipes-rating'); thisStar.dataset.trChecked = 1; thisStar.querySelector('[data-tr-clip]').dataset.trClip = 100;}, maybeFillCommentForm(data) {if (! data.comment || ! data.comment.content) {return;}
const commentForm = document.querySelector('#commentform'); if (! commentForm) {return;}
const commentBox = commentForm.querySelector('[name=comment]'); if (! commentBox || commentBox.value) {return;}
// Add comment details for editing. commentBox.innerHTML = data.comment.content; if (data.comment.name) {commentForm.querySelector('[name=author]').value = data.comment.name; commentForm.querySelector('[name=email]').value = data.comment.email;}}, maybeResetTooltip(recipeCardElement, data, rating) {if (this.savingRating === rating) {this.resetTooltip(recipeCardElement, data);}}, resetTooltip(recipeCardElement, data) {window.TastyRecipes.staticTooltip.destroy(); this.savingRating = false;
// Reset the default rating. const cardRatingContainer = recipeCardElement.querySelector('.tasty-recipes-ratings-buttons'); if (cardRatingContainer) {this.defaultRating = (data && data.average) ? data.average.toFixed(1) : cardRatingContainer.dataset.trDefaultRating; cardRatingContainer.dataset.trDefaultRating = this.defaultRating;
this.resetSelectedStar(cardRatingContainer, data);}}, resetSelectedStar(cardRatingContainer) {const selectedRatingElement = cardRatingContainer.querySelector('[data-rating="' + Math.ceil(this.defaultRating) + '"]'); if (selectedRatingElement) {selectedRatingElement.querySelector('[data-tr-clip]').dataset.trClip = this.currentRatingPercentage; selectedRatingElement.parentNode.dataset.trChecked = 1;}
const previousSelectedElement= cardRatingContainer.querySelector('[data-tr-checked]'); if (previousSelectedElement) {const currentSelectedRating = previousSelectedElement.querySelector('[data-rating]'); if (currentSelectedRating !== selectedRatingElement) {delete previousSelectedElement.dataset.trChecked;}}}, backwardCompFormRatingPosition() {const ratingsButtons = document.querySelector('#respond .tasty-recipes-ratings-buttons, #tasty-recipes-comment-rating .tasty-recipes-ratings-buttons'); if (! ratingsButtons) {return;} const ratingsButtonsStyles = window.getComputedStyle(ratingsButtons); if (! ratingsButtonsStyles.display.includes('flex')) {ratingsButtons.style.direction = 'rtl';}
if (typeof tastyRecipesRating !== 'undefined') {// Select the rating that was previously selected in admin. ratingsButtons.querySelector('.tasty-recipes-rating[value="' + tastyRecipesRating + '"]').checked = true;}
const ratingSpans = ratingsButtons.querySelectorAll('.tasty-recipes-rating'); for (const ratingSpan of ratingSpans) {ratingSpan.addEventListener('click', event => {if (ratingSpan === event.target) {return;} ratingSpan.previousElementSibling.click();});}}};
(function(callback) {if (document.readyState !== "loading") {callback();} else {window.addEventListener('load', callback);}})(() => {window.TastyRecipes.ratings.init(window.trCommon ? window.trCommon.minRating : 4);});
