BiryaniHubflaskSalesTeam6

Sleeping

App Files Files Community

nagasurendra commited on Mar 27

Commit

b988069

verified ·

1 Parent(s): 9a673e5

Update templates/reward_status.html

Browse files

Files changed (1) hide show

templates/reward_status.html +92 -138

templates/reward_status.html CHANGED Viewed

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Reward Status</title>
     <style>
@@ -54,7 +54,6 @@
             color: #888;
             margin-bottom: 20px;
         }
-        /* Reward progress bar styling */
         .points-bar {
             width: 100%;
             height: 20px;
@@ -74,80 +73,19 @@
             font-size: 0.9em;
             color: #333;
         }
-        /* Card layout for item and ingredients */
-        .reward-item-card {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            margin-top: 20px;
         }
-        .item-image {
-            width: 150px;
-            height: 150px;
-            object-fit: cover;
-            border-radius: 8px;
         }
-        .ingredient-card {
             display: flex;
             justify-content: space-between;
-            margin-top: 10px;
-        }
-        .ingredient {
-            text-align: center;
-            cursor: pointer;
-        }
-        .ingredient img {
-            width: 100px;
-            height: 100px;
-            object-fit: cover;
-            border-radius: 8px;
-        }
-        /* Modal styling for ingredient details */
-        .modal {
-            display: none;
-            position: fixed;
-            z-index: 1;
-            left: 0;
-            top: 0;
-            width: 100%;
-            height: 100%;
-            background-color: rgba(0, 0, 0, 0.5);
-            overflow: auto;
-            padding-top: 60px;
-        }
-        .modal-content {
-            background-color: #fff;
-            margin: 5% auto;
-            padding: 20px;
-            border: 1px solid #888;
-            width: 50%;
-            border-radius: 8px;
-        }
-        .modal-header {
-            font-size: 1.5em;
-            margin-bottom: 15px;
-        }
-        .modal-body p {
-            font-size: 1em;
-            margin: 10px 0;
-        }
-        .close {
-            color: #aaa;
-            font-size: 1.5em;
-            position: absolute;
-            right: 10px;
-            top: 10px;
-            cursor: pointer;
         }
     </style>
 </head>
@@ -162,82 +100,98 @@
     <div class="reward-status">
         <div class="badge">{{ current_tier }} Status</div>
         <div class="valid-through">Valid through December 2024</div>
         <div class="points-info">
             <div class="points">You have <strong>{{ user_points }}</strong> points</div>
         </div>
-        <!-- Reward Item Display -->
-        <div class="reward-item-card">
-            {% for item in order_items %}
-                <div>
-                    <img class="item-image" src="{{ item.image_url }}" alt="{{ item.name }}" onerror="this.src='/static/placeholder.jpg';">
-                    <h3>{{ item.name }}</h3>
-                    <p>Price: ${{ "%.2f"|format(item.price) }}</p>
-                </div>
-                <div class="ingredient-card">
-                    {% for ingredient in item.ingredients %}
-                        {% if ingredient.name %}
-                            <div class="ingredient" onclick="showIngredientDetails('{{ ingredient.name }}')">
-                                <img src="{{ ingredient.image }}" alt="{{ ingredient.name }}" onerror="this.src='/static/placeholder.jpg';">
-                                <p>{{ ingredient.name }}</p>
-                            </div>
-                        {% endif %}
-                    {% endfor %}
-                </div>
-            {% endfor %}
         </div>
-    </div>
-</div>
-<!-- Ingredient Modal -->
-<div id="ingredientModal" class="modal">
-    <div class="modal-content">
-        <span class="close" onclick="closeModal()">&times;</span>
-        <div class="modal-header">
-            <h2 id="ingredientName"></h2>
         </div>
-        <div class="modal-body">
-            <img id="ingredientImage" src="" alt="" style="width: 150px; height: 150px; object-fit: cover; border-radius: 8px;">
-            <h3>Health Benefits:</h3>
-            <p id="healthBenefits"></p>
-            <h3>Fun Facts:</h3>
-            <p id="funFacts"></p>
         </div>
     </div>
 </div>
-<script>
-    function showIngredientDetails(ingredient) {
-        let ingredientData = {
-            '{{ ingredient_1_name }}': {
-                name: "{{ ingredient_1_name }}",
-                image: "{{ ingredient_1_image }}",
-                health_benefits: "{{ ingredient_1_health_benefits }}",
-                fun_facts: "{{ ingredient_1_fun_facts }}"
-            },
-            '{{ ingredient_2_name }}': {
-                name: "{{ ingredient_2_name }}",
-                image: "{{ ingredient_2_image }}",
-                health_benefits: "{{ ingredient_2_health_benefits }}",
-                fun_facts: "{{ ingredient_2_fun_facts }}"
-            }
-        };
-        document.getElementById("ingredientName").textContent = ingredientData[ingredient].name;
-        document.getElementById("ingredientImage").src = ingredientData[ingredient].image;
-        document.getElementById("healthBenefits").textContent = ingredientData[ingredient].health_benefits;
-        document.getElementById("funFacts").textContent = ingredientData[ingredient].fun_facts;
-        document.getElementById("ingredientModal").style.display = "block";
-    }
-    function closeModal() {
-        document.getElementById("ingredientModal").style.display = "none";
     }
-</script>
-</body>
-</html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Reward Status</title>
     <style>
             color: #888;
             margin-bottom: 20px;
         }
         .points-bar {
             width: 100%;
             height: 20px;
             font-size: 0.9em;
             color: #333;
         }
+        .points {
+            font-size: 1.1em;
+            font-weight: bold;
         }
+        .next-tier {
+            font-size: 1.1em;
+            font-weight: bold;
         }
+        .points-bar-info {
             display: flex;
             justify-content: space-between;
+            font-size: 0.9em;
+            color: #333;
         }
     </style>
 </head>
     <div class="reward-status">
         <div class="badge">{{ current_tier }} Status</div>
         <div class="valid-through">Valid through December 2024</div>
         <div class="points-info">
             <div class="points">You have <strong>{{ user_points }}</strong> points</div>
         </div>
+        <div class="points-bar-info">
+            <div>{{ start_point }}</div> <!-- Start of the range -->
+            <div>{{ end_point }}</div>   <!-- End of the range -->
         </div>
+        <div class="points-bar">
+            <div class="progress"></div>
         </div>
+        <div class="points-info">
+            <div class="points">You need <strong>{{ points_needed_for_next_tier }}</strong> more points</div>
+            <div class="next-tier">Next tier: {{ next_tier }}</div>
         </div>
     </div>
 </div>
+</body>
+</html>
+observe this code
+@app.route('/reward_status')
+def reward_status():
+    # Get the user email from session (assuming the session is already set during checkout)
+    email = session.get('user_email')
+    if not email:
+        return "User not logged in", 400
+    # Query Salesforce to fetch the user's reward points
+    try:
+        # Query the Customer_Login__c object based on the user's email
+        query = f"SELECT Id, Reward_Points__c FROM Customer_Login__c WHERE Email__c = '{email}'"
+        user_data = sf.query(query)
+        # Check if the user record was found
+        if not user_data.get("records"):
+            return "User not found", 400
+        # Get the user's reward points from Salesforce
+        user_points = user_data["records"][0].get("Reward_Points__c", 0)
+    except Exception as e:
+        return f"Error querying Salesforce: {str(e)}", 500
+    # Define point ranges for each tier
+    tiers = {
+        "Bronze": 100,  # Example: 0 to 100 for Bronze
+        "Silver": 200,  # Example: 100 to 200 for Silver
+        "Gold": 300,    # Example: 200 to 300 for Gold
+        "Platinum": 500
     }
+    # Logic for calculating the next tier's range and current progress
+    current_tier = "Silver"  # Example, dynamically determine this
+    # Calculate the range for the current tier
+    if current_tier == "Silver":
+        start_point = 100  # Silver starts at 100
+        end_point = 200    # Silver ends at 200
+    elif current_tier == "Gold":
+        start_point = 200  # Gold starts at 200
+        end_point = 300    # Gold ends at 300
+    else:
+        start_point = 0    # Default start point for other tiers
+        end_point = 100    # Default end point for other tiers
+    # Calculate progress as a percentage
+    if user_points >= start_point:
+        progress_percentage = ((user_points - start_point) / (end_point - start_point)) * 100
+    else:
+        progress_percentage = 0
+    # Calculate points to next tier
+    points_needed_for_next_tier = end_point - user_points
+    next_tier = "Gold"  # Next tier name (you can dynamically calculate this)
+    # Round the points before passing to the template
+    user_points = round(user_points)
+    points_needed_for_next_tier = round(points_needed_for_next_tier)
+    # Pass these values to your template
+    return render_template(
+        'reward_status.html',
+        user_points=user_points,
+        current_tier=current_tier,
+        progress_percentage=progress_percentage,
+        points_needed_for_next_tier=points_needed_for_next_tier,
+        start_point=start_point,
+        end_point=end_point,
+        next_tier=next_tier,
+        tiers=tiers
+    )