Finishing on New Game template end to end flow

flask-project/app.py

@@ -1,5 +1,5 @@
 from flask import Flask, render_template, request, redirect, url_for
-from scripts.utils import listNeeds
+from scripts.utils import listNeeds, generatePropositionExample, evaluateProposition
 
 
 app = Flask(__name__)
@@ -23,5 +23,44 @@ def startGame():
     sustainabilityNeeds,_ = listNeeds('sustainability')
     return render_template("newGame.html", moneyNeeds=moneyNeeds, customerExpNeeds=customerExpNeeds, sustainabilityNeeds=sustainabilityNeeds)
 
+@app.route("/generate-proposition",  methods = ['POST'])
+def generateProposition():
+   
+    print("Proposition generated")
+    productType = request.form['productType']
+    productName = request.form['productName']  
+    
+    moneyNeeds = request.form.getlist('moneyNeeds')
+    customerExpNeeds = request.form.getlist('customerExpNeeds')
+    sustainabilityNeeds = request.form.getlist('sustainabilityNeeds')
+    
+    generatedProposition = generatePropositionExample(productName, productType, moneyNeeds, customerExpNeeds, sustainabilityNeeds)
+    print(generatedProposition)
+    return generatedProposition
+
+
+
+@app.route("/submit-proposition",  methods = ['POST'])
+def submitProposition():
+    city = request.form['city']
+    
+    productType = request.form['productType']
+    subcount1 = request.form['subcount1']
+    subcount2 = request.form['subcount2']
+    subcount3 = request.form['subcount3']
+    productName = request.form['productName']
+    
+    
+    moneyNeeds = request.form.getlist('moneyNeeds')
+    customerExpNeeds = request.form.getlist('customerExpNeeds')
+    sustainabilityNeeds = request.form.getlist('sustainabilityNeeds')
+    proposition = request.form['proposition']
+        
+    matchingTopologies, predictedSubscriberTakeOut = evaluateProposition(city, productType, proposition, moneyNeeds, customerExpNeeds, sustainabilityNeeds)
+    val = "matching topologies = {} and predictedSubscriberTakeOut = {}".format(",".join(matchingTopologies), predictedSubscriberTakeOut)
+    print(val)
+    return val
+
+
 if __name__ == "__main__":
-    app.run(debug=True, host="0.0.0.0", port=5000)
+    app.run(debug=True, host="0.0.0.0", port=5000)

flask-project/requirement.txt

@@ -2,4 +2,5 @@ altair==4.0
 transformers
 google-generativeai
 db-sqlite3
-flask
+flask
+python-dotenv

flask-project/scripts/db_util.py

@@ -1,5 +1,6 @@
 import sqlite3
 import os
+import pandas as pd
 
 DB_DIR = "db"
 def fetch_db_rows_as_dicts(db_path, table_name):
@@ -31,6 +32,12 @@ def fetch_db_rows_as_dicts(db_path, table_name):
             conn.close()
 
 
+def fetchTopologies():
+    topologiesPath = os.path.abspath(os.path.join(os.getcwd(), DB_DIR,'topologies_desc.csv'))
+    topologiesDf = pd.read_csv(topologiesPath,  encoding = "ISO-8859-1")
+    return topologiesDf
+
+                    
 
 # Example usage:
 #dbPath = os.path.abspath(os.path.join(os.getcwd(), DB_DIR,'topologies.sqlite'))

flask-project/scripts/utils.py

@@ -1,8 +1,20 @@
-from scripts.db_util import fetch_db_rows_as_dicts
+from scripts.db_util import fetch_db_rows_as_dicts, fetchTopologies
 import google.generativeai as genai
 import json
 import os
+from dotenv import load_dotenv, dotenv_values 
 import pandas as pd
+import math
+
+load_dotenv()
+
+demographicsDict ={
+    'CharlesTown': {
+        'demographic':'CharlesTown city people are Living for today people mostly with a population of 10000. Out of this 65% are between the age of 18-25.',
+        'population': 10000},
+    'Limburg': {'demographic':'Limburg city people are young families people mostly with a population of 20000. Out of this 65% are between the age of 30-45. Most of them have kids aged between 0-15',
+                'population': 20000}
+}
 
 GOOGLE_API_KEY= os.getenv('GEMINI_API_KEY')
 genai.configure(api_key=GOOGLE_API_KEY)
@@ -150,7 +162,7 @@ def findTop3Needs(proposition, needs):
 
 def findTop3Topologies(proposition, demographic):
 
-    topologies = pd.read_csv('topologies_desc.csv',  encoding = "ISO-8859-1")
+    topologies = fetchTopologies()
 
     topologies = topologies.dropna(axis=1, how='all')
     
@@ -214,50 +226,85 @@ def generatePropositionExample(productName, selectedProduct, moneyNeeds, custome
     return response.text
 
 
-# def findTop3Needs(proposition, moneyNeeds):
+def evaluateProposition(selectedCity, selectedProduct, userProposal, moneyNeeds, customerExpNeeds, sustainabilityNeeds):
     
-#     moneyNeedsString = concatenate_keys(moneyNeeds)
-#     print(moneyNeedsString)
-
-#     prompt = '''You have these listed needs of customers
-#     {}
+    proposal = '''Given proposal is for the city {} with product {}. The propsal is as below.
+    {}'''
+    proposal = proposal.format(selectedCity, selectedProduct, userProposal)
+
+    _, moneyNeedsDict = listNeeds('money_needs')
+    _, customerExperienceDict = listNeeds('customer_exp')
+    _, sutainabilityNeedsDict = listNeeds('sustainability')
+
+    demographic = demographicsDict[selectedCity]['demographic']
+    population = demographicsDict[selectedCity]['population']
+    matchingTopologies, topologyDetails = findTop3Topologies(proposal, demographic)
+   
+    topologySumDict = {}
+
+    for topology in matchingTopologies:
+        sumTopology = 0
+        for moneyNeed in moneyNeeds:
+            #print(" Money need = {}, Topology is {}".format(moneyNeed, topology))
+            sumTopology = sumTopology+int(moneyNeedsDict[moneyNeed][topology])
+        
+        for customerExp in customerExpNeeds:
+            sumTopology = sumTopology+int(customerExperienceDict[customerExp][topology])
 
-#     Now given a proposition 
-#     "{}" 
-    
-#     Find the best 3 strings out of the list which matches this proposition. Return output strictly only in json under a list called matches
-#     '''
+        for sustainabilityNeed in sustainabilityNeeds:
+            sumTopology = sumTopology+int(sutainabilityNeedsDict[sustainabilityNeed][topology])
 
-#     moneyNeedsPrompt = prompt.format(moneyNeedsString, proposition)
-#     response = model.generate_content([moneyNeedsPrompt])
-#     output = response.text
-#     output = output.replace('```json', '')
-#     output = output.replace('```', '')
-#     obj = load_json_from_string(output)
-#     print(obj)
-#     return obj['matches']
+        topologySumDict[topology] = math.floor(sumTopology/3)
 
+    totalSubscriberTakeOut = 0
+    for topology in matchingTopologies:
+        proportion = int(topologyDetails[topology]['Proportion Sample'].replace('%', ''))
+        topologyPopulation = math.floor((proportion * population) / 100)
 
-# findTop3Topologies('We have a product for family people giving them discounts and low interest loans for home appliances. They can pay us back in small instalments over the course of 4 years',
-#                    'CharlesTown city people are young families people mostly with a population of 20000. Out of this 65% are between the age of 30-45. Most of them have kids aged between 0-15')
+        topologyScore = topologySumDict[topology]
 
-#findTop3SustainabilityNeeds('We support Home appliances are all electric and use no fuel based energy')
+        topologyPopulation = math.floor(topologyPopulation/2)
+        if topologyScore <=250:
+            topologyPopulation = topologyPopulation/2
 
-#We provide a credit card which gives 10% discount on purchasing home appliances and also provides low interest rates based loans
+        elif topologyScore >250 and topologyScore<=260:
+            topologyPopulation = math.floor(topologyPopulation/1.8)
+        
+        elif topologyScore >260 and topologyScore<=270:
+            topologyPopulation = math.floor(topologyPopulation/1.6)
 
-#customer need - We provide our customer with utmost comfort and at home service
+        elif topologyScore >270 and topologyScore<=280:
+            topologyPopulation = math.floor(topologyPopulation/1.4)
 
-# subscriber take out
+        elif topologyScore >280 and topologyScore<=300:
+            topologyPopulation = topologyPopulation
+        
+        elif topologyScore >300 and topologyScore<=310:
+            topologyPopulation = math.floor(topologyPopulation * 1.2)
 
-# 250 and below with a negative factor of 2.0
-# 260 with a negative factor of 1.8
-# 270 with a negative factor of 1.6
-# 280 with a negative factor of 1.0
-# 300 with a factor of 1
-# 310 with a factor of 1.2
-# 320 with a factor of 1.4
-# 340 with a factor or 1.5
-# 360+ with a factor of 2.0
+        elif topologyScore >310 and topologyScore<=320:
+            topologyPopulation = math.floor(topologyPopulation * 1.4)
+        
+        elif topologyScore >320 and topologyScore<=340:
+            topologyPopulation = math.floor(topologyPopulation * 1.5)
+        
+        elif topologyScore >340 and topologyScore<=360:
+            topologyPopulation = math.floor(topologyPopulation * 1.6)
+        
+        else:
+             topologyPopulation = math.floor(topologyPopulation * 2)
 
-#a,b = listNeeds('money_needs')
-#print(a)
+        totalSubscriberTakeOut = totalSubscriberTakeOut + topologyPopulation
+    
+    return matchingTopologies, totalSubscriberTakeOut 
+#        st.write("{}. {} and has subscriber takeout of {}".format(topology, topologySumDict[topology], topologyPopulation))
+
+#    st.write(" Target Subscriber takeout = {}".format(totalSubscriberTakeOut))
+#    st.write(" Total Subscriber take up for Year 3 = {}".format(subscriberTakeOutYear3))
+
+#    if totalSubscriberTakeOut<subscriberTakeOutYear3:
+#        st.write("Overall there is not a close match of your proposition to the main demographic. Takeout score difference = {}".format(subscriberTakeOutYear3-totalSubscriberTakeOut))
+#    elif totalSubscriberTakeOut==subscriberTakeOutYear3:
+#        st.write("Amazing! Your proposition  exactly match the target subscriber take oup for year 3")
+#    else:
+#        st.write("Great Job! Your proposition exceeds the target subscriber take up for year 3. Additional takeout = {}".format(totalSubscriberTakeOut- subscriberTakeOutYear3))

flask-project/templates/newGame.html

@@ -275,11 +275,11 @@
                     <h2>Proposition Evaluation Game</h2>
                 </div>
                 <div class="form-inner">
-                    <form method="post" action="#" id="register-form" class="default-form"> 
+                    <form class="default-form" id="generate-proposition-form" name="generate-proposition-form"> 
                         <div class="row clearfix">
                             <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                 <div class="select-box">
-                                    <select class="wide">
+                                    <select class="wide" name="city">
                                        <option data-display="Select Town">Select Town</option>
                                        <option value="CharlesTown">CharlesTown</option>
                                        <option value="Limburg">Limburg</option>
@@ -288,7 +288,7 @@
                             </div>
                             <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                 <div class="select-box">
-                                    <select class="wide">
+                                    <select class="wide" name="productType">
                                        <option data-display="Select Product">Select Product</option>
                                        <option value="Curent">Curent</option>
                                        <option value="Mortgage">Mortgage</option>
@@ -311,9 +311,9 @@
                             </div>
                             <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                 <div><span>Please select top 3 money needs that you are targeting for your customer</span></div>
-                                <select class="wide form-select needs" multiple id="moneyNeeds">
+                                <select class="wide form-select needs" name="moneyNeeds" multiple>
                                     {%for need in moneyNeeds%} 
-                                    <option value={{need}}>{{need}}</option>
+                                    <option value="{{ need }}">{{need}}</option>
                                     {%endfor%}                                    
                                 </select>
                                 
@@ -321,9 +321,9 @@
 
                             <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                 <div><span>Please select top 3 customer experience needs that you are targeting for your customer</span></div>
-                                <select class="wide form-select needs" multiple id="customerExpNeeds">
+                                <select class="wide form-select needs" name="customerExpNeeds" multiple>
                                     {%for need in customerExpNeeds%} 
-                                    <option value={{need}}>{{need}}</option>
+                                    <option value="{{ need }}">{{need}}</option>
                                     {%endfor%}                                    
                                 </select>
                                 
@@ -331,25 +331,57 @@
 
                             <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                 <div><span>Please select top 3 sustainability needs that you are targeting for your customer</span></div>
-                                <select class="wide form-select needs" multiple id="sustainabilityNeeds">
+                                <select class="wide form-select needs" name="sustainabilityNeeds" multiple>
                                     {%for need in sustainabilityNeeds%} 
-                                    <option value={{need}}>{{need}}</option>
+                                    <option value="{{ need }}">{{need}}</option>
                                     {%endfor%}                                    
                                 </select>
                                 
                             </div>
                             <div class="col-lg-12 col-md-12 col-sm-12 form-group message-btn centred">
-                                <button class="theme-btn btn-one" type="submit" name="submit-form">Generate Sample Proposition</button>
+                                <button class="theme-btn btn-one" type="submit" name="generate-proposition" id="generate-proposition">Generate Sample Proposition</button>
                             </div>
                         </div>
                     </form>
                 </div>
+                <div class="form-inner">
+                    <form id="submit-proposition-form" style="display: none;"> 
+                        <div class="row clearfix">
+                            <div class="col-lg-12 col-md-12 col-sm-12 form-group">
+                                <textarea name="proposition" id="proposition"></textarea>
+                            </div>
+                            <div class="col-lg-12 col-md-12 col-sm-12 form-group message-btn centred">
+                                <button class="theme-btn btn-one" type="submit" name="submit-proposition" id="submit-proposition">Submit Proposition</button>
+                            </div>
+                        </div>
+                    </form> 
+                </div>
             </div>
         </section>
         <!-- contact-section end -->
 
 
 
+        <div id="dialog-content" style="display:none;max-width:500px;">
+            <h2>Hello, world!</h2>
+            <p>
+              <input type="text" value="" />
+            </p>
+            <p>
+              Try hitting the tab key and notice how the focus stays within the dialog
+              itself.
+            </p>
+            <p>
+              To close dialog hit the esc button, click on the overlay or just click the
+              close button.
+            </p>
+            <p>
+              Element used to launch the modal would receive focus back after closing.
+            </p>
+          </div>
+          <button data-fancybox data-src="#dialog-content">Launch Dialog</button>
+
+          
 
         <!--Scroll to top-->
         <div class="scroll-to-top">
@@ -386,8 +418,35 @@
             if($(this).children("option:selected").length >= 3) {
                 alert("You can only select maximum 3 options")
             }
+
+            $("#generate-proposition").unbind().click( function (e) {
+                e.preventDefault()
+                
+                 $.ajax({
+                    type: 'POST',
+                    async:false,
+                    url: '/generate-proposition',
+                    data: $('#generate-proposition-form').serialize(),
+                    success: function(data){
+                     $('#proposition').val(data)
+                     $('#submit-proposition-form').css({"display": "block"})
+                 }})
+                
+                                
+            })
+
+            
+            $("#submit-proposition").unbind().click( function (e) {
+                e.preventDefault()
+                $.post('/submit-proposition', $('#generate-proposition-form').serialize()+"&"+$('#submit-proposition-form').serialize(), function(data){
+                    
+                })
+            })
+
+            
         });
     </script>
 
 </body><!-- End of .page_wrapper -->
 </html>
+