Using Python Flask to change the colour of an icon when it detects a words like scam, pending and verified
Welcome to Programming Tutorial official website. Today - we are going to cover how to solve / find the solution of this error Using Python Flask to change the colour of an icon when it detects a words like scam, pending and verified on this date .
I am trying to change the colour of a circle icon next to words like scam, pending and verified. Which is already displayed on the page So that when the page loads the corresponding colour for the icon would be displayed. I have attached my code
import os from app import app,db from datetime import timedelta from flask import render_template, request, flash,url_for,redirect,session,make_response,send_from_directory, send_file from app.models import User,Watch,Group,Contact,Advert,Report,Tv from app.stock_function import is_valid_email, check_login import hashlib import smtplib from werkzeug.utils import secure_filename from config import Config from flask_mail import Mail, Message mail = Mail(app) @app.route('/whatsapptv') def whatsapptv(): tv= Tv.query.all() return render_template('tvlist.html',tvs=tv)
<div class="container"> <div class="center-div" style="width: auto"> </div> {%if tvs %} <table class="table table-hover table-responsive"> <div class="row"> <thead> <th scope="col">S/N</th> <th scope="col">Name</th> <th scope="col">Phone Number</th> <th scope="col"> Verified Business</th> <th scope="col"> Remark</th> </thead> {%for tv in tvs%} <tr> <td> <h5>{{loop.index}}</h5></td> <td> <h5>{{tv.name}}</h5></td> <td><h4 >{{tv.group}}</h4> </td> <td><h4>{{tv.description}} </h4> <i class="bx bxs-circle"></i> </td> <td><h4 >{{tv.remark}}</h4> </td> </td> </tr> {%endfor%} </table> </div> {%else%} <p>No Business available</p> {%endif%} </div> <div>
Answer
change “parameter” by the parameter you’re using in your model to define the color.
<tr> <td> <h5>{{loop.index}}</h5></td> <td> <h5>{{tv.name}}</h5></td> <td><h4 >{{tv.group}}</h4></td> <td><h4>{{tv.description}} </h4> {% if tv.parameter == 'verified' %}<i class="bx" style="color:green;" bxs-circle"></i> {% elif tv.parameter == 'pending' %}<i class="bx" style="color:yellow;" bxs-circle"></i> {% else %}<i class="bx" style="color:red;" bxs-circle"></i>{% endif %}</td> <td><h4 >{{tv.remark}}</h4></td> </td> </tr>