app.py

@@ -15,7 +15,7 @@ session = Session()
 def result50(date=datetime.now()):
     result = []
     for x in session.query(CoinMarketPosition,Coin).filter(func.Date(CoinMarketPosition.date) == date.date()).distinct(Coin.id).join(Coin).order_by(CoinMarketPosition.market_caps.desc()).limit(50).all():
-        result.append((x[1].symbol, x[0].market_caps))
+        result.append((x[1].symbol, x[0].market_caps, x[0].prices))
     return result
     
 @app.route("/")
@@ -27,7 +27,7 @@ def top50async(date="2020-01-12"):
 def top50json(date):
     d = datetime.strptime(date, "%d-%m-%Y")
     results = result50(d)
-    arr = [{'name':x[0],'marketCap':x[1]} for x in results]
+    arr = [{'name':x[0],'marketCap':x[1], 'prices':x[2]} for x in results]
     return jsonify(arr)
 
 @app.route('/coin/<id>/')

static/js/app.js

@@ -47,6 +47,10 @@ const coinTop50 = {
       },
       handleJsonUpdate(response){
         this.items = response.data
+      },
+      displayRoundedPrice(price){
+        var precision = -Math.floor( Math.log10(price) + 1);
+        return Math.round(item.prices.toFixed(precision)).toLocaleString();
       }
     }
   }

static/js/round.js

@@ -0,0 +1,6 @@
+
+function myFunction(x) {
+    /*var x = 0.00195;*/
+    var m = -Math.floor( Math.log10(x) + 1);
+    return m; // outputs 2
+}

templates/async_list.html

@@ -61,9 +61,9 @@
         <transition-group name="flip-list" tag="div" class="row">
           <div class=" col xl2 l3 m4 s6" v-for="item,k in items" :key="item.name">
             <div class="card-panel blue-grey">
-              <div class="white-text currency">{{k+1}}. {{ item.name }}</div>
+              <div class="white-text currency">{{k+1}}. {{ item.name }} : ${{ displayRoundedPrice(item.prices) }}</div>
               <div class="white-text amount">{{ Math.round(item.marketCap).toLocaleString() }}</div>
-             </div>
+            </div>
           </div>
         </transition-group>
         {% endraw %}
@@ -77,5 +77,6 @@
     <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
     <script src="https://unpkg.com/vue@next"></script>
     <script src="{{ url_for('static', filename='js/app.js')}}"></script>
+    <script src="{{ url_for('static', filename='js/round.js')}}"></script>
   </body>
 </html>