Yarninator/toddler_shop_frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Made api_url a variable

Browse source
This commit is contained in:
Yarne Coppens 2024-09-04 10:07:55 +02:00
parent 9287bb9a2b
commit 50a262e549
3 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app.py
View file

@ -3,10 +3,12 @@ from markupsafe import escape
app = Flask(__name__) app = Flask(__name__)
api_url = "http://192.168.1.3:8000"
@app.route("/") @app.route("/")
def start(): def start():
return render_template('index.jinja') return render_template('index.jinja', api_url=api_url)
@app.route("/pay_cash/<price>") @app.route("/pay_cash/<price>")
def pay_cash(price: int): def pay_cash(price: int):
return render_template('paycash.jinja', price=escape(price)) return render_template('paycash.jinja', price=escape(price), api_url=api_url)

6
templates/index.jinja
View file

@ -68,7 +68,7 @@
<div class="container text-center product_placeholder"> <div class="container text-center product_placeholder">
<div class="row" style="width: 70%;margin-left: auto;margin-right: auto;"> <div class="row" style="width: 70%;margin-left: auto;margin-right: auto;">
<div class="col"> <div class="col">
<img src="http://127.0.0.1:8000/icons/cart" height="100rem" width="100rem" class="card-img-top" alt=""> <img src="{{api_url}}/icons/cart" height="100rem" width="100rem" class="card-img-top" alt="">
</div> </div>
<div class="col" id="price_container"> <div class="col" id="price_container">
<h2 class="card-title" id="totalprice">&euro; 0</h2> <h2 class="card-title" id="totalprice">&euro; 0</h2>
@ -79,12 +79,12 @@
</div> </div>
<div class="col-2"> <div class="col-2">
<div class="card"> <div class="card">
<img src="http://127.0.0.1:8000/icons/cash" height="100rem" width="100rem" class="card-img-top" alt=""> <input type="image" onclick="payCash()" src="{{api_url}}/icons/cash" height="100rem" width="100rem" class="card-img-top" alt="" />
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-2">
<div class="card"> <div class="card">
<img src="http://127.0.0.1:8000/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt=""> <input type="image" src="{{api_url}}/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt="" />
</div> </div>
</div> </div>
</div> </div>

6
templates/paycash.jinja
View file

@ -15,7 +15,7 @@
<div class="row"> <div class="row">
<div class="col-2"> <div class="col-2">
<div class="card"> <div class="card">
<img src="http://127.0.0.1:8000/icons/cash" height="100rem" width="100rem" class="card-img-top" alt=""> <img src="{{api_url}}/icons/cash" height="100rem" width="100rem" class="card-img-top" alt="">
</div> </div>
</div> </div>
<div class="col-8"> <div class="col-8">
@ -23,7 +23,7 @@
<div class="container text-center product_placeholder"> <div class="container text-center product_placeholder">
<div class="row" style="width: 70%;margin-left: auto;margin-right: auto;"> <div class="row" style="width: 70%;margin-left: auto;margin-right: auto;">
<div class="col"> <div class="col">
<img src="http://127.0.0.1:8000/icons/cart" height="100rem" width="100rem" class="card-img-top" alt=""> <img src="{{api_url}}/icons/cart" height="100rem" width="100rem" class="card-img-top" alt="">
</div> </div>
<div class="col" id="price_container"> <div class="col" id="price_container">
<h2 class="card-title" id="totalprice">&euro; {{price}}</h2> <h2 class="card-title" id="totalprice">&euro; {{price}}</h2>
@ -34,7 +34,7 @@
</div> </div>
<div class="col-2"> <div class="col-2">
<div class="card"> <div class="card">
<img src="http://127.0.0.1:8000/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt=""> <img src="{{api_url}}/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt="">
</div> </div>
</div> </div>
</div> </div>