summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--app.py6
-rw-r--r--model.py5
-rw-r--r--requirements.txt3
-rw-r--r--static/custom.css2
-rw-r--r--templates/controls.j216
-rw-r--r--templates/macros.j212
-rw-r--r--templates/players.j22
7 files changed, 20 insertions, 26 deletions
diff --git a/app.py b/app.py
index d7d3b65..cb790f3 100644
--- a/app.py
+++ b/app.py
@@ -1,4 +1,3 @@
-from os import getenv
from dotenv import load_dotenv
from controller import RoundGenerator
from model import CourtList, PlayerList
@@ -8,10 +7,7 @@ from flask import Flask, render_template, request
load_dotenv()
app = Flask("Match Up! Backend")
-app.config.from_object(getenv("APP_SETTINGS"))
-rg = RoundGenerator(
- courts=CourtList(int(getenv("COURTS"))), players=PlayerList(getenv("DATABASE"))
-)
+rg = RoundGenerator(courts=CourtList(), players=PlayerList())
re = Environment(loader=FileSystemLoader("templates"))
diff --git a/model.py b/model.py
index f768d0f..c652ce8 100644
--- a/model.py
+++ b/model.py
@@ -1,3 +1,4 @@
+from os import getenv
from math import floor
from csv import reader
from typing import Tuple
@@ -30,7 +31,7 @@ class Game:
@dataclass
class CourtList:
- total: int
+ total: int = int(getenv("COURTS"))
def __post_init__(self) -> None:
self.courts = {i + 1: True for i in range(self.total)}
@@ -54,7 +55,7 @@ class CourtList:
@dataclass
class PlayerList:
- location: str
+ location: str = getenv("DATABASE")
guests: int = 0
def __post_init__(self) -> None:
diff --git a/requirements.txt b/requirements.txt
index 886c3db..5a4a2b9 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,3 +1,2 @@
flask
-python-dotenv
-gunicorn \ No newline at end of file
+python-dotenv \ No newline at end of file
diff --git a/static/custom.css b/static/custom.css
index 3e57091..11d583f 100644
--- a/static/custom.css
+++ b/static/custom.css
@@ -2,7 +2,7 @@ button, input, .select, .select select {
width: 100%;
}
table {
- font-size: 30px;
+ font-size: 17.5px;
}
td {
width: 20%;
diff --git a/templates/controls.j2 b/templates/controls.j2
index 125dd38..6ba724a 100644
--- a/templates/controls.j2
+++ b/templates/controls.j2
@@ -1,5 +1,5 @@
{% from "macros.j2" import court %}
-<div class="fixed-grid has-12-cols">
+<div class="fixed-grid has-6-cols">
<div class="grid">
{% for key, value in courts.items() %}
{{ court(key, value) }}
@@ -10,16 +10,14 @@
<div class="column">
<div class="field has-addons">
<div class="control">
- <button class="button is-large is-responsive is-dark"
- style="text-align:center"
+ <button class="button is-responsive is-dark"
hx-post="/decrement"
hx-swap="outerHTML"
hx-target="#guests">-</button>
</div>
<div hx-get="/guests" hx-swap="outerHTML" hx-trigger="revealed"></div>
<div class="control">
- <button class="button is-large is-responsive is-dark"
- style="text-align:center"
+ <button class="button is-responsive is-dark"
hx-post="/increment"
hx-swap="outerHTML"
hx-target="#guests">+</button>
@@ -27,7 +25,7 @@
</div>
</div>
<div class="column">
- <div class="select is-large is-responsive">
+ <div class="select is-responsive">
<select name="type">
<option>10 Levels</option>
<option>8 Levels</option>
@@ -39,19 +37,19 @@
</div>
</div>
<div class="column">
- <button class="button is-dark is-large is-responsive"
+ <button class="button is-dark is-responsive"
hx-post="/propose"
hx-target="#games"
hx-include="[name='type']">New Round</button>
</div>
<div class="column"></div>
<div class="column">
- <button class="button is-dark is-large is-responsive"
+ <button class="button is-dark is-responsive"
hx-post="/confirm"
hx-target="#games">Start Round</button>
</div>
<div class="column">
- <button class="button is-dark is-large is-responsive"
+ <button class="button is-dark is-responsive"
hx-post="/clear"
hx-target="#games">Reset</button>
</div>
diff --git a/templates/macros.j2 b/templates/macros.j2
index 58b1a73..8d05bb0 100644
--- a/templates/macros.j2
+++ b/templates/macros.j2
@@ -1,18 +1,18 @@
{% macro court(id, status) -%}
-<button class= "button is-large is-responsive {% if status %}is-success{% else %}is-danger{% endif %}"
+<button class= "button is-responsive {% if status %}is-success{% else %}is-danger{% endif %}"
hx-post="{{ "/court-toggle/" ~ id}}"
hx-swap="outerHTML"> Court {{ id }}</button>
{%- endmacro %}
{% macro player(id, status, name) -%}
-<button class="button is-medium is-responsive {% if status %}is-success{% else %}is-danger {% endif %}"
+<button class="button is-responsive {% if status %}is-success{% else %}is-danger {% endif %}"
hx-post="{{ "/player-toggle/" ~ id}}"
hx-swap="outerHTML"> {{ name }} </button>
{%- endmacro %}
{% macro guests(count) -%}
<div class="control" id="guests">
- <input class="input is-large is-responsive" type="text" style="text-align:center" value="{{ count }} Guests" disabled>
+ <input class="input is-responsive" type="text" style="text-align:center" value="{{ count }} Guests" disabled>
</div>
{%- endmacro %}
@@ -49,15 +49,15 @@
</div>
<div class="level-item has-text-centered"></div>
<p class="level-item has-text-centered">
- <button class="button is-large is-link" onclick="location.href = '/';">Games</button>
+ <button class="button is-link" onclick="location.href = '/';">Games</button>
</p>
<div class="level-item has-text-centered"></div>
<div class="level-item has-text-centered">
- <p class="title is-1">Match Up!</p>
+ <p class="title">Match Up!</p>
</div>
<div class="level-item has-text-centered"></div>
<p class="level-item has-text-centered">
- <button class="button is-large is-link" onclick="location.href = '/players';">Players</button>
+ <button class="button is-link" onclick="location.href = '/players';">Players</button>
</p>
<div class="level-item has-text-centered"></div>
<div class="level-right">
diff --git a/templates/players.j2 b/templates/players.j2
index 6db040a..ae6afe0 100644
--- a/templates/players.j2
+++ b/templates/players.j2
@@ -5,7 +5,7 @@
<body>
<section class="section">
{{ navbar() }}
- <div class="fixed-grid has-6-cols">
+ <div class="fixed-grid has-4-cols">
<div class="grid">
{% for id, value in players.items() %}
<div class="cell"> {{ player(id, value.status, value.name) }} </div>